react-native-inapp-inspector 2.3.18 → 2.3.20

package/dist/esm/components/SourcePageCard.js

@@ -1,88 +1,67 @@
-import React from 'react';
-import { View, Pressable, Text } from 'react-native';
-import Svg, { Rect, Path } from 'react-native-svg';
-import CopyButton from './CopyButton';
-import useAccordion from '../customHooks/useAccordion';
-import { ChevronIcon } from './NetworkIcons';
-import { AppColors } from '../styles/AppColors';
-import styles from '../styles';
-const SourcePageCard = ({ routeInfo }) => {
-    const main = useAccordion(true);
-    const params = useAccordion(false);
-    const hasParams = routeInfo.params && Object.keys(routeInfo.params).length > 0;
-    return (<View style={styles.sourcePageCard}>
-      <Pressable onPress={main.toggleOpen} hitSlop={12}>
-        <View style={styles.sourcePageAccordionHeader}>
-          <View style={styles.sourcePageTop}>
-            <View style={styles.sourcePageIcon}>
-              <Svg width={14} height={14} viewBox="0 0 24 24" fill="none">
-                <Rect x="3" y="3" width="7" height="7" rx="1.5" stroke={AppColors.purple} strokeWidth="2"/>
-                <Rect x="14" y="3" width="7" height="7" rx="1.5" stroke={AppColors.purple} strokeWidth="2"/>
-                <Rect x="3" y="14" width="7" height="7" rx="1.5" stroke={AppColors.purple} strokeWidth="2"/>
-                <Path d="M14 17.5h7M17.5 14v7" stroke={AppColors.purple} strokeWidth="2" strokeLinecap="round"/>
-              </Svg>
-            </View>
-            <View style={{ flex: 1 }}>
-              <Text style={styles.sourcePageLabel}>Source Page</Text>
-              <Text style={styles.sourcePageValue} numberOfLines={1}>
-                {routeInfo.path}
-              </Text>
-            </View>
-          </View>
-          <View style={styles.sourcePageHeaderRight}>
-            <CopyButton value={routeInfo.path} label="Source Path"/>
-            <View style={styles.iconSquareBtn}>
-              <View style={main.chevronStyle}>
-                <ChevronIcon color={AppColors.grayTextStrong} size={14}/>
-              </View>
-            </View>
-          </View>
-        </View>
-      </Pressable>
+import"react";import{View as V,Pressable as C,Text as S}from"react-native";import W,{Rect as O,Path as H}from"react-native-svg";import B from"./CopyButton";import R from"../customHooks/useAccordion";import{ChevronIcon as A}from"./NetworkIcons";import{AppColors as b}from"../styles/AppColors";import e from"../styles";const q=({routeInfo:P})=>{const f=R(!0),T=R(!1),j=P.params&&Object.keys(P.params).length>0;return<V style={e.sourcePageCard}>
+      <C onPress={f.toggleOpen}hitSlop={12}>
+        <V style={e.sourcePageAccordionHeader}>
+          <V style={e.sourcePageTop}>
+            <V style={e.sourcePageIcon}>
+              <W width={14}height={14}viewBox="0 0 24 24"fill="none">
+                <O x="3"y="3"width="7"height="7"rx="1.5"stroke={b.purple}strokeWidth="2"/>
+                <O x="14"y="3"width="7"height="7"rx="1.5"stroke={b.purple}strokeWidth="2"/>
+                <O x="3"y="14"width="7"height="7"rx="1.5"stroke={b.purple}strokeWidth="2"/>
+                <H d="M14 17.5h7M17.5 14v7"stroke={b.purple}strokeWidth="2"strokeLinecap="round"/>
+              </W>
+            </V>
+            <V style={{flex:1}}>
+              <S style={e.sourcePageLabel}>Source Page</S>
+              <S style={e.sourcePageValue}numberOfLines={1}>
+                {P.path}
+              </S>
+            </V>
+          </V>
+          <V style={e.sourcePageHeaderRight}>
+            <B value={P.path}label="Source Path"/>
+            <V style={e.iconSquareBtn}>
+              <V style={f.chevronStyle}>
+                <A color={b.grayTextStrong}size={14}/>
+              </V>
+            </V>
+          </V>
+        </V>
+      </C>
 
-      {main.isOpen && (<View>
-          {hasParams && (<View style={styles.sourceParamsBox}>
-              <Pressable onPress={params.toggleOpen} hitSlop={10}>
-                <View style={styles.paramsAccordionHeader}>
-                  <View style={styles.paramsAccordionLeft}>
-                    <Text style={styles.sourceParamsLabel}>Parameters</Text>
-                    <View style={styles.headerCountBadge}>
-                      <Text style={styles.headerCountText}>
-                        {Object.keys(routeInfo.params).length}
-                      </Text>
-                    </View>
-                  </View>
-                  <View style={styles.paramsAccordionRight}>
-                    <CopyButton value={routeInfo.params} label="Parameters"/>
-                    <View style={styles.iconSquareBtn}>
-                      <View style={params.chevronStyle}>
-                        <ChevronIcon color={AppColors.grayTextStrong} size={14}/>
-                      </View>
-                    </View>
-                  </View>
-                </View>
-              </Pressable>
+      {f.isOpen&&<V>
+          {j&&<V style={e.sourceParamsBox}>
+              <C onPress={T.toggleOpen}hitSlop={10}>
+                <V style={e.paramsAccordionHeader}>
+                  <V style={e.paramsAccordionLeft}>
+                    <S style={e.sourceParamsLabel}>Parameters</S>
+                    <V style={e.headerCountBadge}>
+                      <S style={e.headerCountText}>
+                        {Object.keys(P.params).length}
+                      </S>
+                    </V>
+                  </V>
+                  <V style={e.paramsAccordionRight}>
+                    <B value={P.params}label="Parameters"/>
+                    <V style={e.iconSquareBtn}>
+                      <V style={T.chevronStyle}>
+                        <A color={b.grayTextStrong}size={14}/>
+                      </V>
+                    </V>
+                  </V>
+                </V>
+              </C>
 
-              {params.isOpen && (<View style={styles.paramsBody}>
-                  {Object.entries(routeInfo.params).map(([key, val], i, arr) => (<View key={key} style={[
-                            styles.paramRow,
-                            i < arr.length - 1 ? styles.paramRowBorder : null,
-                        ]}>
-                      <Text style={styles.paramKey}>{key}</Text>
-                      <View style={styles.paramValueRow}>
-                        <Text selectable style={styles.paramValue}>
-                          {typeof val === 'object'
-                            ? JSON.stringify(val)
-                            : String(val)}
-                        </Text>
-                        <CopyButton value={typeof val === 'object'
-                            ? JSON.stringify(val)
-                            : String(val)} label={key}/>
-                      </View>
-                    </View>))}
-                </View>)}
-            </View>)}
-        </View>)}
-    </View>);
-};
-export default SourcePageCard;
+              {T.isOpen&&<V style={e.paramsBody}>
+                  {Object.entries(P.params).map(([k,x],v,L)=><V key={k}style={[e.paramRow,v<L.length-1?e.paramRowBorder:null]}>
+                      <S style={e.paramKey}>{k}</S>
+                      <V style={e.paramValueRow}>
+                        <S selectable style={e.paramValue}>
+                          {typeof x=="object"?JSON.stringify(x):String(x)}
+                        </S>
+                        <B value={typeof x=="object"?JSON.stringify(x):String(x)}label={k}/>
+                      </V>
+                    </V>)}
+                </V>}
+            </V>}
+        </V>}
+    </V>};export default q;

