@visns-studio/visns-components 1.0.0

package/components/visns-fetch.jsx

@@ -0,0 +1,101 @@
+import _ from 'lodash';
+import axios from 'axios';
+import { trackPromise } from 'react-promise-tracker';
+import { toast } from 'react-toastify';
+import parse from 'html-react-parser';
+
+const CustomFetch = (
+    url,
+    method,
+    formData,
+    successCallback = null,
+    errorCallback = null
+) => {
+    let baseUrl = '';
+    let body;
+    let headers = {};
+    let options = {};
+
+    if (method.toUpperCase() === 'PUT' || method.toUpperCase() === 'PATCH') {
+        body = {
+            ...body,
+            _method: method,
+        };
+    }
+
+    body = JSON.stringify(formData);
+    headers = {
+        ...headers,
+        'Content-Type': 'application/json',
+    };
+
+    options = {
+        method: method,
+        data: body,
+        headers: headers,
+        url: baseUrl + url,
+    };
+
+    trackPromise(
+        axios(options).then(
+            (result) => {
+                if (successCallback) {
+                    successCallback(result.data);
+                } else {
+                    if (result.data.error === '') {
+                        toast.success('Data has been updated successfully.');
+                    } else {
+                        toast.error(result.data.error);
+                    }
+                }
+            },
+            (error) => {
+                if (
+                    error.response.hasOwnProperty('data') &&
+                    error.response.data.hasOwnProperty('message') &&
+                    error.response.data.message !== ''
+                ) {
+                    if (error.response.data.hasOwnProperty('errors')) {
+                        let errorMessage = '';
+                        let errors = error.response.data.errors;
+
+                        Object.keys(errors).forEach((a) => {
+                            errors[a].forEach((b) => {
+                                errorMessage += b + '<br />';
+                            });
+                        });
+
+                        if (errorCallback) {
+                            errorCallback(errorMessage);
+                        } else {
+                            toast.error(`<div>${parse(errorMessage)}</div>`);
+                        }
+                    } else {
+                        if (
+                            error.response.data.message ===
+                            'CSRF token mismatch.'
+                        ) {
+                            window.location.replace('/login');
+                        } else {
+                            if (errorCallback) {
+                                errorCallback(error.response.data.message);
+                            } else {
+                                toast.error(
+                                    `<div>${parse(errorMessage)}</div>`
+                                );
+                            }
+                        }
+                    }
+                } else {
+                    if (errorCallback) {
+                        errorCallback(error);
+                    } else {
+                        toast.error(`<div>${parse(errorMessage)}</div>`);
+                    }
+                }
+            }
+        )
+    );
+};
+
+export default CustomFetch;