Migrate to keycloakify 10

2024-06-06 01:44:57 +02:00
parent 081c7d4150
commit 030836d534
66 changed files with 1571 additions and 3256 deletions
@@ -0,0 +1,116 @@
+
+import type { Meta, StoryObj } from "@storybook/react";
+import { createPageStory } from "../PageStory";
+
+const pageId = "register.ftl";
+
+const { PageStory } = createPageStory({ pageId });
+
+const meta = {
+    title: `login/${pageId}`,
+    component: PageStory
+} satisfies Meta<typeof PageStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+    render: () => <PageStory />
+};
+
+export const WithFieldError: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                profile: {
+                    attributesByName: {
+                        email: {
+                            value: "max.mustermann@gmail.com"
+                        }
+                    }
+                },
+                messagesPerField: {
+                    existsError: (fieldName: string) => fieldName === "email",
+                    exists: (fieldName: string) => fieldName === "email",
+                    get: (fieldName: string) => (fieldName === "email" ? "I don't like your email address" : undefined),
+                    printIfExists: <T,>(fieldName: string, x: T) => (fieldName === "email" ? x : undefined)
+                }
+            }}
+        />
+    )
+};
+
+export const WithEmailAsUsername: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                realm: {
+                    registrationEmailAsUsername: true
+                }
+            }}
+        />
+    )
+};
+
+export const WithoutPassword: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                passwordRequired: false
+            }}
+        />
+    )
+};
+
+export const WithRecaptcha: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                scripts: ["https://www.google.com/recaptcha/api.js?hl=en"],
+                recaptchaRequired: true,
+                recaptchaSiteKey: "6LfQHvApAAAAAE73SYTd5vS0lB1Xr7zdiQ-6iBVa"
+            }}
+        />
+    )
+};
+
+export const WithRecaptchaFrench: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                locale: {
+                    currentLanguageTag: "fr"
+                },
+                scripts: ["https://www.google.com/recaptcha/api.js?hl=fr"],
+                recaptchaRequired: true,
+                recaptchaSiteKey: "6LfQHvApAAAAAE73SYTd5vS0lB1Xr7zdiQ-6iBVa"
+            }}
+        />
+    )
+};
+
+export const WithPresets: Story = {
+    render: () => (
+        <PageStory
+            kcContext={{
+                profile: {
+                    attributesByName: {
+                        firstName: {
+                            value: "Max"
+                        },
+                        lastName: {
+                            value: "Mustermann"
+                        },
+                        email: {
+                            value: "max.mustermann@gmail.com"
+                        },
+                        username: {
+                            value: "max.mustermann"
+                        }
+                    }
+                }
+            }}
+        />
+    )
+};