nfx-ui 0.24.2 → 0.26.0

package/src/animations/AnimatedIcon.tsx

@@ -0,0 +1,25 @@
+import type { ForwardRefExoticComponent, RefAttributes } from "react";
+
+import type { AnimatedIconHandle, AnimatedIconProps } from "./types";
+import { useAnimatedIconTrigger } from "./useAnimatedIconTrigger";
+
+export type AnimatedIconComponent = ForwardRefExoticComponent<AnimatedIconProps & RefAttributes<AnimatedIconHandle>>;
+
+export type AnimatedIconViewProps = {
+  icon: AnimatedIconComponent;
+  size?: number | string;
+  strokeWidth?: number;
+  className?: string;
+  color?: string;
+};
+
+export function AnimatedIcon({ icon: Icon, size = 18, strokeWidth = 1.75, className, color = "currentColor" }: AnimatedIconViewProps) {
+  const { iconRef, start, stop } = useAnimatedIconTrigger();
+  return (
+    <span className={className} style={{ display: "inline-flex", lineHeight: 0 }} onPointerEnter={start} onPointerLeave={stop}>
+      <Icon ref={iconRef} size={size} strokeWidth={strokeWidth} color={color} />
+    </span>
+  );
+}
+
+export default AnimatedIcon;

package/src/animations/index.ts

@@ -5,6 +5,8 @@ export type {
 } from './types'
 export { DEFAULT_STROKE_WIDTH, scaledStrokeWidth } from './types'
 export { useAnimatedIconTrigger } from './useAnimatedIconTrigger'
+export { AnimatedIcon } from './AnimatedIcon'
+export type { AnimatedIconComponent, AnimatedIconViewProps } from './AnimatedIcon'
 
 export { default as AccessibilityIcon } from './accessibility-icon'
 export { default as AirplaneIcon } from './airplane-icon'

package/src/apis/repositories/AssetRepository.ts

