feat: social leaderboard opt out (#32982)

Bigshmow · claude · web-flow · commit 96abde95e944 · 2026-07-15T17:44:37.000Z
## **Description**   Adds a way for users to opt out of the Top Traders leaderboard from within the app. **Reason:** MetaMask previously had no in-app way for a user to remove their account's addresses from the Top Traders leaderboard. `@metamask/social-controllers@2.4.0` added the `optOutOfLeaderboard` capability (messenger action `SocialController:optOutOfLeaderboard`); this PR wires it into the mobile UI. **Solution:** - Bumps `@metamask/social-controllers` from `2.3.1` → `2.4.0`. - Adds a **Top Traders** entry to the app Settings list (rendered after "Buy & sell crypto", gated by `selectSocialLeaderboardEnabled`). - Adds a `TopTradersSettings` screen with an **Opt out of leaderboard** row. - Adds a `LeaderboardOptOutBottomSheet` (composed from the design-system `BottomSheet`, mirroring the existing `TradingSignalsSetupBottomSheet`) that calls `SocialController:optOutOfLeaderboard`, showing a loading/disabled state, closing on success, and logging + recovering on failure. - New routes `SETTINGS.TOP_TRADERS` and `SOCIAL_LEADERBOARD.OPT_OUT` with navigator registrations, param-list types, i18n strings, and testIDs. ## **Changelog**   CHANGELOG entry: Added a Top Traders section in Settings that lets users opt out of the Top Traders leaderboard. ## **Related issues** Figma: https://www.figma.com/design/HzPB0InxHBY5hPkOukPCqv/Social?node-id=3017-31866&t=R8yrnl1Yo45ffgJO-4  Fixes: [TSA-830] ## **Manual testing steps**  ```gherkin Feature: Opt out of the Top Traders leaderboard from Settings Scenario: user opts out of the leaderboard Given the Social Leaderboard feature flag is enabled And the user is on the Settings screen When the user taps "Top Traders" Then the Top Traders settings screen is shown with an "Opt out of leaderboard" option When the user taps "Opt out of leaderboard" Then a bottom sheet appears with the opt-out description and a confirm button When the user taps "Opt out of leaderboard" in the sheet Then the app calls SocialController:optOutOfLeaderboard And the sheet closes once the request succeeds Scenario: opt-out request fails Given the user has opened the opt-out bottom sheet When the user taps "Opt out of leaderboard" And the opt-out request fails Then the error is logged And the sheet stays open with the button re-enabled Scenario: leaderboard feature flag is disabled Given the Social Leaderboard feature flag is disabled When the user is on the Settings screen Then the "Top Traders" entry is not shown ``` ## **Screenshots/Recordings**   ### **Before** <img width="450" height="992" alt="Screenshot 2026-07-08 at 3 28 04 PM" src="https://github.com/user-attachments/assets/a610166e-54ee-475e-8e0f-2886c12ffe0e" />  ### **After** <img width="450" height="961" alt="Screenshot 2026-07-08 at 3 20 47 PM" src="https://github.com/user-attachments/assets/2fef884d-2149-48e5-8d0e-07e57016a54b" />  ## **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. #### Performance checks (if applicable) - [x] I've tested on Android - Ideally on a mid-range device; emulator is acceptable - [x] I've tested with a power user scenario - Use these [power-user SRPs](https://consensyssoftware.atlassian.net/wiki/spaces/TL1/pages/edit-v2/401401446401?draftShareId=9d77e1e1-4bdc-4be1-9ebb-ccd916988d93) to import wallets with many accounts and tokens - [x] I've instrumented key operations with Sentry traces for production performance metrics - See [`trace()`](/app/util/trace.ts) for usage and [`addToken`](/app/components/Views/AddAsset/components/AddCustomToken/AddCustomToken.tsx#L274) for an example For performance guidelines and tooling, see the [Performance Guide](https://consensyssoftware.atlassian.net/wiki/spaces/TL1/pages/400085549067/Performance+Guide+for+Engineers). ## **Pre-merge reviewer checklist**  - [ ] I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed). - [ ] 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. [TSA-830]: https://consensyssoftware.atlassian.net/browse/TSA-830?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ  --- > [!NOTE] > **Medium Risk** > Changes public visibility of trading accounts via backend opt-in/out; risk is mitigated by feature flags, non-optimistic persistence, and tests, but still touches privacy-sensitive social settings. > > **Overview** > Adds a **Top Traders** block on **Security & privacy** so users can control whether their account appears on the leaderboard, behind both `aiSocialLeaderboardEnabled` and the new `aiSocialLeaderboardOptFlowEnabled` remote flag. > > Toggling calls `SocialController:optInToLeaderboard` / `optOutOfLeaderboard` (with `SocialService` actions delegated on the social controller messenger). Redux `settings.showAccountOnLeaderboard` is updated **only after** a successful backend response (default shown); failures are logged and the toggle stays unchanged. A new MetaMetrics opt-in event **Trader Leaderboard Visibility Toggled** fires on success, and the section is covered by unit tests plus i18n and feature-flag registry entries. > > <sup>Reviewed by [Cursor Bugbot](https://cursor.com/bugbot) for commit f2929c3. Bugbot is set up for automated code reviews on this repo. Configure [here](https://www.cursor.com/dashboard/bugbot).</sup>  --------- Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
diff --git a/app/actions/settings/index.js b/app/actions/settings/index.js
@@ -107,3 +107,10 @@ export function setPerpsChartPreferredCandlePeriod(preferredCandlePeriod) {
     preferredCandlePeriod,
   };
 }
