react-js-plugins
Version:
A powerful and efficient React utility library designed to enhance application performance by streamlining and simplifying the management of complex asynchronous operations.
244 lines (243 loc) • 13.6 kB
JavaScript
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator = (this && this.__generator) || function (thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (g && (g = 0, op[0] && (_ = 0)), _) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
};
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
if (ar || !(i in from)) {
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
ar[i] = from[i];
}
}
return to.concat(ar || Array.prototype.slice.call(from));
};
import axios from 'axios';
import moment from 'moment';
var dateTransformer = function (data, depth) {
if (depth === void 0) { depth = 0; }
if (depth >= 20)
return data;
if (data instanceof Date) {
return moment(data).format('YYYY-MM-DDTHH:mm:ss');
}
if (Array.isArray(data)) {
return data.map(function (item) { return dateTransformer(item, depth + 1); });
}
if (typeof data === 'object' && data !== null) {
return Object.fromEntries(Object.entries(data).map(function (_a) {
var key = _a[0], value = _a[1];
return [
key,
dateTransformer(value, depth + 1),
];
}));
}
return data;
};
export var createAxiosInstance = function (_a) {
var baseURL = _a.baseURL, _b = _a.timeout, timeout = _b === void 0 ? 15000 : _b, _c = _a.withCredentials, withCredentials = _c === void 0 ? false : _c, _d = _a.enableDateTransform, enableDateTransform = _d === void 0 ? true : _d, _e = _a.enablePrivateMode, enablePrivateMode = _e === void 0 ? false : _e, _f = _a.enableLoader, enableLoader = _f === void 0 ? true : _f, _g = _a.getToken, getToken = _g === void 0 ? function () { return localStorage.getItem('access_token'); } : _g, handleAuthError = _a.handleAuthError, transformRequest = _a.transformRequest, transformResponse = _a.transformResponse, _h = _a.defaultHeaders, defaultHeaders = _h === void 0 ? {} : _h, onError = _a.onError, onLoaderChange = _a.onLoaderChange;
var axiosInstance = axios.create({
baseURL: baseURL,
timeout: timeout,
withCredentials: withCredentials,
transformRequest: enableDateTransform
? __spreadArray([
function (data) { return dateTransformer(data); }
], axios.defaults.transformRequest, true) : axios.defaults.transformRequest,
});
axiosInstance.defaults.headers.common = __assign(__assign({}, axiosInstance.defaults.headers.common), defaultHeaders);
axiosInstance.interceptors.request.use(function (config) { return __awaiter(void 0, void 0, void 0, function () {
var isLoaderEnabled, token, transformed, _a, error_1;
var _b, _c;
return __generator(this, function (_d) {
switch (_d.label) {
case 0:
_d.trys.push([0, 5, , 6]);
isLoaderEnabled = config.enableLoader !== undefined ? config.enableLoader : enableLoader;
if (isLoaderEnabled && typeof onLoaderChange === 'function') {
onLoaderChange({ isLoading: true, config: config });
}
if ((_b = config.enablePrivateMode) !== null && _b !== void 0 ? _b : enablePrivateMode) {
token = getToken === null || getToken === void 0 ? void 0 : getToken();
if (token) {
config.headers = config.headers || {};
config.headers.Authorization = "Bearer ".concat(token);
}
else {
console.warn('⚠️ No access token found in localStorage.');
}
}
if (!(config === null || config === void 0 ? void 0 : config.data)) return [3 /*break*/, 4];
if (!(typeof transformRequest === 'function')) return [3 /*break*/, 2];
return [4 /*yield*/, Promise.resolve(transformRequest({ data: config.data, config: config }))];
case 1:
_a = (_c = (_d.sent())) !== null && _c !== void 0 ? _c : config.data;
return [3 /*break*/, 3];
case 2:
_a = config.data;
_d.label = 3;
case 3:
transformed = _a;
config.data = transformed;
_d.label = 4;
case 4: return [2 /*return*/, config];
case 5:
error_1 = _d.sent();
console.error('❌ Request Interceptor Error:', error_1);
if (typeof onLoaderChange === 'function') {
onLoaderChange({ isLoading: false, config: config });
}
return [2 /*return*/, Promise.reject(error_1)];
case 6: return [2 /*return*/];
}
});
}); }, function (error) {
console.error('❌ Axios Request Error:', error);
return Promise.reject(error);
});
axiosInstance.interceptors.response.use(function (response) { return __awaiter(void 0, void 0, void 0, function () {
var isLoaderEnabled, result, _a, _b, error_2, isLoaderEnabled;
var _c;
return __generator(this, function (_d) {
switch (_d.label) {
case 0:
_d.trys.push([0, 5, , 6]);
isLoaderEnabled = response.config.enableLoader !== undefined
? response.config.enableLoader
: enableLoader;
if (isLoaderEnabled && typeof onLoaderChange === 'function') {
onLoaderChange({ isLoading: false, config: response.config });
}
if (!(typeof transformResponse === 'function')) return [3 /*break*/, 4];
result = transformResponse({
data: response.data,
config: response.config,
status: response.status,
headers: response.headers,
});
_a = response;
if (!(result instanceof Promise)) return [3 /*break*/, 2];
return [4 /*yield*/, result];
case 1:
_b = _d.sent();
return [3 /*break*/, 3];
case 2:
_b = result !== null && result !== void 0 ? result : response.data;
_d.label = 3;
case 3:
_a.data = _b;
_d.label = 4;
case 4: return [2 /*return*/, response];
case 5:
error_2 = _d.sent();
console.error('❌ Response Transform Error:', error_2);
isLoaderEnabled = ((_c = response === null || response === void 0 ? void 0 : response.config) === null || _c === void 0 ? void 0 : _c.enableLoader) !== undefined ? response.config.enableLoader : enableLoader;
if (isLoaderEnabled && typeof onLoaderChange === 'function') {
onLoaderChange({ isLoading: false, config: response.config });
}
return [2 /*return*/, Promise.reject(error_2)];
case 6: return [2 /*return*/];
}
});
}); }, function (err) { return __awaiter(void 0, void 0, void 0, function () {
var config, isLoaderEnabled, originalRequest, status, authError_1;
var _a, _b, _c, _d, _e;
return __generator(this, function (_f) {
switch (_f.label) {
case 0:
config = err.config;
isLoaderEnabled = (config === null || config === void 0 ? void 0 : config.enableLoader) !== undefined ? config.enableLoader : enableLoader;
if (isLoaderEnabled && typeof onLoaderChange === 'function') {
onLoaderChange({ isLoading: false, config: config });
}
if (typeof onError === 'function') {
try {
onError(err);
}
catch (hookError) {
console.error('⚠️ onError hook threw an error:', hookError);
}
}
originalRequest = config;
status = (_a = err.response) === null || _a === void 0 ? void 0 : _a.status;
if (err.message === 'Network Error') {
return [2 /*return*/, Promise.reject({
title: 'Network Error: Please check your connection.',
status: status,
})];
}
if (err.message.includes('Cross-Origin') || err.message.includes('CORS')) {
return [2 /*return*/, Promise.reject({
title: 'CORS Error: Please check your server configuration.',
status: status,
})];
}
if (!(status === 401 && !originalRequest._retry)) return [3 /*break*/, 4];
originalRequest._retry = true;
if (!(typeof handleAuthError === 'function')) return [3 /*break*/, 4];
_f.label = 1;
case 1:
_f.trys.push([1, 3, , 4]);
return [4 /*yield*/, handleAuthError(axiosInstance, originalRequest, err)];
case 2: return [2 /*return*/, _f.sent()];
case 3:
authError_1 = _f.sent();
console.error('❌ Auth Retry Failed:', authError_1);
return [2 /*return*/, Promise.reject(authError_1)];
case 4:
if (status === 500) {
return [2 /*return*/, Promise.reject((_c = (_b = err.response) === null || _b === void 0 ? void 0 : _b.data) !== null && _c !== void 0 ? _c : { title: 'Internal Server Error', status: status })];
}
return [2 /*return*/, Promise.reject((_e = (_d = err.response) === null || _d === void 0 ? void 0 : _d.data) !== null && _e !== void 0 ? _e : {
title: 'Something went wrong',
status: status,
message: err.message,
})];
}
});
}); });
return axiosInstance;
};