package/dist/esm/components/Toast.js

@@ -1,117 +1,10 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { Animated, StyleSheet, Text, View, Platform } from 'react-native';
-import { subscribeToast } from '../helpers/toast';
-import { CheckIcon } from './NetworkIcons';
-import { AppColors } from '../styles/AppColors';
-import { AppFonts } from '../styles/AppFonts';
-const Toast = React.memo(() => {
-    const [toastMessage, setToastMessage] = useState(null);
-    const opacityAnim = useRef(new Animated.Value(0)).current;
-    const translateYAnim = useRef(new Animated.Value(20)).current;
-    const hideTimerRef = useRef(null);
-    useEffect(() => {
-        const unsubscribe = subscribeToast((message) => {
-            if (hideTimerRef.current) {
-                clearTimeout(hideTimerRef.current);
-            }
-            setToastMessage(message);
-            Animated.parallel([
-                Animated.timing(opacityAnim, {
-                    toValue: 1,
-                    duration: 180,
-                    useNativeDriver: false,
-                }),
-                Animated.spring(translateYAnim, {
-                    toValue: 0,
-                    tension: 80,
-                    friction: 8,
-                    useNativeDriver: false,
-                }),
-            ]).start();
-            hideTimerRef.current = setTimeout(() => {
-                Animated.parallel([
-                    Animated.timing(opacityAnim, {
-                        toValue: 0,
-                        duration: 200,
-                        useNativeDriver: false,
-                    }),
-                    Animated.timing(translateYAnim, {
-                        toValue: 20,
-                        duration: 200,
-                        useNativeDriver: false,
-                    }),
-                ]).start(() => {
-                    setToastMessage(null);
-                });
-            }, 2000);
-        });
-        return () => {
-            unsubscribe();
-            if (hideTimerRef.current) {
-                clearTimeout(hideTimerRef.current);
-            }
-        };
-    }, [opacityAnim, translateYAnim]);
-    if (!toastMessage) {
-        return null;
-    }
-    return (<Animated.View pointerEvents="none" style={[
-            styles.toastContainer,
-            {
-                opacity: opacityAnim,
-                transform: [{ translateY: translateYAnim }],
-            },
-        ]}>
-      <View style={styles.toastCard}>
-        <View style={styles.iconCircle}>
-          <CheckIcon color={AppColors.white} size={11}/>
-        </View>
-        <Text style={styles.toastText} numberOfLines={2}>
-          {toastMessage}
-        </Text>
-      </View>
-    </Animated.View>);
-});
-const styles = StyleSheet.create({
-    toastContainer: {
-        position: 'absolute',
-        bottom: Platform.OS === 'ios' ? 44 : 28,
-        left: 20,
-        right: 20,
-        alignItems: 'center',
-        justifyContent: 'center',
-        zIndex: 999999,
-    },
-    toastCard: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        backgroundColor: AppColors.toastBg,
-        paddingVertical: 10,
-        paddingHorizontal: 16,
-        borderRadius: 24,
-        shadowColor: AppColors.black,
-        shadowOffset: { width: 0, height: 6 },
-        shadowOpacity: 0.28,
-        shadowRadius: 10,
-        elevation: 8,
-        borderWidth: 1,
-        borderColor: AppColors.toastBorder,
-        maxWidth: '90%',
-        gap: 9,
-    },
-    iconCircle: {
-        width: 18,
-        height: 18,
-        borderRadius: 9,
-        backgroundColor: AppColors.greenColor,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    toastText: {
-        color: AppColors.white,
-        fontFamily: AppFonts.interBold,
-        fontSize: 12.5,
-        letterSpacing: -0.1,
-    },
-});
-export default Toast;
+import V,{useState as T,useEffect as v,useRef as n}from"react";import{Animated as t,StyleSheet as x,Text as A,View as C,Platform as R}from"react-native";import{subscribeToast as S}from"../helpers/toast";import{CheckIcon as D}from"./NetworkIcons";import{AppColors as e}from"../styles/AppColors";import{AppFonts as I}from"../styles/AppFonts";const k=V.memo(()=>{const[s,l]=T(null),o=n(new t.Value(0)).current,i=n(new t.Value(20)).current,r=n(null);return v(()=>{const b=S(y=>{r.current&&clearTimeout(r.current),l(y),t.parallel([t.timing(o,{toValue:1,duration:180,useNativeDriver:!1}),t.spring(i,{toValue:0,tension:80,friction:8,useNativeDriver:!1})]).start(),r.current=setTimeout(()=>{t.parallel([t.timing(o,{toValue:0,duration:200,useNativeDriver:!1}),t.timing(i,{toValue:20,duration:200,useNativeDriver:!1})]).start(()=>{l(null)})},2e3)});return()=>{b(),r.current&&clearTimeout(r.current)}},[o,i]),s?<t.View pointerEvents="none"style={[a.toastContainer,{opacity:o,transform:[{translateY:i}]}]}>
+      <C style={a.toastCard}>
+        <C style={a.iconCircle}>
+          <D color={e.white}size={11}/>
+        </C>
+        <A style={a.toastText}numberOfLines={2}>
+          {s}
+        </A>
+      </C>
+    </t.View>:null}),a=x.create({toastContainer:{position:"absolute",bottom:R.OS==="ios"?44:28,left:20,right:20,alignItems:"center",justifyContent:"center",zIndex:999999},toastCard:{flexDirection:"row",alignItems:"center",backgroundColor:e.toastBg,paddingVertical:10,paddingHorizontal:16,borderRadius:24,shadowColor:e.black,shadowOffset:{width:0,height:6},shadowOpacity:.28,shadowRadius:10,elevation:8,borderWidth:1,borderColor:e.toastBorder,maxWidth:"90%",gap:9},iconCircle:{width:18,height:18,borderRadius:9,backgroundColor:e.greenColor,alignItems:"center",justifyContent:"center"},toastText:{color:e.white,fontFamily:I.interBold,fontSize:12.5,letterSpacing:-.1}});export default k;

