blob: c3914f646f60c8cfd1ef029196646c09427799fa (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
import axios from 'axios';
import Storage from './storage.service';
import { COMMON_REQUEST, COMMON_SUCCESS, COMMON_CANCEL } from '../utils/constants';
class HttpServiceSingleton {
constructor() {
axios.defaults.headers.post["Content-Type"] = "application/json";
axios.defaults.headers.put["Accept"] = "application/json";
this.count = 0; // This will store API requests
this.complete = 0; // This will store API Success/errors
}
set reduxStore(store) {
this.store = store;
}
fetch(payload, noAuth) {
const cancelToken = axios.CancelToken;
this.cancelSource = cancelToken.source();
let config = {};
if (!noAuth) {
let token = Storage.get("token");
config.headers = {
'Authirization': `Bearer ${token}`
};
}
config.method = payload.method ? payload.method : 'get';
config.url = payload.url ? payload.url : '';
config.cancelToken = this.cancelSource.token;
if (payload.data) config.data = JSON.stringify(payload.data);
return axios(config).catch((thrown) => {
if (axios.isCancel(thrown)) {
this.count = 0;
this.complete = 0;
this.store.dispatch({
type: COMMON_CANCEL
});
console.log('Request canceled', thrown.message);
} else {
// handle error
}
});
}
httpInterceptor() {
axios.interceptors.request.use((config) => {
this.count++;
this.checkApiComplete(this.store);
return config;
}, (error) => {
this.complete++;
this.checkApiComplete(this.store);
return Promise.reject(error);
});
axios.interceptors.response.use((response) => {
this.complete++;
this.checkApiComplete(this.store);
return response;
}, (error) => {
this.complete++;
this.checkApiComplete(this.store);
return Promise.reject(error);
});
}
cancelRequest() {
this.cancelSource.cancel();
}
//Fallback to cancel all API loaders in case of multiple API call occuts
checkApiComplete(store) {
if (this.count == this.complete) { // Cancel API loader when all requests are completed
store.dispatch({
type: COMMON_SUCCESS
});
} else {
store.dispatch({
type: COMMON_REQUEST
});
}
}
}
const HttpService = new HttpServiceSingleton();
// Object.freeze(HttpService); // Singleton Http Service
export default HttpService;
|