{"version":3,"file":"static/js/956.a5487c43.chunk.js","mappings":"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","sources":["pages/home/Payment/PaymentMethods.jsx","../../src/index.ts","../../src/razorpay.ts"],"sourcesContent":["import React, { useEffect, useState } from 'react'\r\nimport { Link, useNavigate } from 'react-router-dom'\r\n\r\nimport Navbar from '../../../component/Navbar/navbar';\r\nimport Footer from '../../../component/Footer/footer';\r\n\r\n\r\nimport { MdKeyboardArrowRight } from '../../../assets/icons/icons';\r\nimport axios from 'axios';\r\nimport { baseurl, apikey, domain } from '../../../../src/baseurl';\r\nimport { useRazorpay, RazorpayOrderOptions } from \"react-razorpay\";\r\n// import useRazorpay from \"react-razorpay\";\r\n\r\n\r\nimport Cookies from 'universal-cookie';\r\n\r\nexport default function PaymentMethods() {\r\n\r\n    const navigate = useNavigate();\r\n    const Razorpay = useRazorpay();\r\n    const cookie = new Cookies();\r\n\r\n    const [paymentMethods,setPaymentMethod] = useState([]);\r\n    const [paymentVal,setPaymentValue] = useState();\r\n    const [paymentKey,setPaymentKey] = useState();\r\n    const [logo,setLogo] = useState();\r\n    const [vendor_name,setVendorName] = useState();\r\n\r\n    const cartItems = JSON.parse(localStorage.getItem('cartitems'));\r\n    // const user = cookie.get('icp_authData');\r\n\r\n    let user = localStorage.getItem('icp_authData');\r\n    user = user ? JSON.parse(user) : null;\r\n\r\n    const paydata = cookie.get('paydata');\r\n\r\n    // console.log(paydata);\r\n\r\n    useEffect(() => {\r\n\r\n        let config = {\r\n            method: 'get',\r\n            maxBodyLength: Infinity,\r\n            url: baseurl+'/active-payments',\r\n            headers: {\r\n                'apikey': apikey,\r\n                'domain': domain,\r\n            }\r\n        };\r\n\r\n        axios.request(config)\r\n            .then((response) => {\r\n                if(response.data.status == 1)\r\n                {\r\n                    setPaymentMethod(response.data.data)\r\n                }\r\n                // console.log(JSON.stringify(response.data.status));\r\n            })\r\n            .catch((error) => {\r\n                console.log(error);\r\n            });\r\n\r\n    }, [])\r\n\r\n    // console.log(cartItems);\r\n    const handlePayment = (e) => {\r\n\r\n;\r\n        let data = JSON.stringify({\r\n            \"payment_slug\": paymentVal,\r\n            \"user_unique_id\": user.user_unique_id,\r\n            \"product_id\": cartItems['id'],\r\n            \"product_name\": cartItems['name'],\r\n            \"product_type\": \"course\",\r\n            \"price\": paydata.finalAmount,\r\n            \"price_id\":  cartItems['price_id'],\r\n            \"promocode\": paydata.applyPromo,\r\n            // \"promocode\": 'red',\r\n            \"mode\": cartItems['mode'],\r\n\r\n        });\r\n\r\n\r\n        let config = {\r\n            method: 'post',\r\n            maxBodyLength: Infinity,\r\n            url: baseurl + '/razorpay/payment-initialize',\r\n            headers: {\r\n                'apikey': apikey,\r\n                'domain': domain,\r\n                'Content-Type': 'application/json',\r\n                 \"Access-Control-Allow-Origin\": \"*\",\r\n                \"Access-Control-Allow-Methods\": \"GET,PUT,POST,DELETE,PATCH,OPTIONS\"\r\n            },\r\n            data: data\r\n        };\r\n\r\n\r\n        axios.request(config)\r\n            .then((response) => {\r\n\r\n                if(response.data.status == 1)\r\n                {\r\n                    let razorpay_order_id  = response.data.data.id;\r\n\r\n\r\n                    const options = {\r\n                        key: paymentKey, // Enter the Key ID generated from the Dashboard\r\n                        amount: '', // Amount is in currency subunits. Default currency is INR. Hence, 50000 refers to 50000 paise\r\n                        currency: \"INR\",\r\n                        name: vendor_name,\r\n                        description: \"Transaction\",\r\n                        image: logo,\r\n                        order_id: razorpay_order_id, //This is a sample Order ID. Pass the `id` obtained in the response of createOrder().\r\n                        handler: function (response) {\r\n\r\n\r\n                            let data = JSON.stringify({\r\n                            \"razorpay_order_id\": response.razorpay_order_id,\r\n                            \"razorpay_payment_id\": response.razorpay_payment_id,\r\n                            \"razorpay_signature\": response.razorpay_signature\r\n                            });\r\n\r\n\r\n                            let config = {\r\n                            method: 'post',\r\n                            maxBodyLength: Infinity,\r\n                            url: baseurl+'/razorpay/verify',\r\n                            headers: {\r\n                               'apikey': apikey,\r\n                                'domain': domain,\r\n                                'Content-Type': 'application/json',\r\n\r\n                            },\r\n                            data : data\r\n                            };\r\n\r\n                            axios.request(config)\r\n                            .then((response) => {\r\n                                if(response.data.status == 1)\r\n                                {\r\n                                    localStorage.removeItem(\"cartitems\")\r\n                                    navigate('/');\r\n                                }\r\n                            // console.log(JSON.stringify(response.data));\r\n                            })\r\n                            .catch((error) => {\r\n                            console.log(error);\r\n                            });\r\n\r\n\r\n                        },\r\n                        prefill: {\r\n                          name: user.name,\r\n                          email: user.email,\r\n                          contact: user.phone,\r\n                        },\r\n                        notes: {\r\n                          address: \"Razorpay Corporate Office\",\r\n                        },\r\n                        theme: {\r\n                          color: \"#3399cc\",\r\n                        },\r\n                      };\r\n\r\n\r\n                      const rzp1 =  new window.Razorpay(options);\r\n\r\n                        rzp1.on(\"payment.failed\", function (response) {\r\n                            // alert(response.error.code);\r\n                            // alert(response.error.description);\r\n                            // alert(response.error.source);\r\n                            // alert(response.error.step);\r\n                            // alert(response.error.reason);\r\n                            // alert(response.error.metadata.order_id);\r\n                            // alert(response.error.metadata.payment_id);\r\n                        });\r\n\r\n                        rzp1.open();\r\n\r\n\r\n\r\n\r\n                }\r\n                // console.log(JSON.stringify(response.data.data.id));\r\n            })\r\n            .catch((error) => {\r\n                console.log(error);\r\n            });\r\n\r\n\r\n\r\n\r\n\r\n\r\n    }\r\n\r\n\r\n    const selectPaymentVal = (e)=>{\r\n        setPaymentValue(e.target.value);\r\n\r\n        const payment_key = e.target.getAttribute(\"data-payment_key\");\r\n        const logo = e.target.getAttribute(\"data-logo\");\r\n        const vendor_name = e.target.getAttribute(\"data-vendor_name\");\r\n        setPaymentKey(payment_key);\r\n        setLogo(logo);\r\n        setVendorName(vendor_name);\r\n\r\n        // alert(removeId);\r\n    }\r\n    return (\r\n        <>\r\n            <Navbar />\r\n            <section className=\"relative table w-full py-5 lg:py-24 bg-gray-50 dark:bg-slate-800\">\r\n                <div className=\"container relative\">\r\n                    <div className=\"grid grid-cols-1 mt-14\">\r\n                        <h3 className=\"text-3xl leading-normal font-semibold\">Payment Method</h3>\r\n                    </div>\r\n\r\n                    <div className=\"relative mt-3\">\r\n                        <ul className=\"tracking-[0.5px] mb-0 inline-flex space-x-1\">\r\n                            <li className=\"inline-block uppercase text-[13px] font-bold duration-500 ease-in-out hover:text-indigo-600\"><Link to=\"\">SBAEDU</Link></li>\r\n                            <li className=\"inline-block text-base text-slate-950 dark:text-white mx-0.5\"><MdKeyboardArrowRight className=\"text-xl\" /></li>\r\n                            <li className=\"inline-block uppercase text-[13px] font-bold duration-500 ease-in-out text-indigo-600\" aria-current=\"page\">Payment Method</li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </section>\r\n            <section className=\"relative md:py-5 py-5\">\r\n                <div className=\"container\">\r\n                    <div class=\"row\">\r\n                        {\r\n                            paymentMethods.map((d,i)=>{\r\n                                return (<>\r\n                                         <div class=\"col-md-3\" data-paymentmethod={d.slug}  >\r\n                                        <img style={{\"width\":\"100px\"}} src={d.image}></img>\r\n                                        <input type='radio'\r\n                                         onChange={selectPaymentVal}\r\n\r\n                                         data-payment_key={d.payment_key}\r\n                                         data-logo={d.logo_url}\r\n                                         data-vendor_name={d.name}\r\n\r\n\r\n                                         value={d.slug} name=\"payment_method\"\r\n                                          /> <label htmlFor={d.slug}>{d.slug}</label>\r\n                                        </div>\r\n                                </>);\r\n                            })\r\n                        }\r\n\r\n\r\n\r\n\r\n                        <button className=\"py-2 px-5 inline-block font-semibold tracking-wide border align-middle duration-500 text-base text-center bg-indigo-600 hover:bg-indigo-700 border-indigo-600 hover:border-indigo-700 text-white rounded-md w-full\" onClick={handlePayment}>Pay</button>\r\n                    </div>\r\n\r\n\r\n                </div>\r\n\r\n                {/* <MobileApp/> */}\r\n            </section>\r\n            <Footer />\r\n\r\n        </>\r\n    )\r\n}\r\n"],"names":["PaymentMethods","navigate","useNavigate","cookie","useRazorpay","Cookies","paymentMethods","setPaymentMethod","useState","paymentVal","setPaymentValue","paymentKey","setPaymentKey","logo","setLogo","vendor_name","setVendorName","cartItems","JSON","parse","localStorage","getItem","user","paydata","get","useEffect","config","method","maxBodyLength","Infinity","url","baseurl","headers","apikey","domain","axios","request","then","response","data","status","catch","error","console","log","selectPaymentVal","e","target","value","payment_key","getAttribute","_jsxs","_Fragment","children","_jsx","Navbar","className","Link","to","MdKeyboardArrowRight","class","map","d","i","slug","style","src","image","type","onChange","logo_url","name","htmlFor","onClick","stringify","user_unique_id","finalAmount","applyPromo","razorpay_order_id","id","options","key","amount","currency","description","order_id","handler","razorpay_payment_id","razorpay_signature","removeItem","prefill","email","contact","phone","notes","address","theme","color","rzp1","window","Razorpay","on","open","Footer","React","__importStar","require","razorpay_1","__importDefault","exports","isLoading","setIsLoading","setError","isClient","Promise","resolve","reject","script","document","createElement","onload","onerror","toString","body","appendChild","undefined","err","Error","message","finally","default","constructor","instance","event","cb"],"sourceRoot":""}