From f55a934939a17b1b3d409db33d3dfd272090aecd Mon Sep 17 00:00:00 2001
From: Joseph Garrone <joseph.garrone.gj@gmail.com>
Date: Sun, 2 Jun 2024 22:29:53 +0200
Subject: [PATCH] Complete migration of storybook from @lordvlad #274

---
 stories/login/pages/Info.stories.tsx          | 57 +++++++++++++-
 .../login/pages/LoginConfigTotp.stories.tsx   | 21 ++++++
 .../pages/LoginResetPassword.stories.tsx      | 11 +++
 stories/login/pages/LoginUsername.stories.tsx | 11 +++
 stories/login/pages/Register.stories.tsx      | 75 +++++++++++++++++++
 .../pages/SelectAuthenticator.stories.tsx     | 23 ++++++
 6 files changed, 197 insertions(+), 1 deletion(-)

diff --git a/stories/login/pages/Info.stories.tsx b/stories/login/pages/Info.stories.tsx
index 2e145ae7..d5d57ea0 100644
--- a/stories/login/pages/Info.stories.tsx
+++ b/stories/login/pages/Info.stories.tsx
@@ -25,9 +25,64 @@ export const Default = () => (
     <PageStory
         kcContext={{
             message: {
-                summary: "This is the server message",
+                summary: "Server info message",
                 type: "info"
             }
         }}
     />
 );
