react-native-inapp-inspector 2.4.0 → 2.4.2

package/dist/commonjs/types/enums.d.ts

@@ -5,6 +5,7 @@ export declare const ActiveTab: {
     readonly Redux: "redux";
     readonly Crash: "crash";
     readonly Push: "push";
+    readonly Socket: "socket";
     readonly Device: "device";
     readonly Storage: "storage";
     readonly Debugging: "debugging";
@@ -61,6 +62,7 @@ export declare const SettingsPage: {
     readonly Debugging: "debugging";
     readonly Media: "media";
     readonly Push: "push";
+    readonly Socket: "socket";
 };
 export type SettingsPage = (typeof SettingsPage)[keyof typeof SettingsPage] | null;
 export declare const SettingsSubTab: {
@@ -177,3 +179,41 @@ export declare const PushFilterType: {
     readonly Opened: "opened";
 };
 export type PushFilterType = (typeof PushFilterType)[keyof typeof PushFilterType] | string;
+export declare const SocketStatus: {
+    readonly Connecting: "connecting";
+    readonly Open: "open";
+    readonly Closed: "closed";
+    readonly Error: "error";
+};
+export type SocketStatus = (typeof SocketStatus)[keyof typeof SocketStatus] | string;
+export declare const SocketFrameDirection: {
+    readonly Send: "send";
+    readonly Receive: "receive";
+};
+export type SocketFrameDirection = (typeof SocketFrameDirection)[keyof typeof SocketFrameDirection];
+export declare const SocketFrameType: {
+    readonly Text: "text";
+    readonly Json: "json";
+    readonly Binary: "binary";
+    readonly Ping: "ping";
+    readonly Pong: "pong";
+    readonly SocketIo: "socket.io";
+    readonly Custom: "custom";
+};
+export type SocketFrameType = (typeof SocketFrameType)[keyof typeof SocketFrameType] | string;
+export declare const SocketDetailSubTab: {
+    readonly Messages: "messages";
+    readonly Overview: "overview";
+    readonly Params: "params";
+    readonly Raw: "raw";
+};
+export type SocketDetailSubTab = (typeof SocketDetailSubTab)[keyof typeof SocketDetailSubTab];
+export declare const SocketFilterType: {
+    readonly All: "all";
+    readonly Open: "open";
+    readonly Closed: "closed";
+    readonly Error: "error";
+    readonly SocketIo: "socket.io";
+    readonly WebSocket: "ws";
+};
+export type SocketFilterType = (typeof SocketFilterType)[keyof typeof SocketFilterType] | string;

package/dist/commonjs/types/enums.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PushFilterType=exports.PushDetailSubTab=exports.PushActionType=exports.PushAppState=exports.BreadcrumbType=exports.CrashFilterType=exports.CrashDetailSubTab=exports.CrashExportFormat=exports.CrashType=exports.DiffResultType=exports.StackFrameType=exports.GAEventCategory=exports.AnalyticsEventSource=exports.ConsoleLogType=exports.LogFilter=exports.SettingsSubTab=exports.SettingsPage=exports.ModalAnimationType=exports.LocalFilter=exports.SortOrder=exports.StatusFilter=exports.Method=exports.ActiveTab=void 0,exports.ActiveTab={Apis:"apis",Analytics:"analytics",Logs:"logs",Redux:"redux",Crash:"crash",Push:"push",Device:"device",Storage:"storage",Debugging:"debugging",Media:"media"},exports.Method={All:"ALL",Get:"GET",Post:"POST",Put:"PUT",Patch:"PATCH",Delete:"DELETE",Query:"QUERY",Options:"OPTIONS",Head:"HEAD"},exports.StatusFilter={All:"ALL",TwoXx:"2xx",ThreeXx:"3xx",FourXx:"4xx",FiveXx:"5xx",Failed:"Failed"},exports.SortOrder={Newest:"newest",Oldest:"oldest"},exports.LocalFilter={Success:"success",Failed:"failed",Loading:"loading"},exports.ModalAnimationType={Slide:"slide",Fade:"fade",None:"none"},exports.SettingsPage={Main:"main",Apis:"apis",Logs:"logs",Analytics:"analytics",Redux:"redux",Crash:"crash",Device:"device",Storage:"storage",Debugging:"debugging",Media:"media",Push:"push"},exports.SettingsSubTab={Module:"module",Ui:"ui",Limits:"limits",Capture:"capture"},exports.LogFilter={All:"all",Info:"info",Warn:"warn",Error:"error",UserLog:"user-log",Analytics:"analytics"},exports.ConsoleLogType={Info:"info",Warn:"warn",Error:"error"},exports.AnalyticsEventSource={Firebase:"firebase",Manual:"manual"},exports.GAEventCategory={PageView:"page_view",Ecommerce:"ecommerce",System:"system",Custom:"custom"},exports.StackFrameType={App:"app",Dependency:"dependency",Runtime:"runtime",Native:"native"},exports.DiffResultType={Added:"added",Removed:"removed",Changed:"changed"},exports.CrashType={Native:"native",Js:"js",Promise:"promise",Render:"render",Custom:"custom"},exports.CrashExportFormat={Text:"text",Markdown:"markdown",Json:"json"},exports.CrashDetailSubTab={Stack:"stack",Diagnostics:"diagnostics",Breadcrumbs:"breadcrumbs",Raw:"raw"},exports.CrashFilterType={All:"all",Fatal:"fatal",Js:"js",Promise:"promise",Render:"render",Native:"native"},exports.BreadcrumbType={Navigation:"navigation",Network:"network",Redux:"redux",Console:"console",User:"user",System:"system"},exports.PushAppState={Foreground:"foreground",Background:"background",Quit:"quit",ColdStart:"cold_start"},exports.PushActionType={Received:"received",Opened:"opened",Dismissed:"dismissed",ActionPress:"action_press"},exports.PushDetailSubTab={Preview:"preview",Payload:"payload",Headers:"headers",Raw:"raw"},exports.PushFilterType={All:"all",Foreground:"foreground",Background:"background",Opened:"opened"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SocketFilterType=exports.SocketDetailSubTab=exports.SocketFrameType=exports.SocketFrameDirection=exports.SocketStatus=exports.PushFilterType=exports.PushDetailSubTab=exports.PushActionType=exports.PushAppState=exports.BreadcrumbType=exports.CrashFilterType=exports.CrashDetailSubTab=exports.CrashExportFormat=exports.CrashType=exports.DiffResultType=exports.StackFrameType=exports.GAEventCategory=exports.AnalyticsEventSource=exports.ConsoleLogType=exports.LogFilter=exports.SettingsSubTab=exports.SettingsPage=exports.ModalAnimationType=exports.LocalFilter=exports.SortOrder=exports.StatusFilter=exports.Method=exports.ActiveTab=void 0,exports.ActiveTab={Apis:"apis",Analytics:"analytics",Logs:"logs",Redux:"redux",Crash:"crash",Push:"push",Socket:"socket",Device:"device",Storage:"storage",Debugging:"debugging",Media:"media"},exports.Method={All:"ALL",Get:"GET",Post:"POST",Put:"PUT",Patch:"PATCH",Delete:"DELETE",Query:"QUERY",Options:"OPTIONS",Head:"HEAD"},exports.StatusFilter={All:"ALL",TwoXx:"2xx",ThreeXx:"3xx",FourXx:"4xx",FiveXx:"5xx",Failed:"Failed"},exports.SortOrder={Newest:"newest",Oldest:"oldest"},exports.LocalFilter={Success:"success",Failed:"failed",Loading:"loading"},exports.ModalAnimationType={Slide:"slide",Fade:"fade",None:"none"},exports.SettingsPage={Main:"main",Apis:"apis",Logs:"logs",Analytics:"analytics",Redux:"redux",Crash:"crash",Device:"device",Storage:"storage",Debugging:"debugging",Media:"media",Push:"push",Socket:"socket"},exports.SettingsSubTab={Module:"module",Ui:"ui",Limits:"limits",Capture:"capture"},exports.LogFilter={All:"all",Info:"info",Warn:"warn",Error:"error",UserLog:"user-log",Analytics:"analytics"},exports.ConsoleLogType={Info:"info",Warn:"warn",Error:"error"},exports.AnalyticsEventSource={Firebase:"firebase",Manual:"manual"},exports.GAEventCategory={PageView:"page_view",Ecommerce:"ecommerce",System:"system",Custom:"custom"},exports.StackFrameType={App:"app",Dependency:"dependency",Runtime:"runtime",Native:"native"},exports.DiffResultType={Added:"added",Removed:"removed",Changed:"changed"},exports.CrashType={Native:"native",Js:"js",Promise:"promise",Render:"render",Custom:"custom"},exports.CrashExportFormat={Text:"text",Markdown:"markdown",Json:"json"},exports.CrashDetailSubTab={Stack:"stack",Diagnostics:"diagnostics",Breadcrumbs:"breadcrumbs",Raw:"raw"},exports.CrashFilterType={All:"all",Fatal:"fatal",Js:"js",Promise:"promise",Render:"render",Native:"native"},exports.BreadcrumbType={Navigation:"navigation",Network:"network",Redux:"redux",Console:"console",User:"user",System:"system"},exports.PushAppState={Foreground:"foreground",Background:"background",Quit:"quit",ColdStart:"cold_start"},exports.PushActionType={Received:"received",Opened:"opened",Dismissed:"dismissed",ActionPress:"action_press"},exports.PushDetailSubTab={Preview:"preview",Payload:"payload",Headers:"headers",Raw:"raw"},exports.PushFilterType={All:"all",Foreground:"foreground",Background:"background",Opened:"opened"},exports.SocketStatus={Connecting:"connecting",Open:"open",Closed:"closed",Error:"error"},exports.SocketFrameDirection={Send:"send",Receive:"receive"},exports.SocketFrameType={Text:"text",Json:"json",Binary:"binary",Ping:"ping",Pong:"pong",SocketIo:"socket.io",Custom:"custom"},exports.SocketDetailSubTab={Messages:"messages",Overview:"overview",Params:"params",Raw:"raw"},exports.SocketFilterType={All:"all",Open:"open",Closed:"closed",Error:"error",SocketIo:"socket.io",WebSocket:"ws"};

package/dist/commonjs/types/interfaces.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ViewStyle } from 'react-native';
 import { Animated, PanResponderInstance } from 'react-native';
-import type { ActiveTab, BreadcrumbType, CrashType, GroupedListItem, LocalFilter, LogFilter, Method, PushActionType, PushAppState, SettingsPage, SettingsSubTab, SortOrder, StatusFilter } from './index';
+import type { ActiveTab, BreadcrumbType, CrashType, GroupedListItem, LocalFilter, LogFilter, Method, PushActionType, PushAppState, SettingsPage, SettingsSubTab, SocketFrameDirection, SocketFrameType, SocketStatus, SortOrder, StatusFilter } from './index';
 export type SearchScope = 'all' | 'url' | 'reqBody' | 'resBody' | 'headers';
 export interface ParsedStackFrame {
     method: string;
@@ -133,6 +133,7 @@ export interface InspectorStorage {
 }
 export interface PersistedSettings {
     isDark?: boolean;
+    language?: string;
     modalHeightPercent?: number;
     modalAnimationType?: string;
     tabVisibility?: Record<string, boolean>;
@@ -142,6 +143,9 @@ export interface PersistedSettings {
     maxAnalyticsEventsLimit?: number;
     maxCrashLogs?: number;
     maxPushLogsLimit?: number;
+    maxSocketLogsLimit?: number;
+    isSocketAutoCaptureEnabled?: boolean;
+    isGroupByPageEnabled?: boolean;
     isAutoRamLimitEnabled?: boolean;
     showConsoleLevels?: {
         info: boolean;
@@ -163,6 +167,14 @@ export interface PersistedSettings {
     starPromptActioned?: boolean;
     starPromptLastShown?: number;
     starPromptFirstSeen?: number;
+    captureImageFormat?: 'png' | 'jpeg' | 'webp';
+    captureAutoHide?: boolean;
+    captureAudioMode?: 'none' | 'app' | 'mic';
+    captureFps?: number;
+    captureScale?: number;
+    captureBitrate?: number;
+    captureMaxDurationSeconds?: number;
+    captureAutoGif?: boolean;
 }
 export interface NetworkInspectorProps {
     enabled?: boolean;
@@ -185,6 +197,9 @@ export interface InspectorContextValue {
     isMinimized: boolean;
     setIsMinimized: React.Dispatch<React.SetStateAction<boolean>>;
     minimizeInspector: () => void;
+    isDismissed: boolean;
+    setIsDismissed: React.Dispatch<React.SetStateAction<boolean>>;
+    dismissInspector: () => void;
     isReady: boolean;
     enabled: boolean;
     isEnabled: boolean;
@@ -216,6 +231,8 @@ export interface InspectorContextValue {
     setSettingsPage: React.Dispatch<React.SetStateAction<SettingsPage>>;
     isAboutOpen: boolean;
     setIsAboutOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    isSupportOpen: boolean;
+    setIsSupportOpen: React.Dispatch<React.SetStateAction<boolean>>;
     updateAvailable: boolean;
     latestNpmVersion: string | null;
     clearAnim: Animated.Value;
@@ -245,6 +262,12 @@ export interface InspectorContextValue {
     setStatusFilters: React.Dispatch<React.SetStateAction<Set<StatusFilter>>>;
     methodFilters: Set<Method>;
     setMethodFilters: React.Dispatch<React.SetStateAction<Set<Method>>>;
+    latencyFilter: 'all' | 'fast' | 'normal' | 'slow';
+    setLatencyFilter: React.Dispatch<React.SetStateAction<'all' | 'fast' | 'normal' | 'slow'>>;
+    protocolFilter: 'all' | 'https' | 'http';
+    setProtocolFilter: React.Dispatch<React.SetStateAction<'all' | 'https' | 'http'>>;
+    networkSortBy: 'time_desc' | 'time_asc' | 'duration_desc' | 'duration_asc' | 'size_desc';
+    setNetworkSortBy: React.Dispatch<React.SetStateAction<'time_desc' | 'time_asc' | 'duration_desc' | 'duration_asc' | 'size_desc'>>;
     availableMethods: Method[];
     sortOrder: SortOrder;
     setSortOrder: React.Dispatch<React.SetStateAction<SortOrder>>;
@@ -257,6 +280,8 @@ export interface InspectorContextValue {
     toggleSectionCollapse: (pageName: string) => void;
     loadMoreSection: (pageName: string, step?: number) => void;
     handleDelete: () => void;
+    isGroupByPageEnabled: boolean;
+    setIsGroupByPageEnabled: React.Dispatch<React.SetStateAction<boolean>>;
     detailTitle: string;
     detailDisplayUrl: string;
     apiDetailActiveTab: 'metadata' | 'headers' | 'request' | 'response';
@@ -332,6 +357,22 @@ export interface InspectorContextValue {
     setMaxPushLogs: React.Dispatch<React.SetStateAction<number>>;
     clearAllPushLogs: () => void;
     simulatePush: (preset?: 'salesforce' | 'fcm' | 'apns' | 'deeplink' | 'rich_media' | 'custom', customData?: any) => void;
+    socketRecords: SocketConnectionRecord[];
+    filteredSocketRecords: SocketConnectionRecord[];
+    selectedSocket: SocketConnectionRecord | null;
+    setSelectedSocket: React.Dispatch<React.SetStateAction<SocketConnectionRecord | null>>;
+    socketSearch: string;
+    setSocketSearch: React.Dispatch<React.SetStateAction<string>>;
+    socketQuickFilter: string;
+    setSocketQuickFilter: React.Dispatch<React.SetStateAction<string>>;
+    lastReadSocketCount: number;
+    unreadSocketCount: number;
+    maxSocketLogs: number;
+    setMaxSocketLogs: React.Dispatch<React.SetStateAction<number>>;
+    clearAllSocketLogs: () => void;
+    deleteSocketRecord?: (id: string) => void;
+    deleteMultipleSocketRecords?: (ids: string[]) => void;
+    simulateSocket: (preset?: 'chat' | 'crypto' | 'socketio' | 'echo' | 'custom', customData?: any) => void;
     settingsActiveSubTab: SettingsSubTab;
     setSettingsActiveSubTab: React.Dispatch<React.SetStateAction<SettingsSubTab>>;
     defaultTab: ActiveTab;
@@ -367,6 +408,22 @@ export interface InspectorContextValue {
     setReduxAutoRefreshState: React.Dispatch<React.SetStateAction<boolean>>;
     reduxExpandDepth: number;
     setReduxExpandDepth: React.Dispatch<React.SetStateAction<number>>;
+    captureFps: number;
+    setCaptureFps: React.Dispatch<React.SetStateAction<number>>;
+    captureScale: number;
+    setCaptureScale: React.Dispatch<React.SetStateAction<number>>;
+    captureBitrate: number;
+    setCaptureBitrate: React.Dispatch<React.SetStateAction<number>>;
+    captureMaxDurationSeconds: number;
+    setCaptureMaxDurationSeconds: React.Dispatch<React.SetStateAction<number>>;
+    captureImageFormat: 'png' | 'jpeg' | 'webp';
+    setCaptureImageFormat: React.Dispatch<React.SetStateAction<'png' | 'jpeg' | 'webp'>>;
+    captureAudioMode: 'none' | 'app' | 'mic';
+    setCaptureAudioMode: React.Dispatch<React.SetStateAction<'none' | 'app' | 'mic'>>;
+    captureAutoHide: boolean;
+    setCaptureAutoHide: React.Dispatch<React.SetStateAction<boolean>>;
+    captureAutoGif: boolean;
+    setCaptureAutoGif: React.Dispatch<React.SetStateAction<boolean>>;
 }
 export interface CopyButtonProps {
     value: unknown | (() => unknown);
@@ -457,6 +514,7 @@ export interface AnimatedEntranceProps {
 export interface ConsoleLogCardProps {
     item: ConsoleLog;
     searchStr?: string;
+    onPress?: (item: ConsoleLog) => void;
 }
 export interface JsonContent {
     header: string;
@@ -522,3 +580,66 @@ export interface PushDetailProps {
     item: PushNotificationRecord | null;
     onClose: () => void;
 }
+export interface SocketFrame {
+    id: string;
+    timestamp: number;
+    direction: SocketFrameDirection;
+    type: SocketFrameType;
+    data: any;
+    raw?: any;
+    size?: number;
+    eventName?: string;
+    ackId?: number;
+}
+export interface SocketConnectionRecord {
+    id: string;
+    url: string;
+    protocols?: string | string[];
+    readyState: number;
+    status: SocketStatus;
+    startTime: number;
+    endTime?: number;
+    duration?: number;
+    closeCode?: number;
+    closeReason?: string;
+    error?: string | any;
+    client: 'websocket' | 'socket.io' | string;
+    frames: SocketFrame[];
+    sentCount: number;
+    receivedCount: number;
+    totalBytesSent: number;
+    totalBytesReceived: number;
+    caller?: string;
+    query?: Record<string, string>;
+    headers?: Record<string, string>;
+    routeInfo?: RouteInfo;
+}
+export interface SocketFilterState {
+    search: string;
+    status: Set<string>;
+    types: Set<string>;
+    sortBy: 'time_desc' | 'time_asc' | 'frames_desc' | 'duration_desc';
+}
+export interface SocketStats {
+    total: number;
+    open: number;
+    closed: number;
+    error: number;
+    totalFrames: number;
+    sentFrames: number;
+    receivedFrames: number;
+    totalBytes: number;
+}
+export interface SocketCardProps {
+    item: SocketConnectionRecord;
+    onPress: () => void;
+    searchStr?: string;
+    isNew?: boolean;
+    isSelected?: boolean;
+    onToggleSelect?: (id: string) => void;
+    serialNumber?: number;
+}
+export interface SocketDetailProps {
+    item: SocketConnectionRecord | null;
+    onClose: () => void;
+}

package/dist/esm/components/AnimatedBrandOwl.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface AnimatedBrandOwlProps {
+    size?: number;
+    shape?: 'square' | 'circle';
+}
+export declare const AnimatedBrandOwl: React.FC<AnimatedBrandOwlProps>;
+export default AnimatedBrandOwl;

package/dist/esm/components/AnimatedBrandOwl.js

@@ -0,0 +1,175 @@
+import{useEffect as V,useRef as j}from"react";import{Animated as O,Easing as G,StyleSheet as I,View as N}from"react-native";import Y,{Circle as L,Defs as P,Ellipse as B,G as A,Line as R,LinearGradient as _,Path as C,RadialGradient as D,Rect as E,Stop as F}from"react-native-svg";export const AnimatedBrandOwl=({size:M=64,shape:Q="square"})=>{const m=j(new O.Value(0)).current;V(()=>{const U=O.loop(O.sequence([O.timing(m,{toValue:1,duration:2200,easing:G.inOut(G.sin),useNativeDriver:!0}),O.timing(m,{toValue:0,duration:2200,easing:G.inOut(G.sin),useNativeDriver:!0})]));return U.start(),()=>U.stop()},[m]);const v=m.interpolate({inputRange:[0,1],outputRange:[0,-8]}),q=m.interpolate({inputRange:[0,.5,1],outputRange:["0deg","-1.8deg","0deg"]}),W=Q==="square",Z=W?Math.round(M*.2265):M/2;return<N style={[S.container,{width:M,height:M,borderRadius:Z}]}>
+      <O.View style={[S.animatedLayer,{transform:[{translateY:v},{rotate:q}]}]}>
+        <Y width={M}height={M}viewBox="0 0 256 256"fill="none">
+          <P>
+            
+            <_ id="owl_beam"x1="70"y1="74"x2="194"y2="187"gradientUnits="userSpaceOnUse">
+              <F offset="0"stopColor="#5EEAD4"/>
+              <F offset="0.5"stopColor="#38BDF8"/>
+              <F offset="1"stopColor="#A78BFA"/>
+            </_>
+
+            
+            <D id="owl_halo"cx="0.5"cy="0.45"r="0.55">
+              <F offset="0"stopColor="#38BDF8"stopOpacity={.25}/>
+              <F offset="1"stopColor="#38BDF8"stopOpacity={0}/>
+            </D>
+
+            
+            <_ id="owl_body"x1="78"y1="60"x2="178"y2="186"gradientUnits="userSpaceOnUse">
+              <F offset="0"stopColor="#24345F"/>
+              <F offset="1"stopColor="#121B35"/>
+            </_>
+
+            
+            <_ id="owl_beak"x1="120"y1="151"x2="136"y2="168"gradientUnits="userSpaceOnUse">
+              <F offset="0"stopColor="#FCD34D"/>
+              <F offset="1"stopColor="#FB923C"/>
+            </_>
+
+            
+            <D id="owl_iris"cx="0.42"cy="0.38"r="0.72">
+              <F offset="0"stopColor="#FDE68A"/>
+              <F offset="0.5"stopColor="#FBBF24"/>
+              <F offset="1"stopColor="#F59E0B"/>
+            </D>
+
+            
+            <D id="owl_blush"cx="0.5"cy="0.5"r="0.5">
+              <F offset="0"stopColor="#FB7185"stopOpacity={.6}/>
+              <F offset="1"stopColor="#FB7185"stopOpacity={0}/>
+            </D>
+
+            
+            <_ id="owl_wing"x1="70"y1="120"x2="190"y2="206"gradientUnits="userSpaceOnUse">
+              <F offset="0"stopColor="#1D2A4F"/>
+              <F offset="1"stopColor="#0F1735"/>
+            </_>
+
+            
+            <_ id="owl_faceplate"x1="70"y1="72"x2="186"y2="152"gradientUnits="userSpaceOnUse">
+              <F offset="0"stopColor="#3B528D"/>
+              <F offset="1"stopColor="#223358"/>
+            </_>
+
+            
+            <D id="owl_lensglass"cx="0.4"cy="0.32"r="0.75">
+              <F offset="0"stopColor="#7DE8FF"stopOpacity={.25}/>
+              <F offset="0.7"stopColor="#7DE8FF"stopOpacity={.06}/>
+              <F offset="1"stopColor="#7DE8FF"stopOpacity={0}/>
+            </D>
+
+            
+            <_ id="owl_belly"x1="94"y1="126"x2="162"y2="212"gradientUnits="userSpaceOnUse">
+              <F offset="0"stopColor="#384F88"/>
+              <F offset="1"stopColor="#20305C"/>
+            </_>
+
+            
+            <_ id="owl_tile"x1="30"y1="30"x2="210"y2="222"gradientUnits="userSpaceOnUse">
+              <F offset="0"stopColor="#141B33"/>
+              <F offset="1"stopColor="#0A0E1C"/>
+            </_>
+
+            
+            <_ id="owl_edge"x1="14"y1="22"x2="220"y2="228"gradientUnits="userSpaceOnUse">
+              <F offset="0"stopColor="#3A4E7A"/>
+              <F offset="1"stopColor="#1A2238"/>
+            </_>
+          </P>
+
+          
+          {W?<>
+              <E x={8}y={8}width={240}height={240}rx={58}fill="url(#owl_tile)"/>
+              <E x={8.6}y={8.6}width={238.8}height={238.8}rx={57.4}fill="none"stroke="url(#owl_edge)"strokeOpacity={.75}strokeWidth={1.6}/>
+              <L cx={128}cy={128}r={104}fill="url(#owl_halo)"/>
+            </>:<>
+              <L cx={128}cy={128}r={122}fill="url(#owl_tile)"/>
+              <L cx={128}cy={128}r={121.4}fill="none"stroke="url(#owl_edge)"strokeOpacity={.75}strokeWidth={1.6}/>
+              <L cx={128}cy={128}r={105}fill="url(#owl_halo)"/>
+            </>}
+
+          
+          <A transform={W?"translate(128 128) scale(1.16) translate(-128 -134)":"translate(128 132) scale(1.08) translate(-128 -134)"}>
+            
+            <C d="M74 124 C58 154 60 190 86 204 C79 176 77 148 88 126 Z"fill="url(#owl_wing)"stroke="url(#owl_beam)"strokeWidth={2.5}strokeOpacity={.5}/>
+            <C d="M182 124 C198 154 196 190 170 204 C177 176 179 148 168 126 Z"fill="url(#owl_wing)"stroke="url(#owl_beam)"strokeWidth={2.5}strokeOpacity={.5}/>
+
+            
+            <C d="M62 150 C58 104 70 70 90 58 L98 42 L116 62 Q128 57 140 62 L158 42 L166 58 C186 70 198 104 194 150 C198 180 184 204 152 212 C140 216 116 216 104 212 C72 204 58 180 62 150 Z"fill="url(#owl_body)"stroke="url(#owl_beam)"strokeWidth={4}strokeLinejoin="round"/>
+
+            
+            <C d="M99 48 L114 62 L104 63 L98 55 Z"fill="#080F22"opacity={.55}/>
+            <C d="M157 48 L142 62 L152 63 L158 55 Z"fill="#080F22"opacity={.55}/>
+
+            
+            <A stroke="#22325A"strokeWidth={2.2}fill="none"strokeLinecap="round"opacity={.75}>
+              <C d="M80 138 q-5 26 3 50"/>
+              <C d="M90 134 q-4 26 3 48"/>
+              <C d="M176 138 q5 26 -3 50"/>
+              <C d="M166 134 q4 26 -3 48"/>
+            </A>
+
+            
+            <C d="M128 126 C151 126 164 148 162 174 C160 198 146 212 128 212 C110 212 96 198 94 174 C92 148 105 126 128 126 Z"fill="url(#owl_belly)"/>
+
+            
+            <A stroke="#4A659E"strokeWidth={2.3}fill="none"strokeLinecap="round"opacity={.45}>
+              <C d="M110 154 Q118 162 126 154"/>
+              <C d="M126 154 Q134 162 142 154"/>
+              <C d="M142 154 Q150 162 158 154"/>
+              <C d="M102 172 Q110 180 118 172"/>
+              <C d="M150 172 Q158 180 166 172"/>
+              <C d="M112 190 Q120 198 128 190"/>
+              <C d="M128 190 Q136 198 144 190"/>
+            </A>
+
+            
+            <E x={107}y={161}width={42}height={32}rx={9}fill="#0A1020"stroke="url(#owl_beam)"strokeWidth={2}strokeOpacity={.8}/>
+            <A stroke="#7DD3FC"strokeWidth={3}strokeLinecap="round"strokeLinejoin="round"fill="none">
+              <C d="M122 170 L115 177 L122 184"/>
+              <C d="M134 170 L141 177 L134 184"/>
+              <C d="M130 168 L126 186"/>
+            </A>
+
+            
+            <C d="M128 92 C148 70 186 78 186 108 C186 134 160 152 128 152 C96 152 70 134 70 108 C70 78 108 70 128 92 Z"fill="url(#owl_faceplate)"stroke="#52709E"strokeWidth={2.6}strokeOpacity={.7}/>
+            <C d="M128 96 L128 120"stroke="#52709E"strokeWidth={2}strokeLinecap="round"strokeOpacity={.45}/>
+
+            
+            <A stroke="url(#owl_beak)"strokeWidth={5}strokeLinecap="round"fill="none">
+              <C d="M111 209 L105 224 M111 209 L111 226 M111 209 L117 224"/>
+              <C d="M145 209 L139 224 M145 209 L145 226 M145 209 L151 224"/>
+            </A>
+
+            
+            <L cx={153}cy={107}r={17}fill="url(#owl_iris)"stroke="#1A1205"strokeWidth={2.2}/>
+            <L cx={153}cy={108}r={8.2}fill="#0A0E18"/>
+            <L cx={156.2}cy={104}r={3.1}fill="#FFFFFF"opacity={.95}/>
+            <L cx={149.6}cy={111}r={1.6}fill="#FFFFFF"opacity={.7}/>
+
+            
+            <C d="M123.5 123 Q128 121 132.5 123 Q131 132 128 134.5 Q125 132 123.5 123 Z"fill="url(#owl_beak)"/>
+
+            
+            <L cx={95}cy={103}r={20}fill="url(#owl_iris)"stroke="#1A1205"strokeWidth={2.6}/>
+            <L cx={95}cy={104}r={10}fill="#0A0E18"/>
+            <L cx={98.6}cy={100}r={3.4}fill="#FFFFFF"opacity={.95}/>
+            <L cx={91}cy={107}r={1.8}fill="#FFFFFF"opacity={.7}/>
+            <L cx={95}cy={103}r={28}fill="url(#owl_lensglass)"/>
+            <C d="M77 87 A28 28 0 0 1 106 79"fill="none"stroke="#FFFFFF"strokeWidth={4}strokeLinecap="round"strokeOpacity={.5}/>
+
+            
+            <R x1={75}y1={123}x2={54}y2={147}stroke="#0A0F1C"strokeWidth={14}strokeLinecap="round"/>
+            <R x1={75}y1={123}x2={54}y2={147}stroke="url(#owl_beam)"strokeWidth={8.5}strokeLinecap="round"/>
+
+            
+            <L cx={95}cy={103}r={28}fill="none"stroke="url(#owl_beam)"strokeWidth={7}/>
+
+            
+            <B cx={83}cy={127}rx={9}ry={6}fill="url(#owl_blush)"/>
+            <B cx={167}cy={122}rx={9}ry={6}fill="url(#owl_blush)"/>
+          </A>
+        </Y>
+      </O.View>
+    </N>};const S=I.create({container:{overflow:"visible",alignItems:"center",justifyContent:"center",backgroundColor:"transparent"},animatedLayer:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center"}});export default AnimatedBrandOwl;

package/dist/esm/components/AppHeaderLogo.d.ts

@@ -3,6 +3,7 @@ import { ImageSourcePropType } from 'react-native';
 interface AppHeaderLogoProps {
     size?: number;
     customIcon?: ImageSourcePropType | null;
+    shape?: 'square' | 'circle';
 }
 export declare const AppHeaderLogo: React.FC<AppHeaderLogoProps>;
 export default AppHeaderLogo;

package/dist/esm/components/AppHeaderLogo.js

@@ -1,5 +1,7 @@
-import o from"react";import{Image as R,StyleSheet as V,View as C}from"react-native";import S from"./BrandCircleIcon";export const AppHeaderLogo=({size:e=52,customIcon:t})=>{const r=Math.round(e*.23);if(t){if(o.isValidElement(t)){const b=o.cloneElement(t,{size:e,width:e,height:e});return<C style={[n.container,{width:e,height:e,borderRadius:r}]}>
-          {b}
-        </C>}return<C style={[n.imageContainer,{width:e,height:e,borderRadius:r}]}>
-        <R source={t}style={[n.image,{borderRadius:r}]}resizeMode="cover"/>
-      </C>}return<S size={e}/>};const n=V.create({container:{overflow:"hidden",alignItems:"center",justifyContent:"center",backgroundColor:"transparent"},imageContainer:{overflow:"hidden",backgroundColor:"transparent",alignItems:"center",justifyContent:"center"},image:{width:"100%",height:"100%"}});export default AppHeaderLogo;
+import b from"react";import{Image as C,StyleSheet as _,View as R}from"react-native";const M=require("../../../assets/inapp_inspector_icon.gif");export const AppHeaderLogo=({size:e=64,customIcon:o,shape:V="square"})=>{const r=V==="circle"?e/2:Math.round(e*.2265);if(o){if(b.isValidElement(o)){const v=b.cloneElement(o,{size:e,width:e,height:e});return<R style={[t.container,{width:e,height:e,borderRadius:r}]}>
+          {v}
+        </R>}return<R style={[t.imageContainer,{width:e,height:e,borderRadius:r}]}>
+        <C source={o}style={[t.image,{borderRadius:r}]}resizeMode="cover"/>
+      </R>}return<R style={[t.imageContainer,{width:e,height:e,borderRadius:r}]}>
+      <C source={M}style={[t.image,{borderRadius:r}]}resizeMode="cover"/>
+    </R>};const t=_.create({container:{overflow:"hidden",alignItems:"center",justifyContent:"center",backgroundColor:"transparent"},imageContainer:{overflow:"hidden",backgroundColor:"transparent",alignItems:"center",justifyContent:"center"},image:{width:"100%",height:"100%"}});export default AppHeaderLogo;

package/dist/esm/components/BrandSquareIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const BrandSquareIcon: ({ size }: {
+    size?: number;
+}) => React.JSX.Element;
+export default BrandSquareIcon;

package/dist/esm/components/BrandSquareIcon.js

@@ -0,0 +1,139 @@
+import"react";import U,{Circle as _,Path as L,G as F,Defs as W,LinearGradient as M,RadialGradient as O,Stop as C,Rect as E,Ellipse as A,Line as D}from"react-native-svg";export const BrandSquareIcon=({size:G=56})=><U width={G}height={G}viewBox="0 0 256 256"fill="none">
+      <W>
+        <M id="sq_tile"x1="30"y1="30"x2="210"y2="222"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor="#141B33"/>
+          <C offset="1"stopColor="#0A0E1C"/>
+        </M>
+        <M id="sq_edge"x1="14"y1="22"x2="220"y2="228"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor="#3A4E7A"/>
+          <C offset="1"stopColor="#1A2238"/>
+        </M>
+        <M id="sq_beam"x1="70"y1="74"x2="194"y2="187"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor="#5EEAD4"/>
+          <C offset="0.5"stopColor="#38BDF8"/>
+          <C offset="1"stopColor="#A78BFA"/>
+        </M>
+        <O id="sq_halo"cx="0.5"cy="0.45"r="0.55">
+          <C offset="0"stopColor="#38BDF8"stopOpacity={.12}/>
+          <C offset="1"stopColor="#38BDF8"stopOpacity={0}/>
+        </O>
+        <M id="sq_owlbody"x1="78"y1="60"x2="178"y2="186"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor="#202E55"/>
+          <C offset="1"stopColor="#10182F"/>
+        </M>
+        <M id="sq_beak"x1="120"y1="151"x2="136"y2="168"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor="#FCD34D"/>
+          <C offset="1"stopColor="#FB923C"/>
+        </M>
+        <O id="sq_iris"cx="0.42"cy="0.38"r="0.72">
+          <C offset="0"stopColor="#FDE68A"/>
+          <C offset="0.5"stopColor="#FBBF24"/>
+          <C offset="1"stopColor="#F59E0B"/>
+        </O>
+        <O id="sq_blush"cx="0.5"cy="0.5"r="0.5">
+          <C offset="0"stopColor="#FB7185"stopOpacity={.5}/>
+          <C offset="1"stopColor="#FB7185"stopOpacity={0}/>
+        </O>
+        <M id="sq_wing"x1="70"y1="120"x2="190"y2="206"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor="#1A2545"/>
+          <C offset="1"stopColor="#0E1530"/>
+        </M>
+        <M id="sq_faceplate"x1="70"y1="72"x2="186"y2="152"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor="#35497E"/>
+          <C offset="1"stopColor="#1E2D4D"/>
+        </M>
+        <O id="sq_lensglass"cx="0.4"cy="0.32"r="0.75">
+          <C offset="0"stopColor="#7DE8FF"stopOpacity={.22}/>
+          <C offset="0.7"stopColor="#7DE8FF"stopOpacity={.05}/>
+          <C offset="1"stopColor="#7DE8FF"stopOpacity={0}/>
+        </O>
+        <M id="sq_belly"x1="94"y1="126"x2="162"y2="212"gradientUnits="userSpaceOnUse">
+          <C offset="0"stopColor="#33477A"/>
+          <C offset="1"stopColor="#1D2B53"/>
+        </M>
+      </W>
+
+      
+      <E x={8}y={8}width={240}height={240}rx={58}fill="url(#sq_tile)"/>
+      <E x={8.6}y={8.6}width={238.8}height={238.8}rx={57.4}fill="none"stroke="url(#sq_edge)"strokeOpacity={.6}/>
+      <_ cx={128}cy={128}r={104}fill="url(#sq_halo)"/>
+
+      
+      <F transform="translate(128 128) scale(1.16) translate(-128 -134)">
+        
+        <L d="M74 124 C58 154 60 190 86 204 C79 176 77 148 88 126 Z"fill="url(#sq_wing)"stroke="url(#sq_beam)"strokeWidth={2.5}strokeOpacity={.45}/>
+        
+        <L d="M182 124 C198 154 196 190 170 204 C177 176 179 148 168 126 Z"fill="url(#sq_wing)"stroke="url(#sq_beam)"strokeWidth={2.5}strokeOpacity={.45}/>
+        
+        <L d="M62 150 C58 104 70 70 90 58 L98 42 L116 62 Q128 57 140 62 L158 42 L166 58 C186 70 198 104 194 150 C198 180 184 204 152 212 C140 216 116 216 104 212 C72 204 58 180 62 150 Z"fill="url(#sq_owlbody)"stroke="url(#sq_beam)"strokeWidth={4}strokeLinejoin="round"/>
+
+        
+        <L d="M99 48 L114 62 L104 63 L98 55 Z"fill="#080F22"opacity={.5}/>
+        <L d="M157 48 L142 62 L152 63 L158 55 Z"fill="#080F22"opacity={.5}/>
+
+        
+        <F stroke="#22325A"strokeWidth={2.2}fill="none"strokeLinecap="round"opacity={.75}>
+          <L d="M80 138 q-5 26 3 50"/>
+          <L d="M90 134 q-4 26 3 48"/>
+          <L d="M176 138 q5 26 -3 50"/>
+          <L d="M166 134 q4 26 -3 48"/>
+        </F>
+
+        
+        <L d="M128 126 C151 126 164 148 162 174 C160 198 146 212 128 212 C110 212 96 198 94 174 C92 148 105 126 128 126 Z"fill="url(#sq_belly)"/>
+
+        
+        <F stroke="#3E588C"strokeWidth={2.3}fill="none"strokeLinecap="round"opacity={.4}>
+          <L d="M110 154 Q118 162 126 154"/>
+          <L d="M126 154 Q134 162 142 154"/>
+          <L d="M142 154 Q150 162 158 154"/>
+          <L d="M102 172 Q110 180 118 172"/>
+          <L d="M150 172 Q158 180 166 172"/>
+          <L d="M112 190 Q120 198 128 190"/>
+          <L d="M128 190 Q136 198 144 190"/>
+        </F>
+
+        
+        <E x={107}y={161}width={42}height={32}rx={9}fill="#0C1426"stroke="url(#sq_beam)"strokeWidth={2}strokeOpacity={.7}/>
+        <F stroke="#8FD0EC"strokeWidth={3}strokeLinecap="round"strokeLinejoin="round"fill="none">
+          <L d="M122 170 L115 177 L122 184"/>
+          <L d="M134 170 L141 177 L134 184"/>
+          <L d="M130 168 L126 186"/>
+        </F>
+
+        
+        <L d="M128 92 C148 70 186 78 186 108 C186 134 160 152 128 152 C96 152 70 134 70 108 C70 78 108 70 128 92 Z"fill="url(#sq_faceplate)"stroke="#52709E"strokeWidth={2.6}strokeOpacity={.7}/>
+        
+        <L d="M128 96 L128 120"stroke="#52709E"strokeWidth={2}strokeLinecap="round"strokeOpacity={.45}/>
+
+        
+        <F stroke="url(#sq_beak)"strokeWidth={5}strokeLinecap="round"fill="none">
+          <L d="M111 209 L105 224 M111 209 L111 226 M111 209 L117 224"/>
+          <L d="M145 209 L139 224 M145 209 L145 226 M145 209 L151 224"/>
+        </F>
+
+        
+        <_ cx={153}cy={107}r={17}fill="url(#sq_iris)"stroke="#1A1205"strokeWidth={2.2}/>
+        <_ cx={153}cy={108}r={8.2}fill="#0A0E18"/>
+        <_ cx={156.2}cy={104}r={3.1}fill="#ffffff"opacity={.95}/>
+        <_ cx={149.6}cy={111}r={1.6}fill="#ffffff"opacity={.7}/>
+
+        
+        <L d="M123.5 123 Q128 121 132.5 123 Q131 132 128 134.5 Q125 132 123.5 123 Z"fill="url(#sq_beak)"/>
+
+        
+        <_ cx={95}cy={103}r={20}fill="url(#sq_iris)"stroke="#1A1205"strokeWidth={2.6}/>
+        <_ cx={95}cy={104}r={10}fill="#0A0E18"/>
+        <_ cx={98.6}cy={100}r={3.4}fill="#ffffff"opacity={.95}/>
+        <_ cx={91}cy={107}r={1.8}fill="#ffffff"opacity={.7}/>
+        <_ cx={95}cy={103}r={28}fill="url(#sq_lensglass)"/>
+        <L d="M77 87 A28 28 0 0 1 106 79"fill="none"stroke="#ffffff"strokeWidth={4}strokeLinecap="round"strokeOpacity={.5}/>
+        <D x1={75}y1={123}x2={54}y2={147}stroke="#0A0F1C"strokeWidth={14}strokeLinecap="round"/>
+        <D x1={75}y1={123}x2={54}y2={147}stroke="url(#sq_beam)"strokeWidth={8.5}strokeLinecap="round"/>
+        <_ cx={95}cy={103}r={28}fill="none"stroke="url(#sq_beam)"strokeWidth={7}/>
+
+        
+        <A cx={83}cy={127}rx={9}ry={6}fill="url(#sq_blush)"/>
+        <A cx={167}cy={122}rx={9}ry={6}fill="url(#sq_blush)"/>
+      </F>
+    </U>;export default BrandSquareIcon;

package/dist/esm/components/ConsoleLogCard.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { ConsoleLogCardProps } from '../types';
 export declare const ConsoleLogCard: React.NamedExoticComponent<ConsoleLogCardProps>;
-export default ConsoleLogCard;
+export declare const MemoizedConsoleLogCard: React.MemoExoticComponent<React.NamedExoticComponent<ConsoleLogCardProps>>;
+export default MemoizedConsoleLogCard;