react-native-inapp-inspector 2.3.18 → 2.3.19

package/dist/commonjs/styles/AppColors.js

@@ -3,45 +3,45 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.setAppColors = exports.updateAppColorsTheme = exports.AppColors = exports.getThemeColors = void 0;
 const LightColors = {
     primaryLight: '#FFFFFF',
-    purple: '#5C2D91',
-    purpleShade50: '#F8F4FC',
-    offerPurple: '#9B2677',
-    grayBorderSecondary: '#E2DFEB',
-    grayBackground: '#F8F7FB',
-    grayText: '#625D73',
-    grayTextWeak: '#8F8A9E',
+    purple: '#4F46E5',
+    purpleShade50: '#EEF2FF',
+    offerPurple: '#7C3AED',
+    grayBorderSecondary: '#E2E8F0',
+    grayBackground: '#F8FAFC',
+    grayText: '#475569',
+    grayTextWeak: '#64748B',
     greenColor: '#10B981',
-    graySurface: '#E2DFEB',
+    graySurface: '#F1F5F9',
     skyBlue: '#2563EB',
-    primaryBlack: '#211B30',
-    grayTextStrong: '#211B30',
-    dividerColor: '#EBE7F2',
-    warningIconGold: '#C5A059',
-    shadowColorString: '#211B30',
+    primaryBlack: '#0F172A',
+    grayTextStrong: '#0F172A',
+    dividerColor: '#E2E8F0',
+    warningIconGold: '#D97706',
+    shadowColorString: '#0F172A',
     errorColor: '#E11D48',
-    lightOrange: '#E5C158',
-    darkOrange: '#B89758',
+    lightOrange: '#F59E0B',
+    darkOrange: '#D97706',
     successGreen: '#10B981',
-    purpleShade700: '#481E78',
+    purpleShade700: '#3730A3',
     greenStatus: '#D1FAE5',
     greenBaggageText: '#059669',
-    paleYellow: '#F7E9C4',
+    paleYellow: '#FEF3C7',
     white: '#FFFFFF',
     black: '#000000',
-    brandPurple: '#4B1B7D',
+    brandPurple: '#4F46E5',
     liveGreen: '#10B981',
     firebaseOrange: '#D97706',
     greenA400: '#00E676',
-    slate900: '#171226',
-    slate700: '#332C4A',
-    slate600: '#4D446B',
-    slate500: '#6E648D',
-    slate400: '#948BAF',
-    slate200: '#E4DFEE',
-    slate100: '#F3F0F8',
-    slate50: '#F9F7FC',
-    gray700: '#373147',
-    gray300: '#D5D0E0',
+    slate900: '#0F172A',
+    slate700: '#334155',
+    slate600: '#475569',
+    slate500: '#64748B',
+    slate400: '#94A3B8',
+    slate200: '#E2E8F0',
+    slate100: '#F1F5F9',
+    slate50: '#F8FAFC',
+    gray700: '#334155',
+    gray300: '#CBD5E1',
     highlightYellow: '#FDE047',
     yellowHighlight: '#FFE44D',
     teal600: '#0D9488',
@@ -54,28 +54,28 @@ const LightColors = {
     indigo600: '#4F46E5',
     violet600: '#7C3AED',
     violet500: '#8B5CF6',
-    purpleText: '#5C2D91',
-    pink600: '#9B2677',
+    purpleText: '#4F46E5',
+    pink600: '#DB2777',
     rose600: '#E11D48',
     orange600: '#EA580C',
-    amber500: '#C5A059',
-    amber600: '#B89758',
-    amber700: '#A17D3B',
-    amber800: '#785A1D',
+    amber500: '#F59E0B',
+    amber600: '#D97706',
+    amber700: '#B45309',
+    amber800: '#92400E',
     green500: '#22C55E',
     green600: '#16A34A',
     green700: '#15803D',
     green800: '#166534',
     emerald500: '#10B981',
     emerald600: '#059669',
-    grey600: '#616161',
+    grey600: '#64748B',
     redErrorText: '#991B1B',
     materialGreen: '#2E7D32',
     googleBlue: '#4285F4',
     googleGreen: '#34A853',
     googleOrange: '#F57C00',
     googleRed: '#E53935',
-    googlePurple: '#5C2D91',
+    googlePurple: '#4F46E5',
     googleTeal: '#00897B',
     npmRed: '#CB3837',
     npmRedTint: '#CB383714',
@@ -108,11 +108,11 @@ const LightColors = {
     cyan500: '#06B6D4',
     indigo400: '#818CF8',
     indigo600Alt: '#4F46E5',
-    purple800: '#6B21A8',
-    purple900: '#581C87',
-    purple50: '#FAF5FF',
-    purple100: '#F3E8FF',
-    purple200: '#E9D5FF',
+    purple800: '#4338CA',
+    purple900: '#312E81',
+    purple50: '#EEF2FF',
+    purple100: '#E0E7FF',
+    purple200: '#C7D2FE',
     rose700: '#BE123C',
     red600: '#DC2626',
     red50: '#FFFBFB',
@@ -129,17 +129,17 @@ const LightColors = {
     sky100: '#E0F2FE',
     teal100: '#CCFBF1',
     teal700: '#0F766E',
-    purple700: '#6D28D9',
+    purple700: '#4338CA',
     indigo50: '#EEF2FF',
-    gray100: '#F3F4F6',
-    gray200: '#E5E7EB',
-    gray500: '#6B7280',
-    gray600: '#4B5563',
+    gray100: '#F1F5F9',
+    gray200: '#E2E8F0',
+    gray500: '#64748B',
+    gray600: '#475569',
     errorCardBg: '#FFF1F3',
     warnCardBg: '#FDFBF4',
     blueTintBg: '#EFF6FF',
-    purpleTintBg: '#F6F0FA',
-    purpleTint2: '#EFE7F7',
+    purpleTintBg: '#EEF2FF',
+    purpleTint2: '#E0E7FF',
     roseBg: '#FDF2F8',
     roseBorder: '#FBCFE8',
     errorBorder: '#FECDD3',
@@ -151,12 +151,12 @@ const LightColors = {
     blueBorder: '#BFDBFE',
     greenBg: '#F0FDF4',
     greenBorder: '#BBF7D0',
-    purpleBg: '#F6F0FA',
-    purpleBorder: '#E4D5F2',
-    greyBg: '#F5F4F8',
-    greyBorder: '#E3DFEC',
-    paperBg: '#FBF9FC',
-    contentBg: '#F8F7FB',
+    purpleBg: '#EEF2FF',
+    purpleBorder: '#C7D2FE',
+    greyBg: '#F8FAFC',
+    greyBorder: '#E2E8F0',
+    paperBg: '#F8FAFC',
+    contentBg: '#F8FAFC',
     toastBg: '#0F172AEE',
     toastBorder: '#33415588',
     mintGreenBg: '#ECFDF5',
@@ -190,46 +190,46 @@ const LightColors = {
     whiteAlpha33: 'rgba(255, 255, 255, 0.33)',
     whiteAlpha60: 'rgba(255, 255, 255, 0.6)',
     domainColors: [
-        '#5C2D91',
-        '#9B2677',
-        '#C5A059',
-        '#4B1B7D',
-        '#0D9488',
+        '#4F46E5',
+        '#7C3AED',
         '#2563EB',
-        '#B89758',
+        '#0D9488',
+        '#EA580C',
         '#059669',
-        '#3B1359',
-        '#D1208A',
+        '#6366F1',
+        '#8B5CF6',
+        '#3B82F6',
+        '#D97706',
     ],
 };
 const DarkColors = {
-    primaryLight: '#1C1628',
-    purple: '#B68FE8',
-    purpleShade50: '#2A1C3E',
-    offerPurple: '#F472B6',
-    grayBorderSecondary: '#362C4E',
-    grayBackground: '#130F1F',
-    grayText: '#A197B8',
-    grayTextWeak: '#756C8C',
+    primaryLight: '#1E1B4B',
+    purple: '#818CF8',
+    purpleShade50: '#1E1B4B',
+    offerPurple: '#A78BFA',
+    grayBorderSecondary: '#312E81',
+    grayBackground: '#0F172A',
+    grayText: '#94A3B8',
+    grayTextWeak: '#64748B',
     greenColor: '#34D399',
-    graySurface: '#362C4E',
+    graySurface: '#1E293B',
     skyBlue: '#60A5FA',
-    primaryBlack: '#F7F5FC',
-    grayTextStrong: '#F7F5FC',
-    dividerColor: '#2B2240',
-    warningIconGold: '#E5C158',
+    primaryBlack: '#F8FAFC',
+    grayTextStrong: '#F8FAFC',
+    dividerColor: '#1E293B',
+    warningIconGold: '#FBBF24',
     shadowColorString: '#000000',
     errorColor: '#F87171',
     lightOrange: '#FDE68A',
-    darkOrange: '#D4AF37',
+    darkOrange: '#F59E0B',
     successGreen: '#34D399',
-    purpleShade700: '#8E4DBE',
+    purpleShade700: '#4338CA',
     greenStatus: '#064E3B',
     greenBaggageText: '#34D399',
     paleYellow: '#78350F',
     white: '#FFFFFF',
     black: '#000000',
-    brandPurple: '#7B3DB8',
+    brandPurple: '#6366F1',
     liveGreen: '#34D399',
     firebaseOrange: '#F59E0B',
     greenA400: '#00E676',

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

@@ -9,6 +9,7 @@ export declare const ActiveTab: {
     readonly Device: "device";
     readonly Storage: "storage";
     readonly Debugging: "debugging";
+    readonly Media: "media";
 };
 export type ActiveTab = (typeof ActiveTab)[keyof typeof ActiveTab];
 export declare const Method: {
@@ -61,6 +62,7 @@ export declare const SettingsPage: {
     readonly Device: "device";
     readonly Storage: "storage";
     readonly Debugging: "debugging";
+    readonly Media: "media";
 };
 export type SettingsPage = (typeof SettingsPage)[keyof typeof SettingsPage] | null;
 export declare const SettingsSubTab: {

package/dist/commonjs/types/enums.js

@@ -12,6 +12,7 @@ exports.ActiveTab = {
     Device: 'device',
     Storage: 'storage',
     Debugging: 'debugging',
+    Media: 'media',
 };
 exports.Method = {
     All: 'ALL',
@@ -58,6 +59,7 @@ exports.SettingsPage = {
     Device: 'device',
     Storage: 'storage',
     Debugging: 'debugging',
+    Media: 'media',
 };
 exports.SettingsSubTab = {
     Module: 'module',

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

@@ -181,6 +181,9 @@ export interface InspectorContextValue {
     visible: boolean;
     setVisible: React.Dispatch<React.SetStateAction<boolean>>;
     closeModal: () => void;
+    isMinimized: boolean;
+    setIsMinimized: React.Dispatch<React.SetStateAction<boolean>>;
+    minimizeInspector: () => void;
     isReady: boolean;
     enabled: boolean;
     isEnabled: boolean;
@@ -198,6 +201,8 @@ export interface InspectorContextValue {
     toggleTabVisibility: (key: ActiveTab) => void;
     lastReadApisCount: number;
     lastReadLogsCount: number;
+    mediaCount: number;
+    refreshMediaCount: () => Promise<number>;
     selected: NetworkLog | null;
     setSelected: React.Dispatch<React.SetStateAction<NetworkLog | null>>;
     selectedEvent: AnalyticsEvent | null;

package/dist/esm/capture.d.ts

@@ -8,6 +8,7 @@ export declare const ScreenCapture: {
     startRecording: (options?: RecordingOptions) => Promise<boolean>;
     stopRecording: () => Promise<RecordingResult | null>;
     isRecording: () => Promise<boolean>;
+    playVideo: (videoUri: string) => Promise<boolean>;
     convertToGif: (videoUri: string, options?: GifConversionOptions) => Promise<RecordingResult | null>;
     getMediaList: () => Promise<CapturedMediaItem[]>;
     deleteMedia: (uri: string) => Promise<boolean>;
@@ -18,6 +19,7 @@ export declare const ScreenRecorder: {
     startRecording: (options?: RecordingOptions) => Promise<boolean>;
     stopRecording: () => Promise<RecordingResult | null>;
     isRecording: () => Promise<boolean>;
+    playVideo: (videoUri: string) => Promise<boolean>;
     convertToGif: (videoUri: string, options?: GifConversionOptions) => Promise<RecordingResult | null>;
     getMediaList: () => Promise<CapturedMediaItem[]>;
     deleteMedia: (uri: string) => Promise<boolean>;

package/dist/esm/capture.js

@@ -1,4 +1,4 @@
-import { takeNativeScreenshot, startNativeVideoRecording, stopNativeVideoRecording, isNativeRecordingActive, convertNativeVideoToGif, fetchCapturedMediaList, deleteCapturedMediaFile, clearAllCapturedMediaFiles, } from './native/NativeInspector';
+import { takeNativeScreenshot, startNativeVideoRecording, stopNativeVideoRecording, isNativeRecordingActive, playNativeVideo, convertNativeVideoToGif, fetchCapturedMediaList, deleteCapturedMediaFile, clearAllCapturedMediaFiles, } from './native/NativeInspector';
 export const ScreenCapture = {
     takeScreenshot: async (options) => {
         return takeNativeScreenshot(options);
@@ -12,6 +12,9 @@ export const ScreenCapture = {
     isRecording: async () => {
         return isNativeRecordingActive();
     },
+    playVideo: async (videoUri) => {
+        return playNativeVideo(videoUri);
+    },
     convertToGif: async (videoUri, options) => {
         return convertNativeVideoToGif(videoUri, options);
     },

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

@@ -5,6 +5,7 @@ interface EmptyStateProps {
     customTitle?: string;
     customSub?: string;
     onClearSearch?: () => void;
+    showReload?: boolean;
 }
 declare const EmptyState: React.NamedExoticComponent<EmptyStateProps>;
 export default EmptyState;

package/dist/esm/components/EmptyState.js

@@ -5,7 +5,7 @@ import AnimatedEntrance from './AnimatedEntrance';
 import { EmptyRadarIcon } from './NetworkIcons';
 import { AppColors } from '../styles/AppColors';
 import styles from '../styles';
-const EmptyState = React.memo(function EmptyState({ isSearch, searchQuery, customTitle, customSub, onClearSearch, }) {
+const EmptyState = React.memo(function EmptyState({ isSearch, searchQuery, customTitle, customSub, onClearSearch, showReload = true, }) {
     const iconPulse = useRef(new Animated.Value(1)).current;
     useEffect(() => {
         const loop = Animated.loop(Animated.sequence([
@@ -48,7 +48,7 @@ const EmptyState = React.memo(function EmptyState({ isSearch, searchQuery, custo
       {isSearch && onClearSearch && (<TouchableScale style={styles.reloadBtn} onPress={onClearSearch}>
           <Text style={styles.reloadBtnText}>Clear Search & Filters</Text>
         </TouchableScale>)}
-      {!isSearch && (<TouchableScale style={styles.reloadBtn} onPress={handleReload}>
+      {!isSearch && showReload && (<TouchableScale style={styles.reloadBtn} onPress={handleReload}>
           <Text style={styles.reloadBtnText}>Reload App</Text>
         </TouchableScale>)}
     </AnimatedEntrance>);