gitlab-org--gitlab-foss/app/assets/javascripts/feature_flags/utils.js

import { s__, n__, sprintf } from '~/locale';
import {
  ALL_ENVIRONMENTS_NAME,
  ROLLOUT_STRATEGY_ALL_USERS,
  ROLLOUT_STRATEGY_FLEXIBLE_ROLLOUT,
  ROLLOUT_STRATEGY_PERCENT_ROLLOUT,
  ROLLOUT_STRATEGY_USER_ID,
  ROLLOUT_STRATEGY_GITLAB_USER_LIST,
} from './constants';

const badgeTextByType = {
  [ROLLOUT_STRATEGY_ALL_USERS]: {
    name: s__('FeatureFlags|All Users'),
    parameters: null,
  },
  [ROLLOUT_STRATEGY_FLEXIBLE_ROLLOUT]: {
    name: s__('FeatureFlags|Percent rollout'),
    parameters: ({ parameters: { rollout, stickiness } }) => {
      switch (stickiness) {
        case 'USERID':
          return sprintf(s__('FeatureFlags|%{percent} by user ID'), { percent: `${rollout}%` });
        case 'SESSIONID':
          return sprintf(s__('FeatureFlags|%{percent} by session ID'), { percent: `${rollout}%` });
        case 'RANDOM':
          return sprintf(s__('FeatureFlags|%{percent} randomly'), { percent: `${rollout}%` });
        default:
          return sprintf(s__('FeatureFlags|%{percent} by available ID'), {
            percent: `${rollout}%`,
          });
      }
    },
  },
  [ROLLOUT_STRATEGY_PERCENT_ROLLOUT]: {
    name: s__('FeatureFlags|Percent of users'),
    parameters: ({ parameters: { percentage } }) => `${percentage}%`,
  },
  [ROLLOUT_STRATEGY_USER_ID]: {
    name: s__('FeatureFlags|User IDs'),
    parameters: ({ parameters: { userIds } }) =>
      sprintf(n__('FeatureFlags|%d user', 'FeatureFlags|%d users', userIds.split(',').length)),
  },
  [ROLLOUT_STRATEGY_GITLAB_USER_LIST]: {
    name: s__('FeatureFlags|User List'),
    parameters: ({ user_list: { name } }) => name,
  },
};

const scopeName = ({ environment_scope: scope }) =>
  scope === ALL_ENVIRONMENTS_NAME ? s__('FeatureFlags|All Environments') : scope;

export const labelForStrategy = (strategy) => {
  const { name, parameters } = badgeTextByType[strategy.name];

  if (parameters) {
    return sprintf('%{name} - %{parameters}: %{scopes}', {
      name,
      parameters: parameters(strategy),
      scopes: strategy.scopes.map(scopeName).join(', '),
    });
  }

  return sprintf('%{name}: %{scopes}', {
    name,
    scopes: strategy.scopes.map(scopeName).join(', '),
  });
};