react-native-inapp-inspector 2.5.7 → 2.5.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -0
- package/android/.gradle/8.9/checksums/checksums.lock +0 -0
- package/android/.gradle/8.9/dependencies-accessors/gc.properties +0 -0
- package/android/.gradle/8.9/executionHistory/executionHistory.lock +0 -0
- package/android/.gradle/8.9/fileChanges/last-build.bin +0 -0
- package/android/.gradle/8.9/fileHashes/fileHashes.lock +0 -0
- package/android/.gradle/8.9/gc.properties +0 -0
- package/android/.gradle/9.2.0/checksums/checksums.lock +0 -0
- package/android/.gradle/9.2.0/fileChanges/last-build.bin +0 -0
- package/android/.gradle/9.2.0/fileHashes/fileHashes.bin +0 -0
- package/android/.gradle/9.2.0/fileHashes/fileHashes.lock +0 -0
- package/android/.gradle/9.2.0/gc.properties +0 -0
- package/android/.gradle/buildOutputCleanup/buildOutputCleanup.lock +0 -0
- package/android/.gradle/buildOutputCleanup/cache.properties +2 -0
- package/android/.gradle/vcs-1/gc.properties +0 -0
- package/android/.settings/org.eclipse.buildship.core.prefs +13 -0
- package/android/build/reports/problems/problems-report.html +659 -0
- package/dist/commonjs/components/BrandCircleIcon.js +8 -3
- package/dist/commonjs/components/ConsoleLogCard.js +13 -13
- package/dist/commonjs/components/Inspector/ConsoleTab.js +5 -5
- package/dist/commonjs/components/Inspector/FabLauncher.js +8 -8
- package/dist/commonjs/components/Inspector/FloatingCaptureWidget.js +4 -4
- package/dist/commonjs/components/Inspector/InspectorHeader.js +30 -45
- package/dist/commonjs/components/Inspector/MainScreen.js +1 -1
- package/dist/commonjs/components/Inspector/NetworkTab.js +48 -48
- package/dist/commonjs/components/Inspector/NpmUpdateToast.js +5 -5
- package/dist/commonjs/components/Inspector/TabBar.js +5 -5
- package/dist/commonjs/components/LogCard.d.ts +1 -1
- package/dist/commonjs/components/LogCard.js +16 -16
- package/dist/commonjs/constants/telemetryConfig.d.ts +3 -3
- package/dist/commonjs/constants/telemetryConfig.js +1 -1
- package/dist/commonjs/constants/version.d.ts +1 -1
- package/dist/commonjs/constants/version.js +1 -1
- package/dist/commonjs/customHooks/networkLogger.d.ts +1 -17
- package/dist/commonjs/customHooks/networkLogger.js +1 -1
- package/dist/commonjs/index.js +1 -1
- package/dist/commonjs/styles/index.d.ts +3 -0
- package/dist/commonjs/styles/index.js +1 -1
- package/dist/commonjs/types/interfaces.d.ts +6 -2
- package/dist/esm/components/BrandCircleIcon.js +9 -4
- package/dist/esm/components/ConsoleLogCard.js +13 -13
- package/dist/esm/components/Inspector/ConsoleTab.js +9 -9
- package/dist/esm/components/Inspector/FabLauncher.js +1 -1
- package/dist/esm/components/Inspector/FloatingCaptureWidget.js +9 -9
- package/dist/esm/components/Inspector/InspectorHeader.js +84 -99
- package/dist/esm/components/Inspector/MainScreen.js +1 -1
- package/dist/esm/components/Inspector/NetworkTab.js +132 -132
- package/dist/esm/components/Inspector/NpmUpdateToast.js +18 -18
- package/dist/esm/components/Inspector/TabBar.js +23 -23
- package/dist/esm/components/LogCard.d.ts +1 -1
- package/dist/esm/components/LogCard.js +24 -24
- package/dist/esm/constants/telemetryConfig.d.ts +3 -3
- package/dist/esm/constants/telemetryConfig.js +1 -1
- package/dist/esm/constants/version.d.ts +1 -1
- package/dist/esm/constants/version.js +1 -1
- package/dist/esm/customHooks/networkLogger.d.ts +1 -17
- package/dist/esm/customHooks/networkLogger.js +1 -1
- package/dist/esm/index.js +4 -4
- package/dist/esm/styles/index.d.ts +3 -0
- package/dist/esm/styles/index.js +1 -1
- package/dist/esm/types/interfaces.d.ts +6 -2
- package/package.json +8 -3
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,l,n,s){s===void 0&&(s=n);var i=Object.getOwnPropertyDescriptor(l,n);(!i||("get"in i?!l.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return l[n]}}),Object.defineProperty(r,s,i)}):(function(r,l,n,s){s===void 0&&(s=n),r[s]=l[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,l){Object.defineProperty(r,"default",{enumerable:!0,value:l})}):function(r,l){r.default=l}),__importStar=this&&this.__importStar||(function(){var r=function(l){return r=Object.getOwnPropertyNames||function(n){var s=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(s[s.length]=i);return s},r(l)};return function(l){if(l&&l.__esModule)return l;var n={};if(l!=null)for(var s=r(l),i=0;i<s.length;i++)s[i]!=="default"&&__createBinding(n,l,s[i]);return __setModuleDefault(n,l),n}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),BrandCircleIcon_1=require("../BrandCircleIcon"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),constants_2=require("../../constants"),helpers_1=require("../../helpers"),NativeInspector_1=require("../../native/NativeInspector"),capture_1=require("../../capture"),
|
|
2
|
-
<react_native_1.View style={[styles_1.default.headerGradient,{minHeight:(e?44:48)+
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,l,n,s){s===void 0&&(s=n);var i=Object.getOwnPropertyDescriptor(l,n);(!i||("get"in i?!l.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return l[n]}}),Object.defineProperty(r,s,i)}):(function(r,l,n,s){s===void 0&&(s=n),r[s]=l[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,l){Object.defineProperty(r,"default",{enumerable:!0,value:l})}):function(r,l){r.default=l}),__importStar=this&&this.__importStar||(function(){var r=function(l){return r=Object.getOwnPropertyNames||function(n){var s=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(s[s.length]=i);return s},r(l)};return function(l){if(l&&l.__esModule)return l;var n={};if(l!=null)for(var s=r(l),i=0;i<s.length;i++)s[i]!=="default"&&__createBinding(n,l,s[i]);return __setModuleDefault(n,l),n}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),BrandCircleIcon_1=require("../BrandCircleIcon"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),constants_2=require("../../constants"),helpers_1=require("../../helpers"),NativeInspector_1=require("../../native/NativeInspector"),capture_1=require("../../capture"),MediaPreviewModal_1=require("./MediaPreviewModal"),LanguageSelectorModal_1=require("./LanguageSelectorModal"),CountryFlag_1=__importDefault(require("../CountryFlag")),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),InspectorHeader=react_1.default.memo(()=>{const{t:r,language:l}=(0,i18n_1.useTranslation)(),{modalHeightPercent:n,appIcon:s,selected:i,setSelected:F,selectedEvent:u,setSelectedEvent:E,selectedLog:g,setSelectedLog:W,selectedReduxSlice:b,setSelectedReduxSlice:N,selectedReduxAction:S,setSelectedReduxAction:q,reduxState:j,reduxLastActionMap:U,clearAnim:ae,runClearAllWithAnimation:oe,settingsPage:_,setSettingsPage:z,isAboutOpen:D,setIsAboutOpen:G,resetToDefaults:K,closeModal:k,minimizeInspector:Q,detailTitle:J,activeTab:d,environment:O,selectedCrash:p,setSelectedCrash:X,selectedPush:c,setSelectedPush:Y,selectedSocket:o,setSelectedSocket:Z,refreshMediaCount:C,peekMode:I,setPeekMode:ee,previewMediaItem:B,setPreviewMediaItem:y}=(0,InspectorContext_1.useInspector)(),{width:T}=(0,react_native_1.useWindowDimensions)(),e=T<360,m=T<400,[le,ne]=react_1.default.useState(!1),[te,L]=react_1.default.useState(!1),[re]=react_1.default.useState(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),$=(0,react_1.useMemo)(()=>{const t=l||(0,i18n_1.getLanguage)();return i18n_1.SUPPORTED_LANGUAGES.find(a=>a.code===t)||i18n_1.SUPPORTED_LANGUAGES[0]},[l]),[v,V]=react_1.default.useState(!1),[se,R]=react_1.default.useState(0),w=react_1.default.useRef(null);react_1.default.useEffect(()=>{capture_1.ScreenCapture.isRecording().then(t=>{V(t)}).catch(()=>{})},[]),react_1.default.useEffect(()=>(v?(R(0),w.current=setInterval(()=>{R(t=>t+1)},1e3)):(w.current&&(clearInterval(w.current),w.current=null),R(0)),()=>{w.current&&clearInterval(w.current)}),[v]);const de=react_1.default.useCallback(async()=>{try{(0,NativeInspector_1.triggerNativeHaptic)("light");const t=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(t){(0,NativeInspector_1.triggerNativeHaptic)("success");const a=(0,capture_1.generateCaptureId)("screenshot",t.format||"png"),f={id:a,type:"image",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||a,sizeBytes:t.sizeBytes,timestamp:t.timestamp,width:t.width,height:t.height};y(f),C?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.screenshotCaptured"))}else(0,helpers_1.showToast)(r("header.screenshotFailed"))}catch{(0,helpers_1.showToast)(r("header.screenshotError"))}},[C,r]),ce=react_1.default.useCallback(async()=>{try{if(v){(0,NativeInspector_1.triggerNativeHaptic)("medium");const t=await capture_1.ScreenCapture.stopRecording();if(V(!1),t){(0,NativeInspector_1.triggerNativeHaptic)("success");const a=(0,capture_1.generateCaptureId)("video",t.format),f={id:a,type:t.format==="gif"?"gif":"video",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||a,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs,width:t.width,height:t.height,hasAudio:t.hasAudio};y(f),C?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.recordingSaved",{duration:(t.durationMs/1e3).toFixed(1)}))}}else(0,NativeInspector_1.triggerNativeHaptic)("medium"),await capture_1.ScreenCapture.startRecording({fps:24,audioSource:"none"})?(V(!0),(0,helpers_1.showToast)(r("header.recordingStarted"))):(0,helpers_1.showToast)(r("header.recordingStartFailed"))}catch{(0,helpers_1.showToast)(r("header.recordingError")),V(!1)}},[v,r]),pe=t=>{const a=Math.floor(t/60),f=t%60;return`${a.toString().padStart(2,"0")}:${f.toString().padStart(2,"0")}`},ue=(0,react_1.useMemo)(()=>{const t=(O||(__DEV__?"DEV":"PROD")).trim(),a=t.toUpperCase();return a==="DEV"||a.includes("DEV")||a==="LOCAL"?{label:t,bg:`${AppColors_1.AppColors.emerald500}40`,border:`${AppColors_1.AppColors.emerald400}8C`,text:AppColors_1.AppColors.mintGreenBorder}:a==="UAT"||a==="QA"||a==="TEST"?{label:t,bg:`${AppColors_1.AppColors.amber500}47`,border:`${AppColors_1.AppColors.amber400}99`,text:AppColors_1.AppColors.amberWarmBorder}:a==="PREPROD"||a==="STAGE"||a==="STAGING"?{label:t,bg:`${AppColors_1.AppColors.purple500}47`,border:`${AppColors_1.AppColors.purple400}99`,text:AppColors_1.AppColors.violetSoftBorder}:{label:t,bg:`${AppColors_1.AppColors.rose500}40`,border:`${AppColors_1.AppColors.roseBorder}8C`,text:AppColors_1.AppColors.errorBorder}},[O]),x=d==="apis"&&i!=null||d==="analytics"&&u!=null||d==="logs"&&g!=null||d==="redux"&&(b!=null||S!=null)||d==="crash"&&p!=null||d==="push"&&c!=null||d==="socket"&&o!=null,A=_!==null,M=x||A||D,ie=(0,react_1.useMemo)(()=>{switch(_){case"apis":return"APIs (Network)";case"logs":return"Console Logs";case"crash":return"Crash Protection";case"analytics":return"Analytics Logger";case"redux":return"Redux Inspector";case"media":return"Screencast (Media)";case"push":return"Push Notifications";default:return"Settings & Modules"}},[_]),P=(0,react_1.useMemo)(()=>react_native_1.Platform.OS==="ios"?n>=98?T>=390?50:44:0:react_native_1.Platform.OS==="android"&&n>=98?react_native_1.StatusBar.currentHeight||24:0,[n,T]),h=e?25:m?26.5:27,ge=e?36:m?38:40;return<>
|
|
2
|
+
<react_native_1.View style={[styles_1.default.headerGradient,{minHeight:(e?44:48)+P}]}>
|
|
3
3
|
|
|
4
4
|
<react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.indigo600,AppColors_1.AppColors.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={{position:"absolute",top:0,left:0,right:0,bottom:0,borderTopLeftRadius:20,borderTopRightRadius:20}}pointerEvents="none"/>
|
|
5
|
-
<react_native_1.View style={{paddingTop:
|
|
5
|
+
<react_native_1.View style={{paddingTop:P,width:"100%"}}>
|
|
6
6
|
<react_native_1.View style={[styles_1.default.header,{width:"100%",justifyContent:"space-between",paddingHorizontal:e?10:12,paddingVertical:5.5,minHeight:e?44:48}]}>
|
|
7
|
-
<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?7:8,flex:
|
|
8
|
-
{
|
|
7
|
+
<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?7:8,flex:x?void 0:1,flexShrink:x?0:1,minWidth:0}}>
|
|
8
|
+
{M&&<TouchableScale_1.default onPress={()=>{if(D){G(!1);return}if(A){z(_==="main"?null:"main");return}F(null),E(null),W(null),N(null),q(null),X(null),Y(null),Z(null)}}hitSlop={15}style={{width:e?32:36,height:e?32:36,borderRadius:e?16:18,alignItems:"center",justifyContent:"center",backgroundColor:`${AppColors_1.AppColors.white}2E`,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}4D`}}>
|
|
9
9
|
<react_native_1.View style={{position:"absolute",width:e?40:44,height:e?40:44,borderRadius:22,backgroundColor:`${AppColors_1.AppColors.white}1A`}}/>
|
|
10
10
|
<NetworkIcons_1.WhiteBackNavigation/>
|
|
11
11
|
</TouchableScale_1.default>}
|
|
12
12
|
|
|
13
|
-
{
|
|
13
|
+
{D?<react_native_1.View style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
|
|
14
14
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
|
|
15
15
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?15:16.5,lineHeight:e?19:21,color:AppColors_1.AppColors.white,letterSpacing:-.2}}numberOfLines={1}>
|
|
16
16
|
About & Specs
|
|
@@ -27,32 +27,32 @@
|
|
|
27
27
|
</react_native_1.View>:A?<react_native_1.View style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
|
|
28
28
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
|
|
29
29
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?15:16.5,lineHeight:e?19:21,color:AppColors_1.AppColors.white,letterSpacing:-.2}}numberOfLines={1}>
|
|
30
|
-
{
|
|
30
|
+
{ie}
|
|
31
31
|
</react_native_1.Text>
|
|
32
|
-
{
|
|
32
|
+
{_==="main"&&<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.white}26`,paddingHorizontal:e?5:6,paddingVertical:2,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}20`}}>
|
|
33
33
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?8.5:9.5,lineHeight:12,color:AppColors_1.AppColors.white}}>
|
|
34
34
|
v{constants_2.LIB_VERSION}
|
|
35
35
|
</react_native_1.Text>
|
|
36
36
|
</react_native_1.View>}
|
|
37
37
|
</react_native_1.View>
|
|
38
38
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:e?10:11,lineHeight:e?14:15,color:`${AppColors_1.AppColors.white}CC`,marginTop:1}}numberOfLines={1}>
|
|
39
|
-
{
|
|
39
|
+
{_==="main"?"Manage modules and preferences":"Configure module parameters"}
|
|
40
40
|
</react_native_1.Text>
|
|
41
|
-
</react_native_1.View>:
|
|
42
|
-
<BrandCircleIcon_1.BrandCircleIcon size={e?44:
|
|
41
|
+
</react_native_1.View>:M?null:<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?8:10,flex:1,minWidth:0,marginRight:4}}>
|
|
42
|
+
<BrandCircleIcon_1.BrandCircleIcon size={e?44:m?46:48}/>
|
|
43
43
|
<react_native_1.View style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
|
|
44
44
|
|
|
45
|
-
<react_native_1.Text style={[styles_1.default.headerTitle,{fontFamily:AppFonts_1.AppFonts.interBold,fontWeight:"700",fontSize:e?13:
|
|
45
|
+
<react_native_1.Text style={[styles_1.default.headerTitle,{fontFamily:AppFonts_1.AppFonts.interBold,fontWeight:"700",fontSize:e?13:m?13.5:14.5,lineHeight:e?17:m?18:19.5,color:AppColors_1.AppColors.white,letterSpacing:-.2,paddingBottom:0}]}numberOfLines={1}ellipsizeMode="tail">
|
|
46
46
|
react-native-inapp-inspector
|
|
47
47
|
</react_native_1.Text>
|
|
48
48
|
|
|
49
49
|
|
|
50
50
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4.5,minWidth:0,marginTop:1.5}}>
|
|
51
51
|
|
|
52
|
-
<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light")
|
|
53
|
-
<CountryFlag_1.default code={
|
|
52
|
+
<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),L(!0)}}hitSlop={6}accessible={!0}accessibilityRole="button"accessibilityLabel={r("settings.general.selectLanguage","Select Language")}style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}24`,borderRadius:5,paddingHorizontal:5.5,paddingVertical:2,gap:3.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}38`,flexShrink:0}}>
|
|
53
|
+
<CountryFlag_1.default code={$?.code||"en"}size={9.5}borderRadius={2}/>
|
|
54
54
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,lineHeight:11,color:AppColors_1.AppColors.white,letterSpacing:.2}}numberOfLines={1}>
|
|
55
|
-
{
|
|
55
|
+
{$?.code?.toUpperCase()||"EN"}
|
|
56
56
|
</react_native_1.Text>
|
|
57
57
|
<NetworkIcons_1.ChevronDownIcon size={6.5}color={`${AppColors_1.AppColors.white}CC`}/>
|
|
58
58
|
</TouchableScale_1.default>
|
|
@@ -61,35 +61,23 @@
|
|
|
61
61
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}1F`,borderRadius:5,paddingHorizontal:5.5,paddingVertical:2,gap:3.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}2E`,flexShrink:1,minWidth:0}}>
|
|
62
62
|
{react_native_1.Platform.OS==="ios"?<NetworkIcons_1.AppleIcon color={`${AppColors_1.AppColors.white}E6`}size={9}/>:<NetworkIcons_1.AndroidIcon color={`${AppColors_1.AppColors.white}E6`}size={9}/>}
|
|
63
63
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:8.5,lineHeight:11,color:`${AppColors_1.AppColors.white}EB`,letterSpacing:.1}}numberOfLines={1}ellipsizeMode="tail">
|
|
64
|
-
{
|
|
64
|
+
{re}
|
|
65
65
|
</react_native_1.Text>
|
|
66
66
|
</react_native_1.View>
|
|
67
67
|
|
|
68
68
|
|
|
69
|
-
<react_native_1.Pressable onPress={()=>{
|
|
69
|
+
<react_native_1.Pressable onPress={()=>{react_native_1.Linking.openURL("https://www.npmjs.com/package/react-native-inapp-inspector").catch(()=>{})}}style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}1F`,borderRadius:5,paddingHorizontal:6,paddingVertical:2,gap:3.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}2E`,flexShrink:0}}>
|
|
70
70
|
<NetworkIcons_1.NpmIcon size={9}color={AppColors_1.AppColors.npmRedLight}/>
|
|
71
71
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:8.5,lineHeight:11,color:`${AppColors_1.AppColors.white}EB`,letterSpacing:.1}}>
|
|
72
72
|
v{constants_2.LIB_VERSION}
|
|
73
73
|
</react_native_1.Text>
|
|
74
|
-
{z&&<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,color:AppColors_1.AppColors.warningAmber}}>
|
|
75
|
-
●
|
|
76
|
-
</react_native_1.Text>}
|
|
77
74
|
</react_native_1.Pressable>
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
{z&&<react_native_1.Pressable hitSlop={10}onPress={()=>R(!0)}style={{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.warningAmber,borderRadius:5,paddingHorizontal:4.5,paddingVertical:1.5,gap:3,shadowColor:AppColors_1.AppColors.warningAmber,shadowOffset:{width:0,height:1.5},shadowOpacity:.35,shadowRadius:3,elevation:3,flexShrink:0}}>
|
|
81
|
-
<react_native_1.Animated.View style={{width:4.5,height:4.5,borderRadius:2.25,backgroundColor:AppColors_1.AppColors.white,opacity:J,transform:[{scale:X}]}}/>
|
|
82
|
-
{!e&&<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:10,color:AppColors_1.AppColors.white,letterSpacing:.3}}>
|
|
83
|
-
UPDATE
|
|
84
|
-
</react_native_1.Text>}
|
|
85
|
-
<NetworkIcons_1.BoltIcon size={e?7.5:8.5}color={AppColors_1.AppColors.white}/>
|
|
86
|
-
</react_native_1.Pressable>}
|
|
87
75
|
</react_native_1.View>
|
|
88
76
|
</react_native_1.View>
|
|
89
77
|
</react_native_1.View>}
|
|
90
78
|
</react_native_1.View>
|
|
91
79
|
|
|
92
|
-
{
|
|
80
|
+
{x&&<react_native_1.View style={[styles_1.default.headerCenter,{paddingHorizontal:e?2:6}]}>
|
|
93
81
|
{d==="apis"&&i!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
|
|
94
82
|
<react_native_1.View style={styles_1.default.headerDetailRow}>
|
|
95
83
|
<react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:constants_1.METHOD_COLORS[i.method]??AppColors_1.AppColors.grayText,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
|
|
@@ -98,7 +86,7 @@
|
|
|
98
86
|
</react_native_1.Text>
|
|
99
87
|
</react_native_1.View>
|
|
100
88
|
<react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13.5:15}]}numberOfLines={1}ellipsizeMode="middle">
|
|
101
|
-
{
|
|
89
|
+
{J}
|
|
102
90
|
</react_native_1.Text>
|
|
103
91
|
</react_native_1.View>
|
|
104
92
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?4:6,marginTop:3,paddingVertical:1}}>
|
|
@@ -163,7 +151,7 @@
|
|
|
163
151
|
</react_native_1.Text>
|
|
164
152
|
</react_native_1.View>
|
|
165
153
|
</react_native_1.View>
|
|
166
|
-
</react_native_1.View>:d==="redux"&&b!=null?(()=>{const t=
|
|
154
|
+
</react_native_1.View>:d==="redux"&&b!=null?(()=>{const t=j?.[b],a=t&&typeof t=="object"?Object.keys(t).length:typeof t<"u"?1:0,f=(0,helpers_1.getSize)(t),H=U[b];return<react_native_1.View style={styles_1.default.headerDetailCenter}>
|
|
167
155
|
<react_native_1.View style={styles_1.default.headerDetailRow}>
|
|
168
156
|
<react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:`${AppColors_1.AppColors.purple}4D`,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
|
|
169
157
|
<react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
|
|
@@ -191,14 +179,14 @@
|
|
|
191
179
|
<react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
|
|
192
180
|
{f}
|
|
193
181
|
</react_native_1.Text>
|
|
194
|
-
{
|
|
182
|
+
{H?.timestamp&&<>
|
|
195
183
|
<react_native_1.Text style={[styles_1.default.headerSubTitle,{opacity:.6,fontSize:e?10:11}]}>
|
|
196
184
|
•
|
|
197
185
|
</react_native_1.Text>
|
|
198
186
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:3}}>
|
|
199
187
|
<NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.white}size={e?9:10}/>
|
|
200
188
|
<react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
|
|
201
|
-
{
|
|
189
|
+
{H.timestamp}
|
|
202
190
|
</react_native_1.Text>
|
|
203
191
|
</react_native_1.View>
|
|
204
192
|
</>}
|
|
@@ -306,27 +294,27 @@
|
|
|
306
294
|
|
|
307
295
|
<react_native_1.View style={[styles_1.default.headerRight,{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",flexShrink:0,gap:e?4:5}]}>
|
|
308
296
|
|
|
309
|
-
{A?<TouchableScale_1.default onPress={()=>{react_native_1.Alert.alert("Reset All Settings","This restores all module visibility and UI preferences to defaults. Continue?",[{text:"Cancel",style:"cancel"},{text:"Reset",style:"destructive",onPress:
|
|
297
|
+
{A?<TouchableScale_1.default onPress={()=>{react_native_1.Alert.alert("Reset All Settings","This restores all module visibility and UI preferences to defaults. Continue?",[{text:"Cancel",style:"cancel"},{text:"Reset",style:"destructive",onPress:K}])}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:"rgba(245, 158, 11, 0.26)",borderColor:"rgba(252, 211, 77, 0.45)",borderWidth:1}]}>
|
|
310
298
|
<NetworkIcons_1.ResetIcon color={AppColors_1.AppColors.white}size={e?12:14}/>
|
|
311
|
-
</TouchableScale_1.default>:
|
|
299
|
+
</TouchableScale_1.default>:M?null:<>
|
|
312
300
|
|
|
313
|
-
<TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={
|
|
301
|
+
<TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={I?"Disable peek-through":"Enable peek-through"}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ee(t=>!t)}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:I?"rgba(6, 182, 212, 0.38)":"rgba(6, 182, 212, 0.18)",borderColor:I?"rgba(103, 232, 249, 0.65)":"rgba(103, 232, 249, 0.35)",borderWidth:1}]}>
|
|
314
302
|
<NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.white}size={e?12:14}/>
|
|
315
303
|
</TouchableScale_1.default>
|
|
316
304
|
|
|
317
305
|
|
|
318
|
-
<TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Settings"onPress={()=>
|
|
306
|
+
<TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Settings"onPress={()=>z("main")}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:"rgba(168, 85, 247, 0.28)",borderColor:"rgba(216, 180, 254, 0.45)",borderWidth:1}]}>
|
|
319
307
|
<NetworkIcons_1.SettingsIcon color={AppColors_1.AppColors.white}size={e?12:14}/>
|
|
320
308
|
</TouchableScale_1.default>
|
|
321
309
|
</>}
|
|
322
310
|
|
|
323
311
|
|
|
324
|
-
<react_native_1.TouchableOpacity onPress={
|
|
312
|
+
<react_native_1.TouchableOpacity testID="inspector.header.minimizeBtn"onPress={Q||k}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={r("common.minimize","Minimize")}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:"rgba(56, 189, 248, 0.22)",borderColor:"rgba(125, 211, 252, 0.40)",borderWidth:1}]}>
|
|
325
313
|
<NetworkIcons_1.ChevronDownIcon size={e?14:16}color={AppColors_1.AppColors.white}/>
|
|
326
314
|
</react_native_1.TouchableOpacity>
|
|
327
315
|
|
|
328
316
|
|
|
329
|
-
<react_native_1.TouchableOpacity onPress={
|
|
317
|
+
<react_native_1.TouchableOpacity testID="inspector.header.closeBtn"onPress={k}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={r("common.close","Close")}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:"rgba(244, 63, 94, 0.28)",borderColor:"rgba(251, 113, 133, 0.48)",borderWidth:1}]}>
|
|
330
318
|
<NetworkIcons_1.CloseWhite size={e?12:14}/>
|
|
331
319
|
</react_native_1.TouchableOpacity>
|
|
332
320
|
</react_native_1.View>
|
|
@@ -335,11 +323,8 @@
|
|
|
335
323
|
</react_native_1.View>
|
|
336
324
|
|
|
337
325
|
|
|
338
|
-
<
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
<LanguageSelectorModal_1.LanguageSelectorModal visible={ne}onClose={()=>$(!1)}/>
|
|
326
|
+
<LanguageSelectorModal_1.LanguageSelectorModal visible={te}onClose={()=>L(!1)}/>
|
|
342
327
|
|
|
343
328
|
|
|
344
|
-
<MediaPreviewModal_1.MediaPreviewModal item={
|
|
329
|
+
<MediaPreviewModal_1.MediaPreviewModal item={B}visible={!!B}onClose={()=>y(null)}onDelete={async t=>{await capture_1.ScreenCapture.deleteMedia(t.uri),C?.().catch(()=>{}),y(null)}}onConvertToGif={async t=>{const a=await capture_1.ScreenCapture.convertToGif(t.uri,{fps:12,width:480});if(a){C?.().catch(()=>{});const f=(0,capture_1.generateCaptureId)("anim","gif");y({id:f,type:"gif",format:"gif",uri:a.uri,filename:a.uri.split("/").pop()||f,sizeBytes:a.sizeBytes,timestamp:a.timestamp,durationMs:a.durationMs})}}}/>
|
|
345
330
|
</>});exports.default=InspectorHeader;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<ErrorBoundary_1.default onClose={r}>
|
|
5
5
|
<react_native_1.View style={[styles_1.default.modalBackdrop,{zIndex:999999,elevation:999999}]}>
|
|
6
6
|
<react_native_1.Pressable style={styles_1.default.modalBackdropPressable}onPress={r}/>
|
|
7
|
-
<react_native_1.View style={[styles_1.default.modalContentCard,{height:`${a}%`,borderTopLeftRadius:a>=100?0:20,borderTopRightRadius:a>=100?0:20,opacity:q?Math.max(.05,Math.min(1,typeof h=="number"?h:.
|
|
7
|
+
<react_native_1.View style={[styles_1.default.modalContentCard,{height:`${a}%`,borderTopLeftRadius:a>=100?0:20,borderTopRightRadius:a>=100?0:20,opacity:q?Math.max(.05,Math.min(1,typeof h=="number"?h:.3)):1,zIndex:9999999,elevation:999999}]}>
|
|
8
8
|
<react_native_1.StatusBar translucent backgroundColor="transparent"barStyle="light-content"/>
|
|
9
9
|
|
|
10
10
|
<InspectorHeader_1.default/>
|
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(l,r,
|
|
2
|
-
<DomainHeader_1.default pageName={e.pageName}color={e.color}stats={e.stats}activeFilters={e.activeFilters}onToggleFilter={
|
|
3
|
-
</AnimatedEntrance_1.default>;if(e.type==="loadMore"){const{pageName:
|
|
1
|
+
"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(l,r,t,a){a===void 0&&(a=t);var i=Object.getOwnPropertyDescriptor(r,t);(!i||("get"in i?!r.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return r[t]}}),Object.defineProperty(l,a,i)}):(function(l,r,t,a){a===void 0&&(a=t),l[a]=r[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(l,r){Object.defineProperty(l,"default",{enumerable:!0,value:r})}):function(l,r){l.default=r}),__importStar=this&&this.__importStar||(function(){var l=function(r){return l=Object.getOwnPropertyNames||function(t){var a=[];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(a[a.length]=i);return a},l(r)};return function(r){if(r&&r.__esModule)return r;var t={};if(r!=null)for(var a=l(r),i=0;i<a.length;i++)a[i]!=="default"&&__createBinding(t,r,a[i]);return __setModuleDefault(t,r),t}})(),__importDefault=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),DomainHeader_1=__importDefault(require("../DomainHeader")),LogCard_1=__importDefault(require("../LogCard")),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),NetworkFilterModal_1=__importDefault(require("./NetworkFilterModal")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),NetworkTab=react_1.default.memo(()=>{const{groupedData:l,loadMoreSection:r,search:t,setSearch:a,setSearchScope:i,quickFilter:V,setQuickFilter:q,handleDelete:J,isGroupByPageEnabled:u,setIsGroupByPageEnabled:Y,selectedLogs:v,sortOrder:Z,setSortOrder:x,statusFilters:p,setStatusFilters:m,methodFilters:f,setMethodFilters:S,latencyFilter:h,setLatencyFilter:z,protocolFilter:y,setProtocolFilter:F,networkSortBy:b,setNetworkSortBy:I,filteredLogs:w,logs:T,toggleSectionFilter:E,toggleSectionCollapse:N,minStart:$,totalRange:H,newLogIds:j,toggleSelect:W,setSelected:G,maxNetworkLogs:B}=(0,InspectorContext_1.useInspector)(),{t:L}=(0,i18n_1.useTranslation)(),ee=(0,react_1.useRef)(null),[te,Q]=react_1.default.useState(!1),[K,U]=react_1.default.useState(!1),[R,X]=react_1.default.useState(B||50);react_1.default.useEffect(()=>{X(B||50)},[t,V,B]);const M=(0,react_1.useMemo)(()=>u?l:l.slice(0,R),[u,l,R]),oe=(0,react_1.useCallback)(e=>e?.id?String(e.id):"",[]),C=(0,react_1.useMemo)(()=>p.size>0&&!p.has("all")||f.size>0&&!f.has("all")||h!=="all"||y!=="all"||b!=="time_desc",[p,f,h,y,b]),re=(0,react_1.useMemo)(()=>{let e=0;return p.size>0&&!p.has("all")&&(e+=p.size),f.size>0&&!f.has("all")&&(e+=f.size),h!=="all"&&e++,y!=="all"&&e++,b!=="time_desc"&&e++,e},[p,f,h,y,b]),le=(0,react_1.useMemo)(()=>({statusCodes:p.size>0?new Set(p):new Set(["all"]),methods:f.size>0?new Set(f):new Set(["all"]),latency:h,protocol:y,sortBy:b}),[p,f,h,y,b]),ae=(0,react_1.useCallback)(e=>{e.statusCodes.has("all")||e.statusCodes.size===0?m(new Set):m(new Set(e.statusCodes)),e.methods.has("all")||e.methods.size===0?S(new Set):S(new Set([...e.methods].map(n=>n))),z(e.latency||"all"),F(e.protocol||"all"),I(e.sortBy||"time_desc"),e.sortBy==="time_asc"?x("oldest"):x("newest")},[m,S,z,F,I,x]),g=(0,react_1.useMemo)(()=>{let e=0,n=0,s=0,c=0,A=0,k=0;return T.forEach(d=>{const o=typeof d.status=="number"?d.status:parseInt(String(d.status),10);d.status===0||d.status==null||!isNaN(o)&&o>=400?e++:!isNaN(o)&&o>=200&&o<400&&n++,(d.duration||0)>=500&&s++;const O=(d.method||"").toUpperCase();O==="POST"&&c++,O==="GET"&&A++;const _=(d.url||"").toLowerCase(),P=(d.client||"").toLowerCase();(_.includes("graphql")||P.includes("graphql")||P.includes("apollo"))&&k++}),{all:T.length,errors:e,success:n,slow:s,post:c,get:A,graphql:k}},[T]),ie=(0,react_1.useMemo)(()=>[{id:"all",label:"All",count:g.all,color:AppColors_1.AppColors.purple},{id:"errors",label:"Errors",count:g.errors,color:AppColors_1.AppColors.errorColor},{id:"success",label:"2xx OK",count:g.success,color:AppColors_1.AppColors.greenColor},{id:"slow",label:"Slow >500ms",count:g.slow,color:AppColors_1.AppColors.warningIconGold},{id:"POST",label:"POST",count:g.post,color:constants_1.METHOD_COLORS.POST||AppColors_1.AppColors.blue500},{id:"GET",label:"GET",count:g.get,color:constants_1.METHOD_COLORS.GET||AppColors_1.AppColors.emerald500},{id:"graphql",label:"GraphQL",count:g.graphql,color:AppColors_1.AppColors.graphqlPink}],[g]),ne=(0,react_1.useCallback)(({item:e,index:n})=>{if(e.type==="header")return<AnimatedEntrance_1.default index={n}distance={8}>
|
|
2
|
+
<DomainHeader_1.default pageName={e.pageName}color={e.color}stats={e.stats}activeFilters={e.activeFilters}onToggleFilter={E}isCollapsed={e.isCollapsed}onToggleCollapse={N}isFirst={e.isFirst}timestamp={e.timestamp}/>
|
|
3
|
+
</AnimatedEntrance_1.default>;if(e.type==="loadMore"){const{pageName:d,color:o,remainingCount:O,totalCount:_,loadedCount:P,loadMoreStep:D,hasMore:se}=e;return<react_native_1.View style={[styles_1.default.treeNodeRow,styles_1.default.treeNodeRowLast]}>
|
|
4
4
|
<react_native_1.View style={styles_1.default.treeLines}>
|
|
5
|
-
<react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:
|
|
5
|
+
<react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:o},styles_1.default.modernTreeLineLast]}/>
|
|
6
6
|
</react_native_1.View>
|
|
7
7
|
<react_native_1.View style={styles_1.default.treeCardWrapper}>
|
|
8
|
-
{
|
|
8
|
+
{se?<TouchableScale_1.default onPress={()=>r(d,D||10)}hitSlop={6}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:9,paddingHorizontal:12,marginVertical:3,marginRight:2,borderRadius:10,backgroundColor:`${o}14`,borderWidth:1.5,borderColor:`${o}40`,shadowColor:o,shadowOffset:{width:0,height:1.5},shadowOpacity:.1,shadowRadius:3,elevation:2}}>
|
|
9
9
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
|
|
10
|
-
<react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:
|
|
10
|
+
<react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:o,alignItems:"center",justifyContent:"center",shadowColor:o,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:2,elevation:1}}>
|
|
11
11
|
<NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.white}size={9}direction="down"/>
|
|
12
12
|
</react_native_1.View>
|
|
13
13
|
<react_native_1.View>
|
|
14
|
-
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:
|
|
15
|
-
{
|
|
14
|
+
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:o}}>
|
|
15
|
+
{L("footer.loadMoreRequests",{count:D,defaultValue:`Load ${D} More Requests`})}
|
|
16
16
|
</react_native_1.Text>
|
|
17
17
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,marginTop:1}}>
|
|
18
|
-
Showing {
|
|
18
|
+
Showing {P} of {_} requests
|
|
19
19
|
</react_native_1.Text>
|
|
20
20
|
</react_native_1.View>
|
|
21
21
|
</react_native_1.View>
|
|
22
22
|
|
|
23
|
-
<react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${
|
|
24
|
-
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:
|
|
25
|
-
+{
|
|
23
|
+
<react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${o}25`,paddingHorizontal:8,paddingVertical:4,borderRadius:8,borderWidth:1,borderColor:`${o}40`,gap:3}}>
|
|
24
|
+
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:o}}>
|
|
25
|
+
+{O}
|
|
26
26
|
</react_native_1.Text>
|
|
27
|
-
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9,color:
|
|
27
|
+
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9,color:o}}>
|
|
28
28
|
more
|
|
29
29
|
</react_native_1.Text>
|
|
30
30
|
</react_native_1.View>
|
|
31
|
-
</TouchableScale_1.default>:<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:7,paddingHorizontal:11,marginVertical:3,marginRight:2,borderRadius:9,backgroundColor:`${
|
|
31
|
+
</TouchableScale_1.default>:<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:7,paddingHorizontal:11,marginVertical:3,marginRight:2,borderRadius:9,backgroundColor:`${o}0A`,borderWidth:1,borderColor:`${o}25`}}>
|
|
32
32
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:7}}>
|
|
33
|
-
<react_native_1.View style={{width:17,height:17,borderRadius:8.5,backgroundColor:`${
|
|
34
|
-
<NetworkIcons_1.CheckIcon color={
|
|
33
|
+
<react_native_1.View style={{width:17,height:17,borderRadius:8.5,backgroundColor:`${o}25`,alignItems:"center",justifyContent:"center"}}>
|
|
34
|
+
<NetworkIcons_1.CheckIcon color={o}size={8}/>
|
|
35
35
|
</react_native_1.View>
|
|
36
36
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextStrong}}>
|
|
37
|
-
{
|
|
37
|
+
{L("footer.allLoaded",{count:_,defaultValue:`All ${_} requests loaded`})}
|
|
38
38
|
</react_native_1.Text>
|
|
39
39
|
</react_native_1.View>
|
|
40
40
|
|
|
41
|
-
<react_native_1.View style={{backgroundColor:`${
|
|
42
|
-
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:
|
|
43
|
-
{
|
|
41
|
+
<react_native_1.View style={{backgroundColor:`${o}18`,paddingHorizontal:7,paddingVertical:2,borderRadius:6}}>
|
|
42
|
+
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:o}}>
|
|
43
|
+
{_}/{_}
|
|
44
44
|
</react_native_1.Text>
|
|
45
45
|
</react_native_1.View>
|
|
46
46
|
</react_native_1.View>}
|
|
47
47
|
</react_native_1.View>
|
|
48
|
-
</react_native_1.View>}const{log:s,isLast:c,color:
|
|
49
|
-
{
|
|
50
|
-
<react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:
|
|
51
|
-
{!c&&<react_native_1.View style={[styles_1.default.modernTreeBranch,{borderColor:
|
|
48
|
+
</react_native_1.View>}const{log:s,isLast:c,color:A}=e,k=M.slice(0,n).filter(d=>!d.type).length;return<AnimatedEntrance_1.default index={n}distance={8}style={u?[styles_1.default.treeNodeRow,c&&styles_1.default.treeNodeRowLast]:{marginBottom:5,marginHorizontal:5}}>
|
|
49
|
+
{u&&<react_native_1.View style={styles_1.default.treeLines}>
|
|
50
|
+
<react_native_1.View style={[styles_1.default.modernTreeLine,{borderColor:A},c&&styles_1.default.modernTreeLineLast]}/>
|
|
51
|
+
{!c&&<react_native_1.View style={[styles_1.default.modernTreeBranch,{borderColor:A}]}/>}
|
|
52
52
|
</react_native_1.View>}
|
|
53
|
-
<react_native_1.View style={
|
|
54
|
-
<LogCard_1.default item={s}isSelected={
|
|
53
|
+
<react_native_1.View style={u?styles_1.default.treeCardWrapper:{flex:1}}>
|
|
54
|
+
<LogCard_1.default testID={`inspector.network.item.${k}`}item={s}isSelected={v.has(s.id)}onToggleSelect={W}onPress={()=>{G(s)}}timelineMinStart={$}timelineTotalRange={H}isNew={j.has(s.id)}searchStr={t}/>
|
|
55
55
|
</react_native_1.View>
|
|
56
|
-
</AnimatedEntrance_1.default>},[
|
|
56
|
+
</AnimatedEntrance_1.default>},[M,u,$,H,j,v,W,t,E,N,r,G,L]);return<react_native_1.View style={{flex:1}}>
|
|
57
57
|
<react_native_1.View style={{marginTop:6}}>
|
|
58
58
|
|
|
59
59
|
<react_native_1.View style={styles_1.default.toolbarRow}>
|
|
60
|
-
<react_native_1.View style={[styles_1.default.searchContainer,
|
|
61
|
-
<NetworkIcons_1.SearchIcon color={
|
|
62
|
-
<react_native_1.TextInput placeholder="Search URL, status, method, headers, body..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={
|
|
60
|
+
<react_native_1.View style={[styles_1.default.searchContainer,K&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
|
|
61
|
+
<NetworkIcons_1.SearchIcon color={K?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={15}/>
|
|
62
|
+
<react_native_1.TextInput placeholder="Search URL, status, method, headers, body..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={t}onChangeText={a}onFocus={()=>U(!0)}onBlur={()=>U(!1)}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
|
|
63
63
|
|
|
64
|
-
{
|
|
64
|
+
{t.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
|
|
65
65
|
<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:1.5}}>
|
|
66
66
|
<react_native_1.Text style={{color:AppColors_1.AppColors.purple,fontSize:9.5,fontFamily:AppFonts_1.AppFonts.interBold}}>
|
|
67
67
|
{w.length}
|
|
@@ -74,22 +74,22 @@
|
|
|
74
74
|
</react_native_1.View>
|
|
75
75
|
|
|
76
76
|
<react_native_1.View style={styles_1.default.toolbarRight}>
|
|
77
|
-
<TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={
|
|
77
|
+
<TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={J}hitSlop={6}>
|
|
78
78
|
<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={15}/>
|
|
79
|
-
{
|
|
79
|
+
{v.size>0&&<react_native_1.View style={styles_1.default.trashBadge}>
|
|
80
80
|
<react_native_1.Text style={styles_1.default.trashBadgeText}>
|
|
81
|
-
{
|
|
81
|
+
{v.size}
|
|
82
82
|
</react_native_1.Text>
|
|
83
83
|
</react_native_1.View>}
|
|
84
84
|
</TouchableScale_1.default>
|
|
85
85
|
|
|
86
|
-
<TouchableScale_1.default style={[styles_1.default.toolbarBtn,
|
|
87
|
-
<NetworkIcons_1.LayersIcon color={
|
|
88
|
-
{
|
|
86
|
+
<TouchableScale_1.default style={[styles_1.default.toolbarBtn,u&&{borderColor:AppColors_1.AppColors.purple,backgroundColor:`${AppColors_1.AppColors.purple}15`}]}onPress={()=>Y(e=>!e)}hitSlop={6}accessibilityLabel={u?"Page Accordion Grouping Enabled (Tap for Plain List)":"Plain List Enabled (Tap for Page Accordion)"}accessibilityRole="button">
|
|
87
|
+
<NetworkIcons_1.LayersIcon color={u?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextStrong}size={16}/>
|
|
88
|
+
{u&&<react_native_1.View style={styles_1.default.activeFilterDot}/>}
|
|
89
89
|
</TouchableScale_1.default>
|
|
90
90
|
|
|
91
|
-
<TouchableScale_1.default style={styles_1.default.toolbarBtn}onPress={()=>
|
|
92
|
-
<NetworkIcons_1.SortArrowIcon direction={
|
|
91
|
+
<TouchableScale_1.default style={styles_1.default.toolbarBtn}onPress={()=>x(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
|
|
92
|
+
<NetworkIcons_1.SortArrowIcon direction={Z==="newest"?"down":"up"}color={AppColors_1.AppColors.grayTextStrong}size={18}/>
|
|
93
93
|
</TouchableScale_1.default>
|
|
94
94
|
</react_native_1.View>
|
|
95
95
|
</react_native_1.View>
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
|
|
98
98
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:8,gap:6}}>
|
|
99
99
|
<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
|
|
100
|
-
{
|
|
100
|
+
{ie.map(e=>{const n=V===e.id,s=e.color||AppColors_1.AppColors.purple,c=n?AppColors_1.AppColors.white:s;return<TouchableScale_1.default testID={`inspector.network.filter.${e.id.toLowerCase()}`}key={e.id}onPress={()=>{q(n?"all":e.id)}}>
|
|
101
101
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:n?s:`${s}12`,borderWidth:1,borderColor:n?s:`${s}30`,gap:5}}>
|
|
102
102
|
{e.id==="all"&&<NetworkIcons_1.LayersIcon size={11}color={c}/>}
|
|
103
103
|
{e.id==="errors"&&<NetworkIcons_1.CircleXIcon size={11}color={c}/>}
|
|
@@ -118,15 +118,15 @@
|
|
|
118
118
|
</TouchableScale_1.default>})}
|
|
119
119
|
</react_native_1.ScrollView>
|
|
120
120
|
|
|
121
|
-
<TouchableScale_1.default onPress={()=>
|
|
121
|
+
<TouchableScale_1.default onPress={()=>Q(!0)}style={{flexShrink:0}}>
|
|
122
122
|
<react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:10,paddingVertical:4.5,borderRadius:8,backgroundColor:C?`${AppColors_1.AppColors.purple}20`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:C?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,gap:5,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.04,shadowRadius:2,shadowOffset:{width:0,height:1},elevation:1}}>
|
|
123
123
|
<NetworkIcons_1.FilterIcon size={11}color={C?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}/>
|
|
124
124
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:C?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
|
|
125
|
-
{
|
|
125
|
+
{L("network.moreFilters","More Filters")}
|
|
126
126
|
</react_native_1.Text>
|
|
127
127
|
{C&&<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:4.5,paddingVertical:1,borderRadius:6}}>
|
|
128
128
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.white}}>
|
|
129
|
-
{
|
|
129
|
+
{re}
|
|
130
130
|
</react_native_1.Text>
|
|
131
131
|
</react_native_1.View>}
|
|
132
132
|
</react_native_1.View>
|
|
@@ -134,11 +134,11 @@
|
|
|
134
134
|
</react_native_1.View>
|
|
135
135
|
|
|
136
136
|
|
|
137
|
-
{(
|
|
137
|
+
{(V!=="all"||t.trim().length>0||C||w.length!==T.length)&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginHorizontal:8,marginBottom:8,paddingHorizontal:8,paddingVertical:5.5,backgroundColor:`${AppColors_1.AppColors.purple}10`,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}25`}}>
|
|
138
138
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.purple}}>
|
|
139
|
-
Showing {w.length} of {
|
|
139
|
+
Showing {w.length} of {T.length} requests
|
|
140
140
|
</react_native_1.Text>
|
|
141
|
-
<TouchableScale_1.default onPress={()=>{a(""),
|
|
141
|
+
<TouchableScale_1.default onPress={()=>{a(""),q("all"),m(new Set),S(new Set),z("all"),F("all"),I("time_desc"),i("all")}}>
|
|
142
142
|
<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.errorColor}}>
|
|
143
143
|
Clear All Filters
|
|
144
144
|
</react_native_1.Text>
|
|
@@ -146,8 +146,8 @@
|
|
|
146
146
|
</react_native_1.View>}
|
|
147
147
|
</react_native_1.View>
|
|
148
148
|
|
|
149
|
-
<react_native_1.FlatList ref={
|
|
149
|
+
<react_native_1.FlatList ref={ee}data={M}keyExtractor={oe}renderItem={ne}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<EmptyState_1.default isSearch={t.length>0||C||V!=="all"}searchQuery={t}customTitle={t.length>0?"No matching API requests":"No network activity"}onClearSearch={()=>{a(""),m(new Set),S(new Set),z("all"),F("all"),I("time_desc"),q("all"),i("all")}}/>}ListFooterComponent={l.length>0?<EndOfListFooter_1.default count={u?w.length:Math.min(R,w.length)}totalCount={w.length}label="requests"hasMore={!u&&w.length>R}loadMoreStep={30}onLoadMore={()=>X(e=>e+30)}/>:null}style={{flex:1}}contentContainerStyle={[styles_1.default.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
|
|
150
150
|
|
|
151
151
|
|
|
152
|
-
<NetworkFilterModal_1.default visible={
|
|
152
|
+
<NetworkFilterModal_1.default visible={te}onClose={()=>Q(!1)}filters={le}onApply={ae}searchQuery={t}/>
|
|
153
153
|
</react_native_1.View>});exports.default=NetworkTab;
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
<react_native_svg_1.Path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
|
|
10
10
|
<react_native_svg_1.Path d="M15 3h6v6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
|
|
11
11
|
<react_native_svg_1.Path d="M10 14L21 3"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
|
|
12
|
-
</react_native_svg_1.default>,TOAST_TIMEOUT_MS=7e3,NpmUpdateToast=()=>{const{t}=(0,i18n_1.useTranslation)(),{updateAvailable:e,latestNpmVersion:o,showUpdateToast:r}=(0,InspectorContext_1.useInspector)(),[
|
|
12
|
+
</react_native_svg_1.default>,TOAST_TIMEOUT_MS=7e3,NpmUpdateToast=()=>{const{t}=(0,i18n_1.useTranslation)(),{updateAvailable:e,latestNpmVersion:o,showUpdateToast:r,setIsUpdatePopupVisible:i}=(0,InspectorContext_1.useInspector)(),[d,f]=(0,react_1.useState)(!1),[v,u]=(0,react_1.useState)(!1),[n,h]=(0,react_1.useState)(!1),a=(0,react_1.useRef)(new react_native_1.Animated.Value(60)).current,s=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,l=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,p=(0,react_1.useRef)(null);(0,react_1.useEffect)(()=>(r&&e&&o&&!d&&(u(!0),i?.(!0),react_native_1.Animated.parallel([react_native_1.Animated.spring(a,{toValue:0,friction:8,tension:40,useNativeDriver:!0}),react_native_1.Animated.timing(s,{toValue:1,duration:250,useNativeDriver:!0})]).start(),l.setValue(1),react_native_1.Animated.timing(l,{toValue:0,duration:TOAST_TIMEOUT_MS,useNativeDriver:!1}).start(),p.current=setTimeout(()=>{c()},TOAST_TIMEOUT_MS)),()=>{p.current&&clearTimeout(p.current),i?.(!1)}),[r,e,o,d,i]);const c=()=>{react_native_1.Animated.parallel([react_native_1.Animated.timing(s,{toValue:0,duration:180,useNativeDriver:!0}),react_native_1.Animated.timing(a,{toValue:60,duration:180,useNativeDriver:!0})]).start(()=>{u(!1),f(!0),i?.(!1)})},g=()=>{(0,helpers_1.copyToClipboard)("npm install react-native-inapp-inspector@latest","Install Command"),h(!0),(0,toast_1.showToast)(t("about.copiedInstallCommand","Copied npm install command!")),setTimeout(()=>{h(!1)},2e3)},_=()=>{react_native_1.Linking.openURL("https://www.npmjs.com/package/react-native-inapp-inspector").catch(()=>{}),c()};if(typeof __DEV__>"u"||!__DEV__||!r||!v||!e||!o)return null;const w=l.interpolate({inputRange:[0,1],outputRange:["0%","100%"]});return<react_native_1.Animated.View style={[styles.container,{opacity:s,transform:[{translateY:a}]}]}>
|
|
13
13
|
<react_native_1.View style={styles.contentRow}>
|
|
14
14
|
|
|
15
15
|
<react_native_1.View style={styles.npmIconContainer}>
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
</react_native_1.View>
|
|
30
30
|
|
|
31
31
|
|
|
32
|
-
<react_native_1.TouchableOpacity style={styles.copyButton}onPress={
|
|
32
|
+
<react_native_1.TouchableOpacity style={styles.copyButton}onPress={g}activeOpacity={.7}hitSlop={{top:8,bottom:8,left:4,right:4}}>
|
|
33
33
|
{n?<CheckSvg size={11}color={AppColors_1.AppColors.greenColor}/>:<CopySvg size={11}color={AppColors_1.AppColors.slate400}/>}
|
|
34
34
|
<react_native_1.Text style={[styles.copyButtonText,n&&{color:AppColors_1.AppColors.greenColor}]}>
|
|
35
35
|
{n?t("common.copied","Copied"):t("header.copyCommand","Copy")}
|
|
@@ -37,19 +37,19 @@
|
|
|
37
37
|
</react_native_1.TouchableOpacity>
|
|
38
38
|
|
|
39
39
|
|
|
40
|
-
<react_native_1.TouchableOpacity style={styles.actionButton}onPress={
|
|
40
|
+
<react_native_1.TouchableOpacity style={styles.actionButton}onPress={_}activeOpacity={.8}hitSlop={{top:8,bottom:8,left:4,right:4}}>
|
|
41
41
|
<react_native_1.Text style={styles.actionButtonText}>{t("header.viewNpm","View")}</react_native_1.Text>
|
|
42
42
|
<ExternalLinkSvg size={10}color={AppColors_1.AppColors.white}/>
|
|
43
43
|
</react_native_1.TouchableOpacity>
|
|
44
44
|
|
|
45
45
|
|
|
46
|
-
<react_native_1.TouchableOpacity style={styles.closeButton}onPress={
|
|
46
|
+
<react_native_1.TouchableOpacity style={styles.closeButton}onPress={c}activeOpacity={.7}hitSlop={{top:10,bottom:10,left:10,right:10}}>
|
|
47
47
|
<CloseSvg size={12}color={AppColors_1.AppColors.slate400}/>
|
|
48
48
|
</react_native_1.TouchableOpacity>
|
|
49
49
|
</react_native_1.View>
|
|
50
50
|
|
|
51
51
|
|
|
52
52
|
<react_native_1.View style={styles.progressBarTrack}>
|
|
53
|
-
<react_native_1.Animated.View style={[styles.progressBarFill,{width:
|
|
53
|
+
<react_native_1.Animated.View style={[styles.progressBarFill,{width:w}]}/>
|
|
54
54
|
</react_native_1.View>
|
|
55
55
|
</react_native_1.Animated.View>};exports.NpmUpdateToast=NpmUpdateToast;const fontStack={fontFamily:AppFonts_1.AppFonts.interRegular},styles=react_native_1.StyleSheet.create({container:{position:"absolute",bottom:24,left:14,right:14,backgroundColor:AppColors_1.AppColors.slate900,borderRadius:16,borderWidth:1,borderColor:AppColors_1.AppColors.slate700,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:12},shadowOpacity:.4,shadowRadius:24,elevation:24,overflow:"hidden",zIndex:99999},contentRow:{flexDirection:"row",alignItems:"center",paddingVertical:11,paddingHorizontal:12,gap:8},npmIconContainer:{width:32,height:32,borderRadius:9,backgroundColor:AppColors_1.AppColors.white,justifyContent:"center",alignItems:"center",borderWidth:1,borderColor:AppColors_1.AppColors.slate200,flexShrink:0,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:1},shadowOpacity:.15,shadowRadius:2,elevation:2},textContainer:{flex:1,minWidth:0},titleRow:{flexDirection:"row",alignItems:"center",gap:5},titleText:{fontSize:12.5,fontWeight:"700",color:AppColors_1.AppColors.slate50,letterSpacing:-.2,...fontStack},versionPill:{backgroundColor:`${AppColors_1.AppColors.offerPurple}33`,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.violet500}80`},versionPillText:{fontSize:10,fontWeight:"700",color:AppColors_1.AppColors.purpleLightMuted,...fontStack},subtitleText:{fontSize:10.5,color:AppColors_1.AppColors.slate400,marginTop:1,...fontStack},copyButton:{flexDirection:"row",alignItems:"center",gap:3.5,backgroundColor:AppColors_1.AppColors.slate800,paddingVertical:5.5,paddingHorizontal:8,borderRadius:7,borderWidth:1,borderColor:AppColors_1.AppColors.slate700,flexShrink:0},copyButtonText:{fontSize:10.5,fontWeight:"600",color:AppColors_1.AppColors.slate400,...fontStack},actionButton:{flexDirection:"row",alignItems:"center",gap:3.5,backgroundColor:AppColors_1.AppColors.offerPurple,paddingVertical:5.5,paddingHorizontal:9,borderRadius:7,flexShrink:0,shadowColor:AppColors_1.AppColors.offerPurple,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:4,elevation:3},actionButtonText:{fontSize:11,fontWeight:"700",color:AppColors_1.AppColors.white,...fontStack},closeButton:{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.slate800,justifyContent:"center",alignItems:"center",flexShrink:0},progressBarTrack:{height:2.5,width:"100%",backgroundColor:AppColors_1.AppColors.slate800},progressBarFill:{height:"100%",backgroundColor:AppColors_1.AppColors.violet500}});exports.default=exports.NpmUpdateToast;
|