feat: cp-7.47.0 solana code fences (#15297)

## **Description**

- enables the Solana and Non-EVM code by moving the code fence flags to
the main set.
- this change makes all the Solana and Non-EVM features available in
main build.

> [!NOTE]
> The `keyring-snaps` is the code fence flag that allows for snaps like
the `solana`, `bitcoin`, any keyring snap to work, the Solana snap and
bitcoin snap are keyring-snaps.
> This code fence has all the broad/general code for non-evm snaps, and
then for specific network logic we have the solana, bitcoin etc...

## **Related issues**

Fixes: the current feature is under code fencing, only available in our
beta build, it has to be moved from beta to main set to be available in
the next release.

## **Manual testing steps**

```gherkin
Feature: Solana

  Scenario: user opens new app install
    Given the app is installed and wallet created
    When user lands on wallet screen
    Then user sees the new Solana feature announcement bottom sheet
    And user sees in the accounts list "add Solana account"
    And user sees in the network tab "Solana"

  Scenario: user opens updated app
    Given the app is updated with wallet already created
    When user logs in
    Then user sees the new Solana feature announcement bottom sheet
    And user sees in the accounts list "add Solana account"
    And user sees in the network tab "Solana"
```

## **Screenshots/Recordings**

### **Before**

#### Add account
<img width="340" alt="add account screenshot"
src="https://github.com/user-attachments/assets/2473cd0b-cfcd-4c4a-8f8e-73143e16315d"
/>

#### Select network
<img width="340" alt="select network screenshot"
src="https://github.com/user-attachments/assets/632f52cc-1013-4573-853d-178e372e220c"
/>


### **After**

#### New welcome bottom sheet

<img width="340" alt="new welcome modal screenshot"
src="https://github.com/user-attachments/assets/8124a0cd-e4b2-4daf-bdef-c08e7ff18516"
/>


#### Add account
<img width="340" alt="add account screenshot"
src="https://github.com/user-attachments/assets/5771e51a-6688-4d26-91df-7d7da622feba"
/>


#### Select network
<img width="340" alt="select network screenshot"
src="https://github.com/user-attachments/assets/54e3a06c-1d65-41dc-a2c2-eef8fb5a3c37"
/>

## **Pre-merge author checklist**

- [x] I’ve followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask Mobile
Coding
Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [x] I've completed the PR template to the best of my ability
- [x] I’ve included tests if applicable
- [x] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [x] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [x] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [x] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.

---------

Co-authored-by: António Regadas <antonio.regadas@consensys.net>
Co-authored-by: yande <110056475+Andepande@users.noreply.github.com>
Co-authored-by: Nico MASSART <NicolasMassart@users.noreply.github.com>

Author: 4 people

app/components/UI/SolanaNewFeatureContent/SolanaNewFeatureContent.tsx

@@ -26,6 +26,7 @@ import Engine from '../../../core/Engine';
 import { SOLANA_NEW_FEATURE_CONTENT_LEARN_MORE } from '../../../constants/urls';
 import Routes from '../../../constants/navigation/Routes';
 import { useNavigation } from '@react-navigation/native';
+import { SolanaNewFeatureSheetSelectorsIDs } from '../../../../e2e/selectors/wallet/SolanaNewFeatureSheet.selectors';
 
 const SolanaNewFeatureContent = () => {
   const [isVisible, setIsVisible] = useState(false);
@@ -132,6 +133,7 @@ const SolanaNewFeatureContent = () => {
           variant={ButtonVariants.Link}
           label={strings('solana_new_feature_content.learn_more')}
           onPress={onLearnMoreClicked}
+          testID={SolanaNewFeatureSheetSelectorsIDs.SOLANA_LEARN_MORE_BUTTON}
         />
         <Button
           variant={ButtonVariants.Primary}
@@ -144,13 +146,15 @@ const SolanaNewFeatureContent = () => {
             hasExistingSolanaAccount ? viewSolanaAccount : createSolanaAccount
           }
           width={ButtonWidthTypes.Full}
+          testID={SolanaNewFeatureSheetSelectorsIDs.SOLANA_CREATE_ACCOUNT_BUTTON}
         />
 
         <Button
           variant={ButtonVariants.Link}
           label={strings('solana_new_feature_content.not_now')}
           onPress={handleClose}
           style={styles.cancelButton}
+          testID={SolanaNewFeatureSheetSelectorsIDs.SOLANA_NOT_NOW_BUTTON}
         />
       </View>
     </BottomSheet>

e2e/fixtures/fixture-builder.js

@@ -59,6 +59,18 @@ class FixtureBuilder {
     return this;
   }
 
+  /**
+   * Ensures that the Solana feature modal is suppressed by adding the appropriate flag to asyncState.
+   * @returns {FixtureBuilder} - The FixtureBuilder instance for method chaining.
+   */
+  ensureSolanaModalSuppressed() {
+    if (!this.fixture.asyncState) {
+      this.fixture.asyncState = {};
+    }
+    this.fixture.asyncState['@MetaMask:solanaFeatureModalShown'] = 'true';
+    return this;
+  }
+
   /**
    * Set the default fixture values.
    * @returns {FixtureBuilder} - The FixtureBuilder instance for method chaining.
@@ -647,6 +659,7 @@ class FixtureBuilder {
         '@MetaMask:onboardingWizard': 'explored',
         '@MetaMask:UserTermsAcceptedv1.0': 'true',
         '@MetaMask:WhatsNewAppVersionSeen': '7.24.3',
+        '@MetaMask:solanaFeatureModalShown': 'true',
       },
     };
     return this;
@@ -758,7 +771,9 @@ class FixtureBuilder {
     this.withPermissionController(
       this.createPermissionControllerConfig(additionalPermissions),
     );
-    return this;
+    
+    // Ensure Solana feature modal is suppressed
+    return this.ensureSolanaModalSuppressed();
   }
 
   withRampsSelectedRegion(region = null) {
@@ -870,7 +885,8 @@ class FixtureBuilder {
     // Update selectedNetworkClientId to the new network client ID
     fixtures.NetworkController.selectedNetworkClientId = newNetworkClientId;
 
-    return this;
+    // Ensure Solana feature modal is suppressed
+    return this.ensureSolanaModalSuppressed();
   }
 
   withSepoliaNetwork() {
@@ -910,7 +926,8 @@ class FixtureBuilder {
     // Update selectedNetworkClientId to the new network client ID
     fixtures.NetworkController.selectedNetworkClientId = newNetworkClientId;
 
-    return this;
+    // Ensure Solana feature modal is suppressed
+    return this.ensureSolanaModalSuppressed();
   }
 
   withPopularNetworks() {
@@ -961,7 +978,8 @@ class FixtureBuilder {
       networkConfigurationsByChainId,
     };
 
-    return this;
+    // Ensure Solana feature modal is suppressed
+    return this.ensureSolanaModalSuppressed();
   }
 
   withPreferencesController(data) {
@@ -976,8 +994,8 @@ class FixtureBuilder {
     merge(this.fixture.state.engine.backgroundState.KeyringController, {
       keyrings: [
         {
+          accounts: [DEFAULT_FIXTURE_ACCOUNT],
           type: 'HD Key Tree',
-          accounts: ['0x37cc5ef6bfe753aeaf81f945efe88134b238face'],
         },
         { type: 'QR Hardware Wallet Device', accounts: [] },
       ],

e2e/pages/wallet/SolanaNewFeatureSheet.js

@@ -0,0 +1,59 @@
+'use strict';
+
+import { SolanaNewFeatureSheetSelectorsIDs } from '../../selectors/wallet/SolanaNewFeatureSheet.selectors';
+import Gestures from '../../utils/Gestures';
+import Assertions from '../../utils/Assertions';
+import { WalletViewSelectorsIDs } from '../../selectors/wallet/WalletView.selectors';
+import Matchers from '../../utils/Matchers';
+
+class SolanaNewFeatureSheet {
+  // Sheet container
+  get sheetContainer() {
+    return Matchers.getElementByID(SolanaNewFeatureSheetSelectorsIDs.SOLANA_NEW_FEATURE_SHEET);
+  }
+
+  // Create Account button
+  get createAccountButton() {
+    return Matchers.getElementByID(SolanaNewFeatureSheetSelectorsIDs.SOLANA_CREATE_ACCOUNT_BUTTON);
+  }
+
+  get learnMoreButton() {
+    return Matchers.getElementByID(SolanaNewFeatureSheetSelectorsIDs.SOLANA_LEARN_MORE_BUTTON);
+  }
+
+  get notNowButton() {
+    return Matchers.getElementByID(SolanaNewFeatureSheetSelectorsIDs.SOLANA_NOT_NOW_BUTTON);
+  }
+
+  get addAccountButton() {
+    return Matchers.getElementByID(SolanaNewFeatureSheetSelectorsIDs.SOLANA_ADD_ACCOUNT_BUTTON_IN_SHEET);
+  }
+
+  get carouselLogo() {
+    return Matchers.getElementByID(WalletViewSelectorsIDs.CAROUSEL_SIXTH_SLIDE);
+  }
+
+  // Interaction methods
+  async tapCreateAccountButton() {
+    await Gestures.waitAndTap(this.createAccountButton);
+  }
+
+  async tapAddAccountButton() {
+    await Gestures.waitAndTap(this.addAccountButton);
+  }
+
+  async tapLearnMoreButton() {
+    await Gestures.waitAndTap(this.learnMoreButton);
+  }
+
+
+  async tapNotNowButton() {
+    await Gestures.waitAndTap(this.notNowButton);
+  }
+
+  async swipeWithCarouselLogo() {
+    await Gestures.swipe(this.learnMoreButton, 'down', 'fast');
+  }
+}
+
+export default new SolanaNewFeatureSheet();

e2e/selectors/wallet/SolanaNewFeatureSheet.selectors.js

@@ -0,0 +1,16 @@
+import { SNAP_ACCOUNT_CUSTOM_NAME_ADD_ACCOUNT_BUTTON } from '../../../app/components/Approvals/SnapAccountCustomNameApproval/SnapAccountCustomNameApproval.constants';
+
+export const SolanaNewFeatureSheetSelectorsIDs = {
+  SOLANA_NEW_FEATURE_SHEET: 'solana-new-feature-sheet',
+  SOLANA_CREATE_ACCOUNT_BUTTON: 'solana-create-account-button',
+  SOLANA_LEARN_MORE_BUTTON: 'solana-learn-more-button',
+  SOLANA_ADD_ACCOUNT_BUTTON_IN_SHEET: SNAP_ACCOUNT_CUSTOM_NAME_ADD_ACCOUNT_BUTTON,
+  SOLANA_NOT_NOW_BUTTON: 'solana-not-now-button',
+  SOLANA_CARASOULE_LOGO: 'carousel-sixth-slide',
+};
+
+export const SolanaNewFeatureSheetSelectorsText = {
+  TITLE: 'Solana is here!',
+  DESCRIPTION: 'Create, send, and receive Solana tokens in MetaMask',
+  CREATE_ACCOUNT_BUTTON: 'Create Solana Account',
+};

e2e/viewHelper.js

@@ -29,6 +29,7 @@ import Assertions from './utils/Assertions';
 import { CustomNetworks } from './resources/networks.e2e';
 import ToastModal from './pages/wallet/ToastModal';
 import TestDApp from './pages/Browser/TestDApp';
+import SolanaNewFeatureSheet from './pages/wallet/SolanaNewFeatureSheet';
 
 const LOCALHOST_URL = `http://localhost:${getGanachePort()}/`;
 const validAccount = Accounts.getValidAccount();
@@ -68,6 +69,15 @@ have to have all these workarounds in the tests
 
     console.log('The marketing toast is not visible');
   }
+
+  // Handle Solana New feature sheet
+  try {
+    await SolanaNewFeatureSheet.swipeWithCarouselLogo();
+  } catch {
+    /* eslint-disable no-console */
+
+    console.log('The new Solana feature modal is not visible');
+  }
 };
 
 export const skipNotificationsDeviceSettings = async () => {

metro.transform.js

@@ -23,7 +23,12 @@ const availableFeatures = new Set([
   'solana',
 ]);
 
-const mainFeatureSet = new Set(['preinstalled-snaps', 'multi-srp']);
+const mainFeatureSet = new Set([
+  'preinstalled-snaps',
+  'keyring-snaps',
+  'multi-srp',
+  'solana',
+]);
 const betaFeatureSet = new Set([
   'beta',
   'preinstalled-snaps',