feat: enables snaps feature flag on mobile (#10121)

<!--
Please submit this PR as a draft initially.
Do not mark it as "Ready for review" until the template has been
completely filled out, and PR status checks have passed at least once.
-->

## **Description**

This PR implements a new feature flag specific for snaps to enable the
usage of snaps (embedded) while avoid users to install it (for now).
This replaces the old `snaps` tag with `preinstalled-snaps` and
`external-snaps` tags.

The whole installation flow is under `external-snaps`.

## **Related issues**

Fixes:

## **Manual testing steps**

1. Go to this page...
2.
3.

## **Screenshots/Recordings**

<!-- If applicable, add screenshots and/or recordings to visualize the
before and after of your change. -->

### **Before**

<!-- [screenshots/recordings] -->

### **After**

<!-- [screenshots/recordings] -->

## **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.

app/components/Approvals/InstallSnapApproval/InstallSnapApproval.constants.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 export const SNAP_INSTALL_FLOW = 'snap-install-flow';
 export const SNAP_INSTALL_OK = 'snap-install-ok';
 ///: END:ONLY_INCLUDE_IF

app/components/Approvals/InstallSnapApproval/InstallSnapApproval.styles.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import { StyleSheet } from 'react-native';
 import { Theme } from '../../../util/theme/models';
 import Device from '../../../util/device';

app/components/Approvals/InstallSnapApproval/InstallSnapApproval.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React, { useEffect, useState } from 'react';
 import ApprovalModal from '../ApprovalModal';
 import useApprovalRequest from '../../Views/confirmations/hooks/useApprovalRequest';

app/components/Approvals/InstallSnapApproval/InstallSnapApproval.types.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 interface InstallSnapFlowProps {
   // TODO: Replace "any" with type
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

app/components/Approvals/InstallSnapApproval/components/InstallSnapConnectionRequest/InstallSnapConnectionRequest.constants.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 export const SNAP_INSTALL_CONNECTION_REQUEST =
   'snap-install-connection-request';
 export const SNAP_INSTALL_CANCEL = 'snap-install-cancel';

app/components/Approvals/InstallSnapApproval/components/InstallSnapConnectionRequest/InstallSnapConnectionRequest.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React, { useMemo } from 'react';
 import { ImageSourcePropType, View } from 'react-native';
 import { InstallSnapFlowProps } from '../../InstallSnapApproval.types';

app/components/Approvals/InstallSnapApproval/components/InstallSnapConnectionRequest/index.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 /* eslint-disable import/prefer-default-export */
 import InstallSnapConnectionRequest from './InstallSnapConnectionRequest';
 

app/components/Approvals/InstallSnapApproval/components/InstallSnapConnectionRequest/test/InstallSnapConnectionRequest.test.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React from 'react';
 import { render, fireEvent } from '@testing-library/react-native';
 import InstallSnapConnectionRequest from '../InstallSnapConnectionRequest';

app/components/Approvals/InstallSnapApproval/components/InstallSnapError/InstallSnapError.constants.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 const SNAP_INSTALL_ERROR = 'snap-install-error';
 export default SNAP_INSTALL_ERROR;
 ///: END:ONLY_INCLUDE_IF

app/components/Approvals/InstallSnapApproval/components/InstallSnapError/InstallSnapError.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React, { useMemo } from 'react';
 import { View } from 'react-native';
 import styleSheet from '../../InstallSnapApproval.styles';

app/components/Approvals/InstallSnapApproval/components/InstallSnapError/index.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 /* eslint-disable import/prefer-default-export */
 import InstallSnapError from './InstallSnapError';
 

app/components/Approvals/InstallSnapApproval/components/InstallSnapError/test/InstallSnapError.test.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React from 'react';
 import { render, fireEvent } from '@testing-library/react-native';
 import InstallSnapError from '../InstallSnapError';

app/components/Approvals/InstallSnapApproval/components/InstallSnapPermissionsRequest/InstallSnapPermissionsRequest.constants.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 export const SNAP_INSTALL_CANCEL = 'snap-install-cancel';
 export const SNAP_INSTALL_PERMISSIONS_REQUEST_APPROVE =
   'snap-install-connection-permissions-request-approve';

app/components/Approvals/InstallSnapApproval/components/InstallSnapPermissionsRequest/InstallSnapPermissionsRequest.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React, { useMemo } from 'react';
 import { ScrollView, View } from 'react-native';
 import styleSheet from '../../InstallSnapApproval.styles';

app/components/Approvals/InstallSnapApproval/components/InstallSnapPermissionsRequest/index.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 /* eslint-disable import/prefer-default-export */
 import InstallSnapPermissionsRequest from './InstallSnapPermissionsRequest';
 

app/components/Approvals/InstallSnapApproval/components/InstallSnapPermissionsRequest/test/InstallSnapPermissionsRequest.test.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React from 'react';
 import { render } from '@testing-library/react-native';
 import InstallSnapPermissionsRequest from '../InstallSnapPermissionsRequest';

app/components/Approvals/InstallSnapApproval/components/InstallSnapSuccess/InstallSnapSuccess.constants.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 const SNAP_INSTALL_SUCCESS = 'snap-install-success';
 export default SNAP_INSTALL_SUCCESS;
 ///: END:ONLY_INCLUDE_IF

app/components/Approvals/InstallSnapApproval/components/InstallSnapSuccess/InstallSnapSuccess.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React from 'react';
 import { View } from 'react-native';
 import styleSheet from '../../InstallSnapApproval.styles';

app/components/Approvals/InstallSnapApproval/components/InstallSnapSuccess/index.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 /* eslint-disable import/prefer-default-export */
 import InstallSnapSuccess from './InstallSnapSuccess';
 

app/components/Approvals/InstallSnapApproval/components/InstallSnapSuccess/test/InstallSnapSuccess.test.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React from 'react';
 import { render, fireEvent } from '@testing-library/react-native';
 import InstallSnapSuccess from '../InstallSnapSuccess';

app/components/Approvals/InstallSnapApproval/components/index.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import { InstallSnapConnectionRequest } from './InstallSnapConnectionRequest';
 import { InstallSnapSuccess } from './InstallSnapSuccess';
 import { InstallSnapError } from './InstallSnapError';

app/components/Approvals/InstallSnapApproval/index.ts

@@ -1,3 +1,3 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 export { default } from './InstallSnapApproval';
 ///: END:ONLY_INCLUDE_IF

app/components/Approvals/InstallSnapApproval/test/InstallSnapApproval.test.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React from 'react';
 import { render, fireEvent, waitFor } from '@testing-library/react-native';
 import InstallSnapApproval from '../InstallSnapApproval';

app/components/Nav/Main/MainNavigator.js

@@ -60,7 +60,7 @@ import OrderDetails from '../../UI/Ramp/Views/OrderDetails';
 import SendTransaction from '../../UI/Ramp/Views/SendTransaction';
 import TabBar from '../../../component-library/components/Navigation/TabBar';
 import BrowserUrlModal from '../../Views/BrowserUrlModal';
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import { SnapsSettingsList } from '../../Views/Snaps/SnapsSettingsList';
 import { SnapSettings } from '../../Views/Snaps/SnapSettings';
 ///: END:ONLY_INCLUDE_IF
@@ -215,7 +215,7 @@ const BrowserFlow = () => (
 
 export const DrawerContext = React.createContext({ drawerRef: null });
 
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 const SnapsSettingsStack = () => (
   <Stack.Navigator>
     <Stack.Screen
@@ -361,7 +361,7 @@ const SettingsFlow = () => (
       options={NotificationsSettings.navigationOptions}
     />
     {
-      ///: BEGIN:ONLY_INCLUDE_IF(snaps)
+      ///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
     }
     <Stack.Screen
       name={Routes.SNAPS.SNAPS_SETTINGS_LIST}

app/components/Nav/Main/RootRPCMethodsUI.js

@@ -67,7 +67,7 @@ import { selectShouldUseSmartTransaction } from '../../../selectors/smartTransac
 import { STX_NO_HASH_ERROR } from '../../../util/smart-transactions/smart-publish-hook';
 import { getSmartTransactionMetricsProperties } from '../../../util/smart-transactions';
 
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import InstallSnapApproval from '../../Approvals/InstallSnapApproval';
 ///: END:ONLY_INCLUDE_IF
 
@@ -487,7 +487,7 @@ const RootRPCMethodsUI = (props) => {
       <FlowLoaderModal />
       <TemplateConfirmationModal />
       {
-        ///: BEGIN:ONLY_INCLUDE_IF(snaps)
+        ///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
       }
       <InstallSnapApproval />
       {

app/components/Nav/Main/index.js

@@ -81,7 +81,7 @@ import {
   startIncomingTransactionPolling,
   stopIncomingTransactionPolling,
 } from '../../../util/transaction-controller';
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(preinstalled-snaps,external-snaps)
 import { SnapsExecutionWebView } from '../../../lib/snaps';
 ///: END:ONLY_INCLUDE_IF
 
@@ -366,7 +366,7 @@ const Main = (props) => {
           renderLoader()
         )}
         {
-          ///: BEGIN:ONLY_INCLUDE_IF(snaps)
+          ///: BEGIN:ONLY_INCLUDE_IF(preinstalled-snaps,external-snaps)
         }
         <View>
           <SnapsExecutionWebView />

app/components/Views/Settings/index.tsx

@@ -11,7 +11,7 @@ import Routes from '../../../constants/navigation/Routes';
 import { Authentication } from '../../../core/';
 import { Colors } from '../../../util/theme/models';
 import { SettingsViewSelectorsIDs } from '../../../../e2e/selectors/Settings/SettingsView.selectors';
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import { createSnapsSettingsListNavDetails } from '../Snaps/SnapsSettingsList/SnapsSettingsList';
 ///: END:ONLY_INCLUDE_IF
 import { TextColor } from '../../../component-library/components/Texts/Text';
@@ -112,7 +112,7 @@ const Settings = () => {
     });
   };
 
-  ///: BEGIN:ONLY_INCLUDE_IF(snaps)
+  ///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
   const onPressSnaps = () => {
     navigation.navigate(...createSnapsSettingsListNavDetails());
   };
@@ -222,7 +222,7 @@ const Settings = () => {
         testID={SettingsViewSelectorsIDs.NETWORKS}
       />
       {
-        ///: BEGIN:ONLY_INCLUDE_IF(snaps)
+        ///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
       }
       <SettingsDrawer
         title={strings('app_settings.snaps.title')}

app/components/Views/Snaps/SnapSettings/SnapSettings.constants.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 const SNAP_SETTINGS_REMOVE_BUTTON = 'snap-settings-remove-button';
 export default SNAP_SETTINGS_REMOVE_BUTTON;
 ///: END:ONLY_INCLUDE_IF

app/components/Views/Snaps/SnapSettings/SnapSettings.styles.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import { StyleSheet } from 'react-native';
 
 const styleSheet = () =>

app/components/Views/Snaps/SnapSettings/SnapSettings.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React, { useCallback, useEffect } from 'react';
 import { View, ScrollView, SafeAreaView } from 'react-native';
 

app/components/Views/Snaps/SnapSettings/index.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 /* eslint-disable import/prefer-default-export */
 import SnapSettings from './SnapSettings';
 

app/components/Views/Snaps/SnapsSettingsList/SnapsSettingsList.styles.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import { StyleSheet } from 'react-native';
 import { Theme } from '../../../../util/theme/models';
 

app/components/Views/Snaps/SnapsSettingsList/SnapsSettingsList.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React, { useEffect } from 'react';
 import { View, ScrollView } from 'react-native';
 import { useSelector } from 'react-redux';

app/components/Views/Snaps/SnapsSettingsList/index.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 /* eslint-disable import/prefer-default-export */
 import SnapsSettingsList from './SnapsSettingsList';
 

app/components/Views/Snaps/components/SnapDescription/SnapDescription.constants.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 export const SNAP_DESCRIPTION_TITLE = 'snap-description-title';
 export const SNAP_DESCRIPTION = 'snap-description';
 ///: END:ONLY_INCLUDE_IF

app/components/Views/Snaps/components/SnapDescription/SnapDescription.styles.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import { StyleSheet } from 'react-native';
 import { Theme } from '../../../../../util/theme/models';
 

app/components/Views/Snaps/components/SnapDescription/SnapDescription.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React from 'react';
 import { View } from 'react-native';
 import Text, {

app/components/Views/Snaps/components/SnapDescription/index.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 /* eslint-disable import/prefer-default-export */
 import SnapDescription from './SnapDescription';
 

app/components/Views/Snaps/components/SnapDescription/test/SnapDescription.test.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React from 'react';
 import { render } from '@testing-library/react-native';
 import SnapDescription from '../SnapDescription';

app/components/Views/Snaps/components/SnapDetails/SnapDetails.constants.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 export const SNAP_DETAILS_CELL = 'snap-details-cell';
 export const SNAP_DETAILS_SWITCH = 'snap-details-switch';
 export const SNAP_DETAILS_INSTALL_ORIGIN = 'snap-details-install-origin';

app/components/Views/Snaps/components/SnapDetails/SnapDetails.styles.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import { StyleSheet } from 'react-native';
 import { Theme } from '../../../../../util/theme/models';
 

app/components/Views/Snaps/components/SnapDetails/SnapDetails.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React, { useCallback, useMemo, useState } from 'react';
 import { View, Switch } from 'react-native';
 

app/components/Views/Snaps/components/SnapDetails/index.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 /* eslint-disable import/prefer-default-export */
 import SnapDetails from './SnapDetails';
 

app/components/Views/Snaps/components/SnapElement/SnapElement.constants.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 const SNAP_ElEMENT = 'snap-element';
 export default SNAP_ElEMENT;
 ///: END:ONLY_INCLUDE_IF

app/components/Views/Snaps/components/SnapElement/SnapElement.styles.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import { StyleSheet } from 'react-native';
 
 const styleSheet = () =>

app/components/Views/Snaps/components/SnapElement/SnapElement.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React from 'react';
 import { View } from 'react-native';
 import Cell, {

app/components/Views/Snaps/components/SnapElement/index.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 /* eslint-disable import/prefer-default-export */
 import SnapElement from './SnapElement';
 

app/components/Views/Snaps/components/SnapPermissionCell/SnapPermissionCell.constants.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 export const SNAP_PERMISSIONS_DATE = 'snap-permissions-date';
 export const SNAP_PERMISSION_CELL = 'snap-permission-cell';
 export const SNAP_PERMISSIONS_TITLE = 'snap-permissions-title';

app/components/Views/Snaps/components/SnapPermissionCell/SnapPermissionCell.styles.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import { StyleSheet } from 'react-native';
 import { Theme } from '../../../../../util/theme/models';
 

app/components/Views/Snaps/components/SnapPermissionCell/SnapPermissionCell.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React, { useMemo } from 'react';
 import { View } from 'react-native';
 import { useStyles } from '../../../../hooks/useStyles';

app/components/Views/Snaps/components/SnapPermissionCell/index.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 /* eslint-disable import/prefer-default-export */
 import SnapPermissionCell from './SnapPermissionCell';
 

app/components/Views/Snaps/components/SnapPermissions/SnapPermissions.contants.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 const SNAP_PERMISSIONS = 'snap-permissions';
 export default SNAP_PERMISSIONS;
 ///: END:ONLY_INCLUDE_IF

app/components/Views/Snaps/components/SnapPermissions/SnapPermissions.styles.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import { StyleSheet } from 'react-native';
 
 /**

app/components/Views/Snaps/components/SnapPermissions/SnapPermissions.tsx

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 import React, { useCallback, useMemo } from 'react';
 import { View } from 'react-native';
 import slip44 from '@metamask/slip44';

app/components/Views/Snaps/components/SnapPermissions/index.ts

@@ -1,4 +1,4 @@
-///: BEGIN:ONLY_INCLUDE_IF(snaps)
+///: BEGIN:ONLY_INCLUDE_IF(external-snaps)
 /* eslint-disable import/prefer-default-export */
 import SnapPermissions from './SnapPermissions';