max: getRuntimeConfig()

in frontend/src/components/dashboard/PremiumOnboarding.tsx [205:259]

• 51 lines of code
• 4 McCabe index (conditional complexity)

                max: getRuntimeConfig().maxOnboardingAvailable,
              })}
            </progress>
          </VisuallyHidden>
          <ol className={styles["styled-progress-bar"]} aria-hidden={true}>
            <li
              className={
                props.profile.onboarding_state >= 0
                  ? styles["is-completed"]
                  : undefined
              }
            >
              <span></span>1
            </li>
            <li
              className={
                props.profile.onboarding_state >= 1
                  ? styles["is-completed"]
                  : undefined
              }
            >
              <span></span>2
            </li>
            <li
              className={
                props.profile.onboarding_state >= 2
                  ? styles["is-completed"]
                  : undefined
              }
            >
              <span></span>3
            </li>
          </ol>

          {skipButton}
        </div>
      </section>
    </>
  );
};

const StepOne = () => {
  const l10n = useL10n();

  type FeatureItemProps = {
    name: string;
  };

  const FeatureItem = (props: FeatureItemProps) => {
    return (
      <li>
        <CheckIcon alt={""} className={styles["check-icon"]} />
        <p>
          <strong>
            {l10n.getString(