nfx-ui 0.26.0 → 0.28.0

package/src/hooks/auth.ts

@@ -2,15 +2,15 @@
  * Auth hooks — 组件勿直接调 apis/auth
  */
 import type { AxiosError } from "axios";
-import type { CurrentProfileResult, Login, Profile, Signup } from "@/types";
+import type { CurrentProfileResult, Login, Profile, Signup } from "nfx-ui/types";
 
 import { useEffect } from "react";
 import { useMutation } from "@tanstack/react-query";
-import { useAuthRepository } from "@/apis/repositories";
-import { AUTH_EMAILS, AUTH_ME, AUTH_PHONES, AUTH_PROFILES } from "@/constants";
-import { AuthSignupPlatformEnum, LanguageEnum, ProfileKindEnum } from "@/enums";
-import { authEventEmitter, authEvents } from "@/events/auth";
-import { systemEventEmitter } from "@/events/system";
+import { useAuthRepository } from "nfx-ui/apis/repositories";
+import { AUTH_EMAILS, AUTH_ME, AUTH_OWNER_AUTHORITIES, AUTH_OWNER_FORGERS, AUTH_PHONES, AUTH_PROFILE_SEARCH, AUTH_PROFILES, AUTH_PUBLIC_CARD } from "nfx-ui/constants";
+import { AuthSignupPlatformEnum, LanguageEnum, ProfileKindEnum } from "nfx-ui/enums";
+import { authEventEmitter, authEvents } from "nfx-ui/events/auth";
+import { systemEventEmitter } from "nfx-ui/events/system";
 import {
   AuthStore,
   clearAuth,
@@ -22,12 +22,12 @@ import {
   setIsAuthValid,
   setTokens,
   useAuthStore,
-} from "@/stores/auth";
-import { ensureDeviceIdStorage } from "@/stores/system";
-import { getApiErrorMessage } from "@/utils/apiError";
-import { pickProfile } from "@/utils/domain/account";
-import { useUnifiedQuery } from "@/utils/factory";
-import { safeOr, safeStringable } from "@/utils/safe";
+} from "nfx-ui/stores/auth";
+import { ensureDeviceIdStorage } from "nfx-ui/stores/system";
+import { getApiErrorMessage } from "nfx-ui/utils/apiError";
+import { pickProfile } from "nfx-ui/utils/domain/account";
+import { useUnifiedQuery } from "nfx-ui/utils/factory";
+import { safeOr, safeStringable } from "nfx-ui/utils/safe";
 import { useTranslation } from "react-i18next";
 
 export function useAuthQueryScope() {
@@ -156,6 +156,33 @@ export const useLoginWithEmail = () => {
   });
 };
 
