getClassName -> kcClsx

stories/login/KcApp.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import Fallback from "../../dist/login/Fallback";
 import type { KcContext } from "./KcContext";
-import { useI18n } from "./i18n";
 import { useDownloadTerms } from "../../dist/login/lib/useDownloadTerms";
 import Template from "../../dist/login/Template";
 import UserProfileFormFields from "../../dist/login/UserProfileFormFields";
@@ -9,8 +8,6 @@ import UserProfileFormFields from "../../dist/login/UserProfileFormFields";
 export default function KcApp(props: { kcContext: KcContext }) {
     const { kcContext } = props;
 
-    const i18n = useI18n({ kcContext });
-
     useDownloadTerms({
         kcContext,
         downloadTermsMarkdown: async ({ currentLanguageTag }) => {
@@ -36,19 +33,5 @@ export default function KcApp(props: { kcContext: KcContext }) {
         }
     });
 
-    if (i18n === null) {
-        return null;
-    }
-
-    return (
-        <Fallback
-            {...{
-                kcContext,
-                i18n,
-                Template,
-                UserProfileFormFields
-            }}
-            doUseDefaultCss={true}
-        />
-    );
+    return <Fallback kcContext={kcContext} Template={Template} UserProfileFormFields={UserProfileFormFields} doUseDefaultCss={true} />;
 }

stories/login/KcContext.ts

@@ -1,10 +1,11 @@
 import type { ExtendKcContext } from "../../dist/login";
+import type { KcEnvName, ThemeName } from "../kc.gen";
 
-export type KcContextExtraProperties = {};
+export type KcContextExtension = {
+    themeName: ThemeName;
+    properties: Record<KcEnvName, string> & {};
+};
 
-export type KcContextExtraPropertiesPerPage = {};
+export type KcContextExtensionPerPage = {};
 
-export type KcContext = ExtendKcContext<
-    KcContextExtraProperties,
-    KcContextExtraPropertiesPerPage
->;
+export type KcContext = ExtendKcContext<KcContextExtension, KcContextExtensionPerPage>;

stories/login/PageStory.tsx

@@ -1,16 +1,24 @@
 import React from "react";
-import type { KcContext } from "./KcContext";
-import KcApp from "./KcApp";
 import type { DeepPartial } from "../../dist/tools/DeepPartial";
+import type { KcContext } from "./KcContext";
 import { createGetKcContextMock } from "../../dist/login/KcContext";
-import type { KcContextExtraProperties, KcContextExtraPropertiesPerPage } from "./KcContext";
+import type { KcContextExtension, KcContextExtensionPerPage } from "./KcContext";
+import KcApp from "./KcApp";
+import { themeNames, kcEnvDefaults } from "../kc.gen";
 
-const kcContextExtraProperties: KcContextExtraProperties = {};
-const kcContextExtraPropertiesPerPage: KcContextExtraPropertiesPerPage = {};
+const kcContextExtension: KcContextExtension = {
+    themeName: themeNames[0],
+    properties: {
+        ...kcEnvDefaults
+    }
+};
+const kcContextExtensionPerPage: KcContextExtensionPerPage = {};
 
-const { getKcContextMock } = createGetKcContextMock({
-    kcContextExtraProperties,
-    kcContextExtraPropertiesPerPage
+export const { getKcContextMock } = createGetKcContextMock({
+    kcContextExtension,
+    kcContextExtensionPerPage,
+    overrides: {},
+    overridesPerPage: {}
 });
 
 export function createPageStory<PageId extends KcContext["pageId"]>(params: { pageId: PageId }) {