From ca3f963f0bc10c7d76a4cc0c2d89eace496471dd Mon Sep 17 00:00:00 2001
From: Joseph Garrone <joseph.garrone.gj@gmail.com>
Date: Sun, 9 Jun 2024 12:32:25 +0200
Subject: [PATCH] Update

---
 package.json                                   |  2 +-
 src/account/{KcApp.tsx => KcPage.tsx}          |  8 ++++++--
 src/account/{PageStory.tsx => KcPageStory.tsx} | 10 +++++-----
 src/login/{KcApp.tsx => KcPage.tsx}            |  8 ++++++--
 src/login/{PageStory.tsx => KcPageStory.tsx}   | 10 +++++-----
 src/main.tsx                                   |  8 ++++----
 yarn.lock                                      |  8 ++++----
 7 files changed, 31 insertions(+), 23 deletions(-)
 rename src/account/{KcApp.tsx => KcPage.tsx} (78%)
 rename src/account/{PageStory.tsx => KcPageStory.tsx} (81%)
 rename src/login/{KcApp.tsx => KcPage.tsx} (89%)
 rename src/login/{PageStory.tsx => KcPageStory.tsx} (81%)

diff --git a/package.json b/package.json
index 628de71..7175f02 100755
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "license": "MIT",
     "keywords": [],
     "dependencies": {
-        "keycloakify": "10.0.0-rc.40",
+        "keycloakify": "10.0.0-rc.42",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
     },
diff --git a/src/account/KcApp.tsx b/src/account/KcPage.tsx
similarity index 78%
rename from src/account/KcApp.tsx
rename to src/account/KcPage.tsx
index d83efa9..2d4fe98 100644
--- a/src/account/KcApp.tsx
+++ b/src/account/KcPage.tsx
@@ -1,20 +1,24 @@
 import { Suspense } from "react";
 import type { ClassKey } from "keycloakify/account";
 import type { KcContext } from "./KcContext";