+export const useLoginWithPhone = () => {
+  const auth = useAuthRepository();
+  return useMutation({
+    mutationFn: async ({ rememberMe, ...params }: { phone: string; password: string; rememberMe: boolean }) =>
+      auth.LoginWithPhone({
+        ...params,
+        deviceId: await ensureDeviceIdStorage(),
+      }),
+    onSuccess: (result, variables) => {
+      if (!result?.accessToken) return;
+      setCurrentProfileId(EMPTY_PROFILE_ID);
+      setTokens(
+        {
+          accessToken: result.accessToken,
+          refreshToken: safeStringable(result.refreshToken),
+        },
+        { rememberMe: variables.rememberMe },
+      );
+      setIsAuthValid(true);
+      if (result.accountId) setCurrentAccountId(result.accountId);
+    },
+    onError: (error: AxiosError) => {
+      systemEventEmitter.showError(getApiErrorMessage(error, "[useLoginWithPhone] error"));
+    },
+  });
+};
+
 export const useSelectProfile = () => {
   const auth = useAuthRepository();
   return useMutation({
@@ -203,14 +230,31 @@ export const usePatchProfile = (options?: { silent?: boolean }) => {
 export const useUpdateProfileSettings = () => {
   const auth = useAuthRepository();
   const { kind } = useAuthQueryScope();
+  const { t } = useTranslation("hooks", { keyPrefix: "account" });
   return useMutation({
     mutationFn: (body: Profile.Request.PatchProfileSettings) => auth.PatchProfileSettings(kind, body),
+    onSuccess: () => {
+      const aID = AuthStore.getState().currentAccountId;
+      authEventEmitter.emit(authEvents.UPDATE_ACCOUNT_SUCCESS, aID);
+      systemEventEmitter.showSuccess(t("updateSettingsSuccess", { defaultValue: "Settings updated." }));
+    },
     onError: (error: AxiosError) => {
       systemEventEmitter.showError(getApiErrorMessage(error, "[useUpdateProfileSettings] error"));
     },
   });
 };
 
+export const useUpdatePreference = () => {
+  const auth = useAuthRepository();
+  const { kind } = useAuthQueryScope();
+  return useMutation({
+    mutationFn: (preference: string) => auth.UpdatePreference(kind, preference),
+    onError: (error: AxiosError) => {
+      systemEventEmitter.showError(getApiErrorMessage(error, "[useUpdatePreference] error"));
+    },
+  });
+};
+
 export const useListProfiles = <K extends ProfileKindEnum>(kind: K) => {
   const auth = useAuthRepository();
   const { aID, isAuthValid } = useAuthQueryScope();
@@ -269,6 +313,10 @@ export const useConfirmProfileAvatar = () => {
   const { kind } = useAuthQueryScope();
   return useMutation({
     mutationFn: (body: Profile.Request.ConfirmProfileAvatar) => auth.ConfirmProfileAvatar(kind, body),
+    onSuccess: () => {
+      const aID = AuthStore.getState().currentAccountId;
+      authEventEmitter.emit(authEvents.UPDATE_ACCOUNT_SUCCESS, aID);
+    },
     onError: (error: AxiosError) => {
       systemEventEmitter.showError(getApiErrorMessage(error, "[useConfirmProfileAvatar] error"));
     },
@@ -278,8 +326,14 @@ export const useConfirmProfileAvatar = () => {
 export const useClearProfileAvatar = () => {
   const auth = useAuthRepository();
   const { kind } = useAuthQueryScope();
+  const { t } = useTranslation("hooks", { keyPrefix: "account" });
   return useMutation({
     mutationFn: () => auth.ClearProfileAvatar(kind),
+    onSuccess: () => {
+      const aID = AuthStore.getState().currentAccountId;
+      authEventEmitter.emit(authEvents.UPDATE_ACCOUNT_SUCCESS, aID);
+      systemEventEmitter.showSuccess(t("clearAvatarSuccess", { defaultValue: "Avatar removed." }));
+    },
     onError: (error: AxiosError) => {
       systemEventEmitter.showError(getApiErrorMessage(error, "[useClearProfileAvatar] error"));
     },
@@ -441,5 +495,177 @@ export const useConfirmProfileBackgrounds = () => {
   });
 };
 
+export const useCreatePhone = () => {
+  const auth = useAuthRepository();
+  const accountId = AuthStore.getState().currentAccountId;
+  const { t } = useTranslation("hooks", { keyPrefix: "account" });
+  return useMutation({
+    mutationFn: (body: Login.Request.CreatePhone) => auth.CreatePhone(body),
+    onSuccess: () => {
+      authEventEmitter.invalidatePhones(accountId);
+      systemEventEmitter.showSuccess(t("createPhoneSuccess", { defaultValue: "Phone added." }));
+    },
+    onError: (error: AxiosError) => {
+      systemEventEmitter.showError(getApiErrorMessage(error, "[useCreatePhone] error"));
+    },
+  });
+};
+
+export const useSendPhoneVerificationCode = () => {
+  const auth = useAuthRepository();
+  const { t } = useTranslation("hooks", { keyPrefix: "account" });
+  return useMutation({
+    mutationFn: (phoneId: string) => auth.SendPhoneVerificationCode(phoneId),
+    onSuccess: () => {
+      systemEventEmitter.showSuccess(t("sendVerificationCodeSuccess", { defaultValue: "Code sent" }));
+    },
+    onError: (error: AxiosError) => {
+      systemEventEmitter.showError(getApiErrorMessage(error, "[useSendPhoneVerificationCode] error"));
+    },
+  });
+};
+
+export const useVerifyPhone = () => {
+  const auth = useAuthRepository();
+  const accountId = AuthStore.getState().currentAccountId;
+  const { t } = useTranslation("hooks", { keyPrefix: "account" });
+  return useMutation({
+    mutationFn: ({ phoneId, verificationCode }: { phoneId: string; verificationCode: string }) =>
+      auth.VerifyPhone(phoneId, { verificationCode }),
+    onSuccess: () => {
+      authEventEmitter.invalidatePhones(accountId);
+      systemEventEmitter.showSuccess(t("verifyPhoneSuccess", { defaultValue: "Phone verified." }));
+    },
+    onError: (error: AxiosError) => {
+      systemEventEmitter.showError(getApiErrorMessage(error, "[useVerifyPhone] error"));
+    },
+  });
+};
+
+export const useUpdatePhone = () => {
+  const auth = useAuthRepository();
+  const accountId = AuthStore.getState().currentAccountId;
+  const { t } = useTranslation("hooks", { keyPrefix: "account" });
+  return useMutation({
+    mutationFn: ({ phoneId, phone }: { phoneId: string; phone: string }) => auth.UpdatePhone(phoneId, { phone }),
+    onSuccess: () => {
+      authEventEmitter.invalidatePhones(accountId);
+      systemEventEmitter.showSuccess(t("updatePhoneSuccess", { defaultValue: "Phone updated." }));
+    },
+    onError: (error: AxiosError) => {
+      systemEventEmitter.showError(getApiErrorMessage(error, "[useUpdatePhone] error"));
+    },
+  });
+};
+
+export const useSetPrimaryPhone = () => {
+  const auth = useAuthRepository();
+  const accountId = AuthStore.getState().currentAccountId;
+  const { t } = useTranslation("hooks", { keyPrefix: "account" });
+  return useMutation({
+    mutationFn: (phoneId: string) => auth.SetPrimaryPhone(phoneId),
+    onSuccess: () => {
+      authEventEmitter.invalidatePhones(accountId);
+      authEventEmitter.emit(authEvents.UPDATE_ACCOUNT_SUCCESS, accountId);
+      systemEventEmitter.showSuccess(t("setPrimaryPhoneSuccess", { defaultValue: "Primary phone updated." }));
+    },
+    onError: (error: AxiosError) => {
+      systemEventEmitter.showError(getApiErrorMessage(error, "[useSetPrimaryPhone] error"));
+    },
+  });
+};
+
+export const useDeletePhone = () => {
+  const auth = useAuthRepository();
+  const accountId = AuthStore.getState().currentAccountId;
+  const { t } = useTranslation("hooks", { keyPrefix: "account" });
+  return useMutation({
+    mutationFn: (phoneId: string) => auth.DeletePhone(phoneId),
+    onSuccess: () => {
+      authEventEmitter.invalidatePhones(accountId);
+      systemEventEmitter.showSuccess(t("deletePhoneSuccess", { defaultValue: "Phone removed." }));
+    },
+    onError: (error: AxiosError) => {
+      systemEventEmitter.showError(getApiErrorMessage(error, "[useDeletePhone] error"));
+    },
+  });
+};
+
+export const useSearchForgerProfiles = (query: string) => {
+  const auth = useAuthRepository();
+  const { aID, isAuthValid } = useAuthQueryScope();
+  const trimmed = query.trim();
+  return useUnifiedQuery(
+    ({ query: q }) => auth.SearchForgerProfiles({ query: q, limit: 50, offset: 0 }),
+    AUTH_PROFILE_SEARCH(aID, ProfileKindEnum.FORGER, trimmed),
+    { query: trimmed },
+    { enabled: isAuthValid && Boolean(aID) && trimmed.length > 0 },
+  );
+};
+
+export const useSearchAuthorityProfiles = (query: string) => {
+  const auth = useAuthRepository();
+  const { aID, isAuthValid } = useAuthQueryScope();
+  const trimmed = query.trim();
+  return useUnifiedQuery(
+    ({ query: q }) => auth.SearchAuthorityProfiles({ query: q, limit: 50, offset: 0 }),
+    AUTH_PROFILE_SEARCH(aID, ProfileKindEnum.AUTHORITY, trimmed),
+    { query: trimmed },
+    { enabled: isAuthValid && Boolean(aID) && trimmed.length > 0 },
+  );
+};
+
+export const useGetPublicProfileCard = (profileId: string) => {
+  const auth = useAuthRepository();
+  const { isAuthValid } = useAuthQueryScope();
+  return useUnifiedQuery(
+    () => auth.GetPublicProfileCard(profileId),
+    AUTH_PUBLIC_CARD(profileId),
+    undefined,
+    { enabled: isAuthValid && Boolean(profileId) },
+  );
+};
+
+export const useListOwnerForgerProfiles = (query = "") => {
+  const auth = useAuthRepository();
+  const { aID, isAuthValid } = useAuthQueryScope();
+  const trimmed = query.trim();
+  return useUnifiedQuery(
+    ({ query: q }) => auth.ListOwnerForgerProfiles({ limit: 50, offset: 0, query: q || undefined }),
+    [...AUTH_OWNER_FORGERS(aID), trimmed],
+    { query: trimmed },
+    { enabled: isAuthValid && Boolean(aID) },
+  );
+};
+
+export const useListOwnerAuthorityProfiles = (query = "") => {
+  const auth = useAuthRepository();
+  const { aID, isAuthValid } = useAuthQueryScope();
+  const trimmed = query.trim();
+  return useUnifiedQuery(
+    ({ query: q }) => auth.ListOwnerAuthorityProfiles({ limit: 50, offset: 0, query: q || undefined }),
+    [...AUTH_OWNER_AUTHORITIES(aID), trimmed],
+    { query: trimmed },
+    { enabled: isAuthValid && Boolean(aID) },
+  );
+};
+
+export const useUpdateAuthorityProfileRoles = () => {
+  const auth = useAuthRepository();
+  const accountId = AuthStore.getState().currentAccountId;
+  const { t } = useTranslation("hooks", { keyPrefix: "account" });
+  return useMutation({
+    mutationFn: ({ profileId, authorityRoles }: { profileId: string; authorityRoles: Profile.Request.UpdateAuthorityProfileRoles["authorityRoles"] }) =>
+      auth.UpdateAuthorityProfileRoles(profileId, { authorityRoles }),
+    onSuccess: () => {
+      authEventEmitter.invalidateOwner(accountId);
+      systemEventEmitter.showSuccess(t("updateRolesSuccess", { defaultValue: "Roles updated." }));
+    },
+    onError: (error: AxiosError) => {
+      systemEventEmitter.showError(getApiErrorMessage(error, "[useUpdateAuthorityProfileRoles] error"));
+    },
+  });
+};
+
 export { hasSelectedProfile, AuthStore, useAuthStore };
 export { LanguageEnum, AuthSignupPlatformEnum };

package/src/hooks/index.ts

@@ -14,4 +14,4 @@ export {
   usePreferenceLabel,
   getThemeDisplayName,
   useThemeLabel,
-} from "@/languages/hooks";
+} from "nfx-ui/languages/hooks";

package/src/hooks/preference.ts

@@ -1,19 +1,19 @@
 /**
  * Shared preference hooks — appearance resolve + host-configured server sync.
  */
-import type { PreferencePatch, ResolvedPreference } from "@/stores/preference";
-import type { RadixAppearance } from "@/themes/radix";
+import type { PreferencePatch, ResolvedPreference } from "nfx-ui/stores/preference";
+import type { RadixAppearance } from "nfx-ui/themes/radix";
 
 import { useEffect, useRef, useState } from "react";
 
-import { AppearanceEnum } from "@/enums/theme";
+import { AppearanceEnum } from "nfx-ui/enums/theme";
 import {
   PreferenceStore,
   replacePreference,
   setPreference,
   usePreferenceStore,
-} from "@/stores/preference";
-import { readSystemRadixAppearance, resolveRadixAppearance } from "@/themes/radix";
+} from "nfx-ui/stores/preference";
+import { readSystemRadixAppearance, resolveRadixAppearance } from "nfx-ui/themes/radix";
 
 /** 将 theme.appearance（含 system）解析为当前生效的 Radix light|dark，并在跟随系统时响应 OS 切换。 */
 export function useResolvedAppearance(): RadixAppearance {

package/src/languages/hooks/useLanguageLabel.ts

@@ -1,7 +1,7 @@
 import i18n from "i18next";
 import { useTranslation } from "react-i18next";
 
-import { BaseEnum } from "@/enums/theme";
+import { BaseEnum } from "nfx-ui/enums/theme";
 import { LanguageEnum } from "../types";
 
 function getLanguageI18nKey(lang: LanguageEnum): string {

package/src/languages/hooks/useLayoutLabel.ts

@@ -2,7 +2,7 @@
  * 返回 { getLayoutDisplayName }，便于扩展；getLayoutDisplayName 可传给 SlideDownSwitcher 的 getDisplayName。
  * Returns { getLayoutDisplayName } for extensibility; pass to SlideDownSwitcher getDisplayName.
  */
-import type { LayoutModeEnum } from "@/enums/layout";
+import type { LayoutModeEnum } from "nfx-ui/enums/layout";
 
 import { useCallback, useMemo } from "react";
 

package/src/languages/hooks/usePreferenceLabel.ts

@@ -2,7 +2,7 @@
  * 返回 { getPreferenceDisplayName }（Base 展示名），便于扩展；可传给 SlideDownSwitcher 的 getDisplayName。
  * Returns { getPreferenceDisplayName } for extensibility; pass to SlideDownSwitcher getDisplayName.
  */
-import type { BaseEnum } from "@/enums/theme";
+import type { BaseEnum } from "nfx-ui/enums/theme";
 
 import { useCallback, useMemo } from "react";
 

package/src/languages/hooks/useThemeLabel.ts

@@ -1,7 +1,7 @@
 /**
  * Accent / appearance labels for ThemeSettings.
  */
-import type { AccentColorEnum } from "@/enums/theme";
+import type { AccentColorEnum } from "nfx-ui/enums/theme";
 
 import { useCallback, useMemo } from "react";
 

package/src/languages/languages/i18n.ts

@@ -8,9 +8,9 @@ import i18n from "i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
 import { initReactI18next } from "react-i18next";
 
-import { LanguageEnum, LANGUAGE_VALUES } from "@/enums/language";
-import { PreferenceStore, setPreference } from "@/stores/preference";
-import { safeEnum, safeStringable } from "@/utils/safe";
+import { LanguageEnum, LANGUAGE_VALUES } from "nfx-ui/enums/language";
+import { PreferenceStore, setPreference } from "nfx-ui/stores/preference";
+import { safeEnum, safeStringable } from "nfx-ui/utils/safe";
 
 import { getDefaultNfxBundles } from "../resources";
 

package/src/languages/languages/i18nResources.ts

@@ -5,7 +5,7 @@
 import type { CreateI18nResourcesResult, LanguageEnum, NameSpacesMap, Resources } from "../types";
 
 import i18n from "./i18n";
-import { setPreference } from "@/stores/preference";
+import { setPreference } from "nfx-ui/stores/preference";
 
 /**
  * 由调用方传入 resources 和 nameSpacesMap，生成 i18n 所需的 RESOURCES、NAME_SPACES_MAP、NAME_SPACES。

package/src/languages/types/components.ts

@@ -1,4 +1,4 @@
 /**
  * 语言相关组件的 Props 类型。
  */
-export type { LanguageProviderProps } from "@/providers/LanguageProvider";
+export type { LanguageProviderProps } from "nfx-ui/providers/LanguageProvider";

package/src/languages/types/language.ts

@@ -1,4 +1,4 @@
 /**
  * 语言枚举与常量 — 从 enums 再导出，避免 languages 模块重复定义。
  */
-export { LanguageEnum, DEFAULT_LANGUAGE, LANGUAGE_VALUES, Language } from "@/enums/language";
+export { LanguageEnum, DEFAULT_LANGUAGE, LANGUAGE_VALUES, Language } from "nfx-ui/enums/language";

package/src/languages/utils/getLocalLanguage.ts

@@ -1,8 +1,8 @@
 /**
  * 获取本地语言：PreferenceStore 为唯一真相。
  */
-import { PreferenceStore } from "@/stores/preference";
-import { DEFAULT_LANGUAGE, type LanguageEnum } from "@/enums/language";
+import { PreferenceStore } from "nfx-ui/stores/preference";
+import { DEFAULT_LANGUAGE, type LanguageEnum } from "nfx-ui/enums/language";
 
 export function getLocalLanguage(): LanguageEnum {
   return PreferenceStore.getState().language ?? DEFAULT_LANGUAGE;

package/src/languages/utils/languageStorage.ts

@@ -1,10 +1,10 @@
 /**
  * Language helpers backed by PreferenceStore (CityPulso: no separate language-storage key).
  */
-import type { Nilable } from "@/types/utils";
+import type { Nilable } from "nfx-ui/types/utils";
 
-import { LANGUAGE_VALUES, LanguageEnum } from "@/enums/language";
-import { PreferenceStore, setPreference } from "@/stores/preference";
+import { LANGUAGE_VALUES, LanguageEnum } from "nfx-ui/enums/language";
+import { PreferenceStore, setPreference } from "nfx-ui/stores/preference";
 
 export function getLanguageStorage(): Nilable<LanguageEnum> {
   const raw = PreferenceStore.getState().language;

package/src/navigations/GuestRoute.tsx

@@ -2,7 +2,7 @@
  * Guest-only outlet — redirects away when session + profile are already selected.
  * Host supplies product home path via `redirectTo`.
  */
-import { hasSelectedProfile, useAuthStore } from "@/stores/auth";
+import { hasSelectedProfile, useAuthStore } from "nfx-ui/stores/auth";
 import { Navigate, Outlet } from "react-router";
 
 export interface GuestRouteProps {

package/src/navigations/ProtectedRoute.tsx

@@ -2,7 +2,7 @@
  * Auth-gated outlet — redirects to login when session/profile missing.
  * Host supplies product login path via `redirectTo`.
  */
-import { hasSelectedProfile, useAuthStore } from "@/stores/auth";
+import { hasSelectedProfile, useAuthStore } from "nfx-ui/stores/auth";
 import { Navigate, Outlet, useLocation } from "react-router";
 
 export interface ProtectedRouteProps {

package/src/providers/DataProvider/index.tsx

@@ -1,13 +1,13 @@
-import type { IdentityRepositories } from "@/apis";
+import type { IdentityRepositories } from "nfx-ui/apis";
 import type { ReactNode } from "react";
 
 import { useEffect, useMemo } from "react";
-import { ApiAssetRepository, ApiAuthRepository, IdentityRepositoriesContext, setIdentityRepositories, useAuthRepository } from "@/apis";
-import { scheduleAccessTokenRefresh } from "@/apis/authRefresh";
-import { useAuthQueryScope, useCurrentProfile } from "@/hooks/auth";
-import { configurePreferenceSync, useApplyPreferenceOnLoad } from "@/hooks/preference";
-import { AuthStore, hasSelectedProfile, subscribeAuthStorageSync } from "@/stores/auth";
-import { parseServerPreference, toServerPreference } from "@/stores/preference";
+import { ApiAssetRepository, ApiAuthRepository, IdentityRepositoriesContext, setIdentityRepositories, useAuthRepository } from "nfx-ui/apis";
+import { scheduleAccessTokenRefresh } from "nfx-ui/apis/authRefresh";
+import { useAuthQueryScope, useCurrentProfile } from "nfx-ui/hooks/auth";
+import { configurePreferenceSync, useApplyPreferenceOnLoad } from "nfx-ui/hooks/preference";
+import { AuthStore, hasSelectedProfile, subscribeAuthStorageSync } from "nfx-ui/stores/auth";
+import { parseServerPreference, toServerPreference } from "nfx-ui/stores/preference";
 
 const defaultIdentityRepositories: IdentityRepositories = {
   auth: new ApiAuthRepository(),

package/src/providers/LanguageProvider/index.tsx

@@ -2,16 +2,16 @@
  * 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 { CreateI18nResourcesResult, ExtraBundleItem, onLoadExtraBundles } from "nfx-ui/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";
+import { getIdentityRepositories } from "nfx-ui/apis";
+import { DEFAULT_LANGUAGE, LANGUAGE_VALUES, LanguageEnum } from "nfx-ui/enums/language";
+import i18n, { initI18n, toSupportedLanguage } from "nfx-ui/languages/languages/i18n";
+import { PreferenceStore } from "nfx-ui/stores/preference";
+import { ERRORS_NS_IDENTITY, MESSAGES_NS_IDENTITY } from "nfx-ui/utils/apiError";
 
 export interface LanguageProviderProps {
   children: ReactNode;

package/src/providers/ThemeProvider/index.tsx

@@ -2,16 +2,16 @@
  * Shared Radix Theme provider — reads unified preference store.
  * Host may pass document side-effects (e.g. favicon) via `onAppearanceChange`.
  */
-import type { RadixAppearance } from "@/themes/radix";
+import type { RadixAppearance } from "nfx-ui/themes/radix";
 import type { ReactNode } from "react";
 
 import { useEffect } from "react";
 import { Theme } from "@radix-ui/themes";
 
-import { useResolvedAppearance } from "@/hooks/preference";
-import { usePreferenceStore } from "@/stores/preference";
+import { useResolvedAppearance } from "nfx-ui/hooks/preference";
+import { usePreferenceStore } from "nfx-ui/stores/preference";
 
-import "@/themes/index.css";
+import "nfx-ui/themes/index.css";
 
 export interface ThemeProviderProps {
   children: ReactNode;

package/src/schemas/loginSchema.ts

@@ -30,3 +30,28 @@ export const useInitLoginForm = () => {
     },
   });
 };
+
+export function createLoginWithPhoneSchema(t: TFunction) {
+  return z.object({
+    phone: z.string().min(1, t("form.validation.phoneRequired")).min(6, t("form.validation.phoneInvalid")),
+    password: z.string().min(1, t("form.validation.passwordRequired")),
+    rememberMe: z.boolean().optional(),
+  });
+}
+
+export type LoginWithPhoneFormData = z.infer<ReturnType<typeof createLoginWithPhoneSchema>>;
+
+export const useInitLoginWithPhoneForm = () => {
+  const { t } = useTranslation("pages.Account.Login");
+  const schema = createLoginWithPhoneSchema(t);
+
+  return useForm<LoginWithPhoneFormData>({
+    resolver: zodResolver(schema),
+    mode: "onChange",
+    defaultValues: {
+      phone: "",
+      password: "",
+      rememberMe: false,
+    },
+  });
+};

package/src/schemas/profileEditSchema.ts

@@ -1,10 +1,10 @@
 import type { TFunction } from "i18next";
-import type { Profile } from "@/types";
+import type { Profile } from "nfx-ui/types";
 
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Language, LanguageEnum } from "@/enums";
-import { toDateInputValue } from "@/utils/time";
-import { safeStringable } from "@/utils/safe";
+import { Language, LanguageEnum } from "nfx-ui/enums";
+import { toDateInputValue } from "nfx-ui/utils/time";
+import { safeStringable } from "nfx-ui/utils/safe";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { z } from "zod";

package/src/schemas/signupSchema.ts

@@ -1,7 +1,7 @@
 import type { TFunction } from "i18next";
 
 import { zodResolver } from "@hookform/resolvers/zod";
-import { normalizeVerificationCode, VERIFICATION_CODE_ALPHABET } from "@/utils/domain/verificationCode";
+import { normalizeVerificationCode, VERIFICATION_CODE_ALPHABET } from "nfx-ui/utils/domain/verificationCode";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { z } from "zod";

package/src/stores/auth.ts

@@ -1,7 +1,7 @@
-import type { Tokens } from "@/types";
+import type { Tokens } from "nfx-ui/types";
 
-import { DEFAULT_PROFILE_KIND, ProfileKind, ProfileKindEnum } from "@/enums";
-import { makeStore } from "@/stores/makeStore";
+import { DEFAULT_PROFILE_KIND, ProfileKind, ProfileKindEnum } from "nfx-ui/enums";
+import { makeStore } from "nfx-ui/stores/makeStore";
 
 /**
  * Auth session: memory is source of truth.

package/src/stores/index.ts

@@ -3,4 +3,4 @@ export * from "./preference";
 export * from "./layout";
 export * from "./auth";
 export * from "./system";
-export { DashboardBackgroundEnum, DEFAULT_DASHBOARD_BACKGROUND, DASHBOARD_BACKGROUND_VALUES } from "@/enums/dashboard";
+export { DashboardBackgroundEnum, DEFAULT_DASHBOARD_BACKGROUND, DASHBOARD_BACKGROUND_VALUES } from "nfx-ui/enums/dashboard";

package/src/stores/layout.ts

@@ -1,4 +1,4 @@
-import { makePersistStore } from "@/stores/makeStore";
+import { makePersistStore } from "nfx-ui/stores/makeStore";
 
 interface LayoutState {
   headerHeight: number;

package/src/stores/preference.ts

@@ -1,11 +1,11 @@
 /**
  * Shared preference store — theme + language + layout (no map/billing/event).
  */
-import { DEFAULT_LAYOUT_MODE, LayoutModeEnum } from "@/enums/layout";
-import { DEFAULT_LANGUAGE, Language, type LanguageEnum } from "@/enums/language";
-import { DashboardBackground, DEFAULT_DASHBOARD_BACKGROUND, DashboardBackgroundEnum } from "@/enums/dashboard";
-import { getDefaultThemePreference, resolveThemePreference, type ResolvedThemePreference } from "@/themes/radix";
-import { makePersistStore } from "@/stores/makeStore";
+import { DEFAULT_LAYOUT_MODE, LayoutModeEnum } from "nfx-ui/enums/layout";
+import { DEFAULT_LANGUAGE, Language, type LanguageEnum } from "nfx-ui/enums/language";
+import { DashboardBackground, DEFAULT_DASHBOARD_BACKGROUND, DashboardBackgroundEnum } from "nfx-ui/enums/dashboard";
+import { getDefaultThemePreference, resolveThemePreference, type ResolvedThemePreference } from "nfx-ui/themes/radix";
+import { makePersistStore } from "nfx-ui/stores/makeStore";
 
 export interface ResolvedPreference {
   language: LanguageEnum;

package/src/themes/hooks/index.ts

@@ -1,2 +1,2 @@
 export * from "./useTheme";
-export { useResolvedAppearance } from "@/hooks/preference";
+export { useResolvedAppearance } from "nfx-ui/hooks/preference";