package/dist/esm/components/TouchableScale.js

@@ -1,19 +1,3 @@
-import React from 'react';
-import { Pressable } from 'react-native';
-import { triggerNativeHaptic } from '../native/NativeInspector';
-const TouchableScale = React.memo(function TouchableScale({ onPress, onLongPress, style, children, hitSlop, disabled, enableHaptics = true, accessible, accessibilityRole, accessibilityLabel, accessibilityHint, accessibilityState, accessibilityValue, ...rest }) {
-    const handlePressIn = () => {
-        if (disabled)
-            return;
-        if (enableHaptics) {
-            triggerNativeHaptic('light');
-        }
-    };
-    return (<Pressable accessible={accessible} accessibilityRole={accessibilityRole} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} accessibilityState={accessibilityState} accessibilityValue={accessibilityValue} disabled={disabled} style={({ pressed }) => [
-            typeof style === 'function' ? style({ pressed }) : style,
-            pressed && !disabled && { opacity: 0.82, transform: [{ scale: 0.96 }] },
-        ]} onPressIn={handlePressIn} onPress={onPress} onLongPress={onLongPress} hitSlop={hitSlop} {...rest}>
-      {children}
-    </Pressable>);
-});
-export default TouchableScale;
+import P from"react";import{Pressable as S}from"react-native";import{triggerNativeHaptic as H}from"../native/NativeInspector";const I=P.memo(function({onPress:c,onLongPress:s,style:e,children:o,hitSlop:a,disabled:i,enableHaptics:r=!0,accessible:l,accessibilityRole:n,accessibilityLabel:b,accessibilityHint:f,accessibilityState:m,accessibilityValue:u,...p}){const y=()=>{i||r&&H("light")};return<S accessible={l}accessibilityRole={n}accessibilityLabel={b}accessibilityHint={f}accessibilityState={m}accessibilityValue={u}disabled={i}style={({pressed:t})=>[typeof e=="function"?e({pressed:t}):e,t&&!i&&{opacity:.82,transform:[{scale:.96}]}]}onPressIn={y}onPress={c}onLongPress={s}hitSlop={a}{...p}>
+      {o}
+    </S>});export default I;

