keycloakify 11.12.0 → 11.13.1

package/src/login/pages/LinkIdpAction.tsx

@@ -0,0 +1,53 @@
+import { getKcClsx } from "keycloakify/login/lib/kcClsx";
+import type { PageProps } from "keycloakify/login/pages/PageProps";
+import type { KcContext } from "../KcContext";
+import type { I18n } from "../i18n";
+
+export default function LinkIdpAction(props: PageProps<Extract<KcContext, { pageId: "link-idp-action.ftl" }>, I18n>) {
+    const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
+
+    const { kcClsx } = getKcClsx({
+        doUseDefaultCss,
+        classes
+    });
+
+    const { idpDisplayName, url } = kcContext;
+
+    const { msg, msgStr } = i18n;
+
+    return (
+        <Template
+            kcContext={kcContext}
+            i18n={i18n}
+            doUseDefaultCss={doUseDefaultCss}
+            classes={classes}
+            headerNode={msg("linkIdpActionTitle", idpDisplayName)}
+            displayMessage={false}
+        >
+            <div id="kc-link-text" className={kcClsx("kcContentWrapperClass")}>
+                {msg("linkIdpActionMessage", idpDisplayName)}
+            </div>
+            <form className={kcClsx("kcFormClass")} action={url.loginAction} method="post">
+                <div className={kcClsx("kcFormGroupClass")}>
+                    <div id="kc-form-buttons" className={kcClsx("kcFormButtonsClass")}>
+                        <input
+                            className={kcClsx("kcButtonClass", "kcButtonPrimaryClass", "kcButtonLargeClass")}
+                            name="continue"
+                            id="kc-continue"
+                            type="submit"
+                            value={msgStr("doContinue")}
+                        />
+                        <input
+                            className={kcClsx("kcButtonClass", "kcButtonDefaultClass", "kcButtonLargeClass")}
+                            name="cancel-aia"
+                            id="kc-cancel"
+                            type="submit"
+                            value={msgStr("doCancel")}
+                        />
+                    </div>
+                </div>
+            </form>
+            <div className="clearfix" />
+        </Template>
+    );
+}

package/stories/login/pages/LinkIdpAction.stories.tsx

@@ -0,0 +1,36 @@
+import React from "react";
+import type { Meta, StoryObj } from "@storybook/react";
+import { createKcPageStory } from "../KcPageStory";
+
+const { KcPageStory } = createKcPageStory({ pageId: "link-idp-action.ftl" });
+
+const meta = {
+    title: "login/link-idp-action.ftl",
+    component: KcPageStory
+} satisfies Meta<typeof KcPageStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => (
+        <KcPageStory
+            kcContext={{
+                idpDisplayName: "GitHub",
+                url: { loginAction: "/mock-login-action" }
+            }}
+        />
+    )
+};
+
+export const DifferentProvider: Story = {
+    render: () => (
+        <KcPageStory
+            kcContext={{
+                idpDisplayName: "Google",
+                url: { loginAction: "/custom-login-action" }
+            }}
+        />
+    )
+};

package/vite-plugin/index.js

@@ -1057,6 +1057,7 @@ const LOGIN_THEME_PAGE_IDS = [
     "login-otp.ftl",
     "login-update-profile.ftl",
     "login-update-password.ftl",
+    "link-idp-action.ftl",
     "login-idp-link-confirm.ftl",
     "login-idp-link-email.ftl",
     "login-page-expired.ftl",