@visns-studio/visns-components 4.7.2 → 4.7.4

package/src/components/crm/Download.jsx

@@ -0,0 +1,101 @@
+import React from 'react';
+import axios from 'axios';
+import { trackPromise } from 'react-promise-tracker';
+import { toast } from 'react-toastify';
+import parse from 'html-react-parser';
+
+const CustomDownload = (
+    url,
+    method,
+    formData,
+    successCallback = null,
+    errorCallback = null
+) => {
+    let headers = {};
+    let options = {};
+
+    if (method.toUpperCase() === 'PUT' || method.toUpperCase() === 'PATCH') {
+        formData = { ...formData, _method: method };
+    }
+
+    if (!(formData instanceof FormData)) {
+        headers['Content-Type'] = 'application/json';
+        formData = JSON.stringify(formData);
+    } else {
+        headers['Content-Type'] = 'multipart/form-data';
+        headers.contentType = false;
+        headers.processData = false;
+
+        if (
+            method.toUpperCase() === 'PUT' ||
+            method.toUpperCase() === 'PATCH'
+        ) {
+            formData.append('_method', method);
+            method = 'POST';
+        }
+    }
+
+    options = {
+        method: method,
+        data: formData,
+        headers: headers,
+        url: url,
+        responseType: 'blob',
+    };
+
+    return trackPromise(
+        new Promise((resolve, reject) => {
+            axios(options)
+                .then((response) => {
+                    if (successCallback) {
+                        successCallback(response.data);
+                    } else {
+                        const error = response.data.error;
+
+                        if (error && error !== '') {
+                            toast.error(<div>{parse(error)}</div>);
+                        }
+                    }
+                    resolve(response);
+                })
+                .catch((error) => {
+                    let errorMessage = '';
+
+                    if (
+                        error.response &&
+                        error.response.data &&
+                        error.response.data.message
+                    ) {
+                        const { data } = error.response;
+
+                        if (data.errors) {
+                            const { errors } = data;
+
+                            Object.values(errors).forEach((errorArray) => {
+                                errorArray.forEach((errorMsg) => {
+                                    errorMessage += `${errorMsg}<br />`;
+                                });
+                            });
+                        } else {
+                            if (data.message === 'CSRF token mismatch.') {
+                                window.location.replace('/login');
+                            } else {
+                                errorMessage = data.message;
+                            }
+                        }
+                    } else {
+                        errorMessage = error.message;
+                    }
+
+                    if (errorCallback) {
+                        errorCallback(errorMessage);
+                    } else {
+                        toast.error(<div>{parse(errorMessage)}</div>);
+                    }
+                    reject(error);
+                });
+        })
+    );
+};
+
+export default CustomDownload;

package/src/components/crm/Fetch.jsx

@@ -0,0 +1,119 @@
+import React from 'react';
+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
+) => {
+    const baseUrl = '';
+    const headers = {
+        'Content-Type': 'application/json',
+    };
+    const MAX_PAYLOAD_SIZE_MB =
+        parseFloat(import.meta.env.VITE_MAX_PAYLOAD_SIZE_MB) || 4.5;
+    const MAX_PAYLOAD_SIZE = MAX_PAYLOAD_SIZE_MB * 1024 * 1024; // Convert MB to bytes
+
+    // Estimate headers size
+    const headersSize = JSON.stringify(headers).length;
+
+    // Estimate cookies size (if any)
+    const cookies = document.cookie;
+    const cookiesSize = cookies ? cookies.length : 0;
+
+    // Check payload size
+    const payloadSize = new Blob([JSON.stringify(formData)]).size;
+    const totalRequestSize = payloadSize + headersSize + cookiesSize;
+
+    if (totalRequestSize > MAX_PAYLOAD_SIZE) {
+        const errorMessage =
+            'The request is too large. Please try again with a smaller payload.';
+        if (errorCallback) {
+            errorCallback(errorMessage);
+        } else {
+            toast.error(errorMessage);
+        }
+        return Promise.reject(new Error(errorMessage));
+    }
+
+    if (method.toUpperCase() === 'PUT' || method.toUpperCase() === 'PATCH') {
+        formData = {
+            ...formData,
+            _method: method,
+        };
+    }
+
+    const options = {
+        method: method,
+        data: formData,
+        headers: headers,
+        url: baseUrl + url,
+    };
+
+    return trackPromise(
+        new Promise((resolve, reject) => {
+            axios(options)
+                .then((response) => {
+                    if (successCallback) {
+                        successCallback(response.data);
+                    } else {
+                        const error = response.data.error;
+
+                        if (error && error !== '') {
+                            toast.error(<div>{parse(error)}</div>);
+                        }
+                    }
+                    resolve(response);
+                })
+                .catch((error) => {
+                    let errorMessage = '';
+
+                    if (
+                        error.response &&
+                        error.response.data &&
+                        error.response.data.message
+                    ) {
+                        const { data } = error.response;
+
+                        if (data.errors) {
+                            const { errors } = data;
+
+                            Object.values(errors).forEach((errorArray) => {
+                                errorArray.forEach((errorMsg) => {
+                                    errorMessage += `${errorMsg}<br />`;
+                                });
+                            });
+                        } else {
+                            if (data.message === 'CSRF token mismatch.') {
+                                window.location.replace('/login');
+                            } else {
+                                errorMessage = data.message;
+                            }
+                        }
+                    } else {
+                        errorMessage = error.message;
+                    }
+
+                    if (errorCallback) {
+                        errorCallback(errorMessage);
+                    } else {
+                        if (errorMessage !== 'Unauthenticated.') {
+                            toast.error(<div>{parse(errorMessage)}</div>);
+                        } else {
+                            console.info(
+                                'You are not authenticated into the system.'
+                            );
+                        }
+                    }
+                    reject(error);
+                });
+        })
+    );
+};
+
+export default CustomFetch;