package/dist/esm/components/TreeNode.js

@@ -1,97 +1,60 @@
-import React, { useState, useEffect } from 'react';
-import { Text, View, Image, Pressable } from 'react-native';
-import { escapeRegex } from '../helpers';
-import { ChevronIcon, DocIcon } from './NetworkIcons';
-import { AppColors } from '../styles/AppColors';
-import styles from '../styles';
-const TreeNode = React.memo(function TreeNode({ data, name, level = 0, search, forceOpen, defaultExpandDepth = 1, }) {
-    const [localOpen, setLocalOpen] = useState(() => {
-        if (forceOpen !== undefined) {
-            return forceOpen;
-        }
-        return defaultExpandDepth !== undefined ? level < defaultExpandDepth : level < 1;
-    });
-    const open = localOpen;
-    useEffect(() => {
-        if (forceOpen !== undefined) {
-            setLocalOpen(forceOpen);
-        }
-    }, [forceOpen]);
-    const isObject = typeof data === 'object' && data !== null;
-    const isArray = Array.isArray(data);
-    function renderHighlighted(text) {
-        if (text === 'null' || text === 'undefined') {
-            return [
-                <Text key="nil" style={styles.codeTextNil}>
-          {text}
-        </Text>,
-            ];
-        }
-        if (!search) {
-            return [
-                <Text key="plain" style={styles.codeText}>
-          {text}
-        </Text>,
-            ];
-        }
-        const regex = new RegExp(`(${escapeRegex(search)})`, 'gi');
-        const parts = text.split(regex);
-        return parts.map((part, i) => part.toLowerCase() === search.toLowerCase() ? (<Text key={i} style={styles.highlight}>
-          {part}
-        </Text>) : (<Text key={i} style={styles.codeText}>
-          {part}
-        </Text>));
-    }
-    const indentStyle = { paddingLeft: level * 12 };
-    if (isObject && data._isFile) {
-        const file = data;
-        const isImage = file.type?.includes('image');
-        return (<View style={[indentStyle, styles.filePreviewNode]}>
-        {name !== undefined && (<Text style={[styles.codeKey, { marginBottom: 4 }]}>{`"${String(name)}": `}</Text>)}
-        <View style={styles.filePreviewCard}>
-          {isImage ? (<Image source={{ uri: file.uri }} style={styles.filePreviewThumb} resizeMode="cover"/>) : (<View style={styles.filePreviewDoc}>
-              <DocIcon color={AppColors.grayTextWeak} size={20}/>
-            </View>)}
-          <View style={{ flex: 1 }}>
-            <Text style={styles.filePreviewName} numberOfLines={1}>
-              {file.name}
-            </Text>
-            <Text style={styles.filePreviewType}>{file.type}</Text>
-          </View>
-        </View>
-      </View>);
-    }
-    if (!isObject) {
-        const serialized = JSON.stringify(data) ?? String(data);
-        const prefix = name !== undefined ? `"${String(name)}": ` : null;
-        return (<View style={indentStyle}>
-        <Text selectable={true} style={styles.codeText}>
-          <Text style={styles.codeKey}>{prefix}</Text>
-          {renderHighlighted(serialized)}
-        </Text>
-      </View>);
-    }
-    const entries = isArray
-        ? data.map((v, i) => [i, v])
-        : Object.entries(data);
-    const countLabel = isArray ? `[${entries.length}]` : `{${entries.length}}`;
-    return (<View style={indentStyle}>
-      <Pressable style={styles.treeRow} onPress={() => setLocalOpen(v => !v)} hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}>
-        <View style={{ transform: [{ rotate: open ? '180deg' : '0deg' }], marginRight: 6 }}>
-          <ChevronIcon color={AppColors.grayTextWeak} size={12}/>
-        </View>
-        {name !== undefined && (<Text style={[styles.codeKey, styles.treeKeyMargin]}>{`"${String(name)}"`}</Text>)}
-        {isArray ? (<View style={styles.arrayBadge}>
-            <Text style={styles.arrayBadgeText}>{countLabel}</Text>
-          </View>) : (<View style={styles.objectBadge}>
-            <Text style={styles.objectBadgeText}>{countLabel}</Text>
-          </View>)}
-      </Pressable>
+import G,{useState as J,useEffect as _}from"react";import{Text as S,View as F,Image as Q,Pressable as U,StyleSheet as X,Platform as Y}from"react-native";import{escapeRegex as Z}from"../helpers";import{ChevronIcon as Fe,DocIcon as Se}from"./NetworkIcons";import{AppColors as Te}from"../styles/AppColors";const T=Y.select({ios:"Menlo",android:"monospace",default:"monospace"}),E=G.memo(({level:P})=>{if(P<=0)return null;const h=[];for(let C=0;C<P;C++)h.push(<F key={C}style={e.indentGuideCell}>
+        <F style={e.indentGuideLine}/>
+      </F>);return<F style={e.indentGuidesContainer}>{h}</F>}),Ce=G.memo(function P({data:h,name:C,level:z=0,search:R,forceOpen:N,defaultExpandDepth:D=1}){const[K,v]=J(()=>N!==void 0?N:D!==void 0?z<D:z<1),L=K;_(()=>{N!==void 0&&v(N)},[N]);const I=typeof h=="object"&&h!==null,B=Array.isArray(h);function $(t){return t==null?e.syntaxNull:typeof t=="number"?e.syntaxNumber:typeof t=="boolean"?e.syntaxBoolean:e.syntaxString}function H(t,V){const j=$(V);if(t==="null"||t==="undefined")return[<S key="nil"style={e.syntaxNull}>
+          {t}
+        </S>];if(!R)return[<S key="plain"style={j}>
+          {t}
+        </S>];const O=new RegExp(`(${Z(R)})`,"gi");return t.split(O).map((k,A)=>k.toLowerCase()===R.toLowerCase()?<S key={A}style={e.highlight}>
+          {k}
+        </S>:<S key={A}style={j}>
+          {k}
+        </S>)}if(I&&h._isFile){const t=h,V=t.type?.includes("image");return<F style={e.treeNodeWrapper}>
+        <E level={z}/>
+        <F style={e.filePreviewNode}>
+          {C!==void 0&&<S style={[e.codeKey,{marginBottom:4}]}>{`"${String(C)}": `}</S>}
+          <F style={e.filePreviewCard}>
+            {V?<Q source={{uri:t.uri}}style={e.filePreviewThumb}resizeMode="cover"/>:<F style={e.filePreviewDoc}>
+                <Se color={Te.slate400}size={18}/>
+              </F>}
+            <F style={{flex:1}}>
+              <S style={e.filePreviewName}numberOfLines={1}>
+                {t.name}
+              </S>
+              <S style={e.filePreviewType}>{t.type}</S>
+            </F>
+          </F>
+        </F>
+      </F>}if(!I){const t=JSON.stringify(h)??String(h),V=C!==void 0?`"${String(C)}": `:null;return<F style={e.treeNodeWrapper}>
+        <E level={z}/>
+        <F style={e.leafRow}>
+          <S selectable={!0}style={e.codeLine}>
+            {V&&<S style={e.codeKey}>{V}</S>}
+            {H(t,h)}
+          </S>
+        </F>
+      </F>}const W=B?h.map((t,V)=>[V,t]):Object.entries(h),M=B?`[${W.length}]`:`{${W.length}}`;return<F>
+      <F style={e.treeNodeWrapper}>
+        <E level={z}/>
+        <U style={e.treeRow}onPress={()=>v(t=>!t)}hitSlop={{top:8,bottom:8,left:8,right:8}}>
+          <F style={{transform:[{rotate:L?"180deg":"0deg"}],marginRight:6}}>
+            <Fe color="#64748B"size={11}/>
+          </F>
+          {C!==void 0&&<S style={[e.codeKey,e.treeKeyMargin]}>{`"${String(C)}": `}</S>}
+          <S style={e.codeSyntax}>{B?"[":"{"}</S>
+          <F style={B?e.arrayBadge:e.objectBadge}>
+            <S style={B?e.arrayBadgeText:e.objectBadgeText}>
+              {M}
+            </S>
+          </F>
+        </U>
+      </F>
 
-      {open &&
-            entries.map(([k, v]) => (<TreeNode key={String(k)} name={k} data={v} level={level + 1} search={search} forceOpen={forceOpen} defaultExpandDepth={defaultExpandDepth}/>))}
+      {L&&W.map(([t,V])=><P key={String(t)}name={t}data={V}level={z+1}search={R}forceOpen={N}defaultExpandDepth={D}/>)}
 
-      {open && <Text style={styles.codeSyntax}>{isArray ? ']' : '}'}</Text>}
-    </View>);
-});
-export default TreeNode;
+      {L&&<F style={e.treeNodeWrapper}>
+          <E level={z}/>
+          <F style={{paddingLeft:18}}>
+            <S style={e.codeSyntax}>{B?"]":"}"}</S>
+          </F>
+        </F>}
+    </F>}),e=X.create({treeNodeWrapper:{flexDirection:"row",alignItems:"stretch"},indentGuidesContainer:{flexDirection:"row",alignItems:"stretch"},indentGuideCell:{width:14,alignItems:"flex-start",justifyContent:"center",position:"relative"},indentGuideLine:{position:"absolute",left:4,top:0,bottom:0,width:1,backgroundColor:"#E2E8F0"},leafRow:{paddingVertical:2,flex:1},treeRow:{flexDirection:"row",alignItems:"center",paddingVertical:3,flex:1},treeKeyMargin:{marginRight:2},codeLine:{fontFamily:T,fontSize:12,lineHeight:18,color:"#0F172A"},codeKey:{fontFamily:T,fontSize:12,color:"#4F46E5",fontWeight:"600"},codeSyntax:{fontFamily:T,fontSize:12,color:"#64748B"},syntaxString:{fontFamily:T,fontSize:12,color:"#059669"},syntaxNumber:{fontFamily:T,fontSize:12,color:"#D97706"},syntaxBoolean:{fontFamily:T,fontSize:12,color:"#DB2777"},syntaxNull:{fontFamily:T,fontSize:12,color:"#E11D48",fontStyle:"italic"},highlight:{backgroundColor:"#FEF08A",color:"#854D0E",fontFamily:T,fontWeight:"700",borderRadius:2},arrayBadge:{backgroundColor:"#EEF2FF",borderColor:"#C7D2FE",borderWidth:1,borderRadius:5,paddingHorizontal:5,paddingVertical:1,marginLeft:6},arrayBadgeText:{fontFamily:T,color:"#4F46E5",fontSize:10,fontWeight:"600"},objectBadge:{backgroundColor:"#F1F5F9",borderColor:"#CBD5E1",borderWidth:1,borderRadius:5,paddingHorizontal:5,paddingVertical:1,marginLeft:6},objectBadgeText:{fontFamily:T,color:"#475569",fontSize:10,fontWeight:"600"},filePreviewNode:{marginVertical:4},filePreviewCard:{flexDirection:"row",alignItems:"center",backgroundColor:"#FFFFFF",borderRadius:8,borderWidth:1,borderColor:"#E2E8F0",padding:8,gap:8,marginTop:2},filePreviewThumb:{width:36,height:36,borderRadius:4},filePreviewDoc:{width:36,height:36,borderRadius:4,backgroundColor:"#F1F5F9",alignItems:"center",justifyContent:"center"},filePreviewName:{fontFamily:T,fontSize:11.5,color:"#0F172A"},filePreviewType:{fontFamily:T,fontSize:10,color:"#64748B",marginTop:2}});export default Ce;

