Migrate to keycloakify 10

src/account/KcApp.tsx

@@ -0,0 +1,34 @@
+import { Suspense, lazy } from "react";
+import type { KcContext } from "./kcContext";
+import { useI18n } from "./i18n";
+
+const Fallback = lazy(() => import("keycloakify/account/Fallback"));
+const Template = lazy(() => import("./Template"));
+
+export default function KcApp(props: { kcContext: KcContext }) {
+    const { kcContext } = props;
+
+    const i18n = useI18n({ kcContext });
+
+    if (i18n === null) {
+        return null;
+    }
+
+    return (
+        <Suspense>
+            {(() => {
+                switch (kcContext.pageId) {
+                    default:
+                        return <Fallback
+                            {...{
+                                kcContext,
+                                i18n,
+                                Template,
+                            }}
+                            doUseDefaultCss={true}
+                        />
+                }
+            })()}
+        </Suspense>
+    );
+}

src/account/KcContext.ts

@@ -0,0 +1,8 @@
+/* eslint-disable @typescript-eslint/ban-types */
+import type { ExtendKcContext } from "keycloakify/account";
+
+export type KcContextExtraProperties = {};
+
+export type KcContextExtraPropertiesPerPage = {};
+
+export type KcContext = ExtendKcContext<KcContextExtraProperties, KcContextExtraPropertiesPerPage>;

src/account/PageStory.tsx

@@ -0,0 +1,40 @@
+import type { DeepPartial } from "keycloakify/tools/DeepPartial";
+import type { KcContext } from "./kcContext";
+import { createGetKcContextMock } from "keycloakify/account";
+import type {
+    KcContextExtraProperties,
+    KcContextExtraPropertiesPerPage
+} from "./kcContext";
+import KcApp from "./KcApp";
+
+const kcContextExtraProperties: KcContextExtraProperties = {};
+const kcContextExtraPropertiesPerPage: KcContextExtraPropertiesPerPage = {};
+
+export const { getKcContextMock } = createGetKcContextMock({
+    kcContextExtraProperties,
+    kcContextExtraPropertiesPerPage,
+    overrides: {},
+    overridesPerPage: {}
+});
+
+export function createPageStory<PageId extends KcContext["pageId"]>(params: { pageId: PageId }) {
+    const { pageId } = params;
+
+    function PageStory(props: { kcContext?: DeepPartial<Extract<KcContext, { pageId: PageId }>> }) {
+        const { kcContext: overrides } = props;
+
+        const kcContextMock = getKcContextMock({
+            pageId,
+            overrides
+        });
+
+        return (
+            <>
+                <KcApp kcContext={kcContextMock} />
+            </>
+        );
+    }
+
+    return { PageStory };
+}
+