How to emit Bloc State based on retry request response? - flutter

Question

I tried to implement a refresh token in my app, so every time I do request, dio will check the response, if the response status code is 401 then it will refresh the access token and retry the request
Future onError(DioError dioError, ErrorInterceptorHandler handler) async {
print(dioError.response!.statusCode);
int? responseCode = dioError.response!.statusCode;
String? oldAccessToken = _sharedPreferencesManager
.getString(SharedPreferencesManager.keyAccessToken);
if (oldAccessToken != null && responseCode == 401) {
_dio.interceptors.responseLock.lock();
_dio.interceptors.responseLock.lock();
String? refreshToken = _sharedPreferencesManager
.getString(SharedPreferencesManager.keyRefreshToken);
Map<String, dynamic> refreshTokenBody = {
'grant_type': 'refresh_token',
'refresh_token': refreshToken
};
ApiRepository apiAuthRepository = ApiRepository();
LoginModel token =
await apiAuthRepository.postRefreshAuth(refreshTokenBody);
if (token.success) {
String newAccessToken = token.data.accessToken;
String newRefreshToken = token.data.refreshToken;
await _sharedPreferencesManager.putString(
SharedPreferencesManager.keyAccessToken, newAccessToken);
await _sharedPreferencesManager.putString(
SharedPreferencesManager.keyRefreshToken, newRefreshToken);
}
RequestOptions options = dioError.response!.requestOptions;
options.headers.addAll({'requirestoken': true});
_dio.interceptors.requestLock.unlock();
_dio.interceptors.responseLock.unlock();
handler.next(dioError);
return _dio.request(options.path,
options: Options(headers: options.headers));
} else {
super.onError(dioError, handler);
}
}
The problem is in my Bloc, if I tried to access the API with the expired access token (If I tried using an active access token there is no problem), the dio works fine by refreshing and retrying the request, but my bloc only emits a Loading/Failure State based on the result of the first response, any idea how to solve it?
Future<void> mapEventToState(
Emitter<DashboardState> emit, DashboardEvent event) async {
emit(DashboardLoading());
DashboardModel getMe = await apiAuthRepository.getMeUser();
if (!getMe.success) {
emit(DashboardFailure(getMe.message));
}
emit(
DashboardSuccess(),
);
}
And here is how I implement the Bloc
BlocProvider<DashboardBloc>(
create: (_) => _dashboardBloc,
child: BlocListener<DashboardBloc, DashboardState>(
listener: (context, state) {
if (state is DashboardFailure)
ScaffoldMessenger.of(context).showSnackBar(SnackBar(
content: Text(state.error),
));
},
child: BlocBuilder<DashboardBloc, DashboardState>(
builder: (context, state) {
if (state is DashboardSuccess)
return ListView(..);
else if (state is DashboardLoading)
return Center(child: const CircularProgressIndicator());
else
print(state);
return Container();