package/dist/esm/console.js

@@ -1,2 +1 @@
-export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, getConsoleLogs, setConsoleModuleEnabled, getConsoleModuleEnabled, setMaxConsoleLogsLimit, getMaxConsoleLogsLimit, pruneConsoleLogs, } from './customHooks/consoleLogger';
-export { ConsoleLogType, LogFilter, } from './types';
+export{setupConsoleLogger,clearConsoleLogs,subscribeConsoleLogs,getConsoleLogs,setConsoleModuleEnabled,getConsoleModuleEnabled,setMaxConsoleLogsLimit,getMaxConsoleLogsLimit,pruneConsoleLogs}from"./customHooks/consoleLogger";export{ConsoleLogType,LogFilter}from"./types";

package/dist/esm/constants/index.js

@@ -1,28 +1 @@
-import { AppColors } from '../styles/AppColors';
-export const STATUS_FILTERS = [
-    'ALL',
-    '2xx',
-    '200',
-    '3xx',
-    '4xx',
-    '400',
-    '404',
-    '5xx',
-    '500',
-    'Failed',
-];
-export const METHOD_COLORS = {
-    ALL: '#64748B',
-    GET: '#059669',
-    POST: '#2563EB',
-    PUT: '#D97706',
-    PATCH: '#7C3AED',
-    DELETE: '#DC2626',
-    QUERY: '#0284C7',
-    OPTIONS: '#475569',
-    HEAD: '#0891B2',
-};
-export const DOMAIN_COLORS = AppColors.domainColors;
-export const DURATION_FAST_MS = 200;
-export const DURATION_SLOW_MS = 800;
-export { LIB_VERSION } from './version';
+import{AppColors as o}from"../styles/AppColors";export const STATUS_FILTERS=["ALL","2xx","200","3xx","4xx","400","404","5xx","500","Failed"],METHOD_COLORS={ALL:"#64748B",GET:"#059669",POST:"#2563EB",PUT:"#D97706",PATCH:"#7C3AED",DELETE:"#DC2626",QUERY:"#0284C7",OPTIONS:"#475569",HEAD:"#0891B2"},DOMAIN_COLORS=o.domainColors,DURATION_FAST_MS=200,DURATION_SLOW_MS=800;export{LIB_VERSION}from"./version";