+
+export function setShowAccountOnLeaderboard(showAccountOnLeaderboard) {
+  return {
+    type: 'SET_SHOW_ACCOUNT_ON_LEADERBOARD',
+    showAccountOnLeaderboard,
+  };
+}
diff --git a/app/components/Views/Settings/SecuritySettings/Sections/TopTradersSection.test.tsx b/app/components/Views/Settings/SecuritySettings/Sections/TopTradersSection.test.tsx
@@ -0,0 +1,192 @@
+import { fireEvent, screen, waitFor } from '@testing-library/react-native';
+import React from 'react';
+
+import { strings } from '../../../../../../locales/i18n';
+import { MetaMetricsEvents } from '../../../../../core/Analytics';
+import renderWithProvider from '../../../../../util/test/renderWithProvider';
+import { SecurityPrivacyViewSelectorsIDs } from '../SecurityPrivacyView.testIds';
+import TopTradersSection from './TopTradersSection';
+
+const mockMessengerCall = jest.fn().mockResolvedValue(undefined);
+const mockLoggerError = jest.fn();
+const mockTrackEvent = jest.fn();
+const mockAddProperties = jest.fn().mockReturnThis();
+const mockBuild = jest.fn().mockReturnValue({});
+const mockCreateEventBuilder = jest.fn().mockReturnValue({
+  addProperties: mockAddProperties,
+  build: mockBuild,
+});
+let mockLeaderboardEnabled = true;
+let mockOptFlowEnabled = true;
+
+jest.mock('../../../../../core/Engine', () => ({
+  controllerMessenger: {
+    call: (...args: unknown[]) => mockMessengerCall(...args),
+  },
+}));
+
+jest.mock('../../../../../util/Logger', () => ({
+  error: (...args: unknown[]) => mockLoggerError(...args),
+}));
+
+jest.mock('../../../../hooks/useAnalytics/useAnalytics', () => ({
+  useAnalytics: () => ({
+    trackEvent: mockTrackEvent,
+    createEventBuilder: mockCreateEventBuilder,
+  }),
+}));
+
+jest.mock(
+  '../../../../../selectors/featureFlagController/socialLeaderboard',
+  () => ({
+    selectSocialLeaderboardEnabled: () => mockLeaderboardEnabled,
+    selectSocialLeaderboardOptFlowEnabled: () => mockOptFlowEnabled,
+  }),
+);
+
+const renderWith = (showAccountOnLeaderboard = true) =>
+  renderWithProvider(<TopTradersSection />, {
+    state: { settings: { showAccountOnLeaderboard } },
+  });
+
+describe('TopTradersSection', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    mockLeaderboardEnabled = true;
+    mockOptFlowEnabled = true;
+    mockMessengerCall.mockResolvedValue(undefined);
+  });
+
+  it('renders the section and toggle when the leaderboard is enabled', () => {
+    renderWith(true);
+
+    expect(
+      screen.getByTestId(SecurityPrivacyViewSelectorsIDs.TOP_TRADERS_SECTION),
+    ).toBeOnTheScreen();
+    expect(
+      screen.getByText(
+        strings('social_leaderboard.settings.show_account_on_leaderboard'),
+      ),
+    ).toBeOnTheScreen();
+    expect(
+      screen.getByTestId(
+        SecurityPrivacyViewSelectorsIDs.SHOW_ACCOUNT_ON_LEADERBOARD_TOGGLE,
+      ).props.value,
+    ).toBe(true);
+  });
+
+  it('renders nothing when the leaderboard feature is disabled', () => {
+    mockLeaderboardEnabled = false;
+    renderWith(true);
+
+    expect(
+      screen.queryByTestId(SecurityPrivacyViewSelectorsIDs.TOP_TRADERS_SECTION),
+    ).toBeNull();
+  });
+
+  it('renders nothing when the leaderboard opt-flow flag is disabled', () => {
+    mockOptFlowEnabled = false;
+    renderWith(true);
+
+    expect(
+      screen.queryByTestId(SecurityPrivacyViewSelectorsIDs.TOP_TRADERS_SECTION),
+    ).toBeNull();
+  });
+
+  it('opts out and reflects the toggle off after the backend confirms', async () => {
+    renderWith(true);
+    const toggle = screen.getByTestId(
+      SecurityPrivacyViewSelectorsIDs.SHOW_ACCOUNT_ON_LEADERBOARD_TOGGLE,
+    );
+
+    fireEvent(toggle, 'valueChange', false);
+
+    await waitFor(() =>
+      expect(mockMessengerCall).toHaveBeenCalledWith(
+        'SocialController:optOutOfLeaderboard',
+      ),
+    );
+    // Persisted only after the backend confirms, not optimistically.
+    await waitFor(() => expect(toggle.props.value).toBe(false));
+  });
+
+  it('opts in when turned on', async () => {
+    renderWith(false);
+    const toggle = screen.getByTestId(
+      SecurityPrivacyViewSelectorsIDs.SHOW_ACCOUNT_ON_LEADERBOARD_TOGGLE,
+    );
+
+    fireEvent(toggle, 'valueChange', true);
+
+    await waitFor(() =>
+      expect(mockMessengerCall).toHaveBeenCalledWith(
+        'SocialController:optInToLeaderboard',
+      ),
+    );
+  });
+
+  it('tracks the visibility-toggled event on a successful opt-out', async () => {
+    renderWith(true);
+    const toggle = screen.getByTestId(
+      SecurityPrivacyViewSelectorsIDs.SHOW_ACCOUNT_ON_LEADERBOARD_TOGGLE,
+    );
+
+    fireEvent(toggle, 'valueChange', false);
+
+    await waitFor(() =>
+      expect(mockCreateEventBuilder).toHaveBeenCalledWith(
+        MetaMetricsEvents.SOCIAL_TRADER_LEADERBOARD_VISIBILITY_TOGGLED,
+      ),
+    );
+    expect(mockAddProperties).toHaveBeenCalledWith({
+      show_account_on_leaderboard: false,
+    });
+    expect(mockTrackEvent).toHaveBeenCalledTimes(1);
+  });
+
+  it('tracks the visibility-toggled event on a successful opt-in', async () => {
+    renderWith(false);
+    const toggle = screen.getByTestId(
+      SecurityPrivacyViewSelectorsIDs.SHOW_ACCOUNT_ON_LEADERBOARD_TOGGLE,
+    );
+
+    fireEvent(toggle, 'valueChange', true);
+
+    await waitFor(() =>
+      expect(mockCreateEventBuilder).toHaveBeenCalledWith(
+        MetaMetricsEvents.SOCIAL_TRADER_LEADERBOARD_VISIBILITY_TOGGLED,
+      ),
+    );
+    expect(mockAddProperties).toHaveBeenCalledWith({
+      show_account_on_leaderboard: true,
+    });
+    expect(mockTrackEvent).toHaveBeenCalledTimes(1);
+  });
+
+  it('logs and leaves the toggle unchanged when the request fails', async () => {
+    mockMessengerCall.mockRejectedValueOnce(new Error('network down'));
+    renderWith(true);
+    const toggle = screen.getByTestId(
+      SecurityPrivacyViewSelectorsIDs.SHOW_ACCOUNT_ON_LEADERBOARD_TOGGLE,
+    );
+
+    fireEvent(toggle, 'valueChange', false);
+
+    await waitFor(() => expect(mockLoggerError).toHaveBeenCalled());
+    // Never persisted optimistically, so nothing to revert — stays as it was.
+    expect(toggle.props.value).toBe(true);
+  });
+
+  it('does not track the event when the request fails', async () => {
+    mockMessengerCall.mockRejectedValueOnce(new Error('network down'));
+    renderWith(true);
+    const toggle = screen.getByTestId(
+      SecurityPrivacyViewSelectorsIDs.SHOW_ACCOUNT_ON_LEADERBOARD_TOGGLE,
+    );
+
+    fireEvent(toggle, 'valueChange', false);
+
+    await waitFor(() => expect(mockLoggerError).toHaveBeenCalled());
+    expect(mockTrackEvent).not.toHaveBeenCalled();
+  });
+});
diff --git a/app/components/Views/Settings/SecuritySettings/Sections/TopTradersSection.tsx b/app/components/Views/Settings/SecuritySettings/Sections/TopTradersSection.tsx
@@ -0,0 +1,108 @@
+import { Text, TextVariant } from '@metamask/design-system-react-native';
+import React, { useCallback, useState } from 'react';
+import { View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+
+import { strings } from '../../../../../../locales/i18n';
+import { setShowAccountOnLeaderboard } from '../../../../../actions/settings';
+import { MetaMetricsEvents } from '../../../../../core/Analytics';
+import Engine from '../../../../../core/Engine';
+import { RootState } from '../../../../../reducers';
+import {
+  selectSocialLeaderboardEnabled,
+  selectSocialLeaderboardOptFlowEnabled,
+} from '../../../../../selectors/featureFlagController/socialLeaderboard';
+import Logger from '../../../../../util/Logger';
+import { useAnalytics } from '../../../../hooks/useAnalytics/useAnalytics';
+import { SecurityOptionToggle } from '../../../../UI/SecurityOptionToggle';
+import { useStyles } from '../../../../hooks/useStyles';
+import createStyles from '../SecuritySettings.styles';
+import { SecurityPrivacyViewSelectorsIDs } from '../SecurityPrivacyView.testIds';
+
+/**
+ * "Top Traders" section for the Security & privacy screen. Lets the user toggle
+ * whether their account is shown on the Top Traders leaderboard, calling
+ * `SocialController:optInToLeaderboard` / `optOutOfLeaderboard`. The displayed
+ * value is a local (non-AUS) mirror kept in the `settings` reducer, defaulting
+ * to shown; it is updated optimistically and reverted if the request fails.
+ */
+const TopTradersSection = () => {
+  const { styles } = useStyles(createStyles, {});
+  const dispatch = useDispatch();
+  const { trackEvent, createEventBuilder } = useAnalytics();
+  const isSocialLeaderboardEnabled = useSelector(
+    selectSocialLeaderboardEnabled,
+  );
+  const isLeaderboardOptFlowEnabled = useSelector(
+    selectSocialLeaderboardOptFlowEnabled,
+  );
+  const showAccountOnLeaderboard = useSelector(
+    (state: RootState) => state.settings.showAccountOnLeaderboard ?? true,
+  );
+  const [isUpdating, setIsUpdating] = useState(false);
+
+  const handleToggle = useCallback(
+    async (enabled: boolean) => {
+      if (isUpdating) {
+        return;
+      }
+      setIsUpdating(true);
+      try {
+        await (Engine.controllerMessenger.call as CallableFunction)(
+          enabled
+            ? 'SocialController:optInToLeaderboard'
+            : 'SocialController:optOutOfLeaderboard',
+        );
+        // Update state only after the backend confirms.
+        dispatch(setShowAccountOnLeaderboard(enabled));
+        trackEvent(
+          createEventBuilder(
+            MetaMetricsEvents.SOCIAL_TRADER_LEADERBOARD_VISIBILITY_TOGGLED,
+          )
+            .addProperties({ show_account_on_leaderboard: enabled })
+            .build(),
+        );
+      } catch (error) {
+        Logger.error(
+          error as Error,
+          'TopTradersSection: failed to update leaderboard visibility',
+        );
+      }
+      // Not a `finally`: React Compiler can't lower try/finally and bails on it.
+      setIsUpdating(false);
+    },
+    [createEventBuilder, dispatch, isUpdating, trackEvent],
+  );
+
+  if (!isSocialLeaderboardEnabled || !isLeaderboardOptFlowEnabled) {
+    return null;
+  }
+
+  return (
+    <View testID={SecurityPrivacyViewSelectorsIDs.TOP_TRADERS_SECTION}>
+      <Text variant={TextVariant.HeadingMd} style={styles.subHeading}>
+        {strings('social_leaderboard.settings.section_title')}
+      </Text>
+      {/* Wrap the toggle in `styles.setting` (marginTop) so the gap below the
+          section heading matches the other sections (e.g. Analytics). */}
+      <View style={styles.setting}>
+        <SecurityOptionToggle
+          title={strings(
+            'social_leaderboard.settings.show_account_on_leaderboard',
+          )}
+          description={strings(
+            'social_leaderboard.settings.show_account_on_leaderboard_description',
+          )}
+          value={showAccountOnLeaderboard}
+          onOptionUpdated={handleToggle}
+          testId={
+            SecurityPrivacyViewSelectorsIDs.SHOW_ACCOUNT_ON_LEADERBOARD_TOGGLE
+          }
+          disabled={isUpdating}
+        />
+      </View>
+    </View>
+  );
+};
+
+export default TopTradersSection;
diff --git a/app/components/Views/Settings/SecuritySettings/SecurityPrivacyView.testIds.ts b/app/components/Views/Settings/SecuritySettings/SecurityPrivacyView.testIds.ts
@@ -14,6 +14,8 @@ export const SecurityPrivacyViewSelectorsIDs = {
   CLEAR_PRIVACY_DATA_BUTTON: 'clear-privacy-data-button',
   PROTECT_YOUR_WALLET: 'protect-your-wallet',
   DELETE_WALLET_BUTTON: 'security-settings-delete-wallet-buttons',
+  TOP_TRADERS_SECTION: 'top-traders-section',
+  SHOW_ACCOUNT_ON_LEADERBOARD_TOGGLE: 'show-account-on-leaderboard-toggle',
 };
 
 export const SecurityPrivacyViewSelectorsText = {
diff --git a/app/components/Views/Settings/SecuritySettings/SecuritySettings.tsx b/app/components/Views/Settings/SecuritySettings/SecuritySettings.tsx
@@ -51,6 +51,7 @@ import { TextVariant as LibraryTextVariant } from '../../../../component-library
 import BasicFunctionalityComponent from '../../../UI/BasicFunctionality/BasicFunctionality';
 import Routes from '../../../../constants/navigation/Routes';
 import MetaMetricsAndDataCollectionSection from './Sections/MetaMetricsAndDataCollectionSection/MetaMetricsAndDataCollectionSection';
+import TopTradersSection from './Sections/TopTradersSection';
 import { selectIsMetamaskNotificationsEnabled } from '../../../../selectors/notifications';
 import SwitchLoadingModal from '../../../../components/UI/Notification/SwitchLoadingModal';
 import { RootState } from '../../../../reducers';
@@ -411,6 +412,7 @@ const Settings: React.FC = () => {
           <MetaMetricsAndDataCollectionSection />
           <DeleteMetaMetricsData metricsOptin={analyticsEnabled} />
           <DeleteWalletData />
+          <TopTradersSection />
           {renderHint()}
         </View>
       </ScrollView>
diff --git a/app/core/Analytics/MetaMetrics.events.ts b/app/core/Analytics/MetaMetrics.events.ts
@@ -789,6 +789,7 @@ enum EVENT_NAME {
   SOCIAL_QUICK_BUY_INTERACTED = 'Quick Buy Interacted',
   SOCIAL_QUICK_TRADE_MODE_TOGGLED = 'Quick Trade Mode Toggled',
   SOCIAL_FOLLOW_TRADING_NOTIFICATION_CLICKED = 'Follow Trading Notification Clicked',
+  SOCIAL_TRADER_LEADERBOARD_VISIBILITY_TOGGLED = 'Trader Leaderboard Visibility Toggled',
   SOCIAL_FOLLOW_TRADING_ONBOARDING_VIEWED = 'Follow Trading Onboarding Viewed',
   SOCIAL_FOLLOW_TRADING_ONBOARDING_COMPLETED = 'Follow Trading Onboarding Completed',
   SOCIAL_FOLLOW_TRADING_ONBOARDING_INTERACTION = 'Follow Trading Onboarding Interaction',
@@ -2116,6 +2117,9 @@ const events = {
   SOCIAL_FOLLOW_TRADING_NOTIFICATION_CLICKED: generateOpt(
     EVENT_NAME.SOCIAL_FOLLOW_TRADING_NOTIFICATION_CLICKED,
   ),
+  SOCIAL_TRADER_LEADERBOARD_VISIBILITY_TOGGLED: generateOpt(
+    EVENT_NAME.SOCIAL_TRADER_LEADERBOARD_VISIBILITY_TOGGLED,
+  ),
   SOCIAL_FOLLOW_TRADING_ONBOARDING_VIEWED: generateOpt(
     EVENT_NAME.SOCIAL_FOLLOW_TRADING_ONBOARDING_VIEWED,
   ),
diff --git a/app/core/Engine/messengers/social-controller-messenger.ts b/app/core/Engine/messengers/social-controller-messenger.ts
@@ -33,6 +33,8 @@ export function getSocialControllerMessenger(
       'SocialService:follow',
       'SocialService:unfollow',
       'SocialService:fetchFollowing',
+      'SocialService:optOutOfLeaderboard',
+      'SocialService:optInToLeaderboard',
     ],
     messenger,
   });
diff --git a/app/reducers/settings/index.js b/app/reducers/settings/index.js
@@ -10,6 +10,9 @@ const initialState = {
   basicFunctionalityEnabled: true,
   deepLinkModalDisabled: false,
   hapticsEnabled: true,
+  // Whether this account is shown on the Top Traders leaderboard. Local mirror
+  // of the backend opt-in/out state; defaults to shown. Not persisted to AUS.
+  showAccountOnLeaderboard: true,
   // Perps chart preferences
   perpsChartPreferences: {
     preferredCandlePeriod: '15m', // Default to 15 minutes
@@ -73,6 +76,11 @@ const settingsReducer = (state = initialState, action) => {
         ...state,
         hapticsEnabled: action.hapticsEnabled,
       };
+    case 'SET_SHOW_ACCOUNT_ON_LEADERBOARD':
+      return {
+        ...state,
+        showAccountOnLeaderboard: action.showAccountOnLeaderboard,
+      };
     case 'SET_PERPS_CHART_PREFERRED_CANDLE_PERIOD':
       return {
         ...state,
diff --git a/app/selectors/featureFlagController/socialLeaderboard/index.test.ts b/app/selectors/featureFlagController/socialLeaderboard/index.test.ts
diff --git a/app/selectors/featureFlagController/socialLeaderboard/index.ts b/app/selectors/featureFlagController/socialLeaderboard/index.ts
diff --git a/locales/languages/en.json b/locales/languages/en.json
diff --git a/tests/feature-flags/feature-flag-registry.ts b/tests/feature-flags/feature-flag-registry.ts
