Reality2byte · pull · Nov 13, 2025 · Nov 5, 2025 · Nov 5, 2025 · Nov 6, 2025
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,30 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [7.58.2]
+
+### Fixed
+
+- fix(card): cp-7.58.2 delegation issues ([#22476](https://github.com/MetaMask/metamask-mobile/pull/22476)
+- fix: pressability measureAsyncOnUI only running on Android cp-7.58.2 ([#22464](https://github.com/MetaMask/metamask-mobile/pull/22464)
+- fix(card): cp-7.58.2 CardHome and SpendingLimit UI issues ([#22448](https://github.com/MetaMask/metamask-mobile/pull/22448)
+- fix(card): UI issues on Authentication/Delegation ([#22433](https://github.com/MetaMask/metamask-mobile/pull/22433)
+- fix: cp-7.58.2 update close position calculation with funding fees and live data ([#22344](https://github.com/MetaMask/metamask-mobile/pull/22344)
+
+## [7.58.1]
+
+### Fixed
+
+- fix: Android In-App Browser Crash ([#22269](https://github.com/MetaMask/metamask-mobile/pull/22269))
+- fix: cp-75.8.1 remove selected network reference from bridge getBridgeERC20Allowance handler ([#22230](https://github.com/MetaMask/metamask-mobile/pull/22230))
+- fix(card): add temporary fix for crashing KYC webview on Android ([#22238](https://github.com/MetaMask/metamask-mobile/pull/22238))
+- fix(card): Onboarding UI issues ([#22263](https://github.com/MetaMask/metamask-mobile/pull/22263))
+- fix(card): delegation issues ([#22249](https://github.com/MetaMask/metamask-mobile/pull/22249))
+
+### Changed
+
+- refactor(card): sonarcloud maintainability issues ([#22268](https://github.com/MetaMask/metamask-mobile/pull/22268))
+
 ## [7.58.0]
 
 ### Added
@@ -8783,7 +8807,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - [#957](https://github.com/MetaMask/metamask-mobile/pull/957): fix timeouts (#957)
 - [#954](https://github.com/MetaMask/metamask-mobile/pull/954): Bugfix: onboarding navigation (#954)
 
-[Unreleased]: https://github.com/MetaMask/metamask-mobile/compare/v7.58.0...HEAD
+[Unreleased]: https://github.com/MetaMask/metamask-mobile/compare/v7.58.2...HEAD
+[7.58.2]: https://github.com/MetaMask/metamask-mobile/compare/v7.58.1...v7.58.2
+[7.58.1]: https://github.com/MetaMask/metamask-mobile/compare/v7.58.0...v7.58.1
 [7.58.0]: https://github.com/MetaMask/metamask-mobile/compare/v7.57.2...v7.58.0
 [7.57.2]: https://github.com/MetaMask/metamask-mobile/compare/v7.57.1...v7.57.2
 [7.57.1]: https://github.com/MetaMask/metamask-mobile/compare/v7.57.0...v7.57.1

diff --git a/app/components/Nav/Main/MainNavigator.js b/app/components/Nav/Main/MainNavigator.js
@@ -942,8 +942,8 @@ const MainNavigator = () => {
   // Get feature flag state for conditional Predict screen registration
   const predictEnabledFlag = useSelector(selectPredictEnabledFlag);
   const isPredictEnabled = useMemo(
-    () => predictEnabledFlag && isEvmSelected,
-    [predictEnabledFlag, isEvmSelected],
+    () => predictEnabledFlag,
+    [predictEnabledFlag],
   );
   const { enabled: isSendRedesignEnabled } = useSelector(
     selectSendRedesignFlags,

diff --git a/app/components/UI/Card/hooks/useAssetBalances.test.ts b/app/components/UI/Card/hooks/useAssetBalances.test.ts
@@ -382,7 +382,7 @@ describe('useAssetBalances', () => {
       mockUseTokensWithBalance.mockReturnValue([
         {
           address: mockEvmToken.address?.toLowerCase() || '',
-          chainId: mockEvmToken.caipChainId,
+          chainId: '0xe708', // Use hex format, not CAIP format
           balance: '250.75',
           balanceFiat: '$250.75',
           symbol: 'USDC',
@@ -449,7 +449,7 @@ describe('useAssetBalances', () => {
       mockUseTokensWithBalance.mockReturnValue([
         {
           address: mockNotEnabledToken.address?.toLowerCase() || '',
-          chainId: mockNotEnabledToken.caipChainId,
+          chainId: '0xe708', // Use hex format, not CAIP format
           balance: '200.75',
           balanceFiat: '$200.75',
           symbol: 'DAI',
@@ -559,7 +559,7 @@ describe('useAssetBalances', () => {
       mockUseTokensWithBalance.mockReturnValue([
         {
           address: mockEvmToken.address?.toLowerCase() || '',
-          chainId: mockEvmToken.caipChainId,
+          chainId: '0xe708', // Use hex format, not CAIP format
           balance: '125.50',
           balanceFiat: '$125.50',
           symbol: 'USDC',

diff --git a/app/components/UI/Card/hooks/useAssetBalances.tsx b/app/components/UI/Card/hooks/useAssetBalances.tsx
@@ -71,6 +71,7 @@ export const useAssetBalances = (
           }
         }
       });
+
     return map;
   });
 
@@ -114,6 +115,7 @@ export const useAssetBalances = (
         }
       }
     });
+
     return map;
   });
 
@@ -487,8 +489,13 @@ export const useAssetBalances = (
         : safeFormatChainIdToHex(token.caipChainId);
 
       // Find the token in tokensWithBalance
+      // Note: tokensWithBalance uses hex chainId (e.g., "0xe708") while token has CAIP chainId (e.g., "eip155:59144")
+      // We need to use assetChainId which is already normalized to the correct format
+      // Also need case-insensitive address comparison since tokensWithBalance may have checksum addresses
       const filteredToken = tokensWithBalance.find(
-        (t) => t.address === assetAddress && t.chainId === token.caipChainId,
+        (t) =>
+          t.address?.toLowerCase() === assetAddress?.toLowerCase() &&
+          t.chainId === assetChainId,
       );
 
       // Get wallet asset as fallback

diff --git a/...components/UI/Perps/components/PerpsConnectionErrorView/PerpsConnectionErrorView.test.tsx b/...components/UI/Perps/components/PerpsConnectionErrorView/PerpsConnectionErrorView.test.tsx
@@ -41,7 +41,7 @@ jest.mock('../../../../../component-library/components/Icons/Icon', () => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     default: ({ name, ...props }: any) => <View {...props} testID={name} />,
     IconName: {
-      Details: 'Details',
+      Warning: 'Warning',
     },
     IconColor: {
       Muted: 'Muted',
@@ -146,7 +146,6 @@ describe('PerpsConnectionErrorView', () => {
     );
 
     expect(getByText('perps.errors.connectionFailed.title')).toBeTruthy();
-    expect(getByText('perps.errors.connectionFailed.description')).toBeTruthy();
     expect(getByText('perps.errors.connectionFailed.retry')).toBeTruthy();
   });
 

diff --git a/app/components/UI/Perps/components/PerpsConnectionErrorView/PerpsConnectionErrorView.tsx b/app/components/UI/Perps/components/PerpsConnectionErrorView/PerpsConnectionErrorView.tsx
@@ -85,7 +85,7 @@ const PerpsConnectionErrorView: React.FC<PerpsConnectionErrorViewProps> = ({
     <View style={styles.container}>
       <View style={styles.errorContainer}>
         <Icon
-          name={IconName.Details}
+          name={IconName.Warning}
           color={IconColor.Muted}
           size={IconSize.Xl}
           style={styles.errorIcon}
@@ -99,14 +99,6 @@ const PerpsConnectionErrorView: React.FC<PerpsConnectionErrorViewProps> = ({
           {strings('perps.errors.connectionFailed.title')}
         </Text>
 
-        <Text
-          variant={TextVariant.BodyMD}
-          color={TextColor.Muted}
-          style={styles.errorMessage}
-        >
-          {strings('perps.errors.connectionFailed.description')}
-        </Text>
-
         {/* Only show debug details in development */}
         {shouldShowDebugDetails && (
           <Text

diff --git a/app/components/UI/Perps/components/PerpsErrorState/PerpsErrorState.test.tsx b/app/components/UI/Perps/components/PerpsErrorState/PerpsErrorState.test.tsx
@@ -17,9 +17,6 @@ describe('PerpsErrorState', () => {
       expect(
         getByText(strings('perps.errors.connectionFailed.title')),
       ).toBeTruthy();
-      expect(
-        getByText(strings('perps.errors.connectionFailed.description')),
-      ).toBeTruthy();
 
       const retryButton = getByText(
         strings('perps.errors.connectionFailed.retry'),

diff --git a/app/components/UI/Perps/components/PerpsErrorState/PerpsErrorState.tsx b/app/components/UI/Perps/components/PerpsErrorState/PerpsErrorState.tsx
@@ -45,9 +45,9 @@ const PerpsErrorState: React.FC<PerpsErrorStateProps> = ({
     switch (errorType) {
       case PerpsErrorType.CONNECTION_FAILED:
         return {
-          icon: IconName.Wifi,
+          icon: IconName.Warning,
           title: strings('perps.errors.connectionFailed.title'),
-          description: strings('perps.errors.connectionFailed.description'),
+          description: undefined,
           primaryAction: {
             label: strings('perps.errors.connectionFailed.retry'),
             onPress: onRetry,
@@ -97,13 +97,15 @@ const PerpsErrorState: React.FC<PerpsErrorStateProps> = ({
         >
           {errorContent.title}
         </Text>
-        <Text
-          variant={TextVariant.BodyMD}
-          color={TextColor.Muted}
-          style={styles.description}
-        >
-          {errorContent.description}
-        </Text>
+        {errorContent.description && (
+          <Text
+            variant={TextVariant.BodyMD}
+            color={TextColor.Muted}
+            style={styles.description}
+          >
+            {errorContent.description}
+          </Text>
+        )}
         {errorContent.primaryAction?.onPress && (
           <Button
             variant={ButtonVariants.Primary}

diff --git a/app/components/UI/Perps/components/PerpsMarketHoursBanner/PerpsMarketHoursBanner.test.tsx b/app/components/UI/Perps/components/PerpsMarketHoursBanner/PerpsMarketHoursBanner.test.tsx
@@ -92,7 +92,7 @@ describe('PerpsMarketHoursBanner', () => {
       );
 
       expect(
-        getByText('Expect more volatility outside of regular market hours'),
+        getByText('Expect more volatility outside of market hours'),
       ).toBeTruthy();
     });
   });

diff --git a/app/components/UI/Perps/components/PerpsWatchlistMarkets/PerpsWatchlistMarkets.tsx b/app/components/UI/Perps/components/PerpsWatchlistMarkets/PerpsWatchlistMarkets.tsx
@@ -63,6 +63,7 @@ const PerpsWatchlistMarkets: React.FC<PerpsWatchlistMarketsProps> = ({
     ({ item }: { item: PerpsMarketData }) => (
       <PerpsMarketRowItem
         market={item}
+        showBadge={false}
         onPress={() => handleMarketPress(item)}
       />
     ),

diff --git a/app/components/UI/Perps/components/TradingViewChart/TradingViewChartTemplate.tsx b/app/components/UI/Perps/components/TradingViewChart/TradingViewChartTemplate.tsx
@@ -569,9 +569,9 @@ export const createTradingViewChartTemplate = (
                         price: parseFloat(currentPrice),
                         color: '#FFF', // White
                         lineWidth: 1,
-                        lineStyle: 0, // Solid line
+                        lineStyle: 2, // Dashed line
                         axisLabelVisible: true,
-                        title: 'Current'
+                        title: ''
                     });
                     // Store reference for future removal
                     window.priceLines.currentPrice = priceLine;
@@ -711,25 +711,25 @@ export const createTradingViewChartTemplate = (
                         price: window.originalPriceLineData.currentPrice.price,
                         color: '#FFF',
                         lineWidth: 1,
-                        lineStyle: 0,
+                        lineStyle: 2,
                         axisLabelVisible: true,
-                        title: 'Current'
+                        title: ''
                     });
                 } catch (error) {
                     // Silent error handling
                 }
             }
-            
+
             // Recreate current price line from stored data
             if (window.originalPriceLineData.currentPrice) {
                 try {
                     window.priceLines.currentPrice = window.candlestickSeries.createPriceLine({
                         price: window.originalPriceLineData.currentPrice.price,
                         color: '#FFF',
                         lineWidth: 1,
-                        lineStyle: 0,
+                        lineStyle: 2,
                         axisLabelVisible: true,
-                        title: 'Current'
+                        title: ''
                     });
                 } catch (error) {
                     // Silent error handling

diff --git a/app/components/UI/Perps/controllers/providers/HyperLiquidProvider.ts b/app/components/UI/Perps/controllers/providers/HyperLiquidProvider.ts
@@ -3676,6 +3676,13 @@ export class HyperLiquidProvider implements IPerpsProvider {
       this.ensureClientsInitialized();
       this.clientService.ensureInitialized();
 
+      // CRITICAL: Build asset mapping on first call to ensure DEX discovery
+      // This must happen BEFORE any WebSocket subscriptions receive data
+      // Otherwise HIP-3 positions will be filtered out due to empty discoveredDexNames
+      if (this.coinToAssetId.size === 0) {
+        await this.buildAssetMapping();
+      }
+
       // Path 1: Symbol filtering - group by DEX and fetch in parallel
       if (params?.symbols && params.symbols.length > 0) {
         DevLogger.log(

diff --git a/app/components/UI/Perps/hooks/usePerpsMarkets.ts b/app/components/UI/Perps/hooks/usePerpsMarkets.ts
@@ -50,7 +50,7 @@ export interface UsePerpsMarketsOptions {
   skipInitialFetch?: boolean;
   /**
    * Show markets with zero or invalid volume
-   * @default false
+   * @default __DEV__ (true in development, false in production)
    */
   showZeroVolume?: boolean;
 }
@@ -112,7 +112,7 @@ export const usePerpsMarkets = (
     enablePolling = false,
     pollingInterval = 60000, // 1 minute default
     skipInitialFetch = false,
-    showZeroVolume = false,
+    showZeroVolume = __DEV__, // Show zero-volume markets in development mode
   } = options;
 
   const streamManager = usePerpsStream();

diff --git a/app/components/UI/Perps/services/HyperLiquidSubscriptionService.ts b/app/components/UI/Perps/services/HyperLiquidSubscriptionService.ts
@@ -159,6 +159,7 @@ export class HyperLiquidSubscriptionService {
     this.walletService = walletService;
     this.hip3Enabled = hip3Enabled ?? false;
     this.enabledDexs = enabledDexs ?? [];
+    this.discoveredDexNames = enabledDexs ?? [];
     this.allowlistMarkets = allowlistMarkets ?? [];
     this.blocklistMarkets = blocklistMarkets ?? [];
   }

diff --git a/app/components/UI/Perps/utils/marketDataTransform.test.ts b/app/components/UI/Perps/utils/marketDataTransform.test.ts
@@ -357,7 +357,7 @@ describe('marketDataTransform', () => {
       expect(result[0].marketType).toBe('commodity');
     });
 
-    it('handles unmapped HIP-3 DEX with marketSource but no marketType', () => {
+    it('handles unmapped HIP-3 DEX - defaults to equity marketType', () => {
       const unknownDexAsset = {
         name: 'unknown:ASSET1',
         maxLeverage: 10,
@@ -376,7 +376,7 @@ describe('marketDataTransform', () => {
       expect(result).toHaveLength(1);
       expect(result[0].symbol).toBe('unknown:ASSET1');
       expect(result[0].marketSource).toBe('unknown');
-      expect(result[0].marketType).toBeUndefined();
+      expect(result[0].marketType).toBe('equity');
     });
 
     it('handles main DEX assets with no marketSource or marketType', () => {

diff --git a/app/components/UI/Perps/utils/marketDataTransform.ts b/app/components/UI/Perps/utils/marketDataTransform.ts
@@ -224,16 +224,21 @@ export function transformMarketData(
       fundingRate = fundingData.predictedFundingRate;
     }
 
-    // Extract DEX and determine market type for badge display
+    // Extract DEX and base symbol for display
+    // e.g., "flx:TSLA" → { dex: "flx", symbol: "TSLA" }
     const { dex } = parseAssetName(symbol);
     const marketSource = dex || undefined;
 
-    // Simple per-asset lookup from feature flag (e.g., 'xyz:GOLD' → 'commodity')
-    const marketType: MarketType | undefined = assetMarketTypes?.[symbol];
+    // Determine market type:
+    // 1. Check explicit mapping (e.g., 'xyz:GOLD' → 'commodity')
+    // 2. Default HIP-3 DEX markets to 'equity' (stocks) if not mapped
+    // 3. Main DEX markets remain undefined (crypto)
+    const marketType: MarketType | undefined =
+      assetMarketTypes?.[symbol] || (dex ? 'equity' : undefined);
 
     return {
       symbol,
-      name: symbol, // HyperLiquid uses symbol as name
+      name: symbol,
       maxLeverage: `${asset.maxLeverage}x`,
       price: isNaN(currentPrice)
         ? PERPS_CONSTANTS.FALLBACK_PRICE_DISPLAY

diff --git a/app/components/UI/Predict/components/MarketListContent/MarketListContent.styles.ts b/app/components/UI/Predict/components/MarketListContent/MarketListContent.styles.ts
@@ -24,6 +24,13 @@ const styleSheet = () =>
       width: '100%',
       padding: 16,
     },
+    emptySearchContainer: {
+      justifyContent: 'center',
+      alignItems: 'center',
+      width: '100%',
+      marginTop: 42,
+      padding: 16,
+    },
     marketListContainer: {
       flex: 1,
       width: '100%',
-Original file line number
+Diff line change
@@ Expand Up / @@ -92,7 +92,7 @@ describe('PerpsMarketHoursBanner', () => { @@
           );
           expect(
-            getByText('Expect more volatility outside of regular market hours'),
+            getByText('Expect more volatility outside of market hours'),
           ).toBeTruthy();
         });
       });
@@ Expand Down @@