import React from "react";
import AdminConfig from "ee/pages/AdminSettings/config";
import { Redirect, useParams } from "react-router";
import { SettingCategories } from "ee/pages/AdminSettings/config/types";
import SettingsForm from "pages/AdminSettings/SettingsForm";
import { getWrapperCategory } from "ee/utils/adminSettingsHelpers";
import { useSelector } from "react-redux";
import { getCurrentUser } from "selectors/usersSelectors";
import { getOrganizationPermissions } from "ee/selectors/organizationSelectors";
import { useFeatureFlag } from "utils/hooks/useFeatureFlag";
import { FEATURE_FLAG } from "ee/entities/FeatureFlag";
import { getAdminSettingsPath } from "ee/utils/BusinessFeatures/adminSettingsHelpers";

const Main = () => {
  // TODO: Fix this the next time the file is edited
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  const params = useParams() as any;
  const { category, selected: subCategory } = params;
  const user = useSelector(getCurrentUser);
  const organizationPermissions = useSelector(getOrganizationPermissions);
  const isSuperUser = user?.isSuperUser || false;
  const wrapperCategory = getWrapperCategory(
    AdminConfig.wrapperCategories,
    subCategory,
    category,
  );
  const isFeatureEnabled = useFeatureFlag(FEATURE_FLAG.license_gac_enabled);

  if (!!wrapperCategory?.component) {
    const { component: WrapperCategoryComponent } = wrapperCategory;

    return <WrapperCategoryComponent category={wrapperCategory} />;
  } else if (
    !Object.values(SettingCategories).includes(category) ||
    (subCategory && !Object.values(SettingCategories).includes(subCategory))
  ) {
    return (
      <Redirect
        to={getAdminSettingsPath(
          isFeatureEnabled,
          isSuperUser,
          organizationPermissions,
        )}
      />
    );
  } else {
    return <SettingsForm />;
  }
};

export default Main;