chore: remove MMI fenced UI code

Author: shane-t

ui/components/app/account-list-item/account-list-item-component.test.js

@@ -123,20 +123,5 @@ describe('AccountListItem Component', () => {
 
       expect(queryByText('0xmockAddress')).toBeInTheDocument();
     });
-
-    it('render without <AccountMismatchWarning /> if hideDefaultMismatchWarning is true', () => {
-      const { getByTestId, rerender } = renderWithProvider(
-        <AccountListItem {...props} />,
-        store,
-      );
-
-      const infoIcon = getByTestId('account-mismatch-warning-tooltip');
-
-      expect(infoIcon).toBeInTheDocument();
-
-      rerender(<AccountListItem {...props} hideDefaultMismatchWarning />);
-
-      expect(infoIcon).not.toBeInTheDocument();
-    });
   });
 });

ui/components/app/account-list-item/account-list-item.js

@@ -12,21 +12,14 @@ export default function AccountListItem({
   displayAddress = false,
   handleClick,
   icon = null,
-  ///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-  hideDefaultMismatchWarning = false,
-  ///: END:ONLY_INCLUDE_IF
 }) {
   const {
     metadata: { name },
     address,
     balance,
   } = account;
 
-  let showDefaultMismatchWarning = true;
-
-  ///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-  showDefaultMismatchWarning = !hideDefaultMismatchWarning;
-  ///: END:ONLY_INCLUDE_IF
+  const showDefaultMismatchWarning = true;
 
   return (
     <div
@@ -98,10 +91,4 @@ AccountListItem.propTypes = {
    * Pass icon component to be displayed. Currently not used
    */
   icon: PropTypes.node,
-  ///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-  /**
-   * MMI Prop, will hide the default AccountMismatchWarning when needed
-   */
-  hideDefaultMismatchWarning: PropTypes.bool,
-  ///: END:ONLY_INCLUDE_IF
 };

ui/components/app/app-components.scss

@@ -76,10 +76,4 @@
 @import 'name/index';
 @import 'name/name-details/index';
 @import 'confirm/info/row/index';
-///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-@import '../institutional/interactive-replacement-token-notification/index';
-@import '../institutional/confirm-remove-jwt-modal/index';
-@import '../institutional/custody-confirm-link-modal/index';
-@import '../institutional/transaction-failed-modal/index';
-///: END:ONLY_INCLUDE_IF
 @import 'snaps/snap-insight/index';

ui/components/app/assets/asset-list/native-token/native-token.tsx

@@ -27,10 +27,7 @@ const NativeToken = ({ onClickAsset }: AssetListProps) => {
 
   const isEvm = useSelector(getMultichainIsEvm);
 
-  let isStakeable = isMainnet && isEvm;
-  ///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-  isStakeable = false;
-  ///: END:ONLY_INCLUDE_IF
+  const isStakeable = isMainnet && isEvm;
 
   return (
     <TokenListItem

ui/components/app/assets/nfts/nfts-detection-notice-nfts-tab/nfts-detection-notice-nfts-tab.tsx

@@ -36,11 +36,6 @@ export default function NFTsDetectionNoticeNFTsTab() {
         t('newNFTDetectedInNFTsTabMessage')
         ///: END:ONLY_INCLUDE_IF
       }
-      {
-        ///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-        t('mmiNewNFTDetectedInNFTsTabMessage')
-        ///: END:ONLY_INCLUDE_IF
-      }
     </BannerAlert>
   );
 }

ui/components/app/assets/token-cell/token-cell.tsx

@@ -98,10 +98,7 @@ export default function TokenCell({
     new BigNumber(Number(string) || '0', 10),
   );
 
-  let isStakeable = isMainnet && isEvm && isNative;
-  ///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-  isStakeable = false;
-  ///: END:ONLY_INCLUDE_IF
+  const isStakeable = isMainnet && isEvm && isNative;
 
   function handleOnClick() {
     if (!onClick || !chainId) {

ui/components/app/modals/index.scss

@@ -7,11 +7,6 @@
 @import 'transaction-confirmed/index';
 @import 'customize-nonce/index';
 @import 'convert-token-to-nft-modal/index';
-///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-@import '../../institutional/confirm-remove-jwt-modal/index';
-@import '../../institutional/custody-confirm-link-modal/index';
-@import '../../institutional/transaction-failed-modal/index';
-///: END:ONLY_INCLUDE_IF
 
 .modal {
   z-index: 1050;

ui/components/app/modals/modal.js

@@ -8,16 +8,7 @@ import { getEnvironmentType } from '../../../../app/scripts/lib/util';
 import { ENVIRONMENT_TYPE_POPUP } from '../../../../shared/constants/app';
 import isMobileView from '../../../helpers/utils/is-mobile-view';
 import * as actions from '../../../store/actions';
-///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-import { mmiActionsFactory } from '../../../store/institutional/institution-background';
-///: END:ONLY_INCLUDE_IF
-
-///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-import ConfirmRemoveJWT from '../../institutional/confirm-remove-jwt-modal';
-import CustodyConfirmLink from '../../institutional/custody-confirm-link-modal';
-import InteractiveReplacementTokenModal from '../../institutional/interactive-replacement-token-modal';
-import TransactionFailed from '../../institutional/transaction-failed-modal';
-///: END:ONLY_INCLUDE_IF
+
 import HideTokenConfirmationModal from './hide-token-confirmation-modal';
 import QRScanner from './qr-scanner';
 
@@ -58,34 +49,6 @@ const modalContainerMobileStyle = {
   top: '12.5%',
 };
 
-///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-const custodyConfirmModalStyle = {
-  mobileModalStyle: {
-    width: '95%',
-    boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
-    borderRadius: '4px',
-    top: '30%',
-    transform: 'none',
-    left: '0',
-    right: '0',
-    margin: '0 auto',
-  },
-  laptopModalStyle: {
-    width: '360px',
-    boxShadow: 'rgba(0, 0, 0, 0.15) 0px 2px 2px 2px',
-    borderRadius: '4px',
-    top: '30%',
-    transform: 'none',
-    left: '0',
-    right: '0',
-    margin: '0 auto',
-  },
-  contentStyle: {
-    borderRadius: '4px',
-  },
-};
-///: END:ONLY_INCLUDE_IF
-
 const MODALS = {
   NEW_ACCOUNT: {
     contents: <NewAccountModal />,
@@ -274,53 +237,6 @@ const MODALS = {
     },
   },
 
-  ///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-  CONFIRM_REMOVE_JWT: {
-    contents: <ConfirmRemoveJWT />,
-    mobileModalStyle: {
-      ...modalContainerMobileStyle,
-    },
-    laptopModalStyle: {
-      ...modalContainerLaptopStyle,
-    },
-    contentStyle: {
-      borderRadius: '8px',
-    },
-  },
-
-  TRANSACTION_FAILED: {
-    disableBackdropClick: true,
-    contents: <TransactionFailed />,
-    mobileModalStyle: {
-      ...modalContainerMobileStyle,
-    },
-    laptopModalStyle: {
-      ...modalContainerLaptopStyle,
-    },
-    contentStyle: {
-      borderRadius: '8px',
-    },
-  },
-
-  CUSTODY_CONFIRM_LINK: {
-    contents: <CustodyConfirmLink />,
-    ...custodyConfirmModalStyle,
-  },
-
-  INTERACTIVE_REPLACEMENT_TOKEN_MODAL: {
-    contents: <InteractiveReplacementTokenModal />,
-    mobileModalStyle: {
-      ...modalContainerMobileStyle,
-    },
-    laptopModalStyle: {
-      ...modalContainerLaptopStyle,
-    },
-    contentStyle: {
-      borderRadius: '8px',
-    },
-  },
-  ///: END:ONLY_INCLUDE_IF
-
   CONFIRM_TURN_OFF_PROFILE_SYNCING: {
     contents: <ConfirmTurnOffProfileSyncing />,
     mobileModalStyle: {
@@ -366,9 +282,6 @@ function mapStateToProps(state) {
 }
 
 function mapDispatchToProps(dispatch) {
-  ///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-  const mmiActions = mmiActionsFactory();
-  ///: END:ONLY_INCLUDE_IF
   return {
     hideModal: (customOnHideOpts) => {
       dispatch(actions.hideModal());
@@ -379,10 +292,6 @@ function mapDispatchToProps(dispatch) {
     hideWarning: () => {
       dispatch(actions.hideWarning());
     },
-    ///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-    setWaitForConfirmDeepLinkDialog: (wait) =>
-      dispatch(mmiActions.setWaitForConfirmDeepLinkDialog(wait)),
-    ///: END:ONLY_INCLUDE_IF
   };
 }
 
@@ -399,9 +308,6 @@ class Modal extends Component {
     hideModal: PropTypes.func.isRequired,
     hideWarning: PropTypes.func.isRequired,
     modalState: PropTypes.object.isRequired,
-    ///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-    setWaitForConfirmDeepLinkDialog: PropTypes.func,
-    ///: END:ONLY_INCLUDE_IF
   };
 
   hide() {
@@ -432,11 +338,6 @@ class Modal extends Component {
         keyboard={false}
         onHide={() => {
           if (modal.onHide) {
-            ///: BEGIN:ONLY_INCLUDE_IF(build-mmi)
-            if (this.props.modalState.name === 'CUSTODY_CONFIRM_LINK') {
-              this.props.setWaitForConfirmDeepLinkDialog(false);
-            }
-            ///: END:ONLY_INCLUDE_IF
             modal.onHide({
               hideWarning: this.props.hideWarning,
             });

ui/components/app/selected-account/selected-account-component.test.js

@@ -5,11 +5,6 @@ import { fireEvent, waitFor } from '@testing-library/react';
 import { renderWithProvider } from '../../../../test/lib/render-helpers';
 import mockState from '../../../../test/data/mock-state.json';
 import { COPY_OPTIONS } from '../../../../shared/constants/copy';
-import {
-  getCustodyAccountDetails,
-  getIsCustodianSupportedChain,
-} from '../../../selectors/institutional/selectors';
-import { getAccountType } from '../../../selectors';
 import SelectedAccount from '.';
 
 const mockSelectedAccount = {
@@ -34,16 +29,6 @@ const mockSelectedAccount = {
 
 jest.mock('copy-to-clipboard');
 
-jest.mock('../../../selectors/institutional/selectors', () => {
-  const mockGetCustodyAccountDetails = jest.fn(() => undefined);
-  const mockGetisCustodianSupportedChain = jest.fn(() => true);
-
-  return {
-    getCustodyAccountDetails: mockGetCustodyAccountDetails,
-    getIsCustodianSupportedChain: mockGetisCustodianSupportedChain,
-  };
-});
-
 jest.mock('../../../selectors', () => {
   const mockGetAccountType = jest.fn(() => undefined);
   const mockGetSelectedAccount = jest.fn(() => mockSelectedAccount);
@@ -94,44 +79,4 @@ describe('SelectedAccount Component', () => {
       COPY_OPTIONS,
     );
   });
-
-  it('should render correctly if isCustodianSupportedChain to false', async () => {
-    getIsCustodianSupportedChain.mockReturnValue(false);
-
-    const { container, queryByTestId } = renderWithProvider(
-      <SelectedAccount />,
-      mockStore,
-    );
-
-    const tooltipTitle = await waitFor(() =>
-      container.querySelector(
-        '[data-original-title="This account is not set up for use with Goerli"]',
-      ),
-    );
-
-    const button = queryByTestId('selected-account-click');
-
-    expect(button).toBeDisabled();
-    expect(tooltipTitle).toBeInTheDocument();
-    expect(queryByTestId('selected-account-copy')).not.toBeInTheDocument();
-  });
-
-  it('should display custody labels if they exist', () => {
-    const mockAccountDetails = {
-      [mockSelectedAccount.address]: {
-        labels: [
-          { key: 'Label 1', value: 'Label 1' },
-          { key: 'Label 2', value: 'Label 2' },
-        ],
-      },
-    };
-
-    getAccountType.mockReturnValue('custody');
-    getCustodyAccountDetails.mockReturnValue(mockAccountDetails);
-
-    const { getByText } = renderWithProvider(<SelectedAccount />, mockStore);
-
-    expect(getByText('Label 1')).toBeInTheDocument();
-    expect(getByText('Label 2')).toBeInTheDocument();
-  });
 });