@capsitech/react-utilities 0.1.4 → 0.1.6

package/lib/Utilities/ApiUtility.axios.js

@@ -1,305 +1,305 @@
-import Axios from 'axios';
-import { saveAs } from 'file-saver';
-import { stringify } from 'qs';
-export var HttpMethods;
-(function (HttpMethods) {
-    HttpMethods["get"] = "get";
-    HttpMethods["post"] = "post";
-})(HttpMethods || (HttpMethods = {}));
-export var FileDownloadStatus;
-(function (FileDownloadStatus) {
-    FileDownloadStatus["downloading"] = "downloading";
-    FileDownloadStatus["done"] = "done";
-    FileDownloadStatus["error"] = "error";
-})(FileDownloadStatus || (FileDownloadStatus = {}));
-class ApiUtilityBase {
-    accessToken;
-    handleError = (error, errors) => { };
-    // private getParams = (params?: any) => {
-    //   if (params) {
-    //     for (const key in params) {
-    //       if (params[key] == null || params[key] === undefined || params[key] === '')
-    //         delete params[key];
-    //     }
-    //   }
-    //   return params;
-    // };
-    getResponse = async (endpoint, params, options) => {
-        return await Axios.get(endpoint, {
-            params,
-            paramsSerializer: {
-                serialize: (p, o) => {
-                    return stringify(params, {
-                        arrayFormat: 'indices',
-                        allowDots: true,
-                        skipNulls: true,
-                    });
-                },
-            },
-            ...this._axiosOptions(options || {}),
-        });
-    };
-    get = async (endpoint, params, throwErrorOn401, options) => {
-        const response = await this.getResponse(endpoint, params, options);
-        const data = this.handleResponse(response, throwErrorOn401);
-        return data;
-    };
-    getResult = async (endpoint, params, throwErrorOn401, options) => {
-        try {
-            const data = await this.get(endpoint, params, undefined, options);
-            if (data.status) {
-                return data.result;
-            }
-            else {
-                this.handleErrorResponse(data.message, data.errors);
-            }
-        }
-        catch (error) {
-            if (error.isAxiosError)
-                this.handleAxiosError(error, throwErrorOn401);
-            else
-                this.handleResponse(error, throwErrorOn401);
-        }
-        return null;
-    };
-    post = async (endpoint, body, contentType, options) => {
-        try {
-            const response = await Axios.post(endpoint, body, this._axiosOptions({ contentType, ...(options || {}) }));
-            const data = this.handleResponse(response);
-            return data;
-        }
-        catch (ex) {
-            if (ex?.isAxiosError) {
-                return this.handleAxiosError(ex);
-            }
-        }
-        return {};
-    };
-    put = async (endpoint, body, contentType, options) => {
-        try {
-            const response = await Axios.put(endpoint, body, this._axiosOptions({ contentType, ...(options || {}) }));
-            const data = this.handleResponse(response);
-            return data;
-        }
-        catch (ex) {
-            if (ex?.isAxiosError) {
-                return this.handleAxiosError(ex);
-            }
-        }
-        return {};
-    };
-    appendFormDataValues = (form, values, preFix) => {
-        if (!preFix || preFix.length <= 0)
-            preFix = '';
-        //check if given object is a string/number/boolean then add directly to the list with prefix
-        if ((typeof values !== 'function' && typeof values !== 'object' && typeof values !== 'symbol') || values instanceof File) {
-            if (values && preFix) {
-                form.append(preFix, values);
-            }
-            return;
-        }
-        for (const key in values) {
-            //prepare a field name
-            const fieldName = `${preFix}${preFix && !preFix.endsWith('.') ? '.' : ''}${key}`;
-            if (values[key] instanceof FileList) {
-                const fileList = values[key];
-                for (let fIndex = 0; fIndex < fileList.length; fIndex++) {
-                    form.append(`${fieldName}[${fIndex}]`, fileList[fIndex]);
-                }
-            }
-            else {
-                if (Array.isArray(values[key])) {
-                    values[key].forEach((el, idx) => {
-                        this.appendFormDataValues(form, el, `${fieldName}[${idx}]`);
-                    });
-                }
-                else {
-                    if (typeof values[key] === 'object') {
-                        this.appendFormDataValues(form, values[key], fieldName);
-                    }
-                    else if (values[key]) {
-                        form.append(fieldName, values[key]);
-                    }
-                }
-            }
-        }
-    };
-    postForm = async (endpoint, params, options) => {
-        let formData = new FormData();
-        if (params instanceof FormData) {
-            formData = params;
-        }
-        else {
-            this.appendFormDataValues(formData, params);
-        }
-        try {
-            const response = await Axios.post(endpoint, formData, this._axiosOptions({ contentType: 'multipart/form-data', ...(options || {}) }));
-            const data = this.handleResponse(response);
-            return data;
-        }
-        catch (ex) {
-            if (ex?.isAxiosError) {
-                return this.handleAxiosError(ex);
-            }
-        }
-        return {};
-    };
-    putForm = async (endpoint, params, options) => {
-        let formData = new FormData();
-        if (params instanceof FormData) {
-            formData = params;
-        }
-        else {
-            this.appendFormDataValues(formData, params);
-        }
-        try {
-            const response = await Axios.putForm(endpoint, formData, this._axiosOptions({ contentType: 'multipart/form-data', ...(options || {}) }));
-            const data = this.handleResponse(response);
-            return data;
-        }
-        catch (ex) {
-            if (ex?.isAxiosError) {
-                return this.handleAxiosError(ex);
-            }
-        }
-        return {};
-    };
-    delete = async (endpoint, contentType, options) => {
-        const response = await Axios.delete(endpoint, this._axiosOptions({ contentType, ...(options || {}) }));
-        const data = this.handleResponse(response);
-        return data;
-    };
-    getFileName = (contentDispositionValue) => {
-        var filename = undefined;
-        if (contentDispositionValue && contentDispositionValue.indexOf('attachment') !== -1) {
-            var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
-            var matches = filenameRegex.exec(contentDispositionValue);
-            if (matches != null && matches[1]) {
-                filename = matches[1].replace(/['"]/g, '');
-            }
-        }
-        return filename;
-    };
-    downloadFile = async (endpoint, params, method, options) => {
-        let response;
-        const headers = {};
-        // return authorization header with jwt token
-        const token = this.accessToken; // || AuthService.getAuthToken();
-        if (token) {
-            headers['Authorization'] = `Bearer ${token}`;
-        }
-        const axiosOptions = { headers, ...(options || {}) };
-        if (method === HttpMethods.post) {
-            response = Axios.post(endpoint, params, {
-                ...this._axiosOptions(axiosOptions),
-                responseType: 'blob',
-            });
-        }
-        else {
-            response = Axios.get(endpoint, {
-                params,
-                paramsSerializer: {
-                    serialize: (p, o) => {
-                        return stringify(params, {
-                            arrayFormat: 'indices',
-                            allowDots: true,
-                            skipNulls: true,
-                        });
-                    },
-                },
-                ...this._axiosOptions(axiosOptions),
-                responseType: 'blob',
-            });
-        }
-        try {
-            const result_1 = await response;
-            //extract file name from Content-Disposition header
-            const fileName = this.getFileName(result_1.headers.get('Content-Disposition'));
-            //invoke 'Save As' dialog
-            saveAs(result_1.data, fileName);
-            return { status: FileDownloadStatus.done };
-        }
-        catch (error) {
-            if (error.isAxiosError) {
-                this.handleResponse(error.response);
-            }
-            else
-                this.handleResponse(error);
-            if (error.response) {
-                return {
-                    status: FileDownloadStatus.error,
-                    error: error.response.status,
-                };
-            }
-            else {
-                return { status: FileDownloadStatus.error, error: error.message };
-            }
-        }
-    };
-    getAuthHeader = (contentType) => {
-        const headers = {
-            'Content-Type': contentType || 'application/json',
-            Accept: 'application/json',
-        };
-        // return authorization header with jwt token
-        const token = this.accessToken; //||AuthService.getAuthToken();
-        if (token) {
-            headers['Authorization'] = `Bearer ${token}`;
-        }
-        return headers;
-    };
-    handleResponse = (response, throwErrorOn401) => {
-        if (!response) {
-            if (this.handleError)
-                this.handleError('No response from the server, please try after some time.');
-        }
-        else if ([401, 403].indexOf(response.status) !== -1) {
-            if (throwErrorOn401) {
-                throw response;
-            }
-            else {
-                console.error('401 Unauthorized or 403 Forbidden response returned from api');
-                // // auto logout if 401 Unauthorized or 403 Forbidden response returned from api
-                // AuthService.logout();
-                // window.location.reload();
-            }
-        }
-        return response?.data;
-    };
-    handleAxiosError = (error, throwErrorOn401) => {
-        if (throwErrorOn401 && error.response?.status === 401)
-            throw error;
-        else if (error.response?.status === 400) {
-            const data = error.response.data;
-            if (data && data.errors) {
-                const arr = [];
-                for (const key in data.errors) {
-                    if (data.errors[key] && data.errors[key].length > 0) {
-                        arr.push(data.errors[key][0]);
-                    }
-                }
-                return {
-                    result: null,
-                    status: false,
-                    message: arr.length > 0 ? arr[0] : '',
-                    errors: arr,
-                };
-            }
-        }
-        return {};
-    };
-    handleErrorResponse = (message, errors) => {
-        if (this.handleError)
-            this.handleError(message, errors);
-    };
-    _axiosOptions = (options) => {
-        const { contentType, headers, ...rest } = options || {};
-        return {
-            headers: headers || this.getAuthHeader(contentType),
-            baseURL: this.getBaseUrl(),
-            ...rest,
-        };
-    };
-    getBaseUrl = () => process.env.REACT_APP_API_URL; //EnvUtils.getEnv('REACT_APP_API_URL');
-}
-export const ApiUtility = new ApiUtilityBase();
+import Axios from 'axios';
+import { saveAs } from 'file-saver';
+import { stringify } from 'qs';
+export var HttpMethods;
+(function (HttpMethods) {
+    HttpMethods["get"] = "get";
+    HttpMethods["post"] = "post";
+})(HttpMethods || (HttpMethods = {}));
+export var FileDownloadStatus;
+(function (FileDownloadStatus) {
+    FileDownloadStatus["downloading"] = "downloading";
+    FileDownloadStatus["done"] = "done";
+    FileDownloadStatus["error"] = "error";
+})(FileDownloadStatus || (FileDownloadStatus = {}));
+class ApiUtilityBase {
+    accessToken;
+    handleError = (error, errors) => { };
+    // private getParams = (params?: any) => {
+    //   if (params) {
+    //     for (const key in params) {
+    //       if (params[key] == null || params[key] === undefined || params[key] === '')
+    //         delete params[key];
+    //     }
+    //   }
+    //   return params;
+    // };
+    getResponse = async (endpoint, params, options) => {
+        return await Axios.get(endpoint, {
+            params,
+            paramsSerializer: {
+                serialize: (p, o) => {
+                    return stringify(params, {
+                        arrayFormat: 'indices',
+                        allowDots: true,
+                        skipNulls: true,
+                    });
+                },
+            },
+            ...this._axiosOptions(options || {}),
+        });
+    };
+    get = async (endpoint, params, throwErrorOn401, options) => {
+        const response = await this.getResponse(endpoint, params, options);
+        const data = this.handleResponse(response, throwErrorOn401);
+        return data;
+    };
+    getResult = async (endpoint, params, throwErrorOn401, options) => {
+        try {
+            const data = await this.get(endpoint, params, undefined, options);
+            if (data.status) {
+                return data.result;
+            }
+            else {
+                this.handleErrorResponse(data.message, data.errors);
+            }
+        }
+        catch (error) {
+            if (error.isAxiosError)
+                this.handleAxiosError(error, throwErrorOn401);
+            else
+                this.handleResponse(error, throwErrorOn401);
+        }
+        return null;
+    };
+    post = async (endpoint, body, contentType, options) => {
+        try {
+            const response = await Axios.post(endpoint, body, this._axiosOptions({ contentType, ...(options || {}) }));
+            const data = this.handleResponse(response);
+            return data;
+        }
+        catch (ex) {
+            if (ex?.isAxiosError) {
+                return this.handleAxiosError(ex);
+            }
+        }
+        return {};
+    };
+    put = async (endpoint, body, contentType, options) => {
+        try {
+            const response = await Axios.put(endpoint, body, this._axiosOptions({ contentType, ...(options || {}) }));
+            const data = this.handleResponse(response);
+            return data;
+        }
+        catch (ex) {
+            if (ex?.isAxiosError) {
+                return this.handleAxiosError(ex);
+            }
+        }
+        return {};
+    };
+    appendFormDataValues = (form, values, preFix) => {
+        if (!preFix || preFix.length <= 0)
+            preFix = '';
+        //check if given object is a string/number/boolean then add directly to the list with prefix
+        if ((typeof values !== 'function' && typeof values !== 'object' && typeof values !== 'symbol') || values instanceof File) {
+            if (values && preFix) {
+                form.append(preFix, values);
+            }
+            return;
+        }
+        for (const key in values) {
+            //prepare a field name
+            const fieldName = `${preFix}${preFix && !preFix.endsWith('.') ? '.' : ''}${key}`;
+            if (values[key] instanceof FileList) {
+                const fileList = values[key];
+                for (let fIndex = 0; fIndex < fileList.length; fIndex++) {
+                    form.append(`${fieldName}[${fIndex}]`, fileList[fIndex]);
+                }
+            }
+            else {
+                if (Array.isArray(values[key])) {
+                    values[key].forEach((el, idx) => {
+                        this.appendFormDataValues(form, el, `${fieldName}[${idx}]`);
+                    });
+                }
+                else {
+                    if (typeof values[key] === 'object') {
+                        this.appendFormDataValues(form, values[key], fieldName);
+                    }
+                    else if (values[key]) {
+                        form.append(fieldName, values[key]);
+                    }
+                }
+            }
+        }
+    };
+    postForm = async (endpoint, params, options) => {
+        let formData = new FormData();
+        if (params instanceof FormData) {
+            formData = params;
+        }
+        else {
+            this.appendFormDataValues(formData, params);
+        }
+        try {
+            const response = await Axios.post(endpoint, formData, this._axiosOptions({ contentType: 'multipart/form-data', ...(options || {}) }));
+            const data = this.handleResponse(response);
+            return data;
+        }
+        catch (ex) {
+            if (ex?.isAxiosError) {
+                return this.handleAxiosError(ex);
+            }
+        }
+        return {};
+    };
+    putForm = async (endpoint, params, options) => {
+        let formData = new FormData();
+        if (params instanceof FormData) {
+            formData = params;
+        }
+        else {
+            this.appendFormDataValues(formData, params);
+        }
+        try {
+            const response = await Axios.putForm(endpoint, formData, this._axiosOptions({ contentType: 'multipart/form-data', ...(options || {}) }));
+            const data = this.handleResponse(response);
+            return data;
+        }
+        catch (ex) {
+            if (ex?.isAxiosError) {
+                return this.handleAxiosError(ex);
+            }
+        }
+        return {};
+    };
+    delete = async (endpoint, contentType, options) => {
+        const response = await Axios.delete(endpoint, this._axiosOptions({ contentType, ...(options || {}) }));
+        const data = this.handleResponse(response);
+        return data;
+    };
+    getFileName = (contentDispositionValue) => {
+        var filename = undefined;
+        if (contentDispositionValue && contentDispositionValue.indexOf('attachment') !== -1) {
+            var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/;
+            var matches = filenameRegex.exec(contentDispositionValue);
+            if (matches != null && matches[1]) {
+                filename = matches[1].replace(/['"]/g, '');
+            }
+        }
+        return filename;
+    };
+    downloadFile = async (endpoint, params, method, options) => {
+        let response;
+        const headers = {};
+        // return authorization header with jwt token
+        const token = this.accessToken; // || AuthService.getAuthToken();
+        if (token) {
+            headers['Authorization'] = `Bearer ${token}`;
+        }
+        const axiosOptions = { headers, ...(options || {}) };
+        if (method === HttpMethods.post) {
+            response = Axios.post(endpoint, params, {
+                ...this._axiosOptions(axiosOptions),
+                responseType: 'blob',
+            });
+        }
+        else {
+            response = Axios.get(endpoint, {
+                params,
+                paramsSerializer: {
+                    serialize: (p, o) => {
+                        return stringify(params, {
+                            arrayFormat: 'indices',
+                            allowDots: true,
+                            skipNulls: true,
+                        });
+                    },
+                },
+                ...this._axiosOptions(axiosOptions),
+                responseType: 'blob',
+            });
+        }
+        try {
+            const result_1 = await response;
+            //extract file name from Content-Disposition header
+            const fileName = this.getFileName(result_1.headers.get('Content-Disposition'));
+            //invoke 'Save As' dialog
+            saveAs(result_1.data, fileName);
+            return { status: FileDownloadStatus.done };
+        }
+        catch (error) {
+            if (error.isAxiosError) {
+                this.handleResponse(error.response);
+            }
+            else
+                this.handleResponse(error);
+            if (error.response) {
+                return {
+                    status: FileDownloadStatus.error,
+                    error: error.response.status,
+                };
+            }
+            else {
+                return { status: FileDownloadStatus.error, error: error.message };
+            }
+        }
+    };
+    getAuthHeader = (contentType) => {
+        const headers = {
+            'Content-Type': contentType || 'application/json',
+            Accept: 'application/json',
+        };
+        // return authorization header with jwt token
+        const token = this.accessToken; //||AuthService.getAuthToken();
+        if (token) {
+            headers['Authorization'] = `Bearer ${token}`;
+        }
+        return headers;
+    };
+    handleResponse = (response, throwErrorOn401) => {
+        if (!response) {
+            if (this.handleError)
+                this.handleError('No response from the server, please try after some time.');
+        }
+        else if ([401, 403].indexOf(response.status) !== -1) {
+            if (throwErrorOn401) {
+                throw response;
+            }
+            else {
+                console.error('401 Unauthorized or 403 Forbidden response returned from api');
+                // // auto logout if 401 Unauthorized or 403 Forbidden response returned from api
+                // AuthService.logout();
+                // window.location.reload();
+            }
+        }
+        return response?.data;
+    };
+    handleAxiosError = (error, throwErrorOn401) => {
+        if (throwErrorOn401 && error.response?.status === 401)
+            throw error;
+        else if (error.response?.status === 400) {
+            const data = error.response.data;
+            if (data && data.errors) {
+                const arr = [];
+                for (const key in data.errors) {
+                    if (data.errors[key] && data.errors[key].length > 0) {
+                        arr.push(data.errors[key][0]);
+                    }
+                }
+                return {
+                    result: null,
+                    status: false,
+                    message: arr.length > 0 ? arr[0] : '',
+                    errors: arr,
+                };
+            }
+        }
+        return {};
+    };
+    handleErrorResponse = (message, errors) => {
+        if (this.handleError)
+            this.handleError(message, errors);
+    };
+    _axiosOptions = (options) => {
+        const { contentType, headers, ...rest } = options || {};
+        return {
+            headers: headers || this.getAuthHeader(contentType),
+            baseURL: this.getBaseUrl(),
+            ...rest,
+        };
+    };
+    getBaseUrl = () => process.env.REACT_APP_API_URL; //EnvUtils.getEnv('REACT_APP_API_URL');
+}
+export const ApiUtility = new ApiUtilityBase();