react-native-inapp-inspector 2.3.15 → 2.3.17

package/dist/commonjs/components/NetworkIcons.d.ts

@@ -91,6 +91,7 @@ export declare const CartIcon: ({ color, size }: IconProps) => React.JSX.Element
 export declare const MoneyIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export declare const ExternalLinkIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const PackageBoxIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const StarIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const GitHubIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const LinkChainIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const AppleIcon: ({ color, size, }: IconProps) => React.JSX.Element;
@@ -138,3 +139,15 @@ export declare const QrCodeIcon: ({ color, size, }: IconProps) => React.JSX.Elem
 export declare const UnlockIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const RocketIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const TurtleIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const HeadphonesIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const HelpCircleIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const SendIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const LifeBuoyIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const CameraIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const VideoCameraIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const MicrophoneIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const GifIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const PlayIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const PauseIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const ImageIcon: ({ color, size, }: IconProps) => React.JSX.Element;
+export declare const FilmIcon: ({ color, size, }: IconProps) => React.JSX.Element;

package/dist/commonjs/components/NetworkIcons.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InfoCircleIcon = exports.UserIcon = exports.LayersIcon = exports.WipeIcon = exports.FolderIcon = exports.SettingsIcon = exports.EyeIcon = exports.JsIcon = exports.CssIcon = exports.HtmlIcon = exports.BrandSquareIcon = exports.BrandCircleIcon = exports.MoonIcon = exports.SunIcon = exports.DebugIcon = exports.InsightsIcon = exports.AnalyticsIcon = exports.WhiteBackNavigation = exports.CloseWhite = exports.DownloadIcon = exports.FilterIcon = exports.ChevronIcon = exports.SortArrowIcon = exports.GlobeIcon = exports.DiffIcon = exports.SignalIcon = exports.ExportIcon = exports.HeaderPauseIcon = exports.TrashIcon = exports.FailIcon = exports.CircleAlertIcon = exports.CircleXIcon = exports.CircleCheckIcon = exports.CheckIcon = exports.TerminalIcon = exports.FetchIcon = exports.CopyIcon = exports.HeadersIcon = exports.ResponseIcon = exports.RequestIcon = exports.SizeIcon = exports.StatusIcon = exports.CalendarIcon = exports.ClockIcon = exports.ClearIcon = exports.SearchIcon = exports.ExpandCollapseIcon = exports.ScreenIcon = exports.MapPinIcon = exports.EmptyRadarIcon = void 0;
-exports.DiagnosticsIcon = exports.StackTraceIcon = exports.LayoutIcon = exports.ChipIcon = exports.SkullIcon = exports.ShieldAlertIcon = exports.CrashIcon = exports.UserCheckIcon = exports.TargetGoalIcon = exports.RepeatIcon = exports.PinIcon = exports.HourglassIcon = exports.FlameIcon = exports.CodeBracketsIcon = exports.AndroidIcon = exports.AppleIcon = exports.LinkChainIcon = exports.GitHubIcon = exports.PackageBoxIcon = exports.ExternalLinkIcon = exports.MoneyIcon = exports.CartIcon = exports.TextAaIcon = exports.BrainIcon = exports.AtomIcon = exports.MapIcon = exports.SparkleIcon = exports.LightbulbIcon = exports.DocIcon = exports.FolderOpenIcon = exports.BanIcon = exports.BoltIcon = exports.PerformanceIcon = exports.ReduxIcon = exports.MetadataIcon = exports.StorageIcon = exports.RefreshCcwIcon = exports.TimelineIcon = exports.LiveStateIcon = exports.BundleIcon = exports.ForwardChevronIcon = exports.PackageIcon = exports.TableIcon = exports.RawIcon = exports.PrettyIcon = exports.SortIcon = exports.MotionIcon = exports.TrendingUpIcon = exports.ErrorCircleIcon = exports.WarningTriangleIcon = void 0;
-exports.TurtleIcon = exports.RocketIcon = exports.UnlockIcon = exports.QrCodeIcon = exports.LockIcon = exports.PlusIcon = exports.PencilIcon = exports.DatabaseIcon = exports.ShieldCheckIcon = exports.WifiIcon = exports.CpuIcon = exports.ChevronDownIcon = exports.ResetIcon = exports.NpmIcon = exports.TagIcon = exports.BugIcon = exports.AlertTriangleIcon = exports.SmartphoneIcon = exports.KeyIcon = exports.BarChartIcon = exports.DiceIcon = exports.ZapIcon = exports.FlaskIcon = exports.LoadingSpinnerIcon = exports.ListenerIcon = exports.AllFramesIcon = exports.AppFramesIcon = exports.RawJsonIcon = exports.TrailIcon = void 0;
+exports.StackTraceIcon = exports.LayoutIcon = exports.ChipIcon = exports.SkullIcon = exports.ShieldAlertIcon = exports.CrashIcon = exports.UserCheckIcon = exports.TargetGoalIcon = exports.RepeatIcon = exports.PinIcon = exports.HourglassIcon = exports.FlameIcon = exports.CodeBracketsIcon = exports.AndroidIcon = exports.AppleIcon = exports.LinkChainIcon = exports.GitHubIcon = exports.StarIcon = exports.PackageBoxIcon = exports.ExternalLinkIcon = exports.MoneyIcon = exports.CartIcon = exports.TextAaIcon = exports.BrainIcon = exports.AtomIcon = exports.MapIcon = exports.SparkleIcon = exports.LightbulbIcon = exports.DocIcon = exports.FolderOpenIcon = exports.BanIcon = exports.BoltIcon = exports.PerformanceIcon = exports.ReduxIcon = exports.MetadataIcon = exports.StorageIcon = exports.RefreshCcwIcon = exports.TimelineIcon = exports.LiveStateIcon = exports.BundleIcon = exports.ForwardChevronIcon = exports.PackageIcon = exports.TableIcon = exports.RawIcon = exports.PrettyIcon = exports.SortIcon = exports.MotionIcon = exports.TrendingUpIcon = exports.ErrorCircleIcon = exports.WarningTriangleIcon = void 0;
+exports.FilmIcon = exports.ImageIcon = exports.PauseIcon = exports.PlayIcon = exports.GifIcon = exports.MicrophoneIcon = exports.VideoCameraIcon = exports.CameraIcon = exports.LifeBuoyIcon = exports.SendIcon = exports.HelpCircleIcon = exports.HeadphonesIcon = exports.TurtleIcon = exports.RocketIcon = exports.UnlockIcon = exports.QrCodeIcon = exports.LockIcon = exports.PlusIcon = exports.PencilIcon = exports.DatabaseIcon = exports.ShieldCheckIcon = exports.WifiIcon = exports.CpuIcon = exports.ChevronDownIcon = exports.ResetIcon = exports.NpmIcon = exports.TagIcon = exports.BugIcon = exports.AlertTriangleIcon = exports.SmartphoneIcon = exports.KeyIcon = exports.BarChartIcon = exports.DiceIcon = exports.ZapIcon = exports.FlaskIcon = exports.LoadingSpinnerIcon = exports.ListenerIcon = exports.AllFramesIcon = exports.AppFramesIcon = exports.RawJsonIcon = exports.TrailIcon = exports.DiagnosticsIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 const AppColors_1 = require("../styles/AppColors");
@@ -632,6 +632,12 @@ const PackageBoxIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14,
     </react_native_svg_1.default>);
 };
 exports.PackageBoxIcon = PackageBoxIcon;