+
+export const WithWarning = () => (
+    <PageStory
+        kcContext={{
+            message: {
+                summary: "Server warning message",
+                type: "warning"
+            }
+        }}
+    />
+);
+
+export const WithError = () => (
+    <PageStory
+        kcContext={{
+            message: {
+                summary: "Server error message",
+                type: "error"
+            }
+        }}
+    />
+);
+
+export const WithSuccess = () => (
+    <PageStory
+        kcContext={{
+            message: {
+                summary: "Server success message",
+                type: "success"
+            }
+        }}
+    />
+);
+
+export const WithLinkBack = () => (
+    <PageStory
+        kcContext={{
+            message: {
+                summary: "Server message"
+            },
+            actionUri: undefined
+        }}
+    />
+);
+
+export const WithRequiredActions = () => (
+    <PageStory
+        kcContext={{
+            message: {
+                summary: "Server message"
+            },
+            requiredActions: ["CONFIGURE_TOTP", "UPDATE_PROFILE", "VERIFY_EMAIL"]
+        }}
+    />
+);
diff --git a/stories/login/pages/LoginConfigTotp.stories.tsx b/stories/login/pages/LoginConfigTotp.stories.tsx
index aa0f2ec7..d8a05c59 100644
--- a/stories/login/pages/LoginConfigTotp.stories.tsx
+++ b/stories/login/pages/LoginConfigTotp.stories.tsx
@@ -22,3 +22,24 @@ const meta: ComponentMeta<any> = {
 export default meta;
 
 export const Default = () => <PageStory />;
+
+export const WithManualSetUp = () => (
+    <PageStory
+        kcContext={{
+            mode: "manual"
+        }}
+    />
+);
+
+export const WithError = () => (
+    <PageStory
+        kcContext={{
+            messagesPerField: {
+                get: (fieldName: string) => (fieldName === "totp" ? "Invalid TOTP" : undefined),
+                exists: (fieldName: string) => fieldName === "totp",
+                existsError: (fieldName: string) => fieldName === "totp",
+                printIfExists: <T,>(fieldName: string, x: T) => (fieldName === "totp" ? x : undefined)
+            }
+        }}
+    />
+);
diff --git a/stories/login/pages/LoginResetPassword.stories.tsx b/stories/login/pages/LoginResetPassword.stories.tsx
index 12a6eb3f..0dca68a8 100644
--- a/stories/login/pages/LoginResetPassword.stories.tsx
+++ b/stories/login/pages/LoginResetPassword.stories.tsx
@@ -22,3 +22,14 @@ const meta: ComponentMeta<any> = {
 export default meta;
 
 export const Default = () => <PageStory />;
+
+export const WithEmailAsUsername = () => (
+    <PageStory
+        kcContext={{
+            realm: {
+                loginWithEmailAllowed: true,
+                registrationEmailAsUsername: true
+            }
+        }}
+    />
+);
diff --git a/stories/login/pages/LoginUsername.stories.tsx b/stories/login/pages/LoginUsername.stories.tsx
index cb909026..25f5f256 100644
--- a/stories/login/pages/LoginUsername.stories.tsx
+++ b/stories/login/pages/LoginUsername.stories.tsx
@@ -22,3 +22,14 @@ const meta: ComponentMeta<any> = {
 export default meta;
 
 export const Default = () => <PageStory />;
+
+export const WithEmailAsUsername = () => (
+    <PageStory
+        kcContext={{
+            realm: {
+                loginWithEmailAllowed: true,
+                registrationEmailAsUsername: true
+            }
+        }}
+    />
+);
diff --git a/stories/login/pages/Register.stories.tsx b/stories/login/pages/Register.stories.tsx
index 89d8c9b5..03653c54 100644
--- a/stories/login/pages/Register.stories.tsx
+++ b/stories/login/pages/Register.stories.tsx
@@ -22,3 +22,78 @@ const meta: ComponentMeta<any> = {
 export default meta;
 
 export const Default = () => <PageStory />;
+
+export const WithFieldError = () => (
+    <PageStory
+        kcContext={{
+            profile: {
+                attributes: [
+                    {
+                        name: "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 = () => (
+    <PageStory
+        kcContext={{
+            realm: {
+                registrationEmailAsUsername: true
+            }
+        }}
+    />
+);
+
+export const WithoutPassword = () => (
+    <PageStory
+        kcContext={{
+            passwordRequired: false
+        }}
+    />
+);
+
+export const WithRecaptcha = () => (
+    <PageStory
+        kcContext={{
+            recaptchaRequired: true,
+            recaptchaSiteKey: "foobar"
+        }}
+    />
+);
+
+export const WithPresets = () => (
+    <PageStory
+        kcContext={{
+            profile: {
+                attributes: [
+                    {
+                        name: "firstName",
+                        value: "Max"
+                    },
+                    {
+                        name: "lastName",
+                        value: "Mustermann"
+                    },
+                    {
+                        name: "email",
+                        value: "max.mustermann@gmail.com"
+                    },
+                    {
+                        name: "username",
+                        value: "max.mustermann"
+                    }
+                ]
+            }
+        }}
+    />
+);
diff --git a/stories/login/pages/SelectAuthenticator.stories.tsx b/stories/login/pages/SelectAuthenticator.stories.tsx
index 8000b7c7..17ab3190 100644
--- a/stories/login/pages/SelectAuthenticator.stories.tsx
+++ b/stories/login/pages/SelectAuthenticator.stories.tsx
@@ -22,3 +22,26 @@ const meta: ComponentMeta<any> = {
 export default meta;
 
 export const Default = () => <PageStory />;
+
+export const WithDifferentAuthenticationMethods = () => (
+    <PageStory
+        kcContext={{
+            auth: {
+                authenticationSelections: [
+                    {
+                        authExecId: "25697c4e-0c80-4f2c-8eb7-2c16347e8e8d",
+                        displayName: "auth-username-password-form-display-name",
+                        helpText: "auth-username-password-form-help-text",
+                        iconCssClass: "kcAuthenticatorPasswordClass"
+                    },
+                    {
+                        authExecId: "4cb60872-ce0d-4c8f-a806-e651ed77994b",
+                        displayName: "webauthn-passwordless-display-name",
+                        helpText: "webauthn-passwordless-help-text",
+                        iconCssClass: "kcAuthenticatorWebAuthnPasswordlessClass"
+                    }
+                ]
+            }
+        }}
+    />
+);