fix(auth): preserve backend roles on login

app/(auth)/login/page.tsx

@@ -36,7 +36,7 @@ export default function LoginPage() {
   const onSubmit = async (data: z.infer<typeof loginSchema>) => {
     try {
       const user = await loginApi({ username: data.username, password: data.password })
-      storeLogin(user, ["consumer", "player", "owner"])
+      storeLogin(user, user.verifiedRoles)
       router.push("/")
     } catch (err) {
       notifyInfo(toApiError(err).msg)

app/(auth)/register/page.tsx

@@ -84,7 +84,7 @@ export default function RegisterPage() {
         vcode: data.vcode,
         requestId,
       })
-      storeLogin(user, ["consumer"])
+      storeLogin(user, user.verifiedRoles ?? ["consumer"])
       router.push("/")
     } catch (err) {
       notifyInfo(toApiError(err).msg)

components/login-dialog.tsx

@@ -45,7 +45,7 @@ export function LoginDialog({ open, onOpenChange }: LoginDialogProps) {
   const onSubmit = async (data: z.infer<typeof loginSchema>) => {
     try {
       const user = await loginApi({ username: data.username, password: data.password })
-      storeLogin(user, ["consumer", "player", "owner"])
+      storeLogin(user, user.verifiedRoles)
       consumePendingAction()
       onOpenChange(false)
     } catch (err) {

store/auth.ts

@@ -125,23 +125,27 @@ export const useAuthStore = create<AuthState>((set, get) => ({
         },
       }
     }),
-  login: (user, verifiedRoles = ["consumer"], themePreference) =>
+  login: (user, verifiedRoles, themePreference) =>
-    set((state) => ({
+    set((state) => {
-      isAuthenticated: true,
+      const nextVerifiedRoles = verifiedRoles ?? user.verifiedRoles ?? [user.role]
-      user,
+      const nextVerificationStatus =
-      currentRole: user.role,
+        user.verificationStatus ??
-      verifiedRoles,
+        nextVerifiedRoles.reduce<Partial<Record<UserRole, VerificationStatus>>>((acc, role) => {
-      verificationStatus: verifiedRoles.reduce<Partial<Record<UserRole, VerificationStatus>>>(
-        (acc, role) => {
           acc[role] = "approved"
           return acc
-        },
+        }, {})
-        {},
+
-      ),
+      return {
-      verificationReasons: {},
+        isAuthenticated: true,
-      notificationPrefs: state.notificationPrefs,
+        user,
-      themePreference: themePreference ?? state.themePreference,
+        currentRole: user.role,
-    })),
+        verifiedRoles: nextVerifiedRoles,
+        verificationStatus: nextVerificationStatus,
+        verificationReasons: {},
+        notificationPrefs: state.notificationPrefs,
+        themePreference: themePreference ?? state.themePreference,
+      }
+    }),
   logout: () =>
     set({
       isAuthenticated: false,