react-native-inapp-inspector 2.5.12 → 2.5.14

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(!0),[me,Ie]=R(!0),[ye,Ve]=R(!0),[fe,Ae]=R(!0),[he,ze]=R(!0),[xe,De]=R(!0),[we,He]=R(!0),[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;