Fix specialization of i18n using global

src/lib/i18n/createI18nApi.tsx

@@ -9,9 +9,7 @@ import type { KcContextBase } from "../getKcContext/KcContextBase";
 
 const fallbackLanguageTag = "en";
 
-export type BaseMessageKey = keyof typeof baseMessages | keyof typeof keycloakifyExtraMessages[typeof fallbackLanguageTag];
+export type I18n<MessageKey extends string> = {
-
-type I18n<MessageKey extends string> = {
     msgStr: (key: MessageKey, ...args: (string | undefined)[]) => string;
     msg: (key: MessageKey, ...args: (string | undefined)[]) => JSX.Element;
     /** advancedMsg("${access-denied}") === advancedMsg("access-denied") === msg("access-denied") */
@@ -24,7 +22,7 @@ type I18n<MessageKey extends string> = {
     labelBySupportedLanguageTag: Record<string, string>;
 };
 
-type KcContextLike = {
+export type KcContextLike = {
     locale?: {
         currentLanguageTag: string;
         supported: { languageTag: string; url: string; label: string }[];
@@ -39,12 +37,14 @@ export type I18nProviderProps = {
     kcContext: KcContextLike;
 };
 
+const allExtraMessages: { [languageTag: string]: { [key: string]: string } } = {};
+
 export function createI18nApi<ExtraMessageKey extends string = never>(params: {
     extraMessages: { [languageTag: string]: { [key in ExtraMessageKey]: string } };
 }) {
-    const { extraMessages } = params ?? {};
+    Object.assign(allExtraMessages, params.extraMessages);
 
-    type MessageKey = ExtraMessageKey | BaseMessageKey;
+    type MessageKey = ExtraMessageKey | keyof typeof baseMessages | keyof typeof keycloakifyExtraMessages[typeof fallbackLanguageTag];
 
     const context = createContext<I18n<MessageKey> | undefined>(undefined);
 
@@ -81,12 +81,12 @@ export function createI18nApi<ExtraMessageKey extends string = never>(params: {
                         "fallbackMessages": {
                             ...fallbackMessages,
                             ...(keycloakifyExtraMessages[fallbackLanguageTag] ?? {}),
-                            ...(extraMessages?.[fallbackLanguageTag] ?? {}),
+                            ...(allExtraMessages[fallbackLanguageTag] ?? {}),
                         } as any,
                         "messages": {
                             ...messages,
                             ...((keycloakifyExtraMessages as any)[currentLanguageTag] ?? {}),
-                            ...(extraMessages?.[currentLanguageTag] ?? {}),
+                            ...(allExtraMessages[currentLanguageTag] ?? {}),
                         } as any,
                     }),
                     currentLanguageTag,

src/lib/i18n/index.ts

@@ -1,5 +1,8 @@
 import { createI18nApi } from "./createI18nApi";
+import type { I18n } from "./createI18nApi";
 
 export const { I18nProvider, useI18n } = createI18nApi({
     "extraMessages": {},
 });
+
+export type MessageKey = ReturnType<typeof useI18n> extends I18n<infer U> ? U : never;

src/lib/useFormValidationSlice.tsx

@@ -2,19 +2,18 @@ import "./tools/Array.prototype.every";
 import React, { useMemo, useReducer, Fragment } from "react";
 import type { KcContextBase, Validators, Attribute } from "./getKcContext/KcContextBase";
 import { useI18n } from "./i18n";
-import type { KcLanguageTag } from "./i18n";
+import type { MessageKey } from "./i18n";
 import { useConstCallback } from "powerhooks/useConstCallback";
 import { id } from "tsafe/id";
-import type { MessageKey } from "./i18n";
 import { emailRegexp } from "./tools/emailRegExp";
 
+/** Expect to be used in a component wrapped within a <I18nProvider> */
 export function useGetErrors(params: {
     kcContext: {
         messagesPerField: Pick<KcContextBase.Common["messagesPerField"], "existsError" | "get">;
         profile: {
             attributes: { name: string; value?: string; validators: Validators }[];
         };
-        locale?: { currentLanguageTag: KcLanguageTag };
     };
 }) {
     const { kcContext } = params;
@@ -24,7 +23,7 @@ export function useGetErrors(params: {
         profile: { attributes },
     } = kcContext;
 
-    const { msg, msgStr, advancedMsg, advancedMsgStr } = getMsg(kcContext);
+    const { msg, msgStr, advancedMsg, advancedMsgStr } = useI18n();
 
     const getErrors = useConstCallback((params: { name: string; fieldValueByAttributeName: Record<string, { value: string }> }) => {
         const { name, fieldValueByAttributeName } = params;
@@ -313,9 +312,6 @@ export function useFormValidationSlice(params: {
         };
         passwordRequired: boolean;
         realm: { registrationEmailAsUsername: boolean };
-        locale?: {
-            currentLanguageTag: KcLanguageTag;
-        };
     };
     /** NOTE: Try to avoid passing a new ref every render for better performances. */
     passwordValidators?: Validators;
@@ -385,7 +381,6 @@ export function useFormValidationSlice(params: {
             "profile": {
                 "attributes": attributesWithPassword,
             },
-            "locale": kcContext.locale,
         },
     });