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) => {
+      const nextVerifiedRoles = verifiedRoles ?? user.verifiedRoles ?? [user.role]
+      const nextVerificationStatus =
+        user.verificationStatus ??
+        nextVerifiedRoles.reduce<Partial<Record<UserRole, VerificationStatus>>>((acc, role) => {
+          acc[role] = "approved"
+          return acc
+        }, {})
+
+      return {
         isAuthenticated: true,
         user,
         currentRole: user.role,
-      verifiedRoles,
+        verifiedRoles: nextVerifiedRoles,
-      verificationStatus: verifiedRoles.reduce<Partial<Record<UserRole, VerificationStatus>>>(
+        verificationStatus: nextVerificationStatus,
-        (acc, role) => {
-          acc[role] = "approved"
-          return acc
-        },
-        {},
-      ),
         verificationReasons: {},
         notificationPrefs: state.notificationPrefs,
         themePreference: themePreference ?? state.themePreference,
-    })),
+      }
+    }),
   logout: () =>
     set({
       isAuthenticated: false,