react-native-inapp-inspector 1.1.24 → 1.1.26

package/dist/commonjs/components/NetworkIcons.js

@@ -37,7 +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.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.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.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.AllFramesIcon = exports.AppFramesIcon = exports.RawJsonIcon = exports.TrailIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 // Stylesheet
@@ -475,6 +476,12 @@ const TimelineIcon = ({ color = AppColors_1.AppColors.purple, size = 14, }) => {
     </react_native_svg_1.default>);
 };
 exports.TimelineIcon = TimelineIcon;
+const RefreshCcwIcon = ({ 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="M3 12a9 9 0 0 1 15-6.7L21 8M21 3v5h-5M21 12a9 9 0 0 1-15 6.7L3 16M3 21v-5h5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.RefreshCcwIcon = RefreshCcwIcon;
 const StorageIcon = ({ color = AppColors_1.AppColors.purple, size = 14, }) => {
     return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
       <react_native_svg_1.Ellipse cx="12" cy="6" rx="8" ry="2.8" stroke={color} strokeWidth="1.8"/>
@@ -599,3 +606,183 @@ const MoneyIcon = ({ color = AppColors_1.AppColors.emerald500, size = 14 }) => {
     </react_native_svg_1.default>);
 };
 exports.MoneyIcon = MoneyIcon;
+const ExternalLinkIcon = ({ 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="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+      <react_native_svg_1.Path d="M15 3h6v6M10 14L21 3" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.ExternalLinkIcon = ExternalLinkIcon;
+const PackageBoxIcon = ({ 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="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+      <react_native_svg_1.Path d="M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.PackageBoxIcon = PackageBoxIcon;
+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"/>
+    </react_native_svg_1.default>);
+};
+exports.GitHubIcon = GitHubIcon;
+const LinkChainIcon = ({ 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="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+      <react_native_svg_1.Path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.LinkChainIcon = LinkChainIcon;
+const AppleIcon = ({ color = AppColors_1.AppColors.white, size = 12, }) => {
+    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill={color}>
+      <react_native_svg_1.Path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M15.97 6.37c.61-.75 1.04-1.8 0.92-2.87-.9.04-1.99.6-2.63 1.35-.56.65-1.06 1.71-.93 2.74 1.01.08 2.03-.47 2.64-1.22z"/>
+    </react_native_svg_1.default>);
+};
+exports.AppleIcon = AppleIcon;
+const AndroidIcon = ({ color = AppColors_1.AppColors.white, size = 12, }) => {
+    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill={color}>
+      <react_native_svg_1.Path d="M6 18c0 .55.45 1 1 1h1v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h2v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h1c.55 0 1-.45 1-1V8H6v10zM3.5 8C2.67 8 2 8.67 2 9.5v6c0 .83.67 1.5 1.5 1.5S5 16.33 5 15.5v-6C5 8.67 4.33 8 3.5 8zm17 0c-.83 0-1.5.67-1.5 1.5v6c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-6c0-.83-.67-1.5-1.5-1.5zm-4.97-4.84l1.3-1.3c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0l-1.48 1.48C13.85 2.23 12.95 2 12 2c-.96 0-1.86.23-2.66.63L7.85 1.15c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l1.31 1.31C6.73 4.26 5.54 6 5.16 8h13.68c-.38-2-1.57-3.74-3.31-4.84zM9 6c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm6 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/>
+    </react_native_svg_1.default>);
+};
+exports.AndroidIcon = AndroidIcon;
+const CodeBracketsIcon = ({ 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="M16 18l6-6-6-6M8 6l-6 6 6 6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.CodeBracketsIcon = CodeBracketsIcon;
+const FlameIcon = ({ color = AppColors_1.AppColors.darkOrange, 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="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 3z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.FlameIcon = FlameIcon;
+const HourglassIcon = ({ 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="M5 22h14M5 2h14M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.HourglassIcon = HourglassIcon;
+const PinIcon = ({ 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="M12 21s-6-5.333-6-10a6 6 0 0 1 12 0c0 4.667-6 10-6 10z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+      <react_native_svg_1.Circle cx="12" cy="11" r="2" fill={color}/>
+    </react_native_svg_1.default>);
+};
+exports.PinIcon = PinIcon;
+const RepeatIcon = ({ 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="M17 2l4 4-4 4M3 11v-1a4 4 0 0 1 4-4h14M7 22l-4-4 4-4M21 13v1a4 4 0 0 1-4 4H3" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.RepeatIcon = RepeatIcon;
+const TargetGoalIcon = ({ color = AppColors_1.AppColors.brandPurple, size = 14, }) => {
+    return (<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="1.8"/>
+      <react_native_svg_1.Circle cx="12" cy="12" r="6" stroke={color} strokeWidth="1.8"/>
+      <react_native_svg_1.Circle cx="12" cy="12" r="2" fill={color}/>
+    </react_native_svg_1.default>);
+};
+exports.TargetGoalIcon = TargetGoalIcon;
+const UserCheckIcon = ({ 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="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+      <react_native_svg_1.Circle cx="9" cy="7" r="4" stroke={color} strokeWidth="1.8"/>
+      <react_native_svg_1.Path d="M16 11l2 2 4-4" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.UserCheckIcon = UserCheckIcon;
+const CrashIcon = ({ color = AppColors_1.AppColors.errorColor, size = 14, }) => {
+    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+      {/* Bug / Crash Hybrid Icon */}
+      <react_native_svg_1.Path d="M12 2v3M4.93 4.93l2.12 2.12M19.07 4.93l-2.12 2.12M9 10h6M8 14h8M9 18h6" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+      <react_native_svg_1.Path d="M12 8a6 6 0 0 1 6 6v3a6 6 0 0 1-12 0v-3a6 6 0 0 1 6-6z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+      <react_native_svg_1.Path d="M3 13h3M18 13h3M4 19l2.5-1.5M20 19l-2.5-1.5M4 9l2.5 1.5M20 9l-2.5 1.5" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+    </react_native_svg_1.default>);
+};
+exports.CrashIcon = CrashIcon;
+const ShieldAlertIcon = ({ color = AppColors_1.AppColors.errorColor, 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="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+      <react_native_svg_1.Line x1="12" y1="8" x2="12" y2="12" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+      <react_native_svg_1.Circle cx="12" cy="16" r="1" fill={color}/>
+    </react_native_svg_1.default>);
+};
+exports.ShieldAlertIcon = ShieldAlertIcon;
+const SkullIcon = ({ color = AppColors_1.AppColors.errorColor, size = 14, }) => {
+    return (<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="9" stroke={color} strokeWidth="1.8"/>
+      <react_native_svg_1.Circle cx="9" cy="11" r="1.6" fill={color}/>
+      <react_native_svg_1.Circle cx="15" cy="11" r="1.6" fill={color}/>
+      <react_native_svg_1.Path d="M8 16c1.2 1 3.2 1.2 4 1.2.8 0 2.8-.2 4-1.2" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+      <react_native_svg_1.Line x1="12" y1="16" x2="12" y2="18" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+    </react_native_svg_1.default>);
+};
+exports.SkullIcon = SkullIcon;
+const ChipIcon = ({ 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.Rect x="7" y="7" width="10" height="10" rx="2" stroke={color} strokeWidth="1.8"/>
+      <react_native_svg_1.Rect x="10" y="10" width="4" height="4" fill={color}/>
+      <react_native_svg_1.Line x1="9" y1="3" x2="9" y2="7" stroke={color} strokeWidth="1.6" strokeLinecap="round"/>
+      <react_native_svg_1.Line x1="15" y1="3" x2="15" y2="7" stroke={color} strokeWidth="1.6" strokeLinecap="round"/>
+      <react_native_svg_1.Line x1="9" y1="17" x2="9" y2="21" stroke={color} strokeWidth="1.6" strokeLinecap="round"/>
+      <react_native_svg_1.Line x1="15" y1="17" x2="15" y2="21" stroke={color} strokeWidth="1.6" strokeLinecap="round"/>
+      <react_native_svg_1.Line x1="3" y1="9" x2="7" y2="9" stroke={color} strokeWidth="1.6" strokeLinecap="round"/>
+      <react_native_svg_1.Line x1="3" y1="15" x2="7" y2="15" stroke={color} strokeWidth="1.6" strokeLinecap="round"/>
+      <react_native_svg_1.Line x1="17" y1="9" x2="21" y2="9" stroke={color} strokeWidth="1.6" strokeLinecap="round"/>
+      <react_native_svg_1.Line x1="17" y1="15" x2="21" y2="15" stroke={color} strokeWidth="1.6" strokeLinecap="round"/>
+    </react_native_svg_1.default>);
+};
+exports.ChipIcon = ChipIcon;
+const LayoutIcon = ({ 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.Rect x="3" y="3" width="18" height="18" rx="2" stroke={color} strokeWidth="1.8"/>
+      <react_native_svg_1.Line x1="3" y1="9" x2="21" y2="9" stroke={color} strokeWidth="1.8"/>
+      <react_native_svg_1.Line x1="9" y1="9" x2="9" y2="21" stroke={color} strokeWidth="1.8"/>
+      <react_native_svg_1.Rect x="12" y="12" width="6" height="6" fill={color}/>
+    </react_native_svg_1.default>);
+};
+exports.LayoutIcon = LayoutIcon;
+const StackTraceIcon = ({ 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="M4 6h16M4 10h11M4 14h16M4 18h9" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+      <react_native_svg_1.Path d="M7.5 12.5 4 14l3.5 1.5" stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.StackTraceIcon = StackTraceIcon;
+const DiagnosticsIcon = ({ 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="M3 12h3l2-5 3 9 2-6 1.5 2H21" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+      <react_native_svg_1.Line x1="4" y1="19" x2="20" y2="19" stroke={color} strokeWidth="1.6" strokeLinecap="round"/>
+    </react_native_svg_1.default>);
+};
+exports.DiagnosticsIcon = DiagnosticsIcon;
+const TrailIcon = ({ 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.Circle cx="5" cy="18" r="2" fill={color}/>
+      <react_native_svg_1.Circle cx="12" cy="12" r="2" fill={color}/>
+      <react_native_svg_1.Circle cx="19" cy="6" r="2" fill={color}/>
+      <react_native_svg_1.Path d="M6.5 16.5 10.5 13.5M13.5 10.5 17.5 7.5" stroke={color} strokeWidth="1.6" strokeLinecap="round"/>
+    </react_native_svg_1.default>);
+};
+exports.TrailIcon = TrailIcon;
+const RawJsonIcon = ({ 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="M8 3c-2 1-3 2.5-3 5 0 2-1 3.5-2 4 1 .5 2 2 2 4 0 2.5 1 4 3 5M16 3c2 1 3 2.5 3 5 0 2 1 3.5 2 4-1 .5-2 2-2 4 0 2.5-1 4-3 5" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.RawJsonIcon = RawJsonIcon;
+const AppFramesIcon = ({ 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="M4 6h16M4 10h11M4 14h16M4 18h9" stroke={color} strokeWidth="2" strokeLinecap="round"/>
+      <react_native_svg_1.Path d="M18 12.5l2 2 3-3.5" stroke="#059669" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+    </react_native_svg_1.default>);
+};
+exports.AppFramesIcon = AppFramesIcon;
+const AllFramesIcon = ({ 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="M4 4h16M4 8h16M4 12h16M4 16h16M4 20h10" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
+      <react_native_svg_1.Rect x="16" y="16" width="4" height="4" rx="1" fill={color}/>
+    </react_native_svg_1.default>);
+};
+exports.AllFramesIcon = AllFramesIcon;

package/dist/commonjs/components/SegmentedTabs.js

@@ -10,39 +10,49 @@ const AppFonts_1 = require("../styles/AppFonts");
 const SegmentedTabs = react_1.default.memo(({ tabs, activeKey, onChange, style }) => (<react_native_1.View style={[
         {
             flexDirection: 'row',
-            borderRadius: 8,
-            overflow: 'hidden',
+            borderRadius: 10,
+            backgroundColor: `${AppColors_1.AppColors.slate200}80`,
+            padding: 3,
             borderWidth: 1,
             borderColor: AppColors_1.AppColors.dividerColor,
-            backgroundColor: AppColors_1.AppColors.primaryLight,
+            gap: 3,
         },
         style,
     ]}>
-    {tabs.map((tab, index) => {
+    {tabs.map((tab) => {
         const isActive = activeKey === tab.key;
-        return (<react_native_1.Pressable key={tab.key} onPress={() => onChange(tab.key)} style={{
-                flex: 1,
-                paddingVertical: 8,
-                paddingHorizontal: 8,
-                backgroundColor: isActive
-                    ? AppColors_1.AppColors.brandPurple
-                    : AppColors_1.AppColors.primaryLight,
-                borderRightWidth: index < tabs.length - 1 ? 1 : 0,
-                borderRightColor: AppColors_1.AppColors.dividerColor,
-                alignItems: 'center',
-                justifyContent: 'center',
-                gap: 4,
-                flexDirection: 'row',
-            }}>
+        return (<react_native_1.Pressable key={tab.key} onPress={() => onChange(tab.key)} style={({ pressed }) => [
+                {
+                    flex: 1,
+                    paddingVertical: 7,
+                    paddingHorizontal: 6,
+                    borderRadius: 7,
+                    backgroundColor: isActive
+                        ? AppColors_1.AppColors.brandPurple
+                        : 'transparent',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    gap: 4.5,
+                    flexDirection: 'row',
+                    opacity: pressed ? 0.8 : 1,
+                },
+                isActive && {
+                    shadowColor: AppColors_1.AppColors.brandPurple,
+                    shadowOffset: { width: 0, height: 1 },
+                    shadowOpacity: 0.25,
+                    shadowRadius: 3,
+                    elevation: 2,
+                },
+            ]}>
           {tab.icon ? tab.icon(isActive) : null}
-          <react_native_1.Text style={{
+          <react_native_1.Text numberOfLines={1} ellipsizeMode="tail" style={{
+                flexShrink: 1,
                 fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 10,
+                fontSize: 10.5,
                 color: isActive
                     ? AppColors_1.AppColors.white
-                    : AppColors_1.AppColors.grayTextWeak,
-                textTransform: 'capitalize',
-                letterSpacing: 0.3,
+                    : AppColors_1.AppColors.grayText,
+                letterSpacing: 0.2,
             }}>
             {tab.label}
           </react_native_1.Text>

package/dist/commonjs/components/TreeNode.js

@@ -50,6 +50,19 @@ const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0,
     const open = localOpen;
     const isObject = typeof data === 'object' && data !== null;
     const isArray = Array.isArray(data);
+    // Declare all hooks at the top unconditionally (prevents "Rendered fewer hooks than expected" error)
+    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 [
@@ -106,18 +119,6 @@ const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0,
         ? data.map((v, i) => [i, v])
         : Object.entries(data);
     const countLabel = isArray ? `[${entries.length}]` : `{${entries.length}}`;
-    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'],
-    });
     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 }}>

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

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.1.24";
+export declare const LIB_VERSION = "1.1.26";

package/dist/commonjs/constants/version.js

@@ -3,4 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-exports.LIB_VERSION = '1.1.24';
+exports.LIB_VERSION = '1.1.26';

package/dist/commonjs/customHooks/analyticsLogger.js

@@ -109,70 +109,90 @@ const setupAnalyticsLogger = (analyticsInstance) => {
     // ── logEvent ──────────────────────────────────────────────────────────────
     const originalLogEvent = analyticsInstance.logEvent.bind(analyticsInstance);
     analyticsInstance.logEvent = async (name, params) => {
-        addEvent({
-            id: counter++,
-            name,
-            params: params ?? {},
-            userProperties: { ...currentUserProperties },
-            timestamp: Date.now(),
-            source: 'firebase',
-            userId: currentUserId ?? '',
-            screenName: '',
-            screenClass: '',
-        });
+        try {
+            addEvent({
+                id: counter++,
+                name,
+                params: params ?? {},
+                userProperties: { ...currentUserProperties },
+                timestamp: Date.now(),
+                source: 'firebase',
+                userId: currentUserId ?? '',
+                screenName: '',
+                screenClass: '',
+            });
+        }
+        catch { }
         return originalLogEvent(name, params);
     };
     // ── logScreenView ─────────────────────────────────────────────────────────
     const originalLogScreenView = analyticsInstance.logScreenView.bind(analyticsInstance);
     analyticsInstance.logScreenView = async (params) => {
-        addEvent({
-            id: counter++,
-            name: 'screen_view',
-            params: params ?? {},
-            userProperties: { ...currentUserProperties },
-            timestamp: Date.now(),
-            source: 'firebase',
-            screenName: params?.screen_name ?? '',
-            screenClass: params?.screen_class ?? '',
-            userId: currentUserId ?? '',
-        });
+        try {
+            addEvent({
+                id: counter++,
+                name: 'screen_view',
+                params: params ?? {},
+                userProperties: { ...currentUserProperties },
+                timestamp: Date.now(),
+                source: 'firebase',
+                screenName: params?.screen_name ?? '',
+                screenClass: params?.screen_class ?? '',
+                userId: currentUserId ?? '',
+            });
+        }
+        catch { }
         return originalLogScreenView(params);
     };
     // ── setUserProperty ───────────────────────────────────────────────────────
     const originalSetUserProperty = analyticsInstance.setUserProperty.bind(analyticsInstance);
     analyticsInstance.setUserProperty = async (name, value) => {
-        if (value === null) {
-            delete currentUserProperties[name];
-        }
-        else {
-            currentUserProperties[name] = value;
+        try {
+            if (value === null) {
+                delete currentUserProperties[name];
+            }
+            else {
+                currentUserProperties[name] = value;
+            }
         }
+        catch { }
         return originalSetUserProperty(name, value);
     };
     // ── setUserProperties ─────────────────────────────────────────────────────
     const originalSetUserProperties = analyticsInstance.setUserProperties.bind(analyticsInstance);
     analyticsInstance.setUserProperties = async (properties) => {
-        Object.entries(properties).forEach(([k, v]) => {
-            if (v === null)
-                delete currentUserProperties[k];
-            else
-                currentUserProperties[k] = v;
-        });
+        try {
+            if (properties && typeof properties === 'object') {
+                Object.entries(properties).forEach(([k, v]) => {
+                    if (v === null)
+                        delete currentUserProperties[k];
+                    else
+                        currentUserProperties[k] = v;
+                });
+            }
+        }
+        catch { }
         return originalSetUserProperties(properties);
     };
     // ── setUserId ─────────────────────────────────────────────────────────────
     const originalSetUserId = analyticsInstance.setUserId.bind(analyticsInstance);
     analyticsInstance.setUserId = async (id) => {
-        currentUserId = id ?? undefined;
-        notify();
+        try {
+            currentUserId = id ?? undefined;
+            notify();
+        }
+        catch { }
         return originalSetUserId(id);
     };
     // ── setDefaultEventParameters ──────────────────────────────────────────────
     if (typeof analyticsInstance.setDefaultEventParameters === 'function') {
         const originalSetDefaultEventParameters = analyticsInstance.setDefaultEventParameters.bind(analyticsInstance);
         analyticsInstance.setDefaultEventParameters = async (params) => {
-            currentDefaultEventParameters = params ?? {};
-            notify();
+            try {
+                currentDefaultEventParameters = params ?? {};
+                notify();
+            }
+            catch { }
             return originalSetDefaultEventParameters(params);
         };
     }
@@ -180,8 +200,11 @@ const setupAnalyticsLogger = (analyticsInstance) => {
     if (typeof analyticsInstance.setAnalyticsCollectionEnabled === 'function') {
         const originalSetAnalyticsCollectionEnabled = analyticsInstance.setAnalyticsCollectionEnabled.bind(analyticsInstance);
         analyticsInstance.setAnalyticsCollectionEnabled = async (enabled) => {
-            isCollectionEnabled = enabled;
-            notify();
+            try {
+                isCollectionEnabled = enabled;
+                notify();
+            }
+            catch { }
             return originalSetAnalyticsCollectionEnabled(enabled);
         };
     }
@@ -189,11 +212,14 @@ const setupAnalyticsLogger = (analyticsInstance) => {
     if (typeof analyticsInstance.resetAnalyticsData === 'function') {
         const originalResetAnalyticsData = analyticsInstance.resetAnalyticsData.bind(analyticsInstance);
         analyticsInstance.resetAnalyticsData = async () => {
-            (0, exports.clearAnalyticsEvents)();
-            currentUserProperties = {};
-            currentUserId = undefined;
-            currentDefaultEventParameters = {};
-            notify();
+            try {
+                (0, exports.clearAnalyticsEvents)();
+                currentUserProperties = {};
+                currentUserId = undefined;
+                currentDefaultEventParameters = {};
+                notify();
+            }
+            catch { }
             return originalResetAnalyticsData();
         };
     }

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

@@ -104,12 +104,16 @@ export interface HostBundleAnalysisResult {
     };
 }
 export declare const getHostScriptURL: () => string;
+export declare const trackRuntimeModuleExecution: () => void;
+export declare const trackRuntimeDefine: () => void;
 /**
  * Parses raw Metro bundle source code to discover real modules and packages in the host app.
  */
 export declare const parseBundleSource: (bundleText: string, totalBytes: number, scriptURL: string, isLive?: boolean) => HostBundleAnalysisResult;
 /**
  * Automatically fetch and analyze the real running bundle for the host app.
+ * Supports dynamic port detection (8081, 8082, 8083, etc.) and parallel dev server probing.
  */
-export declare const analyzeHostAppBundle: () => Promise<HostBundleAnalysisResult>;
+export declare const analyzeHostAppBundle: (forceRefresh?: boolean) => Promise<HostBundleAnalysisResult>;
+export declare const clearCachedBundleAnalysis: () => void;
 export declare const getCachedBundleAnalysis: () => HostBundleAnalysisResult | null;