https://github.com/InseeFr/Keycloak-FranceConnect/issues/120

Author: garronej

src/login/pages/Login.stories.tsx

@@ -126,8 +126,8 @@ export const WithFranceConnectAndProConnectProviders: Story = {
                         },
                         {
                             loginUrl: "proConnect",
-                            alias: "proConnect",
-                            providerId: "proConnect",
+                            alias: "Pro Connect",
+                            providerId: "agentconnect", // NOTE: It is still agentconnect, pro connect is a rebrand of agentconnect.
                             displayName: "Pro Connect",
                             iconClasses: ""
                         }
@@ -138,35 +138,6 @@ export const WithFranceConnectAndProConnectProviders: Story = {
     )
 };
 
-export const WithAgentConnect: Story = {
-    render: () => (
-        <KcPageStory
-            kcContext={{
-                social: {
-                    displayInfo: true,
-                    providers: [
-                        {
-                            loginUrl: "france-connect",
-                            alias: "france-connect",
-                            providerId: "franceconnect",
-                            displayName: "France Connect",
-                            iconClasses: ""
-                        },
-                        {
-                            loginUrl: "agentConnect",
-                            alias: "agentConnect",
-                            providerId: "agentconnect",
-                            displayName: "Agent Connect",
-                            iconClasses: ""
-                        }
-                    ]
-                }
-            }}
-        />
-    )
-};
-
-
 export const WithGitHub: Story = {
     render: () => (
         <KcPageStory

src/login/pages/Login.tsx

@@ -2,7 +2,6 @@ import { fr } from "@codegouvfr/react-dsfr";
 import { Button } from "@codegouvfr/react-dsfr/Button";
 import { Input } from "@codegouvfr/react-dsfr/Input";
 import { FranceConnectButton } from "@codegouvfr/react-dsfr/FranceConnectButton";
-import { AgentConnectButton } from "@codegouvfr/react-dsfr/AgentConnectButton";
 import { ProConnectButton } from "@codegouvfr/react-dsfr/ProConnectButton";
 import { PasswordInput } from "@codegouvfr/react-dsfr/blocks/PasswordInput";
 import { getKcClsx } from "keycloakify/login/lib/kcClsx";
@@ -53,14 +52,10 @@ export default function Login(props: PageProps<Extract<KcContext, { pageId: "log
                             <hr />
                             <ul>
                                 {social.providers.map((...[p]) => {
-                                    if (p.providerId === "proConnect") {
+                                    if (p.providerId === "agentconnect" || p.providerId === "proconnect") {
                                         return <ProConnectButton key={p.alias} style={{ textAlign: "center" }} url={p.loginUrl} />;
                                     }
 
-                                    if (p.providerId === "agentconnect") {
-                                        return <AgentConnectButton key={p.alias} style={{ textAlign: "center" }} url={p.loginUrl} />;
-                                    }
-
                                     if (p.providerId === "franceconnect") {
                                         return <FranceConnectButton key={p.alias} style={{ textAlign: "center" }} url={p.loginUrl} />;
                                     }