78 lines
2.2 KiB
TypeScript
78 lines
2.2 KiB
TypeScript
import { Path, PathValue } from "react-hook-form";
|
|
import { useTranslation } from "react-i18next";
|
|
import { SelectControl } from "ui-shared";
|
|
import { DefaultSwitchControl } from "../../components/SwitchControl";
|
|
import { FormAccess } from "../../components/form/FormAccess";
|
|
import { convertAttributeNameToForm } from "../../util";
|
|
import { FormFields } from "../ClientDetails";
|
|
|
|
type ToggleProps = {
|
|
name: PathValue<FormFields, Path<FormFields>>;
|
|
label: string;
|
|
};
|
|
export const Toggle = ({ name, label }: ToggleProps) => {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<DefaultSwitchControl
|
|
name={name}
|
|
label={t(label)}
|
|
labelIcon={t(`${label}Help`)}
|
|
stringify
|
|
/>
|
|
);
|
|
};
|
|
|
|
export const SamlConfig = () => {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<FormAccess
|
|
isHorizontal
|
|
role="manage-clients"
|
|
className="keycloak__capability-config__form"
|
|
>
|
|
<SelectControl
|
|
name="attributes.saml_name_id_format"
|
|
label={t("nameIdFormat")}
|
|
labelIcon={t("nameIdFormatHelp")}
|
|
controller={{
|
|
defaultValue: "username",
|
|
}}
|
|
options={["username", "email", "transient", "persistent"]}
|
|
/>
|
|
<Toggle
|
|
name="attributes.saml_force_name_id_format"
|
|
label="forceNameIdFormat"
|
|
/>
|
|
<Toggle
|
|
name={convertAttributeNameToForm("attributes.saml.force.post.binding")}
|
|
label="forcePostBinding"
|
|
/>
|
|
<Toggle
|
|
name={convertAttributeNameToForm("attributes.saml.artifact.binding")}
|
|
label="forceArtifactBinding"
|
|
/>
|
|
<Toggle
|
|
name={convertAttributeNameToForm("attributes.saml.authnstatement")}
|
|
label="includeAuthnStatement"
|
|
/>
|
|
<Toggle
|
|
name={convertAttributeNameToForm(
|
|
"attributes.saml.onetimeuse.condition",
|
|
)}
|
|
label="includeOneTimeUseCondition"
|
|
/>
|
|
<Toggle
|
|
name={convertAttributeNameToForm(
|
|
"attributes.saml.server.signature.keyinfo.ext",
|
|
)}
|
|
label="optimizeLookup"
|
|
/>
|
|
<Toggle
|
|
name={convertAttributeNameToForm("attributes.saml.allow.ecp.flow")}
|
|
label="allowEcpFlow"
|
|
/>
|
|
</FormAccess>
|
|
);
|
|
};
|