@asaleh37/ui-base 25.6.2-0.4 → 25.6.2

package/src/hooks/useAxios.tsx

@@ -1,316 +1,316 @@
-import { toast } from "react-toastify";
-import axios, { ResponseType } from "axios";
-import { useDispatch, useSelector } from "react-redux";
-import useLoadingMask from "./useLoadingMask";
-import { UserSessionActions } from "../redux/features/common/UserSessionSlice";
-
-export interface APIRequest {
-  endPointURI: string;
-  parameters?: any;
-  data?: any;
-  showMask?: Boolean;
-  loadingMessage?: string;
-  successCallBkFn?: Function;
-  failureCallBkFn?: Function;
-  headers?: any;
-  responseType?: ResponseType;
-}
-
-export interface UploadAttachmentRequest {
-  endPointURI: string;
-  showMask?: Boolean;
-  parameters?: any;
-  loadingMessage?: string;
-  successCallBkFn?: Function;
-  failureCallBkFn?: Function;
-  files: FileList;
-}
-
-const useAxios = () => {
-  const mask = useLoadingMask();
-  const dispatch = useDispatch();
-  const apiBaseUrl = useSelector(
-    (state: any) => state.AppInfo.value.apiBaseUrl
-  );
-  const axiosInstance = axios.create({
-    baseURL: apiBaseUrl,
-    timeout: 600000,
-    withCredentials: true,
-  });
-
-  axiosInstance.defaults.withCredentials = true;
-  axiosInstance.interceptors.response.use(
-    (response: any) => {
-      return response;
-    },
-    (error: any) => {
-      if (
-        error
-          ? error.response
-            ? error.response.status
-              ? error.response.status === 401
-              : false
-            : false
-          : false
-      ) {
-        dispatch(UserSessionActions.setUnAuthenticated());
-        toast.error("your session is now expired, you need to login again", {
-          autoClose: false,
-        });
-      } else if (
-        error
-          ? error.response
-            ? error.response.status
-              ? error.response.status === 403
-              : false
-            : false
-          : false
-      ) {
-        toast.error("you aren't authorized to process this request");
-      } else if (
-        error
-          ? error.response
-            ? error.response.status
-              ? error.response.status === 500
-              : false
-            : false
-          : false
-      ) {
-        if (error.response.data instanceof Blob) {
-          const blob = error.response.data;
-          blob.text().then((text) => {
-            toast.error(text);
-          });
-        } else {
-          toast.error(error.response.data);
-        }
-      } else {
-        toast.error(
-          "failed to communicate with the server ... try again later"
-        );
-      }
-      return "ERROR";
-    }
-  );
-  const handleGetRequest = async (props: APIRequest) => {
-    if (
-      props.showMask !== undefined &&
-      props.showMask != null &&
-      props.showMask === true
-    ) {
-      mask.show(props.loadingMessage);
-    }
-    const response: any = await axiosInstance.get(props.endPointURI, {
-      params: { ...props.parameters },
-      withCredentials: true,
-      headers: props.headers,
-      responseType: props?.responseType,
-    });
-    if (
-      props.showMask !== undefined &&
-      props.showMask != null &&
-      props.showMask === true
-    ) {
-      mask.hide();
-    }
-    if (response !== "ERROR") {
-      if (
-        props.successCallBkFn !== undefined &&
-        props.successCallBkFn != null
-      ) {
-        props.successCallBkFn(response);
-      }
-      return response;
-    } else {
-      if (
-        props.failureCallBkFn !== undefined &&
-        props.failureCallBkFn != null
-      ) {
-        props.failureCallBkFn(response);
-      }
-      return "ERROR";
-    }
-  };
-
-  const HandleDownloadHTTPPostPDF = async (
-    props: APIRequest = { endPointURI: "", parameters: {}, data: {} }
-  ) => {
-    if (
-      props.showMask !== undefined &&
-      props.showMask != null &&
-      props.showMask === true
-    ) {
-      mask.show(props.loadingMessage);
-    }
-    const response: any = await axiosInstance.post(
-      props.endPointURI,
-      props.data,
-      {
-        responseType: "blob",
-      }
-    );
-    if (
-      props.showMask !== undefined &&
-      props.showMask != null &&
-      props.showMask === true
-    ) {
-      mask.hide();
-    }
-    if (response !== "ERROR") {
-      if (
-        props.successCallBkFn !== undefined &&
-        props.successCallBkFn != null
-      ) {
-        props.successCallBkFn(response);
-      }
-      return response;
-    } else {
-      if (
-        props.failureCallBkFn !== undefined &&
-        props.failureCallBkFn != null
-      ) {
-        props.failureCallBkFn(response);
-      }
-      return "ERROR";
-    }
-  };
-  const handlePostRequest = async (props: APIRequest) => {
-    if (
-      props.showMask !== undefined &&
-      props.showMask != null &&
-      props.showMask === true
-    ) {
-      mask.show(props.loadingMessage);
-    }
-    let response: any = await axiosInstance.post(
-      props.endPointURI,
-      props.data,
-      {
-        params: props.parameters,
-        responseType: props?.responseType,
-        headers: props?.headers,
-      }
-    );
-    if (
-      props.showMask !== undefined &&
-      props.showMask != null &&
-      props.showMask === true
-    ) {
-      mask.hide();
-    }
-    if (response !== "ERROR") {
-      if (
-        props.successCallBkFn !== undefined &&
-        props.successCallBkFn != null
-      ) {
-        props.successCallBkFn(response);
-      }
-      return response;
-    } else {
-      if (
-        props.failureCallBkFn !== undefined &&
-        props.failureCallBkFn != null
-      ) {
-        props.failureCallBkFn(response);
-      }
-      return "ERROR";
-    }
-  };
-  const handleDeleteRequest = async (props: APIRequest) => {
-    if (
-      props.showMask !== undefined &&
-      props.showMask != null &&
-      props.showMask === true
-    ) {
-      mask.show(props.loadingMessage);
-    }
-    let response: any = await axiosInstance.delete(props.endPointURI, {
-      params: {
-        ...props.parameters,
-      },
-      responseType: props?.responseType,
-      headers: props?.headers,
-    });
-    if (
-      props.showMask !== undefined &&
-      props.showMask != null &&
-      props.showMask === true
-    ) {
-      mask.hide();
-    }
-    if (response !== "ERROR") {
-      if (
-        props.successCallBkFn !== undefined &&
-        props.successCallBkFn != null
-      ) {
-        props.successCallBkFn(response);
-      }
-      return response;
-    } else {
-      if (
-        props.failureCallBkFn !== undefined &&
-        props.failureCallBkFn != null
-      ) {
-        props.failureCallBkFn(response);
-      }
-      return "ERROR";
-    }
-  };
-
-  const handleUploadRequest = async (props: UploadAttachmentRequest) => {
-    if (props.files === null || props.files.length === 0) {
-      toast.error("You must add files to upload");
-      return "ERROR";
-    }
-    const formData = new FormData();
-    for (const file of props.files) {
-      formData.append("files", file);
-    }
-    if (
-      props.showMask !== undefined &&
-      props.showMask != null &&
-      props.showMask === true
-    ) {
-      mask.show(props.loadingMessage);
-    }
-    let response: any = await axiosInstance.post(props.endPointURI, formData, {
-      params: props?.parameters,
-      headers: {
-        "Content-Type": "multipart/form-data",
-      },
-    });
-    if (
-      props.showMask !== undefined &&
-      props.showMask != null &&
-      props.showMask === true
-    ) {
-      mask.hide();
-    }
-    if (response !== "ERROR") {
-      if (
-        props.successCallBkFn !== undefined &&
-        props.successCallBkFn != null
-      ) {
-        props.successCallBkFn(response);
-      }
-      return response;
-    } else {
-      if (
-        props.failureCallBkFn !== undefined &&
-        props.failureCallBkFn != null
-      ) {
-        props.failureCallBkFn(response);
-      }
-      return "ERROR";
-    }
-  };
-  return {
-    handleGetRequest,
-    handlePostRequest,
-    handleDeleteRequest,
-    HandleDownloadHTTPPostPDF,
-    handleUploadRequest,
-  };
-};
-
-export default useAxios;
+import { toast } from "react-toastify";
+import axios, { ResponseType } from "axios";
+import { useDispatch, useSelector } from "react-redux";
+import useLoadingMask from "./useLoadingMask";
+import { UserSessionActions } from "../redux/features/common/UserSessionSlice";
+
+export interface APIRequest {
+  endPointURI: string;
+  parameters?: any;
+  data?: any;
+  showMask?: Boolean;
+  loadingMessage?: string;
+  successCallBkFn?: Function;
+  failureCallBkFn?: Function;
+  headers?: any;
+  responseType?: ResponseType;
+}
+
+export interface UploadAttachmentRequest {
+  endPointURI: string;
+  showMask?: Boolean;
+  parameters?: any;
+  loadingMessage?: string;
+  successCallBkFn?: Function;
+  failureCallBkFn?: Function;
+  files: FileList;
+}
+
+const useAxios = () => {
+  const mask = useLoadingMask();
+  const dispatch = useDispatch();
+  const apiBaseUrl = useSelector(
+    (state: any) => state.AppInfo.value.apiBaseUrl
+  );
+  const axiosInstance = axios.create({
+    baseURL: apiBaseUrl,
+    timeout: 600000,
+    withCredentials: true,
+  });
+
+  axiosInstance.defaults.withCredentials = true;
+  axiosInstance.interceptors.response.use(
+    (response: any) => {
+      return response;
+    },
+    (error: any) => {
+      if (
+        error
+          ? error.response
+            ? error.response.status
+              ? error.response.status === 401
+              : false
+            : false
+          : false
+      ) {
+        dispatch(UserSessionActions.setUnAuthenticated());
+        toast.error("your session is now expired, you need to login again", {
+          autoClose: false,
+        });
+      } else if (
+        error
+          ? error.response
+            ? error.response.status
+              ? error.response.status === 403
+              : false
+            : false
+          : false
+      ) {
+        toast.error("you aren't authorized to process this request");
+      } else if (
+        error
+          ? error.response
+            ? error.response.status
+              ? error.response.status === 500
+              : false
+            : false
+          : false
+      ) {
+        if (error.response.data instanceof Blob) {
+          const blob = error.response.data;
+          blob.text().then((text) => {
+            toast.error(text);
+          });
+        } else {
+          toast.error(error.response.data);
+        }
+      } else {
+        toast.error(
+          "failed to communicate with the server ... try again later"
+        );
+      }
+      return "ERROR";
+    }
+  );
+  const handleGetRequest = async (props: APIRequest) => {
+    if (
+      props.showMask !== undefined &&
+      props.showMask != null &&
+      props.showMask === true
+    ) {
+      mask.show(props.loadingMessage);
+    }
+    const response: any = await axiosInstance.get(props.endPointURI, {
+      params: { ...props.parameters },
+      withCredentials: true,
+      headers: props.headers,
+      responseType: props?.responseType,
+    });
+    if (
+      props.showMask !== undefined &&
+      props.showMask != null &&
+      props.showMask === true
+    ) {
+      mask.hide();
+    }
+    if (response !== "ERROR") {
+      if (
+        props.successCallBkFn !== undefined &&
+        props.successCallBkFn != null
+      ) {
+        props.successCallBkFn(response);
+      }
+      return response;
+    } else {
+      if (
+        props.failureCallBkFn !== undefined &&
+        props.failureCallBkFn != null
+      ) {
+        props.failureCallBkFn(response);
+      }
+      return "ERROR";
+    }
+  };
+
+  const HandleDownloadHTTPPostPDF = async (
+    props: APIRequest = { endPointURI: "", parameters: {}, data: {} }
+  ) => {
+    if (
+      props.showMask !== undefined &&
+      props.showMask != null &&
+      props.showMask === true
+    ) {
+      mask.show(props.loadingMessage);
+    }
+    const response: any = await axiosInstance.post(
+      props.endPointURI,
+      props.data,
+      {
+        responseType: "blob",
+      }
+    );
+    if (
+      props.showMask !== undefined &&
+      props.showMask != null &&
+      props.showMask === true
+    ) {
+      mask.hide();
+    }
+    if (response !== "ERROR") {
+      if (
+        props.successCallBkFn !== undefined &&
+        props.successCallBkFn != null
+      ) {
+        props.successCallBkFn(response);
+      }
+      return response;
+    } else {
+      if (
+        props.failureCallBkFn !== undefined &&
+        props.failureCallBkFn != null
+      ) {
+        props.failureCallBkFn(response);
+      }
+      return "ERROR";
+    }
+  };
+  const handlePostRequest = async (props: APIRequest) => {
+    if (
+      props.showMask !== undefined &&
+      props.showMask != null &&
+      props.showMask === true
+    ) {
+      mask.show(props.loadingMessage);
+    }
+    let response: any = await axiosInstance.post(
+      props.endPointURI,
+      props.data,
+      {
+        params: props.parameters,
+        responseType: props?.responseType,
+        headers: props?.headers,
+      }
+    );
+    if (
+      props.showMask !== undefined &&
+      props.showMask != null &&
+      props.showMask === true
+    ) {
+      mask.hide();
+    }
+    if (response !== "ERROR") {
+      if (
+        props.successCallBkFn !== undefined &&
+        props.successCallBkFn != null
+      ) {
+        props.successCallBkFn(response);
+      }
+      return response;
+    } else {
+      if (
+        props.failureCallBkFn !== undefined &&
+        props.failureCallBkFn != null
+      ) {
+        props.failureCallBkFn(response);
+      }
+      return "ERROR";
+    }
+  };
+  const handleDeleteRequest = async (props: APIRequest) => {
+    if (
+      props.showMask !== undefined &&
+      props.showMask != null &&
+      props.showMask === true
+    ) {
+      mask.show(props.loadingMessage);
+    }
+    let response: any = await axiosInstance.delete(props.endPointURI, {
+      params: {
+        ...props.parameters,
+      },
+      responseType: props?.responseType,
+      headers: props?.headers,
+    });
+    if (
+      props.showMask !== undefined &&
+      props.showMask != null &&
+      props.showMask === true
+    ) {
+      mask.hide();
+    }
+    if (response !== "ERROR") {
+      if (
+        props.successCallBkFn !== undefined &&
+        props.successCallBkFn != null
+      ) {
+        props.successCallBkFn(response);
+      }
+      return response;
+    } else {
+      if (
+        props.failureCallBkFn !== undefined &&
+        props.failureCallBkFn != null
+      ) {
+        props.failureCallBkFn(response);
+      }
+      return "ERROR";
+    }
+  };
+
+  const handleUploadRequest = async (props: UploadAttachmentRequest) => {
+    if (props.files === null || props.files.length === 0) {
+      toast.error("You must add files to upload");
+      return "ERROR";
+    }
+    const formData = new FormData();
+    for (const file of props.files) {
+      formData.append("files", file);
+    }
+    if (
+      props.showMask !== undefined &&
+      props.showMask != null &&
+      props.showMask === true
+    ) {
+      mask.show(props.loadingMessage);
+    }
+    let response: any = await axiosInstance.post(props.endPointURI, formData, {
+      params: props?.parameters,
+      headers: {
+        "Content-Type": "multipart/form-data",
+      },
+    });
+    if (
+      props.showMask !== undefined &&
+      props.showMask != null &&
+      props.showMask === true
+    ) {
+      mask.hide();
+    }
+    if (response !== "ERROR") {
+      if (
+        props.successCallBkFn !== undefined &&
+        props.successCallBkFn != null
+      ) {
+        props.successCallBkFn(response);
+      }
+      return response;
+    } else {
+      if (
+        props.failureCallBkFn !== undefined &&
+        props.failureCallBkFn != null
+      ) {
+        props.failureCallBkFn(response);
+      }
+      return "ERROR";
+    }
+  };
+  return {
+    handleGetRequest,
+    handlePostRequest,
+    handleDeleteRequest,
+    HandleDownloadHTTPPostPDF,
+    handleUploadRequest,
+  };
+};
+
+export default useAxios;

package/src/hooks/useInterval.tsx

@@ -1,23 +1,23 @@
-import { useEffect, useRef } from "react";
-
-export default function useInterval(
-  callback: () => void,
-  delay: number | null
-) {
-  const savedCallback = useRef<() => void>(callback);
-
-  // Remember the latest callback
-  useEffect(() => {
-    savedCallback.current = callback;
-  }, [callback]);
-
-  // Set up the interval
-  useEffect(() => {
-    if (delay === null) return;
-
-    const tick = () => savedCallback.current?.();
-
-    const id = setInterval(tick, delay);
-    return () => clearInterval(id);
-  }, [delay]);
-}
+import { useEffect, useRef } from "react";
+
+export default function useInterval(
+  callback: () => void,
+  delay: number | null
+) {
+  const savedCallback = useRef<() => void>(callback);
+
+  // Remember the latest callback
+  useEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+
+  // Set up the interval
+  useEffect(() => {
+    if (delay === null) return;
+
+    const tick = () => savedCallback.current?.();
+
+    const id = setInterval(tick, delay);
+    return () => clearInterval(id);
+  }, [delay]);
+}