+const StarIcon = ({ color = '#F59E0B', size = 14, }) => {
+    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill={color}>
+      <react_native_svg_1.Path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.StarIcon = StarIcon;
 const GitHubIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14, }) => {
     return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
       <react_native_svg_1.Path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
@@ -929,3 +935,78 @@ const TurtleIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14, })
     <react_native_svg_1.Path d="M5 12l-2-2M19 12l2-2M6 18l-2 2M18 18l2 2" stroke={color} strokeWidth="2" strokeLinecap="round"/>
   </react_native_svg_1.default>);
 exports.TurtleIcon = TurtleIcon;
+const HeadphonesIcon = ({ color = AppColors_1.AppColors.white, size = 20, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Path d="M3 18v-6a9 9 0 0 1 18 0v6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <react_native_svg_1.Path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3v5zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3v5z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+exports.HeadphonesIcon = HeadphonesIcon;
+const HelpCircleIcon = ({ color = AppColors_1.AppColors.white, size = 20, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Circle cx="12" cy="12" r="10" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <react_native_svg_1.Line x1="12" y1="17" x2="12.01" y2="17" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+  </react_native_svg_1.default>);
+exports.HelpCircleIcon = HelpCircleIcon;
+const SendIcon = ({ color = AppColors_1.AppColors.white, size = 18, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Path d="M22 2L11 13" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <react_native_svg_1.Path d="M22 2L15 22L11 13L2 9L22 2Z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+exports.SendIcon = SendIcon;
+const LifeBuoyIcon = ({ color = AppColors_1.AppColors.white, size = 20, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Circle cx="12" cy="12" r="10" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Circle cx="12" cy="12" r="4" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Line x1="4.93" y1="4.93" x2="9.17" y2="9.17" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+    <react_native_svg_1.Line x1="14.83" y1="9.17" x2="19.07" y2="4.93" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+    <react_native_svg_1.Line x1="14.83" y1="14.83" x2="19.07" y2="19.07" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+    <react_native_svg_1.Line x1="4.93" y1="19.07" x2="9.17" y2="14.83" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+  </react_native_svg_1.default>);
+exports.LifeBuoyIcon = LifeBuoyIcon;
+const CameraIcon = ({ color = AppColors_1.AppColors.white, size = 18, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <react_native_svg_1.Circle cx="12" cy="13" r="4" stroke={color} strokeWidth="2"/>
+  </react_native_svg_1.default>);
+exports.CameraIcon = CameraIcon;
+const VideoCameraIcon = ({ color = AppColors_1.AppColors.white, size = 18, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Path d="M23 7l-7 5 7 5V7z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <react_native_svg_1.Rect x="1" y="5" width="15" height="14" rx="2" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+exports.VideoCameraIcon = VideoCameraIcon;
+const MicrophoneIcon = ({ color = AppColors_1.AppColors.white, size = 18, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <react_native_svg_1.Path d="M19 10v2a7 7 0 0 1-14 0v-2" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <react_native_svg_1.Line x1="12" y1="19" x2="12" y2="23" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+    <react_native_svg_1.Line x1="8" y1="23" x2="16" y2="23" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+  </react_native_svg_1.default>);
+exports.MicrophoneIcon = MicrophoneIcon;
+const GifIcon = ({ color = AppColors_1.AppColors.white, size = 18, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Rect x="2" y="4" width="20" height="16" rx="3" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Path d="M7 10h-1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h1v-2H6.5" stroke={color} strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round"/>
+    <react_native_svg_1.Path d="M12 10v4" stroke={color} strokeWidth="1.75" strokeLinecap="round"/>
+    <react_native_svg_1.Path d="M18 10h-2v4M16 12h1.5" stroke={color} strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+exports.GifIcon = GifIcon;
+const PlayIcon = ({ color = AppColors_1.AppColors.white, size = 18, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Path d="M5 3l14 9-14 9V3z" fill={color} stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+exports.PlayIcon = PlayIcon;
+const PauseIcon = ({ color = AppColors_1.AppColors.white, size = 18, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Rect x="6" y="4" width="4" height="16" fill={color} rx="1"/>
+    <react_native_svg_1.Rect x="14" y="4" width="4" height="16" fill={color} rx="1"/>
+  </react_native_svg_1.default>);
+exports.PauseIcon = PauseIcon;
+const ImageIcon = ({ color = AppColors_1.AppColors.white, size = 18, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Rect x="3" y="3" width="18" height="18" rx="2" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Circle cx="8.5" cy="8.5" r="1.5" fill={color}/>
+    <react_native_svg_1.Path d="M21 15l-5-5L5 21" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+exports.ImageIcon = ImageIcon;
+const FilmIcon = ({ color = AppColors_1.AppColors.white, size = 18, }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Rect x="2" y="2" width="20" height="20" rx="2.18" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Line x1="7" y1="2" x2="7" y2="22" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Line x1="17" y1="2" x2="17" y2="22" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Line x1="2" y1="12" x2="22" y2="12" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Line x1="2" y1="7" x2="7" y2="7" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Line x1="2" y1="17" x2="7" y2="17" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Line x1="17" y1="17" x2="22" y2="17" stroke={color} strokeWidth="2"/>
+    <react_native_svg_1.Line x1="17" y1="7" x2="22" y2="7" stroke={color} strokeWidth="2"/>
+  </react_native_svg_1.default>);
+exports.FilmIcon = FilmIcon;

package/dist/commonjs/components/SectionHeader.js

@@ -1,42 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const AppColors_1 = require("../styles/AppColors");
 const CopyButton_1 = __importDefault(require("./CopyButton"));
@@ -45,18 +12,6 @@ const NetworkIcons_1 = require("./NetworkIcons");
 const styles_1 = __importDefault(require("../styles"));
 const SectionHeader = ({ title, value, expanded, onToggleExpand, showDiff, isDiffing, onToggleDiff, showSearch, isSearching, onToggleSearch, }) => {
     const isOpen = expanded === undefined ? false : !!expanded;
-    const chevronAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(isOpen ? 1 : 0)).current;
-    (0, react_1.useEffect)(() => {
-        react_native_1.Animated.timing(chevronAnim, {
-            toValue: isOpen ? 1 : 0,
-            duration: 220,
-            useNativeDriver: true,
-        }).start();
-    }, [isOpen]);
-    const chevronRotate = chevronAnim.interpolate({
-        inputRange: [0, 1],
-        outputRange: ['0deg', '180deg'],
-    });
     return (<react_native_1.View style={styles_1.default.sectionHeaderGradient}>
       <react_native_1.View style={styles_1.default.sectionHeaderRow}>
         <react_native_1.Pressable style={styles_1.default.sectionTitleRow} onPress={onToggleExpand} hitSlop={12}>
@@ -78,9 +33,9 @@ const SectionHeader = ({ title, value, expanded, onToggleExpand, showDiff, isDif
             </TouchableScale_1.default>)}
           <CopyButton_1.default value={value} label={title}/>
           <TouchableScale_1.default onPress={onToggleExpand} hitSlop={12} style={styles_1.default.iconSquareBtn}>
-            <react_native_1.Animated.View style={{ transform: [{ rotate: chevronRotate }] }}>
+            <react_native_1.View style={{ transform: [{ rotate: isOpen ? '180deg' : '0deg' }] }}>
               <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong} size={14}/>
-            </react_native_1.Animated.View>
+            </react_native_1.View>
           </TouchableScale_1.default>
         </react_native_1.View>
       </react_native_1.View>

package/dist/commonjs/components/SkeletonPlaceholder.js

@@ -44,12 +44,12 @@ exports.SkeletonPlaceholder = react_1.default.memo(function SkeletonPlaceholder(
             react_native_1.Animated.timing(shimmerAnim, {
                 toValue: 0.85,
                 duration: 750,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
             react_native_1.Animated.timing(shimmerAnim, {
                 toValue: 0.35,
                 duration: 750,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
         ]));
         animation.start();

package/dist/commonjs/components/SourcePageCard.js

@@ -45,8 +45,8 @@ const NetworkIcons_1 = require("./NetworkIcons");
 const AppColors_1 = require("../styles/AppColors");
 const styles_1 = __importDefault(require("../styles"));
 const SourcePageCard = ({ routeInfo }) => {
-    const main = (0, useAccordion_1.default)(true, 600, 280);
-    const params = (0, useAccordion_1.default)(false, 800, 260);
+    const main = (0, useAccordion_1.default)(true);
+    const params = (0, useAccordion_1.default)(false);
     const hasParams = routeInfo.params && Object.keys(routeInfo.params).length > 0;
     return (<react_native_1.View style={styles_1.default.sourcePageCard}>
       <react_native_1.Pressable onPress={main.toggleOpen} hitSlop={12}>
@@ -70,59 +70,57 @@ const SourcePageCard = ({ routeInfo }) => {
           <react_native_1.View style={styles_1.default.sourcePageHeaderRight}>
             <CopyButton_1.default value={routeInfo.path} label="Source Path"/>
             <react_native_1.View style={styles_1.default.iconSquareBtn}>
-              <react_native_1.Animated.View style={main.chevronStyle}>
+              <react_native_1.View style={main.chevronStyle}>
                 <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong} size={14}/>
-              </react_native_1.Animated.View>
+              </react_native_1.View>
             </react_native_1.View>
           </react_native_1.View>
         </react_native_1.View>
       </react_native_1.Pressable>
 
-      <react_native_1.Animated.View style={main.bodyStyle}>
-        {hasParams && (<react_native_1.View style={styles_1.default.sourceParamsBox}>
-            <react_native_1.Pressable onPress={params.toggleOpen} hitSlop={10}>
-              <react_native_1.View style={styles_1.default.paramsAccordionHeader}>
-                <react_native_1.View style={styles_1.default.paramsAccordionLeft}>
-                  <react_native_1.Text style={styles_1.default.sourceParamsLabel}>Parameters</react_native_1.Text>
-                  <react_native_1.View style={styles_1.default.headerCountBadge}>
-                    <react_native_1.Text style={styles_1.default.headerCountText}>
-                      {Object.keys(routeInfo.params).length}
-                    </react_native_1.Text>
+      {main.isOpen && (<react_native_1.View>
+          {hasParams && (<react_native_1.View style={styles_1.default.sourceParamsBox}>
+              <react_native_1.Pressable onPress={params.toggleOpen} hitSlop={10}>
+                <react_native_1.View style={styles_1.default.paramsAccordionHeader}>
+                  <react_native_1.View style={styles_1.default.paramsAccordionLeft}>
+                    <react_native_1.Text style={styles_1.default.sourceParamsLabel}>Parameters</react_native_1.Text>
+                    <react_native_1.View style={styles_1.default.headerCountBadge}>
+                      <react_native_1.Text style={styles_1.default.headerCountText}>
+                        {Object.keys(routeInfo.params).length}
+                      </react_native_1.Text>
+                    </react_native_1.View>
                   </react_native_1.View>
-                </react_native_1.View>
-                <react_native_1.View style={styles_1.default.paramsAccordionRight}>
-                  <CopyButton_1.default value={routeInfo.params} label="Parameters"/>
-                  <react_native_1.View style={styles_1.default.iconSquareBtn}>
-                    <react_native_1.Animated.View style={params.chevronStyle}>
-                      <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong} size={14}/>
-                    </react_native_1.Animated.View>
+                  <react_native_1.View style={styles_1.default.paramsAccordionRight}>
+                    <CopyButton_1.default value={routeInfo.params} label="Parameters"/>
+                    <react_native_1.View style={styles_1.default.iconSquareBtn}>
+                      <react_native_1.View style={params.chevronStyle}>
+                        <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextStrong} size={14}/>
+                      </react_native_1.View>
+                    </react_native_1.View>
                   </react_native_1.View>
                 </react_native_1.View>
-              </react_native_1.View>
-            </react_native_1.Pressable>
+              </react_native_1.Pressable>
 
-            <react_native_1.Animated.View style={params.bodyStyle}>
-              <react_native_1.View style={styles_1.default.paramsBody}>
-                {Object.entries(routeInfo.params).map(([key, val], i, arr) => (<react_native_1.View key={key} style={[
-                    styles_1.default.paramRow,
-                    i < arr.length - 1 ? styles_1.default.paramRowBorder : null,
-                ]}>
-                    <react_native_1.Text style={styles_1.default.paramKey}>{key}</react_native_1.Text>
-                    <react_native_1.View style={styles_1.default.paramValueRow}>
-                      <react_native_1.Text selectable style={styles_1.default.paramValue}>
-                        {typeof val === 'object'
-                    ? JSON.stringify(val)
-                    : String(val)}
-                      </react_native_1.Text>
-                      <CopyButton_1.default value={typeof val === 'object'
-                    ? JSON.stringify(val)
-                    : String(val)} label={key}/>
-                    </react_native_1.View>
-                  </react_native_1.View>))}
-              </react_native_1.View>
-            </react_native_1.Animated.View>
-          </react_native_1.View>)}
-      </react_native_1.Animated.View>
+              {params.isOpen && (<react_native_1.View style={styles_1.default.paramsBody}>
+                  {Object.entries(routeInfo.params).map(([key, val], i, arr) => (<react_native_1.View key={key} style={[
+                            styles_1.default.paramRow,
+                            i < arr.length - 1 ? styles_1.default.paramRowBorder : null,
+                        ]}>
+                      <react_native_1.Text style={styles_1.default.paramKey}>{key}</react_native_1.Text>
+                      <react_native_1.View style={styles_1.default.paramValueRow}>
+                        <react_native_1.Text selectable style={styles_1.default.paramValue}>
+                          {typeof val === 'object'
+                            ? JSON.stringify(val)
+                            : String(val)}
+                        </react_native_1.Text>
+                        <CopyButton_1.default value={typeof val === 'object'
+                            ? JSON.stringify(val)
+                            : String(val)} label={key}/>
+                      </react_native_1.View>
+                    </react_native_1.View>))}
+                </react_native_1.View>)}
+            </react_native_1.View>)}
+        </react_native_1.View>)}
     </react_native_1.View>);
 };
 exports.default = SourcePageCard;

package/dist/commonjs/components/Toast.js

@@ -54,13 +54,13 @@ const Toast = react_1.default.memo(() => {
                 react_native_1.Animated.timing(opacityAnim, {
                     toValue: 1,
                     duration: 180,
-                    useNativeDriver: true,
+                    useNativeDriver: false,
                 }),
                 react_native_1.Animated.spring(translateYAnim, {
                     toValue: 0,
                     tension: 80,
                     friction: 8,
-                    useNativeDriver: true,
+                    useNativeDriver: false,
                 }),
             ]).start();
             hideTimerRef.current = setTimeout(() => {
@@ -68,12 +68,12 @@ const Toast = react_1.default.memo(() => {
                     react_native_1.Animated.timing(opacityAnim, {
                         toValue: 0,
                         duration: 200,
-                        useNativeDriver: true,
+                        useNativeDriver: false,
                     }),
                     react_native_1.Animated.timing(translateYAnim, {
                         toValue: 20,
                         duration: 200,
-                        useNativeDriver: true,
+                        useNativeDriver: false,
                     }),
                 ]).start(() => {
                     setToastMessage(null);

package/dist/commonjs/components/TouchableScale.js

@@ -1,80 +1,24 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const NativeInspector_1 = require("../native/NativeInspector");
-const AnimatedPressable = react_native_1.Animated.createAnimatedComponent(react_native_1.Pressable);
 const TouchableScale = react_1.default.memo(function TouchableScale({ onPress, onLongPress, style, children, hitSlop, disabled, enableHaptics = true, accessible, accessibilityRole, accessibilityLabel, accessibilityHint, accessibilityState, accessibilityValue, ...rest }) {
-    const scale = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
-    const opacity = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
     const handlePressIn = () => {
         if (disabled)
             return;
         if (enableHaptics) {
             (0, NativeInspector_1.triggerNativeHaptic)('light');
         }
-        react_native_1.Animated.parallel([
-            react_native_1.Animated.timing(scale, {
-                toValue: 0.94,
-                duration: 50,
-                useNativeDriver: true,
-            }),
-            react_native_1.Animated.timing(opacity, {
-                toValue: 0.85,
-                duration: 50,
-                useNativeDriver: true,
-            }),
-        ]).start();
-    };
-    const handlePressOut = () => {
-        react_native_1.Animated.parallel([
-            react_native_1.Animated.timing(scale, {
-                toValue: 1,
-                duration: 100,
-                useNativeDriver: true,
-            }),
-            react_native_1.Animated.timing(opacity, {
-                toValue: 1,
-                duration: 100,
-                useNativeDriver: true,
-            }),
-        ]).start();
     };
-    return (<AnimatedPressable accessible={accessible} accessibilityRole={accessibilityRole} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} accessibilityState={accessibilityState} accessibilityValue={accessibilityValue} disabled={disabled} style={[style, { opacity, transform: [{ scale }] }]} onPressIn={handlePressIn} onPressOut={handlePressOut} onPress={onPress} onLongPress={onLongPress} hitSlop={hitSlop} {...rest}>
+    return (<react_native_1.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}
-    </AnimatedPressable>);
+    </react_native_1.Pressable>);
 });
 exports.default = TouchableScale;

package/dist/commonjs/components/TreeNode.js

@@ -57,18 +57,6 @@ const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0,
     }, [forceOpen]);
     const isObject = typeof data === 'object' && data !== null;
     const isArray = Array.isArray(data);
-    const treeChevronAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(open ? 1 : 0)).current;
-    (0, react_1.useEffect)(() => {
-        react_native_1.Animated.timing(treeChevronAnim, {
-            toValue: open ? 1 : 0,
-            duration: 160,
-            useNativeDriver: true,
-        }).start();
-    }, [open]);
-    const treeChevronRotate = treeChevronAnim.interpolate({
-        inputRange: [0, 1],
-        outputRange: ['0deg', '180deg'],
-    });
     function renderHighlighted(text) {
         if (text === 'null' || text === 'undefined') {
             return [
@@ -127,9 +115,9 @@ const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0,
     const countLabel = isArray ? `[${entries.length}]` : `{${entries.length}}`;
     return (<react_native_1.View style={indentStyle}>
       <react_native_1.Pressable style={styles_1.default.treeRow} onPress={() => setLocalOpen(v => !v)} hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}>
-        <react_native_1.Animated.View style={{ transform: [{ rotate: treeChevronRotate }], marginRight: 6 }}>
+        <react_native_1.View style={{ transform: [{ rotate: open ? '180deg' : '0deg' }], marginRight: 6 }}>
           <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextWeak} size={12}/>
-        </react_native_1.Animated.View>
+        </react_native_1.View>
         {name !== undefined && (<react_native_1.Text style={[styles_1.default.codeKey, styles_1.default.treeKeyMargin]}>{`"${String(name)}"`}</react_native_1.Text>)}
         {isArray ? (<react_native_1.View style={styles_1.default.arrayBadge}>
             <react_native_1.Text style={styles_1.default.arrayBadgeText}>{countLabel}</react_native_1.Text>

package/dist/commonjs/constants/telemetryConfig.d.ts

@@ -1,3 +1,3 @@
-export declare const ENC_MID = "df8ace0290a695bd05986213";
-export declare const ENC_SEC = "db93cb0186b1f7bb0ba63a0d0a64997586849455ce37";
-export declare const TELEMETRY_SALT = "rn-inapp-inspector-telemetry-v1";
+export declare const ENC_MID = "";
+export declare const ENC_SEC = "";
+export declare const TELEMETRY_SALT = "";

package/dist/commonjs/constants/telemetryConfig.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TELEMETRY_SALT = exports.ENC_SEC = exports.ENC_MID = void 0;
-exports.ENC_MID = 'df8ace0290a695bd05986213';
-exports.ENC_SEC = 'db93cb0186b1f7bb0ba63a0d0a64997586849455ce37';
-exports.TELEMETRY_SALT = 'rn-inapp-inspector-telemetry-v1';
+exports.ENC_MID = '';
+exports.ENC_SEC = '';
+exports.TELEMETRY_SALT = '';

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

@@ -1 +1 @@
-export declare const LIB_VERSION = "2.3.15";
+export declare const LIB_VERSION = "2.3.17";

package/dist/commonjs/constants/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
-exports.LIB_VERSION = '2.3.15';
+exports.LIB_VERSION = '2.3.17';

package/dist/commonjs/customHooks/useAccordion.d.ts

@@ -1,17 +1,12 @@
-import { Animated } from 'react-native';
-declare const useAccordion: (initialOpen?: boolean, maxBodyHeight?: number, duration?: number) => {
+declare const useAccordion: (initialOpen?: boolean, _maxBodyHeight?: number, _duration?: number) => {
     isOpen: boolean;
     toggleOpen: () => void;
     forceOpen: (open: boolean) => void;
     chevronStyle: {
         transform: {
-            rotate: Animated.AnimatedInterpolation<string | number>;
+            rotate: string;
         }[];
     };
-    bodyStyle: {
-        maxHeight: Animated.AnimatedInterpolation<string | number>;
-        overflow: "hidden";
-        opacity: Animated.AnimatedInterpolation<string | number>;
-    };
+    bodyStyle: {};
 };
 export default useAccordion;

package/dist/commonjs/customHooks/useAccordion.js

@@ -1,48 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const react_native_1 = require("react-native");
-const useAccordion = (initialOpen = false, maxBodyHeight = 1200, duration = 280) => {
+const useAccordion = (initialOpen = false, _maxBodyHeight = 1200, _duration = 280) => {
     const [isOpen, setIsOpen] = (0, react_1.useState)(initialOpen);
-    const animVal = (0, react_1.useRef)(new react_native_1.Animated.Value(initialOpen ? 1 : 0)).current;
     const toggleOpen = (0, react_1.useCallback)(() => {
-        const next = !isOpen;
-        setIsOpen(next);
-        react_native_1.Animated.timing(animVal, {
-            toValue: next ? 1 : 0,
-            duration,
-            useNativeDriver: false,
-        }).start();
-    }, [isOpen, animVal, duration]);
+        setIsOpen(prev => !prev);
+    }, []);
     const forceOpen = (0, react_1.useCallback)((open) => {
         setIsOpen(open);
-        react_native_1.Animated.timing(animVal, {
-            toValue: open ? 1 : 0,
-            duration,
-            useNativeDriver: false,
-        }).start();
-    }, [animVal, duration]);
+    }, []);
     const chevronStyle = {
-        transform: [
-            {
-                rotate: animVal.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: ['0deg', '180deg'],
-                }),
-            },
-        ],
-    };
-    const bodyStyle = {
-        maxHeight: animVal.interpolate({
-            inputRange: [0, 1],
-            outputRange: [0, maxBodyHeight],
-        }),
-        overflow: 'hidden',
-        opacity: animVal.interpolate({
-            inputRange: [0, 0.4, 1],
-            outputRange: [0, 0.7, 1],
-        }),
+        transform: [{ rotate: isOpen ? '180deg' : '0deg' }],
     };
+    const bodyStyle = {};
     return { isOpen, toggleOpen, forceOpen, chevronStyle, bodyStyle };
 };
 exports.default = useAccordion;

package/dist/commonjs/helpers/index.d.ts

@@ -1,6 +1,7 @@
 import { NetworkLog, RouteInfo, DiffResult, JsonContent, StackFrameType } from '../types';
 export * from './searchQueryParser';
 export * from './memoryManager';
+export * from './toast';
 export declare const isLocalDebugEnvironment: () => boolean;
 export declare const getDomainColor: (domain: string) => string;
 export declare const formatDateTime: (timestamp: number) => string;
@@ -8,7 +9,8 @@ export declare const formatTimestamp: (timestamp: number) => string;
 export declare const getStatusColor: (status: number | null) => string;
 export declare const getDurationColor: (duration: number | null) => string;
 export declare const getSize: (data: unknown) => string;
-export declare const copyToClipboard: (value: unknown, label: string) => void;
+export declare const formatBytes: (bytes: number) => string;
+export declare const copyToClipboard: (value: unknown, label?: string) => void;
 export declare const getPath: (url: string) => string;
 export declare const getBaseUrl: (url: string) => string;
 export declare const getCurlCommand: (log: NetworkLog) => string;