react-native-inapp-inspector 1.1.29 → 1.1.32

package/dist/commonjs/components/Inspector/ConsoleTab.js

@@ -142,6 +142,7 @@ const ConsoleTab = react_1.default.memo(() => {
             alignItems: 'center',
             gap: 8,
         }}>
+          {/* All Filter */}
           {(() => {
             const active = logFilters.has('all');
             return (<TouchableScale_1.default onPress={() => {
@@ -149,34 +150,52 @@ const ConsoleTab = react_1.default.memo(() => {
                 }}>
                 <react_native_1.View style={[
                     styles_1.default.statusFilterChip,
+                    {
+                        backgroundColor: active ? AppColors_1.AppColors.indigo600Alt : AppColors_1.AppColors.indigo50,
+                        borderColor: active ? AppColors_1.AppColors.indigo600 : AppColors_1.AppColors.indigo400,
+                        borderRadius: 7,
+                    },
                     active && {
-                        borderColor: AppColors_1.AppColors.purpleShade700,
-                        backgroundColor: AppColors_1.AppColors.purpleTintBg,
+                        shadowColor: AppColors_1.AppColors.indigo600Alt,
+                        shadowOffset: { width: 0, height: 1 },
+                        shadowOpacity: 0.28,
+                        shadowRadius: 2.5,
+                        elevation: 2,
                     },
                 ]}>
-                  {/* #7 */}
                   <react_native_1.View style={{
                     flexDirection: 'row',
                     alignItems: 'center',
                     gap: 5,
                 }}>
-                    <NetworkIcons_1.LayersIcon size={12} color={active
-                    ? AppColors_1.AppColors.purpleShade700
-                    : AppColors_1.AppColors.grayTextStrong}/>
+                    <react_native_1.View style={{
+                    width: 12,
+                    height: 12,
+                    borderRadius: 3,
+                    borderWidth: 1.2,
+                    borderColor: active ? AppColors_1.AppColors.white : AppColors_1.AppColors.indigo400,
+                    backgroundColor: active ? AppColors_1.AppColors.white : 'transparent',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }}>
+                      {active && <NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.indigo600Alt} size={8}/>}
+                    </react_native_1.View>
+                    <NetworkIcons_1.LayersIcon size={12} color={active ? AppColors_1.AppColors.white : AppColors_1.AppColors.indigo600Alt}/>
                     <react_native_1.Text numberOfLines={1} style={[
                     styles_1.default.statusFilterText,
-                    active && {
-                        color: AppColors_1.AppColors.purpleShade700,
+                    {
+                        color: active ? AppColors_1.AppColors.white : AppColors_1.AppColors.indigo600Alt,
                         fontFamily: AppFonts_1.AppFonts.interBold,
                     },
                 ]}>
-                      All ({logCounts.all})
+                      {t('common.all', 'All')} ({logCounts.all})
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
               </TouchableScale_1.default>);
         })()}
 
+          {/* User Log / Standard Log Filter */}
           {(() => {
             const active = logFilters.has('user-log');
             return (<TouchableScale_1.default onPress={() => {
@@ -193,34 +212,52 @@ const ConsoleTab = react_1.default.memo(() => {
                 }}>
                 <react_native_1.View style={[
                     styles_1.default.statusFilterChip,
+                    {
+                        backgroundColor: active ? AppColors_1.AppColors.teal600 : AppColors_1.AppColors.teal100,
+                        borderColor: active ? AppColors_1.AppColors.teal600 : AppColors_1.AppColors.teal400,
+                        borderRadius: 7,
+                    },
                     active && {
-                        borderColor: AppColors_1.AppColors.slate500,
-                        backgroundColor: AppColors_1.AppColors.slate100,
+                        shadowColor: AppColors_1.AppColors.teal600,
+                        shadowOffset: { width: 0, height: 1 },
+                        shadowOpacity: 0.28,
+                        shadowRadius: 2.5,
+                        elevation: 2,
                     },
                 ]}>
-                  {/* #7 */}
                   <react_native_1.View style={{
                     flexDirection: 'row',
                     alignItems: 'center',
                     gap: 5,
                 }}>
-                    <NetworkIcons_1.UserIcon size={12} color={active
-                    ? AppColors_1.AppColors.slate700
-                    : AppColors_1.AppColors.grayTextStrong}/>
+                    <react_native_1.View style={{
+                    width: 12,
+                    height: 12,
+                    borderRadius: 3,
+                    borderWidth: 1.2,
+                    borderColor: active ? AppColors_1.AppColors.white : AppColors_1.AppColors.teal400,
+                    backgroundColor: active ? AppColors_1.AppColors.white : 'transparent',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }}>
+                      {active && <NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.teal600} size={8}/>}
+                    </react_native_1.View>
+                    <NetworkIcons_1.UserIcon size={12} color={active ? AppColors_1.AppColors.white : AppColors_1.AppColors.teal600}/>
                     <react_native_1.Text numberOfLines={1} style={[
                     styles_1.default.statusFilterText,
-                    active && {
-                        color: AppColors_1.AppColors.slate700,
+                    {
+                        color: active ? AppColors_1.AppColors.white : AppColors_1.AppColors.teal600,
                         fontFamily: AppFonts_1.AppFonts.interBold,
                     },
                 ]}>
-                      User Log ({logCounts['user-log']})
+                      {t('console.log', 'Log')} ({logCounts['user-log']})
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
               </TouchableScale_1.default>);
         })()}
 
+          {/* Info Filter */}
           {(() => {
             const active = logFilters.has('info');
             return (<TouchableScale_1.default onPress={() => {
@@ -237,34 +274,52 @@ const ConsoleTab = react_1.default.memo(() => {
                 }}>
                 <react_native_1.View style={[
                     styles_1.default.statusFilterChip,
+                    {
+                        backgroundColor: active ? AppColors_1.AppColors.sky600 : AppColors_1.AppColors.sky100,
+                        borderColor: active ? AppColors_1.AppColors.blue700 : AppColors_1.AppColors.sky400,
+                        borderRadius: 7,
+                    },
                     active && {
-                        borderColor: AppColors_1.AppColors.purple,
-                        backgroundColor: AppColors_1.AppColors.purpleShade50,
+                        shadowColor: AppColors_1.AppColors.sky600,
+                        shadowOffset: { width: 0, height: 1 },
+                        shadowOpacity: 0.28,
+                        shadowRadius: 2.5,
+                        elevation: 2,
                     },
                 ]}>
-                  {/* #7 */}
                   <react_native_1.View style={{
                     flexDirection: 'row',
                     alignItems: 'center',
                     gap: 5,
                 }}>
-                    <NetworkIcons_1.InfoCircleIcon size={12} color={active
-                    ? AppColors_1.AppColors.purple
-                    : AppColors_1.AppColors.grayTextStrong}/>
+                    <react_native_1.View style={{
+                    width: 12,
+                    height: 12,
+                    borderRadius: 3,
+                    borderWidth: 1.2,
+                    borderColor: active ? AppColors_1.AppColors.white : AppColors_1.AppColors.sky400,
+                    backgroundColor: active ? AppColors_1.AppColors.white : 'transparent',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }}>
+                      {active && <NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.sky600} size={8}/>}
+                    </react_native_1.View>
+                    <NetworkIcons_1.InfoCircleIcon size={12} color={active ? AppColors_1.AppColors.white : AppColors_1.AppColors.sky600}/>
                     <react_native_1.Text numberOfLines={1} style={[
                     styles_1.default.statusFilterText,
-                    active && {
-                        color: AppColors_1.AppColors.purple,
+                    {
+                        color: active ? AppColors_1.AppColors.white : AppColors_1.AppColors.sky600,
                         fontFamily: AppFonts_1.AppFonts.interBold,
                     },
                 ]}>
-                      Info ({logCounts.info})
+                      {t('console.info', 'Info')} ({logCounts.info})
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
               </TouchableScale_1.default>);
         })()}
 
+          {/* Warning Filter */}
           {(() => {
             const active = logFilters.has('warn');
             return (<TouchableScale_1.default onPress={() => {
@@ -281,36 +336,52 @@ const ConsoleTab = react_1.default.memo(() => {
                 }}>
                 <react_native_1.View style={[
                     styles_1.default.statusFilterChip,
+                    {
+                        backgroundColor: active ? AppColors_1.AppColors.amber600 : AppColors_1.AppColors.amber100,
+                        borderColor: active ? AppColors_1.AppColors.amber700 : AppColors_1.AppColors.amber200,
+                        borderRadius: 7,
+                    },
                     active && {
-                        borderColor: AppColors_1.AppColors.lightOrange,
-                        backgroundColor: AppColors_1.AppColors.warnCardBg,
+                        shadowColor: AppColors_1.AppColors.amber600,
+                        shadowOffset: { width: 0, height: 1 },
+                        shadowOpacity: 0.28,
+                        shadowRadius: 2.5,
+                        elevation: 2,
                     },
                 ]}>
-                  {/* #7 */}
                   <react_native_1.View style={{
                     flexDirection: 'row',
                     alignItems: 'center',
                     gap: 5,
                 }}>
-                    <NetworkIcons_1.WarningTriangleIcon size={12} color={active
-                    ? AppColors_1.AppColors.darkOrange ||
-                        AppColors_1.AppColors.lightOrange
-                    : AppColors_1.AppColors.grayTextStrong}/>
+                    <react_native_1.View style={{
+                    width: 12,
+                    height: 12,
+                    borderRadius: 3,
+                    borderWidth: 1.2,
+                    borderColor: active ? AppColors_1.AppColors.white : AppColors_1.AppColors.amber500,
+                    backgroundColor: active ? AppColors_1.AppColors.white : 'transparent',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }}>
+                      {active && <NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.amber600} size={8}/>}
+                    </react_native_1.View>
+                    <NetworkIcons_1.WarningTriangleIcon size={12} color={active ? AppColors_1.AppColors.white : AppColors_1.AppColors.amber700}/>
                     <react_native_1.Text numberOfLines={1} style={[
                     styles_1.default.statusFilterText,
-                    active && {
-                        color: AppColors_1.AppColors.darkOrange ||
-                            AppColors_1.AppColors.lightOrange,
+                    {
+                        color: active ? AppColors_1.AppColors.white : AppColors_1.AppColors.amber800Warm,
                         fontFamily: AppFonts_1.AppFonts.interBold,
                     },
                 ]}>
-                      Warning ({logCounts.warn})
+                      {t('console.warning', 'Warn')} ({logCounts.warn})
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
               </TouchableScale_1.default>);
         })()}
 
+          {/* Error Filter */}
           {(() => {
             const active = logFilters.has('error');
             return (<TouchableScale_1.default onPress={() => {
@@ -327,34 +398,52 @@ const ConsoleTab = react_1.default.memo(() => {
                 }}>
                 <react_native_1.View style={[
                     styles_1.default.statusFilterChip,
+                    {
+                        backgroundColor: active ? AppColors_1.AppColors.red500 : AppColors_1.AppColors.red100,
+                        borderColor: active ? AppColors_1.AppColors.red600 : AppColors_1.AppColors.errorBorder,
+                        borderRadius: 7,
+                    },
                     active && {
-                        borderColor: AppColors_1.AppColors.errorColor,
-                        backgroundColor: AppColors_1.AppColors.errorCardBg,
+                        shadowColor: AppColors_1.AppColors.red500,
+                        shadowOffset: { width: 0, height: 1 },
+                        shadowOpacity: 0.28,
+                        shadowRadius: 2.5,
+                        elevation: 2,
                     },
                 ]}>
-                  {/* #7 */}
                   <react_native_1.View style={{
                     flexDirection: 'row',
                     alignItems: 'center',
                     gap: 5,
                 }}>
-                    <NetworkIcons_1.ErrorCircleIcon size={12} color={active
-                    ? AppColors_1.AppColors.errorColor
-                    : AppColors_1.AppColors.grayTextStrong}/>
+                    <react_native_1.View style={{
+                    width: 12,
+                    height: 12,
+                    borderRadius: 3,
+                    borderWidth: 1.2,
+                    borderColor: active ? AppColors_1.AppColors.white : AppColors_1.AppColors.red500,
+                    backgroundColor: active ? AppColors_1.AppColors.white : 'transparent',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }}>
+                      {active && <NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.red500} size={8}/>}
+                    </react_native_1.View>
+                    <NetworkIcons_1.ErrorCircleIcon size={12} color={active ? AppColors_1.AppColors.white : AppColors_1.AppColors.red500}/>
                     <react_native_1.Text numberOfLines={1} style={[
                     styles_1.default.statusFilterText,
-                    active && {
-                        color: AppColors_1.AppColors.errorColor,
+                    {
+                        color: active ? AppColors_1.AppColors.white : AppColors_1.AppColors.redErrorText,
                         fontFamily: AppFonts_1.AppFonts.interBold,
                     },
                 ]}>
-                      Error ({logCounts.error})
+                      {t('console.error', 'Error')} ({logCounts.error})
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
               </TouchableScale_1.default>);
         })()}
 
+          {/* Analytics Filter */}
           {(() => {
             const active = logFilters.has('analytics');
             return (<TouchableScale_1.default onPress={() => {
@@ -371,28 +460,45 @@ const ConsoleTab = react_1.default.memo(() => {
                 }}>
                 <react_native_1.View style={[
                     styles_1.default.statusFilterChip,
+                    {
+                        backgroundColor: active ? AppColors_1.AppColors.violet600 : AppColors_1.AppColors.purple100,
+                        borderColor: active ? AppColors_1.AppColors.purple700 : AppColors_1.AppColors.purple200,
+                        borderRadius: 7,
+                    },
                     active && {
-                        borderColor: AppColors_1.AppColors.skyBlue,
-                        backgroundColor: `${AppColors_1.AppColors.skyBlue}15`,
+                        shadowColor: AppColors_1.AppColors.violet600,
+                        shadowOffset: { width: 0, height: 1 },
+                        shadowOpacity: 0.28,
+                        shadowRadius: 2.5,
+                        elevation: 2,
                     },
                 ]}>
-                  {/* #7 */}
                   <react_native_1.View style={{
                     flexDirection: 'row',
                     alignItems: 'center',
                     gap: 5,
                 }}>
-                    <NetworkIcons_1.AnalyticsIcon size={12} color={active
-                    ? AppColors_1.AppColors.skyBlue
-                    : AppColors_1.AppColors.grayTextStrong}/>
+                    <react_native_1.View style={{
+                    width: 12,
+                    height: 12,
+                    borderRadius: 3,
+                    borderWidth: 1.2,
+                    borderColor: active ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple400,
+                    backgroundColor: active ? AppColors_1.AppColors.white : 'transparent',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }}>
+                      {active && <NetworkIcons_1.CheckIcon color={AppColors_1.AppColors.violet600} size={8}/>}
+                    </react_native_1.View>
+                    <NetworkIcons_1.AnalyticsIcon size={12} color={active ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple}/>
                     <react_native_1.Text numberOfLines={1} style={[
                     styles_1.default.statusFilterText,
-                    active && {
-                        color: AppColors_1.AppColors.skyBlue,
+                    {
+                        color: active ? AppColors_1.AppColors.white : AppColors_1.AppColors.brandPurple,
                         fontFamily: AppFonts_1.AppFonts.interBold,
                     },
                 ]}>
-                      Analytics ({logCounts.analytics})
+                      {t('tabs.analytics', 'Analytics')} ({logCounts.analytics})
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>

package/dist/commonjs/components/Inspector/InspectorHeader.js

@@ -139,16 +139,18 @@ const InspectorHeader = react_1.default.memo(() => {
               <NetworkIcons_1.WhiteBackNavigation />
             </TouchableScale_1.default>
 
-            {!isAnySelected ? (<TouchableScale_1.default onPress={() => setShowHeaderInfo(prev => !prev)} style={{
+            {!isAnySelected ? (<react_native_1.View style={{
                 flexDirection: 'row',
-                alignItems: 'flex-start',
-                gap: 10,
+                alignItems: 'center',
+                gap: 8,
                 flex: 1,
+                minWidth: 0,
+                marginRight: 6,
             }}>
-                <AppHeaderLogo_1.default size={46} customIcon={appIcon}/>
-                <react_native_1.View style={{ gap: 2, flex: 1, minWidth: 0 }}>
-                  <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, flexWrap: 'nowrap', minWidth: 0 }}>
-                    <react_native_1.Text style={[styles_1.default.headerTitle, { flexShrink: 1 }]} numberOfLines={1}>
+                <AppHeaderLogo_1.default size={38} customIcon={appIcon}/>
+                <react_native_1.View style={{ gap: 2.5, flex: 1, minWidth: 0 }}>
+                  <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, minWidth: 0 }}>
+                    <react_native_1.Text style={[styles_1.default.headerTitle, { flexShrink: 1 }]} numberOfLines={1} ellipsizeMode="tail">
                       {(0, helpers_1.getAppName)()}
                     </react_native_1.Text>
                     <react_native_1.View style={[
@@ -156,6 +158,9 @@ const InspectorHeader = react_1.default.memo(() => {
                 {
                     backgroundColor: envConfig.bg,
                     borderColor: envConfig.border,
+                    flexShrink: 0,
+                    paddingVertical: 1.5,
+                    marginBottom: 0,
                 },
             ]}>
                       <react_native_1.Text style={[
@@ -174,6 +179,7 @@ const InspectorHeader = react_1.default.memo(() => {
                 ])} style={{
                     alignItems: 'center',
                     justifyContent: 'center',
+                    flexShrink: 0,
                 }}>
                         <react_native_1.Animated.View style={{
                     width: 8,
@@ -187,128 +193,59 @@ const InspectorHeader = react_1.default.memo(() => {
                 }}/>
                       </react_native_1.Pressable>)}
                   </react_native_1.View>
+
+                  {/* Clean Bundle Identifier & Version Representation */}
                   <react_native_1.View style={{
                 flexDirection: 'row',
                 alignItems: 'center',
-                alignSelf: 'flex-start',
-                backgroundColor: `${AppColors_1.AppColors.white}1A`,
-                borderRadius: 10,
-                paddingHorizontal: 8,
-                paddingVertical: 3,
-                gap: 5,
+                gap: 4.5,
+                minWidth: 0,
+            }}>
+                    <react_native_1.View style={{
+                flexDirection: 'row',
+                alignItems: 'center',
+                backgroundColor: `${AppColors_1.AppColors.white}1F`,
+                borderRadius: 5,
+                paddingHorizontal: 6,
+                paddingVertical: 2,
+                gap: 3.5,
                 borderWidth: 1,
-                borderColor: `${AppColors_1.AppColors.white}26`,
+                borderColor: `${AppColors_1.AppColors.white}2E`,
+                flexShrink: 1,
+                minWidth: 0,
             }}>
+                      {react_native_1.Platform.OS === 'ios' ? (<NetworkIcons_1.AppleIcon color={`${AppColors_1.AppColors.white}D9`} size={9}/>) : (<NetworkIcons_1.AndroidIcon color={`${AppColors_1.AppColors.white}D9`} size={9}/>)}
+                      <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interMedium,
+                fontSize: 9.5,
+                color: `${AppColors_1.AppColors.white}EB`,
+                letterSpacing: 0.1,
+                flexShrink: 1,
+            }} numberOfLines={1} ellipsizeMode="middle">
+                        {(0, helpers_1.getBundleIdentifier)()}
+                      </react_native_1.Text>
+                    </react_native_1.View>
+
                     <react_native_1.View style={{
-                width: 6,
-                height: 6,
-                borderRadius: 3,
-                backgroundColor: AppColors_1.AppColors.liveGreen,
-            }}/>
-                    <react_native_1.Text style={{
+                backgroundColor: `${AppColors_1.AppColors.white}14`,
+                borderRadius: 4,
+                paddingHorizontal: 4.5,
+                paddingVertical: 1.5,
+                borderWidth: 1,
+                borderColor: `${AppColors_1.AppColors.white}20`,
+                flexShrink: 0,
+            }}>
+                      <react_native_1.Text style={{
                 fontFamily: AppFonts_1.AppFonts.interMedium,
-                fontSize: 10,
-                color: `${AppColors_1.AppColors.white}D9`,
-                letterSpacing: 0.2,
+                fontSize: 8.5,
+                color: `${AppColors_1.AppColors.white}B3`,
             }} numberOfLines={1}>
-                      {(0, helpers_1.getBundleIdentifier)()}
-                    </react_native_1.Text>
-                    <react_native_1.Animated.View style={{
-                transform: [{ rotate: showHeaderInfo ? '180deg' : '0deg' }],
-                marginLeft: 2,
-            }}>
-                      <NetworkIcons_1.ChevronIcon color="rgba(255,255,255,0.6)" size={12}/>
-                    </react_native_1.Animated.View>
+                        v{constants_2.LIB_VERSION}
+                      </react_native_1.Text>
+                    </react_native_1.View>
                   </react_native_1.View>
-                  {showHeaderInfo && (<react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 6,
-                    marginTop: 4,
-                }}>
-                      <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    borderRadius: 6,
-                    overflow: 'hidden',
-                    borderWidth: 1,
-                    borderColor: `${AppColors_1.AppColors.white}2E`,
-                }}>
-                        <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 3.5,
-                    paddingHorizontal: 6,
-                    paddingVertical: 2.5,
-                    backgroundColor: `${AppColors_1.AppColors.white}47`,
-                }}>
-                          {react_native_1.Platform.OS === 'ios' ? (<NetworkIcons_1.AppleIcon color={AppColors_1.AppColors.white} size={10}/>) : (<NetworkIcons_1.AndroidIcon color={AppColors_1.AppColors.white} size={10}/>)}
-                          <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 9,
-                    color: AppColors_1.AppColors.white,
-                    letterSpacing: 0.3,
-                }}>
-                            {react_native_1.Platform.OS === 'ios' ? 'iOS' : 'Android'}
-                          </react_native_1.Text>
-                        </react_native_1.View>
-                        <react_native_1.View style={{
-                    paddingHorizontal: 5,
-                    paddingVertical: 2.5,
-                    backgroundColor: `${AppColors_1.AppColors.white}1F`,
-                }}>
-                          <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interMedium,
-                    fontSize: 9.5,
-                    color: `${AppColors_1.AppColors.white}EB`,
-                }}>
-                            {String(react_native_1.Platform.Version)}
-                          </react_native_1.Text>
-                        </react_native_1.View>
-                      </react_native_1.View>
-                      <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    borderRadius: 6,
-                    overflow: 'hidden',
-                    borderWidth: 1,
-                    borderColor: `${AppColors_1.AppColors.white}2E`,
-                }}>
-                        <react_native_1.View style={{
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    gap: 3.5,
-                    paddingHorizontal: 6,
-                    paddingVertical: 2.5,
-                    backgroundColor: `${AppColors_1.AppColors.white}47`,
-                }}>
-                          <NetworkIcons_1.PackageBoxIcon color={AppColors_1.AppColors.white} size={10}/>
-                          <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 9,
-                    color: AppColors_1.AppColors.white,
-                    letterSpacing: 0.3,
-                }}>
-                            npm
-                          </react_native_1.Text>
-                        </react_native_1.View>
-                        <react_native_1.View style={{
-                    paddingHorizontal: 5,
-                    paddingVertical: 2,
-                    backgroundColor: `${AppColors_1.AppColors.white}1F`,
-                }}>
-                          <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interMedium,
-                    fontSize: 9.5,
-                    color: `${AppColors_1.AppColors.white}EB`,
-                }}>
-                            v{constants_2.LIB_VERSION}
-                          </react_native_1.Text>
-                        </react_native_1.View>
-                      </react_native_1.View>
-                    </react_native_1.View>)}
                 </react_native_1.View>
-              </TouchableScale_1.default>) : null}
+              </react_native_1.View>) : null}
           </react_native_1.View>
 
           {isDetailView && (<react_native_1.View style={styles_1.default.headerCenter}>