136 lines
3.8 KiB
TypeScript
136 lines
3.8 KiB
TypeScript
import React, { useState } from "react";
|
|
import { Control, Controller } from "react-hook-form";
|
|
import { useTranslation } from "react-i18next";
|
|
import _ from "lodash";
|
|
import {
|
|
ActionGroup,
|
|
Button,
|
|
FormGroup,
|
|
Select,
|
|
SelectOption,
|
|
SelectVariant,
|
|
} from "@patternfly/react-core";
|
|
|
|
import { FormAccess } from "../../components/form-access/FormAccess";
|
|
import { HelpItem } from "../../components/help-enabler/HelpItem";
|
|
import { useFetch, useAdminClient } from "../../context/auth/AdminClient";
|
|
|
|
type AuthenticationOverridesProps = {
|
|
control: Control<Record<string, any>>;
|
|
save: () => void;
|
|
reset: () => void;
|
|
protocol?: string;
|
|
};
|
|
|
|
export const AuthenticationOverrides = ({
|
|
protocol,
|
|
control,
|
|
save,
|
|
reset,
|
|
}: AuthenticationOverridesProps) => {
|
|
const adminClient = useAdminClient();
|
|
const { t } = useTranslation("clients");
|
|
const [flows, setFlows] = useState<JSX.Element[]>([]);
|
|
const [browserFlowOpen, setBrowserFlowOpen] = useState(false);
|
|
const [directGrantOpen, setDirectGrantOpen] = useState(false);
|
|
|
|
useFetch(
|
|
() => adminClient.authenticationManagement.getFlows(),
|
|
(flows) => {
|
|
let filteredFlows = [
|
|
...flows.filter((flow) => flow.providerId !== "client-flow"),
|
|
];
|
|
filteredFlows = _.sortBy(filteredFlows, [(f) => f.alias]);
|
|
setFlows([
|
|
<SelectOption key="empty" value="">
|
|
{t("common:choose")}
|
|
</SelectOption>,
|
|
...filteredFlows.map((flow) => (
|
|
<SelectOption key={flow.id} value={flow.id}>
|
|
{flow.alias}
|
|
</SelectOption>
|
|
)),
|
|
]);
|
|
},
|
|
[]
|
|
);
|
|
|
|
return (
|
|
<FormAccess role="manage-clients" isHorizontal>
|
|
<FormGroup
|
|
label={t("browserFlow")}
|
|
fieldId="browserFlow"
|
|
labelIcon={
|
|
<HelpItem
|
|
helpText="clients-help:browserFlow"
|
|
forLabel={t("browserFlow")}
|
|
forID={t(`common:helpLabel`, { label: t("browserFlow") })}
|
|
/>
|
|
}
|
|
>
|
|
<Controller
|
|
name="authenticationFlowBindingOverrides.browser"
|
|
defaultValue=""
|
|
control={control}
|
|
render={({ onChange, value }) => (
|
|
<Select
|
|
toggleId="browserFlow"
|
|
variant={SelectVariant.single}
|
|
onToggle={setBrowserFlowOpen}
|
|
isOpen={browserFlowOpen}
|
|
onSelect={(_, value) => {
|
|
onChange(value);
|
|
setBrowserFlowOpen(false);
|
|
}}
|
|
selections={[value]}
|
|
>
|
|
{flows}
|
|
</Select>
|
|
)}
|
|
/>
|
|
</FormGroup>
|
|
{protocol === "openid-connect" && (
|
|
<FormGroup
|
|
label={t("directGrant")}
|
|
fieldId="directGrant"
|
|
labelIcon={
|
|
<HelpItem
|
|
helpText="clients-help:directGrant"
|
|
forLabel={t("directGrant")}
|
|
forID={t(`common:helpLabel`, { label: t("directGrant") })}
|
|
/>
|
|
}
|
|
>
|
|
<Controller
|
|
name="authenticationFlowBindingOverrides.direct_grant"
|
|
defaultValue=""
|
|
control={control}
|
|
render={({ onChange, value }) => (
|
|
<Select
|
|
toggleId="directGrant"
|
|
variant={SelectVariant.single}
|
|
onToggle={setDirectGrantOpen}
|
|
isOpen={directGrantOpen}
|
|
onSelect={(_, value) => {
|
|
onChange(value);
|
|
setDirectGrantOpen(false);
|
|
}}
|
|
selections={[value]}
|
|
>
|
|
{flows}
|
|
</Select>
|
|
)}
|
|
/>
|
|
</FormGroup>
|
|
)}
|
|
<ActionGroup>
|
|
<Button variant="secondary" onClick={save}>
|
|
{t("common:save")}
|
|
</Button>
|
|
<Button variant="link" onClick={reset}>
|
|
{t("common:revert")}
|
|
</Button>
|
|
</ActionGroup>
|
|
</FormAccess>
|
|
);
|
|
};
|