-import Fallback from "keycloakify/account/Fallback";
+import { useI18n } from "./i18n";
+import DefaultPage from "keycloakify/account/DefaultPage";
 import Template from "keycloakify/account/Template";
 
 export default function KcApp(props: { kcContext: KcContext }) {
     const { kcContext } = props;
 
+    const { i18n } = useI18n({ kcContext });
+
     return (
         <Suspense>
             {(() => {
                 switch (kcContext.pageId) {
                     default:
                         return (
-                            <Fallback
+                            <DefaultPage
                                 kcContext={kcContext}
+                                i18n={i18n}
                                 classes={classes}
                                 Template={Template}
                                 doUseDefaultCss={true}
diff --git a/src/account/PageStory.tsx b/src/account/KcPageStory.tsx
similarity index 81%
rename from src/account/PageStory.tsx
rename to src/account/KcPageStory.tsx
index 68707a7..f4c1ff7 100644
--- a/src/account/PageStory.tsx
+++ b/src/account/KcPageStory.tsx
@@ -5,7 +5,7 @@ import type {
     KcContextExtension,
     KcContextExtensionPerPage
 } from "./KcContext";
-import KcApp from "./KcApp";
+import KcPage from "./KcPage";
 import { themeNames, kcEnvDefaults } from "../kc.gen";
 
 const kcContextExtension: KcContextExtension = {
@@ -23,12 +23,12 @@ export const { getKcContextMock } = createGetKcContextMock({
     overridesPerPage: {}
 });
 
-export function createPageStory<PageId extends KcContext["pageId"]>(params: {
+export function createKcPageStory<PageId extends KcContext["pageId"]>(params: {
     pageId: PageId;
 }) {
     const { pageId } = params;
 
-    function PageStory(props: {
+    function KcPageStory(props: {
         kcContext?: DeepPartial<Extract<KcContext, { pageId: PageId }>>;
     }) {
         const { kcContext: overrides } = props;
@@ -38,8 +38,8 @@ export function createPageStory<PageId extends KcContext["pageId"]>(params: {
             overrides
         });
 
-        return <KcApp kcContext={kcContextMock} />;
+        return <KcPage kcContext={kcContextMock} />;
     }
 
-    return { PageStory };
+    return { KcPageStory };
 }
diff --git a/src/login/KcApp.tsx b/src/login/KcPage.tsx
similarity index 89%
rename from src/login/KcApp.tsx
rename to src/login/KcPage.tsx
index 8f5c7e6..346ce42 100644
--- a/src/login/KcApp.tsx
+++ b/src/login/KcPage.tsx
@@ -2,7 +2,8 @@ import { Suspense, lazy } from "react";
 import type { ClassKey } from "keycloakify/login";
 import type { KcContext } from "./KcContext";
 import { useDownloadTerms } from "keycloakify/login";
-import Fallback from "keycloakify/login/Fallback";
+import { useI18n } from "./i18n";
+import DefaultPage from "keycloakify/login/DefaultPage";
 import Template from "keycloakify/login/Template";
 const UserProfileFormFields = lazy(() => import("keycloakify/login/UserProfileFormFields"));
 
@@ -36,14 +37,17 @@ export default function KcApp(props: { kcContext: KcContext }) {
         }
     });
 
+    const { i18n } = useI18n({ kcContext });
+
     return (
         <Suspense>
             {(() => {
                 switch (kcContext.pageId) {
                     default:
                         return (
-                            <Fallback
+                            <DefaultPage
                                 kcContext={kcContext}
+                                i18n={i18n}
                                 classes={classes}
                                 Template={Template}
                                 doUseDefaultCss={true}
diff --git a/src/login/PageStory.tsx b/src/login/KcPageStory.tsx
similarity index 81%
rename from src/login/PageStory.tsx
rename to src/login/KcPageStory.tsx
index b9fbb41..12c27fa 100644
--- a/src/login/PageStory.tsx
+++ b/src/login/KcPageStory.tsx
@@ -1,6 +1,6 @@
 import type { DeepPartial } from "keycloakify/tools/DeepPartial";
 import type { KcContext } from "./KcContext";
-import KcApp from "./KcApp";
+import KcPage from "./KcPage";
 import { createGetKcContextMock } from "keycloakify/login/KcContext";
 import type {
     KcContextExtension,
@@ -23,12 +23,12 @@ export const { getKcContextMock } = createGetKcContextMock({
     overridesPerPage: {}
 });
 
-export function createPageStory<PageId extends KcContext["pageId"]>(params: {
+export function createKcPageStory<PageId extends KcContext["pageId"]>(params: {
     pageId: PageId;
 }) {
     const { pageId } = params;
 
-    function PageStory(props: {
+    function KcPageStory(props: {
         kcContext?: DeepPartial<Extract<KcContext, { pageId: PageId }>>;
     }) {
         const { kcContext: overrides } = props;
@@ -38,8 +38,8 @@ export function createPageStory<PageId extends KcContext["pageId"]>(params: {
             overrides
         });
 
-        return <KcApp kcContext={kcContextMock} />;
+        return <KcPage kcContext={kcContextMock} />;
     }
 
-    return { PageStory };
+    return { KcPageStory };
 }
diff --git a/src/main.tsx b/src/main.tsx
index c80b36c..7512363 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -15,8 +15,8 @@ if (import.meta.env.DEV) {
 }
 */
 
-const KcLoginThemeApp = lazy(() => import("./login/KcApp"));
-const KcAccountThemeApp = lazy(() => import("./account/KcApp"));
+const KcLoginThemePage = lazy(() => import("./login/KcPage"));
+const KcAccountThemePage = lazy(() => import("./account/KcPage"));
 
 createRoot(document.getElementById("root")!).render(
     <StrictMode>
@@ -24,9 +24,9 @@ createRoot(document.getElementById("root")!).render(
             {(() => {
                 switch (window.kcContext?.themeType) {
                     case "login":
-                        return <KcLoginThemeApp kcContext={window.kcContext} />;
+                        return <KcLoginThemePage kcContext={window.kcContext} />;
                     case "account":
-                        return <KcAccountThemeApp kcContext={window.kcContext} />;
+                        return <KcAccountThemePage kcContext={window.kcContext} />;
                 }
                 return <h1>No Keycloak Context</h1>;
             })()}
diff --git a/yarn.lock b/yarn.lock
index 01d4ea4..26cdead 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5011,10 +5011,10 @@ jsonfile@^6.0.1:
   optionalDependencies:
     graceful-fs "^4.1.6"
 
-keycloakify@10.0.0-rc.40:
-  version "10.0.0-rc.40"
-  resolved "https://registry.yarnpkg.com/keycloakify/-/keycloakify-10.0.0-rc.40.tgz#f383e72b4981da1973d09c6211103fdbd2efa818"
-  integrity sha512-JL3UJAAunCfZSw0JOMv/B9BD75jnOiLjxIIbbs/Gj+Djg9Db+w2kg5N11Q5/EIxkQRRCdFSVIII3NgZ7EQevcw==
+keycloakify@10.0.0-rc.42:
+  version "10.0.0-rc.42"
+  resolved "https://registry.yarnpkg.com/keycloakify/-/keycloakify-10.0.0-rc.42.tgz#66bb6f49553e5e14b115d601e85bdde61432e154"
+  integrity sha512-nSIU/3t+Jwz2alJpf5Z3JiY0/pC/tzNcSIhkno/a8XMs7r2fEH/KC8dqBTh4E0ZhbTvZp7j3wy80atdIqzeKDA==
   dependencies:
     react-markdown "^5.0.3"
     tsafe "^1.6.6"