diff --git a/src/components/CheckOut.js b/src/components/CheckOut.js index f3f6ff7..7150a45 100644 --- a/src/components/CheckOut.js +++ b/src/components/CheckOut.js @@ -31,6 +31,9 @@ import { loadStripe } from '@stripe/stripe-js'; import { PaymentElement } from '@stripe/react-stripe-js'; import Popup from 'reactjs-popup'; +import 'react-tooltip/dist/react-tooltip.css' +import { Tooltip } from 'react-tooltip' + const stripePromise = loadStripe('pk_test_51LUUfAAbmaEugrFTI25uZBD3IFjbtaL6jUfRV83diDf7nco8worna4NGKhMHbPP71WCwT5EHFRdDNatxPrJWwgZ300kgH5EO4p'); //const stripePromise_PROD = loadStripe('pk_live_51LUUfAAbmaEugrFTyfNe4Dj0vbxc5qXQqNs0rztjAKy8oSlc5EEQyJGjA8Z5kXmP2gvUMcYLUBYCIyWWzLCw59RY00PtGInkVf'); @@ -505,6 +508,10 @@ function CheckOut(props) { form1.append("customerid", cust_strip_id_global); form1.append("pack", currentpack); form1.append("qty", nb_formations); + form1.append("discount_code", code_promo_code); + form1.append("discount_type", code_promo_type); + form1.append("discount_valeur", code_promo_valeur); + fetch(myurl, { method: 'POST', @@ -1117,12 +1124,81 @@ function CheckOut(props) { } + const [code_promo_code, setcode_promo_code] = useState(""); + const [code_promo_type, setcode_promo_type] = useState(""); + const [code_promo_valeur, setcode_promo_valeur] = useState(""); + const [code_promo_text_to_display, setcode_promo_text_to_display] = useState(""); + + const [handleOnblur_Code_Promo_api, sethandleOnblur_Code_Promo_api] = useState(""); + const [handleOnblur_Code_Promo_result, sethandleOnblur_Code_Promo_result] = useState(""); + const [handleOnblur_Code_Promo_message, sethandleOnblur_Code_Promo_message] = useState(""); + + const handleOnblur_Code_Promo = (event) => { + + setcode_promo_code(""); + setcode_promo_type(""); + setcode_promo_valeur(""); + setcode_promo_text_to_display(""); + + sethandleOnblur_Code_Promo_api(""); + sethandleOnblur_Code_Promo_result(""); + sethandleOnblur_Code_Promo_message(""); + + + + + setcode_promo_code(event.target.value); + //console.log(" ### event.target.value = ", event.target.value); + const formData = new FormData(); + const url = process.env.REACT_APP_API_URL + "myclass/api/Get_Given_Code_Promo/"; + formData.append('token', stored_part); + formData.append('code_promo', event.target.value); + + axios.post(url, formData).then(res => { + //console.log(" In getCurrentUserData res.data.status = " + res.data.status); + //console.log(" In getCurrentUserData res.data.message = " + res.data.message); + if (String(res.data.status) === "true") { + + sethandleOnblur_Code_Promo_api("true"); + sethandleOnblur_Code_Promo_result(res.data.message); + + var mycodepromo_data = JSON.parse(res.data.message); + if (mycodepromo_data) { + //console.log(' mycodepromo_data = ', mycodepromo_data); + if (mycodepromo_data.type) { + setcode_promo_type(mycodepromo_data.type); + } + if (mycodepromo_data.valeur) { + setcode_promo_valeur(mycodepromo_data.valeur); + } + + if (String(mycodepromo_data.type).toLocaleLowerCase() === "fix") { + setcode_promo_text_to_display("- " + mycodepromo_data.valeur + " €") + } + else if (String(mycodepromo_data.type).toLocaleLowerCase() === "percent") { + setcode_promo_text_to_display("- " + mycodepromo_data.valeur + " % ") + } + + } + } + else { + + sethandleOnblur_Code_Promo_api("false"); + sethandleOnblur_Code_Promo_message(res.data.message); + } + + }).catch((error) => { + console.warn('Erro handleOnblur_Code_Promo = ', error); + sethandleOnblur_Code_Promo_api("false"); + }) + } + return (