react-native-inapp-inspector 2.3.18 → 2.3.20

package/src/components/Inspector/FabLauncher.tsx

@@ -1,80 +0,0 @@
-import React from 'react';
-import {Animated, View} from 'react-native';
-import LinearGradient from 'react-native-linear-gradient';
-import {useInspector} from './InspectorContext';
-import TouchableScale from '../TouchableScale';
-import BrandCircleIcon from '../BrandCircleIcon';
-import {AppColors} from '../../styles/AppColors';
-import styles from '../../styles';
-
-const FabLauncher = () => {
-  const {
-    setVisible,
-    fabPan,
-    fabPanResponder,
-    fabDraggedRef,
-    pulseAnim,
-    fabShineAnim,
-    unreadPulseAnim,
-    logs,
-    analyticsEvents,
-  } = useInspector();
-
-  return (
-    <Animated.View
-      style={[styles.fabWrapper, {transform: fabPan.getTranslateTransform()}]}
-      {...fabPanResponder.panHandlers}>
-      <TouchableScale
-        style={{alignItems: 'center', justifyContent: 'center'}}
-        onPress={() => {
-          if (fabDraggedRef.current) return;
-          setVisible(true);
-        }}
-        hitSlop={10}>
-        <Animated.View
-          style={[styles.fabPulseRing, {transform: [{scale: pulseAnim}]}]}
-        />
-        <BrandCircleIcon size={62} />
-        {/* #4 — shining sweep, clipped inside the circular launcher */}
-        <View pointerEvents="none" style={styles.fabShineClip}>
-          <Animated.View
-            style={[
-              styles.fabShineStreak,
-              {
-                transform: [
-                  {
-                    translateX: fabShineAnim.interpolate({
-                      inputRange: [0, 1],
-                      outputRange: [-48, 96],
-                    }),
-                  },
-                  {rotate: '25deg'},
-                ],
-              },
-            ]}>
-            <LinearGradient
-              colors={[
-                `${AppColors.white}00`,
-                `${AppColors.white}8C`,
-                `${AppColors.white}00`,
-              ]}
-              start={{x: 0, y: 0.5}}
-              end={{x: 1, y: 0.5}}
-              style={{flex: 1}}
-            />
-          </Animated.View>
-        </View>
-        {(logs.length > 0 || analyticsEvents.length > 0) && (
-          <Animated.View
-            style={[
-              styles.fabGreenDot,
-              {transform: [{scale: unreadPulseAnim}]},
-            ]}
-          />
-        )}
-      </TouchableScale>
-    </Animated.View>
-  );
-};
-
-export default FabLauncher;

package/src/components/Inspector/FeatureUnderDevNotice.tsx

@@ -1,94 +0,0 @@
-import React, {useState} from 'react';
-import {StyleSheet, Text, View, Pressable} from 'react-native';
-import {AppColors} from '../../styles/AppColors';
-import {AppFonts} from '../../styles/AppFonts';
-import {WarningTriangleIcon, SparkleIcon, ClearIcon} from '../NetworkIcons';
-
-interface FeatureUnderDevNoticeProps {
-  featureName?: string;
-  compact?: boolean;
-}
-
-export const FeatureUnderDevNotice: React.FC<FeatureUnderDevNoticeProps> = ({
-  featureName,
-  compact = false,
-}) => {
-  const [isDismissed, setIsDismissed] = useState(false);
-
-  if (isDismissed) return null;
-
-  return (
-    <View style={[styles.container, compact && styles.containerCompact]}>
-      <View style={styles.contentRow}>
-        <View style={styles.badgeWrap}>
-          <WarningTriangleIcon color={AppColors.warningIconGold} size={12} />
-          <Text style={styles.badgeText}>IN ACTIVE DEVELOPMENT</Text>
-        </View>
-
-        <Pressable
-          onPress={() => setIsDismissed(true)}
-          hitSlop={8}
-          style={styles.dismissBtn}
-          accessible={true}
-          accessibilityRole="button"
-          accessibilityLabel="Dismiss notice">
-          <ClearIcon color={AppColors.grayTextWeak} size={11} />
-        </Pressable>
-      </View>
-
-      <Text style={styles.messageText}>
-        {featureName ? `${featureName} is` : 'This module is'} currently in active
-        development. Results and metrics may vary in accuracy. We are continuously
-        improving this feature for upcoming releases.
-      </Text>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    marginHorizontal: 12,
-    marginTop: 8,
-    marginBottom: 6,
-    paddingHorizontal: 12,
-    paddingVertical: 9,
-    borderRadius: 8,
-    backgroundColor: `${AppColors.warningIconGold}12`,
-    borderWidth: 1,
-    borderColor: `${AppColors.warningIconGold}30`,
-  },
-  containerCompact: {
-    marginTop: 4,
-    marginBottom: 4,
-    paddingVertical: 7,
-    paddingHorizontal: 10,
-  },
-  contentRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    marginBottom: 4,
-  },
-  badgeWrap: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 4.5,
-  },
-  badgeText: {
-    fontFamily: AppFonts.interBold,
-    fontSize: 9.5,
-    color: AppColors.warningIconGold,
-    letterSpacing: 0.4,
-  },
-  dismissBtn: {
-    padding: 2,
-  },
-  messageText: {
-    fontFamily: AppFonts.interRegular,
-    fontSize: 10.5,
-    color: AppColors.grayText,
-    lineHeight: 15,
-  },
-});
-
-export default FeatureUnderDevNotice;