@campxdev/campx-web-utils 0.1.2 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/campx-web-utils",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "main": "./exports.ts",
   "private": false,
   "dependencies": {
@@ -8,6 +8,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^13.0.0",
     "@testing-library/user-event": "^13.2.1",
+    "react-toastify": "^9.0.1",
     "@types/jest": "^27.0.1",
     "@types/node": "^16.7.13",
     "@types/react": "^18.0.0",

package/src/config/axios.ts

@@ -1,22 +1,79 @@
-import Axios from "axios";
+import Axios, { InternalAxiosRequestConfig } from "axios";
 import Cookies from "js-cookie";
+import { toast } from "react-toastify";
+// import { NetworkStore } from "../components/ErrorBoundary/GlobalNetworkLoadingIndicator";
 
 const isDevelopment = process.env.NODE_ENV == "development";
 
 const sessionKey = Cookies.get("campx_session_key");
 const tenantCode = isDevelopment
-  ? window.location.pathname.split("/")[1]
+  ? Cookies.get("campx_tenant")
   : window.location.hostname.split(".")[0];
-const institutionCode = isDevelopment
-  ? window.location.pathname.split("/")[2]
-  : window.location.pathname.split("/")[1];
+const institutionCode = window.location.pathname.split("/")[1];
 
-export const axios = Axios.create({
+const openPaymentsKey = Cookies.get("campx_open_payments_key");
+
+export const formatParams = (params: any) => {
+  return Object.fromEntries(
+    Object.entries(params ?? {})?.map((i) => [
+      i[0],
+      i[1] === "__empty__" ? "" : i[1],
+    ])
+  );
+};
+
+let axios = Axios.create({
   baseURL: process.env.REACT_APP_API_HOST,
   withCredentials: true,
   headers: {
     "x-tenant-id": tenantCode,
     "x-institution-code": institutionCode,
-    ...(isDevelopment && sessionKey ? { campx_session_key: sessionKey } : {}),
+    campx_session_key: sessionKey,
+    ...(openPaymentsKey && {
+      campx_open_payments_key: openPaymentsKey,
+    }),
   },
 });
+
+axios.interceptors.request.use(
+  function (config: InternalAxiosRequestConfig) {
+    const params = formatParams(config?.params);
+    // NetworkStore.update((s) => {
+    //   s.loading = true;
+    // });
+    return { ...config, params };
+  },
+  function (error) {
+    // NetworkStore.update((s) => {
+    //   s.loading = false;
+    // });
+    return Promise.reject(error);
+  }
+);
+
+axios.interceptors.response.use(
+  function (response) {
+    // NetworkStore.update((s) => {
+    //   s.loading = false;
+    // });
+    return response;
+  },
+  function (err) {
+    // NetworkStore.update((s) => {
+    //   s.loading = false;
+    // });
+    return Promise.reject(err);
+  }
+);
+
+export default axios;
+
+export const axiosErrorToast = (error: any, fallback?: string) => {
+  const fallbackMessage = fallback ?? "Something went wrong.";
+  const errorMessage =
+    typeof error?.response?.data?.message !== "string"
+      ? error?.response?.data?.message?.join("\n") ?? fallbackMessage
+      : error?.response?.data?.message;
+
+  return toast.error(errorMessage);
+};