react-native-inapp-inspector 2.5.12 → 2.5.13

package/dist/commonjs/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/commonjs/components/Inspector/NetworkExportModal.js

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