package/dist/esm/constants/telemetryConfig.js

@@ -1,3 +1 @@
-export const ENC_MID = '';
-export const ENC_SEC = '';
-export const TELEMETRY_SALT = '';
+export const ENC_MID="",ENC_SEC="",TELEMETRY_SALT="";

package/dist/esm/constants/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "2.3.18";
+export declare const LIB_VERSION = "2.3.20";

package/dist/esm/constants/version.js

@@ -1 +1 @@
-export const LIB_VERSION = '2.3.18';
+export const LIB_VERSION="2.3.20";

package/dist/esm/crash.js

@@ -1,2 +1 @@
-export { setupGlobalCrashHandler, subscribeCrashEvents, emitCrashEvent, getCrashRecords, clearCrashRecords, simulateTestCrash, exportCrashReport, parseCrashStackTrace, setMaxCrashLogsLimit, getMaxCrashLogsLimit, pruneCrashRecords, setCrashModuleEnabled, getCrashModuleEnabled, } from './customHooks/crashHandler';
-export { CrashType, CrashExportFormat, CrashDetailSubTab, CrashFilterType, BreadcrumbType, } from './types';
+export{setupGlobalCrashHandler,subscribeCrashEvents,emitCrashEvent,getCrashRecords,clearCrashRecords,simulateTestCrash,exportCrashReport,parseCrashStackTrace,setMaxCrashLogsLimit,getMaxCrashLogsLimit,pruneCrashRecords,setCrashModuleEnabled,getCrashModuleEnabled}from"./customHooks/crashHandler";export{CrashType,CrashExportFormat,CrashDetailSubTab,CrashFilterType,BreadcrumbType}from"./types";