Notes

import React, { useReducer } from "react";
import axios from "axios";
import CustomerContext from "./CustomerContext";
import CustomerReducer from "./CustomerReducer";
import {
CUSTOMER_LOADING,
CUSTOMER_LOADED,
CUSTOMER_ERROR,
CUSTOMER_RESET,
SET_CURRENT_CUSTOMER,
UPDATE_CUSTOMER,
CLEAR_CURRENT_CUSTOMER,
} from "../../data/constants";
import { Business } from "@mui/icons-material";
// import { env } from "process";

const API_BASE_URL = process.env.REACT_APP_TRKNW_API_BASE_URL;
// const API_HOST = "";
const CustomerState = (props) => {
const initialState = {
error: null,
customers: null,
changedCustomers: [],
customerLoading: false,
customerLoaded: false,
selectedCustomer: localStorage.getItem("selectedCustomer")
? JSON.parse(localStorage.getItem("selectedCustomer"))
: null,
savedCriteria: null,
};
const [state, dispatch] = useReducer(CustomerReducer, initialState);

//Reset Context State
const resetCustomerState = () => {
dispatch({
type: CUSTOMER_RESET,
payload: { ...initialState },
});
};

//select a customer for processing
const setCurrentCustomer = (customer) => {
dispatch({
type: SET_CURRENT_CUSTOMER,
payload: customer,
});
};

//Search All customers
const getCustomers = async (formData) => {
// const savedCriteria = { ...formData };
// const config = {
// headers: {
// Authorization: `Bearer ${token}`,
// "Access-Control-Allow-Credentials": "true",
// },
// };
// if (formData) {
// formData.action = "CUSTOMER_MANAGEMENT";
// formData.function = "get_customers";
// formData.version = "1";
// }
console.log("FETCHING Customers ");
return new Promise(async (resolve, reject) => {
try {
console.log("Payload", JSON.stringify(formData));
dispatch({
type: CUSTOMER_LOADING,
});
const res = await axios.get(`${API_BASE_URL}/Customer/CustomerList`);
console.log("Customers ", res);
dispatch({
type: CUSTOMER_LOADED,
payload: res.data,
});
resolve(res.data);
} catch (err) {
dispatch({
type: CUSTOMER_ERROR,
payload: err,
});
reject(err);
}
});
};
//Creat a customer
const createCustomer = async (formData, token) => {
return new Promise(async (resolve, reject) => {
try {
console.log("Payload", JSON.stringify(formData));
dispatch({
type: CUSTOMER_LOADING,
});
const res = await axios.post(
`${API_BASE_URL}/Customer/CreateCustomer`,
formData
);
console.log("Customers ", res);
dispatch({
type: UPDATE_CUSTOMER,
payload: res.data,
});
resolve(res.data);
} catch (err) {
dispatch({
type: CUSTOMER_ERROR,
payload: err,
});
reject(err);
}
});
};

//Create Filing master Businesss Categories
const createCustomerBusinessCategories = async (formData, token) => {
return new Promise(async (resolve, reject) => {
try {
console.log("Payload", JSON.stringify(formData));
// dispatch({
// type: CUSTOMER_LOADING,
// });
const res = await axios.post(
`${API_BASE_URL}/Customer/CreateCustomerBusinessCategory`,
formData
);
console.log("Customer Business Categories", res);
// dispatch({
// type: UPDATE_FILING_MASTER_CATEGORY,
// payload: res.data,
// });
resolve(res.data);
} catch (err) {
dispatch({
type: CUSTOMER_ERROR,
payload: err,
});
reject(err);
}
});
};
// Update an existing business category
const updateBusinessCategory = async (BusinessCategoryId, formData) => {
try {
dispatch({
type: CUSTOMER_LOADING,
});

const res = await axios.put(
`${API_BASE_URL}/Application/BusinessCategoryMasterUpdate1/${BusinessCategoryId}`,
formData
);

// Find the index of the updated category in the state array
const updatedCategoryIndex = state.selectedCustomer.businessCategories.findIndex(
(category) => category.BusinessCategoryId === BusinessCategoryId
);

// Update the category in the state array
const updatedCategories = [...state.selectedCustomer.businessCategories];
updatedCategories[updatedCategoryIndex] = res.data;

// Update the selected customer in the state
const updatedCustomer = {
...state.selectedCustomer,
businessCategories: updatedCategories,
};

dispatch({
type: UPDATE_CUSTOMER,
payload: updatedCustomer,
});

// Update the selected customer in local storage
localStorage.setItem("selectedCustomer", JSON.stringify(updatedCustomer));

console.log("Business category updated: ", res.data);
} catch (err) {
dispatch({
type: CUSTOMER_ERROR,
payload: "Failed to update business category",
});
}
};

//deteting customer
const clearCustomer = async (customerId) => {
try {
dispatch({
type: CUSTOMER_LOADING,
});

await axios.delete(
`${API_BASE_URL}/Customer/CustomerDelete${customerId}`
// " https://localhost:7005/api/Customer/CustomerDelete"
);
console.log("Customer deleted with ID: ", customerId);

dispatch({
type: CLEAR_CURRENT_CUSTOMER,
});

localStorage.removeItem("selectedCustomer");
} catch (err) {
dispatch({
type: CUSTOMER_ERROR,
payload: err,
});
}
};
//editing customer

// Update the selected customer
// const updateSelectedCustomer = async (formData) => {
// try {
// dispatch({
// type: CUSTOMER_LOADING,
// });

// const res = await axios.put(
// `${API_BASE_URL}/Customer/CustomerUpdate/${state.selectedCustomer.customerId}`,
// formData
// );

// dispatch({
// type: UPDATE_CUSTOMER,
// payload: res.data,
// });

// // Update the selected customer in local storage
// localStorage.setItem("selectedCustomer", JSON.stringify(res.data));

// console.log("Selected customer updated: ", res.data);
// } catch (err) {
// dispatch({
// type: CUSTOMER_ERROR,
// payload: err,
// });
// }
// };
// Update an existing customer
const updateCustomer = async (customerId, formData) => {
try {
dispatch({
type: CUSTOMER_LOADING,
});

const res =
await axios.put(
`${API_BASE_URL}/Customer/CustomerUpdate${customerId}`,
formData
);

dispatch({
type: UPDATE_CUSTOMER,
payload: res.data,
});

console.log("Customer updated: ", res.data);
} catch (err) {
dispatch({
type: CUSTOMER_ERROR,
payload: err,
});
}
};






return (
<CustomerContext.Provider
value={{
...state,
resetCustomerState,
setCurrentCustomer,
// clearCurrentCustomer,

clearCustomer,
getCustomers,
createCustomer,
createCustomerBusinessCategories,
updateCustomer,
// loadCustomer,
// customerDispatch: dispatch,
// removeCustomers,
updateBusinessCategory,
}}
>
{props.children}
</CustomerContext.Provider>
);
};

export default CustomerState;