react-native-inapp-inspector 2.5.11 → 2.5.13

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

@@ -1,49 +1,49 @@
-import re from"react";import{useTranslation as ae}from"../../i18n";import{Alert as le,Image as Te,Linking as $,Pressable as P,ScrollView as Ce,Text as C,TextInput as L,View as T}from"react-native";import{animateNextLayout as Se,useInspector as Re}from"./InspectorContext";import K from"../TouchableScale";import Ve from"../SegmentedTabs";import De from"../MetaAccordion";import J from"../HeadersSection";import Be from"../SourcePageCard";import _ from"../SectionHeader";import G from"../JsonViewer";import Q from"../DiffViewer";import O from"../CopyButton";import Ie from"../ShareButton";import o from"../../styles";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as R}from"../../styles/AppFonts";import{METHOD_COLORS as X}from"../../constants";import{getStatusColor as z,getSize as Y,formatDateTime as He,getFetchCommand as $e,getCurlCommand as qe}from"../../helpers";import{shareApiReport as Pe}from"../../helpers/shareFormatter";import{FailIcon as We,StatusIcon as Le,HeadersIcon as Oe,RequestIcon as Fe,ResponseIcon as Ue,DownloadIcon as Ae,ClearIcon as F,SizeIcon as Ee,ExternalLinkIcon as Me,ClockIcon as Ne}from"../NetworkIcons";const Ke=re.memo(()=>{const{t:b}=ae(),{selected:e,detailDisplayUrl:S,apiDetailActiveTab:D,setApiDetailActiveTab:Z,detailSearch:k,setDetailSearch:V,reqExpanded:B,setReqExpanded:U,resExpanded:I,setResExpanded:A,showReqDiff:v,setShowReqDiff:ee,showResDiff:W,setShowResDiff:te,prevRequestData:E,prevResponseData:M,logRouteMapRef:oe}=Re(),N=()=>{le.alert(b("common.openInBrowser")||"Open in Browser",`${b("common.openInBrowserPrompt")||"Are you sure you want to open this URL in your external browser?"}
+import ae from"react";import{useTranslation as le}from"../../i18n";import{Alert as ne,Image as Te,Linking as $,Pressable as L,ScrollView as Ce,Text as S,TextInput as O,View as T}from"react-native";import{animateNextLayout as ke,useInspector as Se}from"./InspectorContext";import F from"../TouchableScale";import Re from"../SegmentedTabs";import Ve from"../MetaAccordion";import J from"../HeadersSection";import De from"../SourcePageCard";import _ from"../SectionHeader";import G from"../JsonViewer";import Q from"../DiffViewer";import U from"../CopyButton";import Be from"../ShareButton";import o from"../../styles";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as V}from"../../styles/AppFonts";import{METHOD_COLORS as X}from"../../constants";import{getStatusColor as B,getSize as Y,formatDateTime as Ie,getFetchCommand as Pe,getCurlCommand as He,openWithPostman as Z}from"../../helpers";import{shareApiReport as $e}from"../../helpers/shareFormatter";import{FailIcon as Le,StatusIcon as We,HeadersIcon as Oe,RequestIcon as Fe,ResponseIcon as Ue,DownloadIcon as Ae,ClearIcon as A,SizeIcon as Ee,ExternalLinkIcon as Me,PostmanIcon as Ne,ClockIcon as Ke}from"../NetworkIcons";const je=ae.memo(()=>{const{t:C}=le(),{selected:e,detailDisplayUrl:R,apiDetailActiveTab:D,setApiDetailActiveTab:ee,detailSearch:k,setDetailSearch:z,reqExpanded:I,setReqExpanded:E,resExpanded:P,setResExpanded:M,showReqDiff:W,setShowReqDiff:te,showResDiff:v,setShowResDiff:oe,prevRequestData:N,prevResponseData:K,logRouteMapRef:re}=Se(),j=()=>{ne.alert(C("common.openInBrowser")||"Open URL",`${C("common.openInBrowserPrompt")||"Choose how you want to open or inspect this URL:"}
 
-${S}`,[{text:b("common.cancel")||"Cancel",style:"cancel"},{text:b("common.open")||"Open",onPress:()=>{$.canOpenURL(S).then(r=>{r?$.openURL(S):$.openURL(S).catch(()=>{})}).catch(()=>{})}}])};return e?<T style={{flex:1}}>
+${R}`,[{text:C("common.cancel")||"Cancel",style:"cancel"},{text:"Open in Postman",onPress:()=>{e&&Z(e)}},{text:C("common.open")||"Browser",onPress:()=>{$.canOpenURL(R).then(r=>{r?$.openURL(R):$.openURL(R).catch(()=>{})}).catch(()=>{})}}])};return e?<T style={{flex:1}}>
       
       <T style={{paddingHorizontal:8,paddingTop:4}}>
         <T style={o.detailInfoBar}>
-          {(()=>{const r=S.indexOf("://"),H=r!==-1?S.substring(0,r+3):"";return<>
+          {(()=>{const r=R.indexOf("://"),H=r!==-1?R.substring(0,r+3):"";return<>
                 
                 <T style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",gap:6,paddingBottom:8,borderBottomWidth:1,borderBottomColor:t.dividerColor}}>
                   <T style={{flexDirection:"row",alignItems:"center",gap:5,flexWrap:"wrap",flex:1}}>
                     
                     <T style={[o.methodBadge,{backgroundColor:X[e.method]??X.ALL,paddingHorizontal:8,paddingVertical:3.5,borderRadius:6}]}>
-                      <C style={[o.methodBadgeText,{color:t.white,fontSize:10.5,fontFamily:R.interBold}]}>
+                      <S style={[o.methodBadgeText,{color:t.white,fontSize:10.5,fontFamily:V.interBold}]}>
                         {e.method}
-                      </C>
+                      </S>
                     </T>
 
                     
                     {e.client&&<T style={[o.chip,{backgroundColor:e.client==="axios"?`${t.purple}14`:e.client==="apollo"||e.client==="graphql"?`${t.pink500}14`:e.client==="xhr"?`${t.amber500}14`:`${t.sky500}14`,borderColor:e.client==="axios"?`${t.purple}30`:e.client==="apollo"||e.client==="graphql"?`${t.pink500}30`:e.client==="xhr"?`${t.amber500}30`:`${t.sky500}30`,paddingHorizontal:6,paddingVertical:3,borderRadius:6}]}>
-                        <C style={[o.chipText,{fontFamily:R.interBold,fontSize:9.5,color:e.client==="axios"?t.purple:e.client==="apollo"||e.client==="graphql"?t.pink500:e.client==="xhr"?t.amber700:t.sky600}]}>
+                        <S style={[o.chipText,{fontFamily:V.interBold,fontSize:9.5,color:e.client==="axios"?t.purple:e.client==="apollo"||e.client==="graphql"?t.pink500:e.client==="xhr"?t.amber700:t.sky600}]}>
                           {e.client.toUpperCase()}
-                        </C>
+                        </S>
                       </T>}
 
                     
-                    {e.status!=null&&<T style={[o.chip,{backgroundColor:e.status===0?`${t.errorColor}18`:`${z(e.status)}18`,borderColor:e.status===0?`${t.errorColor}40`:`${z(e.status)}40`,paddingHorizontal:7,paddingVertical:3,borderRadius:6}]}>
-                        {e.status===0?<We size={8}color={t.errorColor}/>:<T style={{width:6,height:6,borderRadius:3,backgroundColor:z(e.status)}}/>}
-                        <C style={[o.chipText,{color:e.status===0?t.errorColor:z(e.status),fontFamily:R.interBold,fontSize:10.5}]}>
+                    {e.status!=null&&<T style={[o.chip,{backgroundColor:e.status===0?`${t.errorColor}18`:`${B(e.status)}18`,borderColor:e.status===0?`${t.errorColor}40`:`${B(e.status)}40`,paddingHorizontal:7,paddingVertical:3,borderRadius:6}]}>
+                        {e.status===0?<Le size={8}color={t.errorColor}/>:<T style={{width:6,height:6,borderRadius:3,backgroundColor:B(e.status)}}/>}
+                        <S style={[o.chipText,{color:e.status===0?t.errorColor:B(e.status),fontFamily:V.interBold,fontSize:10.5}]}>
                           {e.status===0?"Failed":`${e.status} ${e.status===200?"OK":""}`}
-                        </C>
+                        </S>
                       </T>}
 
                     
                     {e.duration!=null&&<T style={[o.chip,{backgroundColor:`${t.brandPurple}14`,borderColor:`${t.brandPurple}30`,paddingHorizontal:7,paddingVertical:3,borderRadius:6,gap:4}]}>
-                        <Ne color={t.brandPurple}size={10}/>
-                        <C style={[o.chipText,{color:t.brandPurple,fontFamily:R.interBold,fontSize:10.5}]}>
+                        <Ke color={t.brandPurple}size={10}/>
+                        <S style={[o.chipText,{color:t.brandPurple,fontFamily:V.interBold,fontSize:10.5}]}>
                           {e.duration}ms
-                        </C>
+                        </S>
                       </T>}
 
                     
                     {e.response!=null&&<T style={[o.chip,{backgroundColor:`${t.sky600}14`,borderColor:`${t.sky600}30`,paddingHorizontal:7,paddingVertical:3,borderRadius:6,gap:4}]}>
                         <Ee color={t.sky600}size={10}/>
-                        <C style={[o.chipText,{color:t.sky600,fontFamily:R.interBold,fontSize:10.5}]}>
+                        <S style={[o.chipText,{color:t.sky600,fontFamily:V.interBold,fontSize:10.5}]}>
                           {Y(e.response)}
-                        </C>
+                        </S>
                       </T>}
                   </T>
                 </T>
@@ -54,64 +54,67 @@ ${S}`,[{text:b("common.cancel")||"Cancel",style:"cancel"},{text:b("common.open")
                   <T style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",flexWrap:"nowrap",gap:6}}>
                     <T style={{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1,minWidth:0}}>
                       {H?<T style={{backgroundColor:H.startsWith("https")?`${t.green600}18`:`${t.amber500}18`,paddingHorizontal:6,paddingVertical:2,borderRadius:4}}>
-                          <C style={{fontFamily:R.interBold,fontSize:9,color:H.startsWith("https")?t.green600:t.amber500}}>
+                          <S style={{fontFamily:V.interBold,fontSize:9,color:H.startsWith("https")?t.green600:t.amber500}}>
                             {H.replace("://","").toUpperCase()}
-                          </C>
+                          </S>
                         </T>:null}
 
-                      <C style={{fontFamily:R.interBold,fontSize:10,color:t.grayTextWeak,letterSpacing:.4,textTransform:"uppercase"}}numberOfLines={1}>
+                      <S style={{fontFamily:V.interBold,fontSize:10,color:t.grayTextWeak,letterSpacing:.4,textTransform:"uppercase"}}numberOfLines={1}>
                         ENDPOINT URL
-                      </C>
+                      </S>
                     </T>
 
                     
                     <T style={{flexDirection:"row",alignItems:"center",gap:5,flexShrink:0}}>
-                      <O value={qe(e)}label="cURL"iconType="terminal"/>
-                      <Ie onShare={()=>Pe(e)}/>
-                      <O value={$e(e)}label="fetch()"iconType="fetch"/>
-                      <O value={S}label="URL"iconType="copy"/>
-                      <K style={[o.iconSquareBtn,{backgroundColor:`${t.sky600}15`,borderColor:`${t.sky600}35`}]}onPress={N}hitSlop={10}accessibilityLabel="Open in Browser">
+                      <U value={He(e)}label="cURL"iconType="terminal"/>
+                      <Be onShare={()=>$e(e)}/>
+                      <U value={Pe(e)}label="fetch()"iconType="fetch"/>
+                      <U value={R}label="URL"iconType="copy"/>
+                      <F style={[o.iconSquareBtn,{backgroundColor:"rgba(255, 108, 55, 0.12)",borderColor:"rgba(255, 108, 55, 0.35)"}]}onPress={()=>Z(e)}hitSlop={10}accessibilityLabel="Open in Postman">
+                        <Ne color="#FF6C37"size={13}/>
+                      </F>
+                      <F style={[o.iconSquareBtn,{backgroundColor:`${t.sky600}15`,borderColor:`${t.sky600}35`}]}onPress={j}hitSlop={10}accessibilityLabel="Open in Browser">
                         <Me color={t.sky600}size={13}/>
-                      </K>
+                      </F>
                     </T>
                   </T>
 
                   
-                  <P onPress={N}>
-                    <C selectable={!0}style={{fontFamily:R.interMedium,fontSize:12.5,color:t.skyBlue,textDecorationLine:"underline",lineHeight:18}}>
-                      {S}
-                    </C>
-                  </P>
+                  <L onPress={j}>
+                    <S selectable={!0}style={{fontFamily:V.interMedium,fontSize:12.5,color:t.skyBlue,textDecorationLine:"underline",lineHeight:18}}>
+                      {R}
+                    </S>
+                  </L>
                 </T>
               </>})()}
         </T>
       </T>
 
       
-      <Ve tabs={[{key:"metadata",label:b("network.detailTabs.metadata"),icon:r=><Le color={r?t.white:t.grayText}/>},{key:"headers",label:b("network.detailTabs.headers"),icon:r=><Oe color={r?t.white:t.grayText}/>},...e.request!=null?[{key:"request",label:b("network.detailTabs.request"),icon:r=><Fe color={r?t.white:t.grayText}/>}]:[],{key:"response",label:b("network.detailTabs.response"),icon:r=><Ue color={r?t.white:t.grayText}/>}]}activeKey={D}onChange={r=>{Se(),Z(r)}}style={{marginHorizontal:6,marginBottom:10,marginTop:6}}/>
+      <Re tabs={[{key:"metadata",label:C("network.detailTabs.metadata"),icon:r=><We color={r?t.white:t.grayText}/>},{key:"headers",label:C("network.detailTabs.headers"),icon:r=><Oe color={r?t.white:t.grayText}/>},...e.request!=null?[{key:"request",label:C("network.detailTabs.request"),icon:r=><Fe color={r?t.white:t.grayText}/>}]:[],{key:"response",label:C("network.detailTabs.response"),icon:r=><Ue color={r?t.white:t.grayText}/>}]}activeKey={D}onChange={r=>{ke(),ee(r)}}style={{marginHorizontal:6,marginBottom:10,marginTop:6}}/>
 
       
       <Ce style={o.detailScroll}contentContainerStyle={{paddingHorizontal:6,paddingBottom:24}}showsVerticalScrollIndicator={!0}>
         {D==="metadata"&&<>
-            <De status={e.status}statusColor={z(e.status)}duration={e.duration}size={Y(e.response)}triggeredAt={He(e.startTime)}method={e.method}contentType={e.responseHeaders?.["content-type"]||e.responseHeaders?.["Content-Type"]}url={e.url}/>
+            <Ve status={e.status}statusColor={B(e.status)}duration={e.duration}size={Y(e.response)}triggeredAt={Ie(e.startTime)}method={e.method}contentType={e.responseHeaders?.["content-type"]||e.responseHeaders?.["Content-Type"]}url={e.url}/>
 
-            {(()=>{const r=oe.current.get(e.id)||e?.routeInfo;return!r||!r.path||r.path==="Navigators"?null:<Be routeInfo={r}/>})()}
+            {(()=>{const r=re.current.get(e.id)||e?.routeInfo;return!r||!r.path||r.path==="Navigators"?null:<De routeInfo={r}/>})()}
 
             {(e.responseHeaders?.["content-type"]||e.responseHeaders?.["Content-Type"])?.includes("image/")?<T style={o.imagePreviewWrapper}>
                     <Te source={{uri:e.url}}style={o.imagePreview}resizeMode="contain"/>
-                    <K style={o.imageDownloadBtn}onPress={()=>$.openURL(e.url)}hitSlop={10}>
+                    <F style={o.imageDownloadBtn}onPress={()=>$.openURL(e.url)}hitSlop={10}>
                       <Ae color={t.purple}size={18}/>
-                    </K>
+                    </F>
                   </T>:null}
           </>}
 
         {D==="headers"&&<>
             <T style={o.detailSearchRow}>
               <T style={o.detailSearchBox}>
-                <L placeholder={b("network.searchHeaders")}placeholderTextColor={t.grayTextWeak}value={k}onChangeText={V}style={o.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
-                {k.length>0&&<P onPress={()=>V("")}hitSlop={10}style={{padding:8}}>
-                    <F color={t.grayTextWeak}size={14}/>
-                  </P>}
+                <O placeholder={C("network.searchHeaders")}placeholderTextColor={t.grayTextWeak}value={k}onChangeText={z}style={o.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
+                {k.length>0&&<L onPress={()=>z("")}hitSlop={10}style={{padding:8}}>
+                    <A color={t.grayTextWeak}size={14}/>
+                  </L>}
               </T>
             </T>
 
@@ -122,19 +125,19 @@ ${S}`,[{text:b("common.cancel")||"Cancel",style:"cancel"},{text:b("common.open")
         {D==="request"&&e.request!=null&&<>
               <T style={o.detailSearchRow}>
                 <T style={o.detailSearchBox}>
-                  <L placeholder={b("network.searchRequest")}placeholderTextColor={t.grayTextWeak}value={k}onChangeText={V}style={o.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
-                  {k.length>0&&<P onPress={()=>V("")}hitSlop={10}style={{padding:8}}>
-                      <F color={t.grayTextWeak}size={14}/>
-                    </P>}
+                  <O placeholder={C("network.searchRequest")}placeholderTextColor={t.grayTextWeak}value={k}onChangeText={z}style={o.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
+                  {k.length>0&&<L onPress={()=>z("")}hitSlop={10}style={{padding:8}}>
+                      <A color={t.grayTextWeak}size={14}/>
+                    </L>}
                 </T>
               </T>
 
               <T style={o.sectionContainer}>
-                <_ title={b("network.requestTitle")}value={e.request}expanded={B}onToggleExpand={()=>U(r=>!r)}showDiff={E!=null}isDiffing={v}onToggleDiff={()=>{ee(r=>!r),!B&&!v&&U(!0)}}/>
-                {v?<Q oldData={E}newData={e.request}forceOpen={B}/>:B?<G data={e.request}search={k}/>:<T style={o.codeBlock}>
-                    <C style={[o.codeText,{color:t.grayTextWeak}]}>
-                      {b("network.bodyHidden")}
-                    </C>
+                <_ title={C("network.requestTitle")}value={e.request}expanded={I}onToggleExpand={()=>E(r=>!r)}showDiff={N!=null}isDiffing={W}onToggleDiff={()=>{te(r=>!r),!I&&!W&&E(!0)}}/>
+                {W?<Q oldData={N}newData={e.request}forceOpen={I}/>:I?<G data={e.request}search={k}/>:<T style={o.codeBlock}>
+                    <S style={[o.codeText,{color:t.grayTextWeak}]}>
+                      {C("network.bodyHidden")}
+                    </S>
                   </T>}
               </T>
             </>}
@@ -142,21 +145,21 @@ ${S}`,[{text:b("common.cancel")||"Cancel",style:"cancel"},{text:b("common.open")
         {D==="response"&&<>
             <T style={o.detailSearchRow}>
               <T style={o.detailSearchBox}>
-                <L placeholder={b("network.searchResponse")}placeholderTextColor={t.grayTextWeak}value={k}onChangeText={V}style={o.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
-                {k.length>0&&<P onPress={()=>V("")}hitSlop={10}style={{padding:8}}>
-                    <F color={t.grayTextWeak}size={14}/>
-                  </P>}
+                <O placeholder={C("network.searchResponse")}placeholderTextColor={t.grayTextWeak}value={k}onChangeText={z}style={o.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
+                {k.length>0&&<L onPress={()=>z("")}hitSlop={10}style={{padding:8}}>
+                    <A color={t.grayTextWeak}size={14}/>
+                  </L>}
               </T>
             </T>
 
             <T style={o.sectionContainer}>
-              <_ title={b("network.responseTitle")}value={e.response}expanded={I}onToggleExpand={()=>A(r=>!r)}showDiff={M!=null}isDiffing={W}onToggleDiff={()=>{te(r=>!r),!I&&!W&&A(!0)}}/>
-              {W?<Q oldData={M}newData={e.response}forceOpen={I}/>:I?<G data={e.response}search={k}wrap/>:<T style={o.codeBlock}>
-                  <C style={[o.codeText,{color:t.grayTextWeak}]}>
-                    {b("network.bodyHidden")}
-                  </C>
+              <_ title={C("network.responseTitle")}value={e.response}expanded={P}onToggleExpand={()=>M(r=>!r)}showDiff={K!=null}isDiffing={v}onToggleDiff={()=>{oe(r=>!r),!P&&!v&&M(!0)}}/>
+              {v?<Q oldData={K}newData={e.response}forceOpen={P}/>:P?<G data={e.response}search={k}wrap/>:<T style={o.codeBlock}>
+                  <S style={[o.codeText,{color:t.grayTextWeak}]}>
+                    {C("network.bodyHidden")}
+                  </S>
                 </T>}
             </T>
           </>}
       </Ce>
-    </T>:null});export default Ke;
+    </T>:null});export default je;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { NetworkLog } from '../../types';
+export interface NetworkExportModalProps {
+    visible: boolean;
+    onClose: () => void;
+    filteredLogs: NetworkLog[];
+    allLogs: NetworkLog[];
+}
+export declare const NetworkExportModal: React.FC<NetworkExportModalProps>;
+export default NetworkExportModal;

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

@@ -0,0 +1,333 @@
+import{useCallback as de,useEffect as Oe,useMemo as G,useRef as We,useState as R}from"react";import{Modal as Ct,View as T,Text as C,TextInput as Ne,StyleSheet as Me,Pressable as Tt,Animated as N,Easing as _,ScrollView as St,Share as qe}from"react-native";import D from"../TouchableScale";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as S}from"../../styles/AppFonts";import{ExportIcon as Te,ShareIcon as Bt,SaveIcon as Rt,CopyIcon as Ft,CloseWhite as It,CircleCheckIcon as $e,CircleXIcon as Vt,ClockIcon as At,RequestIcon as zt,ResponseIcon as Dt,LayersIcon as Ue,FilterIcon as Ht,CheckIcon as Pt,ZapIcon as Et,PenIcon as Lt}from"../NetworkIcons";import{triggerNativeHaptic as L,writeNativeExportFile as Ge,shareNativeFile as Ke}from"../../native/NativeInspector";import{copyToClipboard as Ot,showToast as X}from"../../helpers";import{formatNetworkLogsExport as Wt,estimateNetworkLogsExportSize as Nt,generateNetworkLogsFilename as Mt}from"../../helpers/shareFormatter";import{useTranslation as qt}from"../../i18n";export const NetworkExportModal=({visible:ce,onClose:ee,filteredLogs:te,allLogs:oe})=>{const{t:k}=qt(),[$,re]=R("config"),[M,Se]=R("filtered"),[q,ke]=R("all"),[H,ge]=R("all"),[ue,Be]=R("50"),[U,Re]=R(""),[P,ve]=R("txt"),[pe,Fe]=R(!1),[me,Ie]=R(!1),[ye,Ve]=R(!1),[fe,Ae]=R(!1),[he,ze]=R(!1),[xe,De]=R(!1),[we,He]=R(!1),[Qe,be]=R(0),[Je,Ce]=R(0),[O,Pe]=R(""),[E,Ee]=R(""),[Xe,Le]=R(0),K=We(new N.Value(0)).current,ie=We(new N.Value(1)).current,j=G(()=>{if(!U||U.trim().length===0)return{isValid:!0,error:null,regex:null};try{return{isValid:!0,error:null,regex:new RegExp(U.trim(),"i")}}catch(o){return{isValid:!1,error:o?.message||"Invalid pattern",regex:null}}},[U]),ne=G(()=>({includeRequestHeaders:pe,includeRequestBody:me,includeResponseHeaders:ye,includeResponseBody:fe,includeCurlCommand:he,includeTimestamps:xe,includeAppInfo:we,ignorePattern:H==="custom"&&j.isValid?U.trim():void 0}),[pe,me,ye,fe,he,xe,we,H,j.isValid,U]);Oe(()=>{if($==="progress"){const o=N.loop(N.sequence([N.timing(ie,{toValue:1.05,duration:600,easing:_.inOut(_.ease),useNativeDriver:!0}),N.timing(ie,{toValue:1,duration:600,easing:_.inOut(_.ease),useNativeDriver:!0})]));return o.start(),()=>o.stop()}},[$,ie]),Oe(()=>{ce&&(re("config"),ge("all"),ke("all"),ve("txt"),Be("50"),Re(""),Fe(!1),Ie(!1),Ve(!1),Ae(!1),ze(!1),De(!1),He(!1),be(0),Ce(0),Pe(""),Ee(""),Le(0),K.setValue(0))},[ce,K]);const Q=G(()=>M==="filtered"?te:oe,[M,te,oe]),J=G(()=>{let o=0,B=0,F=0,W=0,I=0;return Q.forEach(V=>{const A=typeof V.status=="number"?V.status:parseInt(String(V.status),10);V.status===0||V.status==null||!isNaN(A)&&A>=400?B++:!isNaN(A)&&A>=200&&A<400&&o++,(V.duration||0)>=500&&F++;const se=(V.method||"").toUpperCase();se==="POST"&&W++,se==="GET"&&I++}),{all:Q.length,success:o,error:B,slow:F,post:W,get:I}},[Q]),Y=G(()=>q==="all"?Q:Q.filter(o=>{const B=typeof o.status=="number"?o.status:parseInt(String(o.status),10),F=o.status===0||o.status==null||!isNaN(B)&&B>=400,W=!isNaN(B)&&B>=200&&B<400,I=(o.duration||0)>=500,V=(o.method||"").toUpperCase();return q==="success"?W:q==="error"?F:q==="slow"?I:q==="POST"?V==="POST":q==="GET"?V==="GET":!0}),[Q,q]),{selectedLogs:z,ignoredCount:le}=G(()=>{if(Y.length===0)return{selectedLogs:[],ignoredCount:0};let B=Y,F=0;if(H==="custom"&&j.regex){const I=j.regex,V=B.length;B=B.filter(A=>{const se=A.url||"",ot=A.method||"",rt=A.client||"",it=A.request?JSON.stringify(A.request):"",nt=A.response?JSON.stringify(A.response):"";return!I.test(se)&&!I.test(ot)&&!I.test(rt)&&!I.test(it)&&!I.test(nt)}),F=V-B.length}let W=B.length;if(H==="all")W=B.length;else if(H==="custom"){const I=parseInt(ue,10);W=isNaN(I)||I<=0?B.length:Math.min(I,B.length)}return{selectedLogs:B.slice(-W),ignoredCount:F}},[Y,H,ue,j.regex]),ae=G(()=>Nt(z,P,ne),[z,P,ne]),Z=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`,Ye=de(()=>{if(z.length===0){X(k("network.noLogsToExport","No API requests available to export"));return}L("medium"),re("progress"),be(0),Ce(0),K.setValue(0);const o=z.length,B=Math.max(1,Math.floor(o/10));let F=0;const W=setInterval(()=>{F=Math.min(F+B,o);const I=F/o;be(Math.round(I*100)),Ce(F),N.timing(K,{toValue:I,duration:120,easing:_.linear,useNativeDriver:!1}).start(),F>=o&&(clearInterval(W),setTimeout(()=>{const V=Wt(z,P,ne),A=Mt(P);Pe(V),Ee(A),Le(V.length),re("complete"),L("heavy")},180))},45)},[z,P,ne,K,k]),Ze=de(async()=>{if(O){L("light");try{const o=await Ge(E,O);if(o&&await Ke(o,P==="json"?"application/json":"text/plain",E))return;await qe.share({title:E,message:O,url:o||void 0},{dialogTitle:`Share ${E}`,subject:E})}catch(o){o?.message!=="User did not share"&&X(o?.message||"Failed to open share sheet")}}},[O,E,P]),_e=de(async()=>{if(O){L("medium");try{const o=await Ge(E,O);if(o&&await Ke(o,P==="json"?"application/json":"text/plain",`Save ${E}`)){X(k("network.savePromptOpened","Opened save to disk dialog"));return}await qe.share({title:`Save ${E}`,message:O,url:o||void 0},{dialogTitle:`Save to Disk (${E})`,subject:E}),X(k("network.savePromptOpened","Opened save to disk dialog"))}catch(o){o?.message!=="User did not share"&&X(o?.message||"Save error")}}},[O,E,P,k]),et=de(()=>{O&&(L("light"),Ot(O,"API Network Logs"),X(k("network.copiedLogs","API requests copied to clipboard!")))},[O,k]),tt=te.length!==oe.length;return<Ct visible={ce}transparent animationType="slide"onRequestClose={ee}>
+      <T style={e.overlay}>
+        <Tt style={e.backdrop}onPress={ee}/>
+
+        <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}>
+                <Te size={18}color={t.purple}/>
+              </T>
+              <T style={e.headerTextGroup}>
+                <C style={e.title}>
+                  {k("network.exportTitle","Export API Logs")}
+                </C>
+                <C style={e.subtitle}>
+                  {$==="config"?`${z.length} requests ready for export`:$==="progress"?"Preparing exported file...":"Export complete"}
+                </C>
+              </T>
+            </T>
+            <D onPress={ee}hitSlop={10}style={e.closeBtn}>
+              <It size={12}color={t.grayTextWeak}/>
+            </D>
+          </T>
+
+          
+          {$==="config"&&<>
+              <St showsVerticalScrollIndicator={!1}contentContainerStyle={e.configContainer}>
+                
+                {tt&&<T style={e.section}>
+                    <C style={e.sectionLabel}>
+                      {k("network.exportScope","REQUEST SOURCE SCOPE")}
+                    </C>
+                    <T style={e.segmentedRow}>
+                      <D onPress={()=>{L("light"),Se("filtered")}}style={[e.segmentBtn,M==="filtered"&&e.segmentBtnActive]}>
+                        <Ht size={13}color={M==="filtered"?t.purple:t.grayTextWeak}/>
+                        <C style={[e.segmentBtnText,M==="filtered"&&e.segmentBtnTextActive]}>
+                          {k("network.filteredView","Active Filter")} (
+                          {te.length})
+                        </C>
+                      </D>
+
+                      <D onPress={()=>{L("light"),Se("all")}}style={[e.segmentBtn,M==="all"&&e.segmentBtnActive]}>
+                        <Ue size={13}color={M==="all"?t.purple:t.grayTextWeak}/>
+                        <C style={[e.segmentBtnText,M==="all"&&e.segmentBtnTextActive]}>
+                          {k("network.allLogsScope","All Requests")} ({oe.length})
+                        </C>
+                      </D>
+                    </T>
+                  </T>}
+
+                
+                <T style={e.section}>
+                  <C style={e.sectionLabel}>
+                    {k("network.logCategoryFilter","REQUEST CATEGORY FILTER")}
+                  </C>
+                  <T style={e.levelRow}>
+                    {[{id:"all",label:"All",count:J.all,color:t.purple,Icon:Ue},{id:"success",label:"2xx OK",count:J.success,color:t.greenColor,Icon:$e},{id:"error",label:"Errors",count:J.error,color:t.errorColor,Icon:Vt},{id:"slow",label:"Slow >500ms",count:J.slow,color:t.warningIconGold,Icon:At},{id:"POST",label:"POST",count:J.post,color:t.blue500||"#3B82F6",Icon:zt},{id:"GET",label:"GET",count:J.get,color:t.emerald500||"#10B981",Icon:Dt}].map(o=>{const B=q===o.id,F=o.Icon;return<D key={o.id}onPress={()=>{L("light"),ke(o.id)}}style={[e.levelChip,B&&{backgroundColor:`${o.color}15`,borderColor:o.color}]}>
+                          <F size={11}color={B?o.color:t.grayTextWeak}/>
+                          <C style={[e.levelChipText,B&&{color:o.color,fontFamily:S.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>
+                        </D>})}
+                  </T>
+                </T>
+
+                
+                <T style={e.section}>
+                  <T style={e.sectionHeaderRow}>
+                    <C style={e.sectionLabel}>
+                      {k("network.logsCountRange","REQUESTS COUNT RANGE")}
+                    </C>
+                    <T style={e.countPill}>
+                      <C style={e.countPillText}>
+                        Matched: {Y.length}
+                      </C>
+                    </T>
+                  </T>
+
+                  
+                  <T style={e.segmentedRow}>
+                    <D onPress={()=>{L("light"),ge("all")}}style={[e.segmentBtn,H==="all"&&e.segmentBtnActive]}>
+                      <Et size={13}color={H==="all"?t.purple:t.grayTextStrong}/>
+                      <C style={[e.segmentBtnText,H==="all"&&e.segmentBtnTextActive]}>
+                        All ({Y.length})
+                      </C>
+                    </D>
+
+                    <D onPress={()=>{L("light"),ge("custom")}}style={[e.segmentBtn,H==="custom"&&e.segmentBtnActive]}>
+                      <Lt size={12}color={H==="custom"?t.purple:t.grayTextStrong}/>
+                      <C style={[e.segmentBtnText,H==="custom"&&e.segmentBtnTextActive]}>
+                        Custom
+                      </C>
+                    </D>
+                  </T>
+
+                  
+                  {H==="custom"&&<T style={e.customOptionsContainer}>
+                      
+                      <T style={e.customFieldRow}>
+                        <C style={e.customFieldLabel}>
+                          {k("network.enterCount","Enter number of requests:")}
+                        </C>
+                        <Ne keyboardType="number-pad"value={ue}onChangeText={Be}style={e.customCountInput}placeholder="e.g. 50"placeholderTextColor={t.slate400}/>
+                      </T>
+
+                      
+                      <T style={e.regexFieldBlock}>
+                        <T style={e.regexLabelRow}>
+                          <C style={e.customFieldLabel}>
+                            {k("network.ignorePatterns","Ignore Patterns (Regex):")}
+                          </C>
+                          {j.isValid&&le>0&&<T style={e.regexExclusionBadge}>
+                              <C style={e.regexExclusionBadgeText}>
+                                -{le} excluded
+                              </C>
+                            </T>}
+                        </T>
+
+                        <Ne autoCapitalize="none"autoCorrect={!1}value={U}onChangeText={Re}style={[e.regexInput,!j.isValid&&e.regexInputError]}placeholder="e.g. ^https://analytics|ping|token=.*"placeholderTextColor={t.slate400}/>
+
+                        {j.isValid?<C style={e.regexHelpText}>
+                            {k("network.ignorePatternsDesc","Requests matching this regex in URL, headers, or body will be excluded.")}
+                          </C>:<C style={e.regexErrorText}>
+                            ⚠️{" "}
+                            {k("network.invalidRegex","Invalid regular expression syntax")}
+                          </C>}
+                      </T>
+                    </T>}
+                </T>
+
+                
+                <T style={e.section}>
+                  <C style={e.sectionLabel}>
+                    {k("network.exportFormat","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=P===o.id;return<D key={o.id}onPress={()=>{L("light"),ve(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>
+                        </D>})}
+                  </T>
+                </T>
+
+                
+                <T style={e.section}>
+                  <C style={e.sectionLabel}>
+                    {k("network.contentOptions","CONTENT OPTIONS")}
+                  </C>
+                  <T style={e.optionsGrid}>
+                    {[{key:"reqHeaders",label:"Request Headers",value:pe,toggle:()=>Fe(o=>!o)},{key:"reqBody",label:"Request Body / Payload",value:me,toggle:()=>Ie(o=>!o)},{key:"resHeaders",label:"Response Headers",value:ye,toggle:()=>Ve(o=>!o)},{key:"resBody",label:"Response Data / Body",value:fe,toggle:()=>Ae(o=>!o)},{key:"curl",label:"cURL Command",value:he,toggle:()=>ze(o=>!o)},{key:"timestamps",label:"Exact Timestamps & Duration",value:xe,toggle:()=>De(o=>!o)},{key:"appinfo",label:"System Header Banner",value:we,toggle:()=>He(o=>!o)}].map(o=><D key={o.key}onPress={()=>{L("light"),o.toggle()}}style={[e.optionRow,o.value&&e.optionRowActive]}>
+                        <T style={[e.checkbox,o.value&&e.checkboxActive]}>
+                          {o.value&&<Pt size={10}color={t.white}/>}
+                        </T>
+                        <C style={[e.optionLabel,o.value&&e.optionLabelActive]}>
+                          {o.label}
+                        </C>
+                      </D>)}
+                  </T>
+                </T>
+              </St>
+
+              
+              <T style={e.staticFooter}>
+                <T style={e.footerMinimalSummary}>
+                  <T style={e.footerSummaryLeft}>
+                    <T style={e.footerSummaryDot}/>
+                    <C style={e.footerSummaryCountText}>
+                      {z.length} requests
+                    </C>
+                    <C style={e.footerSummaryDivider}>•</C>
+                    <C style={e.footerSummarySizeText}>
+                      ~{Z(ae)}
+                    </C>
+                    <C style={e.footerSummaryDivider}>•</C>
+                    <C style={e.footerSummaryFormatText}>
+                      .{P.toUpperCase()}
+                    </C>
+                  </T>
+
+                  {le>0&&<T style={e.footerIgnoredPill}>
+                      <C style={e.footerIgnoredPillText}>
+                        -{le} ignored
+                      </C>
+                    </T>}
+                </T>
+
+                <D onPress={Ye}disabled={z.length===0}style={[e.exportActionBtn,z.length===0&&e.exportActionBtnDisabled]}>
+                  <Te size={17}color={t.white}/>
+                  <C style={e.exportActionBtnText}>
+                    {k("network.exportLogsAction",{count:z.length,size:Z(ae),defaultValue:`Export ${z.length} Requests (${Z(ae)})`})}
+                  </C>
+                </D>
+              </T>
+            </>}
+
+          
+          {$==="progress"&&<T style={e.progressContainer}>
+              <N.View style={[e.progressIconBadge,{transform:[{scale:ie}]}]}>
+                <Te size={30}color={t.purple}/>
+              </N.View>
+
+              <C style={e.progressHeading}>
+                {k("network.exportingLogs","Exporting API Requests...")}
+              </C>
+              <C style={e.progressSub}>
+                {k("network.processingItem","Processing")} {Je} /{" "}
+                {z.length} {k("network.records","records")} (
+                {Qe}%)
+              </C>
+
+              
+              <T style={e.progressTrack}>
+                <N.View style={[e.progressBar,{width:K.interpolate({inputRange:[0,1],outputRange:["0%","100%"]})}]}/>
+              </T>
+
+              <C style={e.progressFootnote}>
+                Formatting .{P.toUpperCase()} payload with structured details •{" "}
+                {Z(ae)}
+              </C>
+            </T>}
+
+          
+          {$==="complete"&&<T style={e.completeContainer}>
+              <T style={e.completeSuccessBadge}>
+                <$e size={34}color={t.emerald500}/>
+              </T>
+
+              <C style={e.completeTitle}>
+                {k("network.exportSuccessTitle","API Export Ready!")}
+              </C>
+              <C style={e.completeSub}>
+                {k("network.exportSuccessDesc","Generated full formatted API request bundle ready to share or save.")}
+              </C>
+
+              
+              <T style={e.fileDetailsCard}>
+                <T style={e.fileDetailsRow}>
+                  <C style={e.fileDetailLabel}>
+                    📁 {k("network.exportFileLabel","File:")}
+                  </C>
+                  <C style={e.fileDetailValue}numberOfLines={1}>
+                    {E}
+                  </C>
+                </T>
+                <T style={e.fileDetailsRow}>
+                  <C style={e.fileDetailLabel}>
+                    📊 {k("network.exportLogCountLabel","Request Count:")}
+                  </C>
+                  <C style={e.fileDetailValue}>
+                    {z.length} requests
+                  </C>
+                </T>
+                <T style={e.fileDetailsRow}>
+                  <C style={e.fileDetailLabel}>
+                    💾 {k("network.exportFinalSizeLabel","Final Size:")}
+                  </C>
+                  <C style={[e.fileDetailValue,{color:t.emerald500,fontFamily:S.interBold}]}>
+                    {Z(Xe)}
+                  </C>
+                </T>
+                <T style={e.fileDetailsRow}>
+                  <C style={e.fileDetailLabel}>
+                    ⚙️ {k("network.exportFormatLabel","Format:")}
+                  </C>
+                  <C style={e.fileDetailValue}>
+                    .{P.toUpperCase()}
+                  </C>
+                </T>
+              </T>
+
+              
+              <T style={e.actionButtonGroup}>
+                
+                <D onPress={Ze}style={[e.primaryActionBtn,e.shareBtn]}>
+                  <Bt size={15}color={t.white}/>
+                  <C style={e.primaryActionBtnText}>
+                    {k("network.shareReport","Share Requests")}
+                  </C>
+                </D>
+
+                
+                <D onPress={_e}style={[e.primaryActionBtn,e.saveDiskBtn]}>
+                  <Rt size={15}color={t.white}/>
+                  <C style={e.primaryActionBtnText}>
+                    {k("network.saveToDisk","Save to Disk")}
+                  </C>
+                </D>
+
+                
+                <D onPress={et}style={e.secondaryActionBtn}>
+                  <Ft size={14}color={t.purple}/>
+                  <C style={e.secondaryActionBtnText}>
+                    {k("network.copyToClipboard","Copy Content")}
+                  </C>
+                </D>
+              </T>
+
+              
+              <T style={e.bottomFooterRow}>
+                <D onPress={()=>re("config")}style={e.textBtn}>
+                  <C style={e.textBtnText}>
+                    {k("network.exportAnother","\u2190 Export Another")}
+                  </C>
+                </D>
+
+                <D onPress={ee}style={e.doneBtn}>
+                  <C style={e.doneBtnText}>
+                    {k("common.done","Done")}
+                  </C>
+                </D>
+              </T>
+            </T>}
+        </T>
+      </T>
+    </Ct>};const e=Me.create({overlay:{flex:1,backgroundColor:"rgba(0,0,0,0.55)",justifyContent:"flex-end"},backdrop:{...Me.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:S.interBold,fontSize:15.5,lineHeight:20,color:t.primaryBlack,letterSpacing:-.2},subtitle:{fontFamily:S.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:S.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:S.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:S.interBold,fontSize:9.5,color:t.grayTextStrong},countPill:{backgroundColor:`${t.purple}12`,paddingHorizontal:8,paddingVertical:2,borderRadius:6},countPillText:{fontFamily:S.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:S.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},segmentBtnTextActive:{color:t.purple,fontFamily:S.interBold},customOptionsContainer:{marginTop:8,padding:12,backgroundColor:"#F8FAFC",borderRadius:12,borderWidth:1,borderColor:t.dividerColor,gap:12},customFieldRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:10},customFieldLabel:{fontFamily:S.interMedium,fontSize:11.5,lineHeight:15,color:t.primaryBlack,flex:1},customCountInput:{width:75,height:32,borderWidth:1,borderColor:t.dividerColor,borderRadius:7,backgroundColor:t.white,paddingHorizontal:8,paddingVertical:4,fontFamily:S.interBold,fontSize:12.5,color:t.primaryBlack,textAlign:"center"},regexFieldBlock:{gap:5},regexLabelRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},regexExclusionBadge:{backgroundColor:`${t.errorColor}15`,paddingHorizontal:6,paddingVertical:1,borderRadius:4},regexExclusionBadgeText:{fontFamily:S.interBold,fontSize:9.5,color:t.errorColor},regexInput:{height:34,borderWidth:1,borderColor:t.dividerColor,borderRadius:7,backgroundColor:t.white,paddingHorizontal:10,fontFamily:S.interRegular,fontSize:11.5,color:t.primaryBlack},regexInputError:{borderColor:t.errorColor,backgroundColor:"#FFF5F5"},regexErrorText:{fontFamily:S.interMedium,fontSize:10,color:t.errorColor,marginTop:2},regexHelpText:{fontFamily:S.interRegular,fontSize:10,color:t.grayTextWeak,marginTop:2},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:S.interSemiBold,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},formatCardTitleActive:{fontFamily:S.interBold,color:t.purple},formatCardDesc:{fontFamily:S.interRegular,fontSize:10,lineHeight:13,color:t.grayTextWeak,paddingLeft:20},optionsGrid:{gap:6},optionRow:{flexDirection:"row",alignItems:"center",paddingVertical:7,paddingHorizontal:10,borderRadius:8,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor,gap:8},optionRowActive:{backgroundColor:`${t.purple}0A`,borderColor:`${t.purple}30`},checkbox:{width:16,height:16,borderRadius:4,borderWidth:1.5,borderColor:t.grayTextWeak,justifyContent:"center",alignItems:"center",backgroundColor:t.white},checkboxActive:{backgroundColor:t.purple,borderColor:t.purple},optionLabel:{fontFamily:S.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},optionLabelActive:{color:t.primaryBlack,fontFamily:S.interSemiBold},staticFooter:{paddingHorizontal:16,paddingTop:10,paddingBottom:16,borderTopWidth:1,borderTopColor:t.dividerColor,backgroundColor:"#FAF9FE",gap:10},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:S.interSemiBold,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},footerSummaryDivider:{fontSize:10,color:t.grayTextWeak},footerSummarySizeText:{fontFamily:S.interBold,fontSize:11.5,lineHeight:15,color:t.purple},footerSummaryFormatText:{fontFamily:S.interMedium,fontSize:11,lineHeight:14,color:t.grayTextWeak},footerIgnoredPill:{backgroundColor:`${t.errorColor}12`,paddingHorizontal:7,paddingVertical:1.5,borderRadius:5},footerIgnoredPillText:{fontFamily:S.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:S.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:S.interBold,fontSize:15.5,lineHeight:21,color:t.primaryBlack,marginBottom:3},progressSub:{fontFamily:S.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:S.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:S.interBold,fontSize:16.5,lineHeight:22,color:t.primaryBlack},completeSub:{fontFamily:S.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:S.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},fileDetailValue:{fontFamily:S.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||"#0D9488",shadowColor:t.teal600||"#0D9488",shadowOffset:{width:0,height:3},shadowOpacity:.2,shadowRadius:6,elevation:3},primaryActionBtnText:{fontFamily:S.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:S.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:S.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},doneBtn:{paddingVertical:5,paddingHorizontal:14,borderRadius:6,backgroundColor:t.dividerColor},doneBtnText:{fontFamily:S.interBold,fontSize:11.5,lineHeight:15,color:t.primaryBlack}});export default NetworkExportModal;