@@ -7,6 +7,7 @@ type Kind = Asset.Kind;
 
 export interface AssetRepository {
   GetErrorTranslations(lang: string): Promise<Record<string, string>>;
+  GetMessageTranslations(lang: string): Promise<Record<string, unknown>>;
   List(kind: Kind): Promise<Asset.Response.Detail[]>;
   PrepareUpload(kind: Kind, params: Asset.Request.PrepareUpload): Promise<Asset.Response.PrepareUpload>;
   PrepareUploads(kind: Kind, params: Asset.Request.PrepareUploads): Promise<Asset.Response.PrepareUploads>;
@@ -35,6 +36,11 @@ export class ApiAssetRepository implements AssetRepository {
     return data;
   }
 
+  async GetMessageTranslations(lang: string): Promise<Record<string, unknown>> {
+    const { data } = await publicClientWithoutTransform.get<Record<string, unknown>>(URL_PATHS.ASSET.Messages.byLang(lang));
+    return data;
+  }
+
   async List(kind: Kind): Promise<Asset.Response.Detail[]> {
     const { data } = await protectedClient.get<DataResponse<Asset.Response.Detail[]>>(String(kindPaths(kind)));
     return dataFromResponse(data, `List ${kind}`);

package/src/apis/repositories/AuthRepository.ts

@@ -7,6 +7,7 @@ import { dataFromResponse, URL_PATHS } from "../ip";
 
 export interface AuthRepository {
   GetErrorTranslations(lang: string): Promise<Record<string, string>>;
+  GetMessageTranslations(lang: string): Promise<Record<string, unknown>>;
   SendVerificationCode(params: Signup.Request.SendVerificationCode): Promise<void>;
   SignupWithEmail(params: Signup.Request.SignupWithEmail): Promise<Signup.Response.SignupWithEmail>;
   LoginWithEmail(params: Login.Request.LoginWithEmail): Promise<Login.Response.LoginWithEmail>;
@@ -55,6 +56,11 @@ export class ApiAuthRepository implements AuthRepository {
     return data;
   }
 
+  async GetMessageTranslations(lang: string): Promise<Record<string, unknown>> {
+    const { data } = await publicClientWithoutTransform.get<Record<string, unknown>>(URL_PATHS.AUTH.Messages.byLang(lang));
+    return data;
+  }
+
   async SendVerificationCode(params: Signup.Request.SendVerificationCode): Promise<void> {
     await publicClient.post(URL_PATHS.AUTH.SignupSendCode, params);
   }

package/src/providers/LanguageProvider/index.tsx

@@ -1,39 +1,71 @@
 /**
  * Shared LanguageProvider — host passes product builtin bundles.
+ * Identity error/message namespaces load here (PulsoLink LanguageProvider pattern).
  */
 import type { CreateI18nResourcesResult, ExtraBundleItem, onLoadExtraBundles } from "@/languages/types";
 import type { ReactNode } from "react";
 
 import { useEffect, useRef } from "react";
 
+import { getIdentityRepositories } from "@/apis";
 import { DEFAULT_LANGUAGE, LANGUAGE_VALUES, LanguageEnum } from "@/enums/language";
 import i18n, { initI18n, toSupportedLanguage } from "@/languages/languages/i18n";
 import { PreferenceStore } from "@/stores/preference";
+import { ERRORS_NS_IDENTITY, MESSAGES_NS_IDENTITY } from "@/utils/apiError";
 
 export interface LanguageProviderProps {
   children: ReactNode;
   getBuiltinBundles: () => CreateI18nResourcesResult;
   fallbackLng?: LanguageEnum;
+  identityMockErrors?: Record<string, unknown>;
+  identityMockMessages?: Record<string, unknown>;
   onLoadExtraBundles?: onLoadExtraBundles;
 }
 
+async function loadIdentityExtraBundles(lng: LanguageEnum, identityMockErrors?: Record<string, unknown>, identityMockMessages?: Record<string, unknown>): Promise<ExtraBundleItem[]> {
+  if (!LANGUAGE_VALUES.includes(lng)) return [];
+
+  if (identityMockErrors != null || identityMockMessages != null) {
+    const items: ExtraBundleItem[] = [];
+    if (identityMockErrors) items.push({ namespace: ERRORS_NS_IDENTITY, bundle: identityMockErrors });
+    if (identityMockMessages) items.push({ namespace: MESSAGES_NS_IDENTITY, bundle: identityMockMessages });
+    return items;
+  }
+
+  try {
+    const lang = lng.toString();
+    const repos = getIdentityRepositories();
+    const [identityErrors, identityMessages] = await Promise.all([
+      repos.asset.GetErrorTranslations(lang),
+      repos.asset.GetMessageTranslations(lang),
+    ]);
+    const items: ExtraBundleItem[] = [];
+    if (identityErrors) items.push({ namespace: ERRORS_NS_IDENTITY, bundle: identityErrors as Record<string, unknown> });
+    if (identityMessages) items.push({ namespace: MESSAGES_NS_IDENTITY, bundle: identityMessages });
+    return items;
+  } catch (error) {
+    console.error("Failed to load Identity translation bundles", error);
+    return [];
+  }
+}
+
 function normalizeExtra(result: Awaited<ReturnType<onLoadExtraBundles>>): ExtraBundleItem[] {
   if (result == null) return [];
   return Array.isArray(result) ? result : [result];
 }
 
-const LanguageProvider = ({ children, getBuiltinBundles, fallbackLng, onLoadExtraBundles }: LanguageProviderProps) => {
+const LanguageProvider = ({ children, getBuiltinBundles, fallbackLng, identityMockErrors, identityMockMessages, onLoadExtraBundles }: LanguageProviderProps) => {
   const hasInitialized = useRef(false);
   if (!hasInitialized.current) {
     initI18n({
       fallbackLng,
       getBuiltinBundles,
-      onLoadExtraBundles: onLoadExtraBundles
-        ? async (lng) => {
-            const extra = normalizeExtra(await onLoadExtraBundles(lng));
-            return extra.length > 0 ? extra : null;
-          }
-        : undefined,
+      onLoadExtraBundles: async (lng) => {
+        const identity = await loadIdentityExtraBundles(lng, identityMockErrors, identityMockMessages);
+        const extra = onLoadExtraBundles ? normalizeExtra(await onLoadExtraBundles(lng)) : [];
+        const merged = [...identity, ...extra];
+        return merged.length > 0 ? merged : null;
+      },
     });
     hasInitialized.current = true;
   }

package/src/utils/apiError.ts

@@ -9,6 +9,12 @@ import type { ApiErrorBody } from "@/types/api";
 
 import i18n from "@/languages/languages/i18n";
 
+/** Identity error copy namespace (GET /asset/locales/:lang). */
+export const ERRORS_NS_IDENTITY = "errors";
+
+/** Identity message copy namespace (GET /asset/messages/:lang). */
+export const MESSAGES_NS_IDENTITY = "messages";
+
 /**
  * 仅当为后端错误（有 response.data）时解析为 ApiErrorBody，否则返回 null
  * Parse to ApiErrorBody only when response.data exists; otherwise null.
@@ -37,8 +43,8 @@ export function getApiError(error: unknown): ApiErrorBody | null {
 export function getApiErrorMessage(error: unknown, fallback: string): string {
   const api = getApiError(error);
   if (api?.errCode) {
-    const out = i18n.t(`errors:${api.errCode}`);
-    if (out && out !== `errors:${api.errCode}`) return out;
+    const out = i18n.t(`${ERRORS_NS_IDENTITY}:${api.errCode}`);
+    if (out && out !== `${ERRORS_NS_IDENTITY}:${api.errCode}`) return out;
   }
   if (api?.message) return api.message;
   return fallback;