\r\n
\r\n\r\n\r\n\r\n
\r\n\r\n );\r\n}\r\n\r\nexport default App;","// PaymentSuccessPopup.js\r\nimport React from 'react';\r\nimport '../components/paymentpopup.css'\r\n\r\nfunction PaymentSuccessPopup({ show, onClose, message,TxnAmt,ReferenceNumber}) {\r\n if (!show) return null;\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n 
\r\n \r\n
\r\n Quick Pay
\r\n\r\n
\r\n
\r\n\r\n {customerInfo && (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* 
*/}\r\n
\r\n \r\n \r\n {\r\n const onlyDigits = /^\\d+$/;\r\n if (!onlyDigits.test(e.key)) {\r\n e.preventDefault();\r\n }\r\n }}\r\n maxLength={10}\r\n value={mobileNumber}\r\n onChange={(e) => setMobileNumber(e.target.value)}\r\n disabled={dataVerified}\r\n onFocus={handleInputFocus} \r\n \r\n />\r\n {\r\n const onlyDigitsAndLetters = /^[0-9a-zA-Z]+$/;\r\n const inputValue = e.target.value + e.key;\r\n \r\n if (!onlyDigitsAndLetters.test(inputValue) || inputValue.length > 15) {\r\n e.preventDefault();\r\n }\r\n }}\r\n value={membershipNumber}\r\n onChange={(e) => {\r\n const newValue = e.target.value.substring(0, 15); // Limit to 15 characters\r\n setMembershipNumber(newValue);\r\n }}\r\n disabled={dataVerified}\r\n onFocus={handleInputFocus} // Clear error message on input focus\r\n />\r\n\r\n\r\n \r\n
\r\n \r\n {!dataVerified && ( // Conditionally render the \"Forgot MS Number?\" link if data is not verified\r\n \r\n Forgot Membership No?\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n {validationError && (\r\n \r\n {validationError}\r\n
\r\n )}\r\n \r\n {dataVerified ? null : (\r\n <>\r\n
\r\n - \r\n
- Pay Your Installment in one single click \r\n
- For any queries, please write to support@bhimagold.com or call us on 1800-121-9076 (All days 10 am to 7 pm IST). \r\n \r\n
\r\n {customerInfo.map((customer, index) => (\r\n
\r\n )}\r\n\r\n{apiResponse && (\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n Subscriber Name: {customer.Name}
\r\n {/*Maturity date: {customer.MaturityDate}
*/}\r\nScheme Name: {customer.SchemeName}
\r\n\r\n \r\n
\r\n Membership no: {customer.MembershipNo}
\r\n\r\n\r\n
\r\n Installment amount in Rs: {Number(customer.EMIAmount).toLocaleString()}/-
\r\n \r\n {customer.PaymentPending ? (\r\n \r\n ) : (\r\n\r\n No Installment Pending\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n {apiResponse}
\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default PaymentSuccessPopup;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { useLocation,useNavigate, Routes, Route } from 'react-router-dom';\r\nimport logoImage from '../images/bhimaboylogofinal.jpg';\r\n\r\nconst Status = () => {\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const [apiResponse, setApiResponse] = useState(null);\r\n const [accessToken, setAccessToken] = useState('');\r\n const [showCloseButton, setShowCloseButton] = useState(false);\r\n const renewAccessToken = async () => {\r\n try {\r\n // Load the existing token from the token.json file\r\n const tokenData = require('../token.json');\r\n const existingToken = tokenData.token;\r\n const tokenURl = `https://jppapi.bhimagold.com/api_db.js/users/renewAccessToken`;\r\n // const tokenURl = `http://suvarnagopura.com/MagentoAPI/api_db.js/users/renewAccessToken`;\r\n const response = await fetch(tokenURl, {\r\n method: 'POST',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n // Include any additional headers if needed\r\n },\r\n // Pass the existing token in the request body\r\n body: JSON.stringify({\r\n token: existingToken,\r\n }),\r\n });\r\n \r\n if (response.ok) {\r\n const data = await response.json();\r\n const newToken = data.access_token;\r\n \r\n setAccessToken(newToken);\r\n // console.log(accessToken);\r\n \r\n // Optionally, you can save the new token to localStorage or any other storage mechanism\r\n localStorage.setItem('accessToken', newToken);\r\n } else {\r\n //console.error('Failed to renew access token:', response.status);\r\n }\r\n } catch (error) {\r\n console.error('Error renewing access token:', error);\r\n }\r\n };\r\n \r\n\r\n useEffect(() => {\r\n // Fetch a new access token before making other API calls\r\n renewAccessToken();\r\n }, []);\r\n\r\n useEffect(() => {\r\n const searchParams = new URLSearchParams(location.search);\r\n const orderId = searchParams.get('order_id');\r\n\r\n if (orderId) {\r\n const apiUrl = `https://jppapi.bhimagold.com/api_db.js/api/Paymentcheck/${orderId}`;\r\n // const apiUrl = `https://testapproval.bhima.info/api_db.js/api/Paymentcheck/${orderId}`;\r\n const headers = {\r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${accessToken}`,\r\n };\r\n \r\n fetch(apiUrl, {\r\n method: 'GET',\r\n headers: headers,\r\n })\r\n .then((response) => response.json())\r\n .then((data) => {\r\n setApiResponse(data.message);\r\n setShowCloseButton(true);\r\n })\r\n .catch((error) => {\r\n console.error('Error fetching API data:', error);\r\n });\r\n }\r\n \r\n const handlePopstate = () => {\r\n const isLocalEnvironment = process.env.NODE_ENV === 'development';\r\n const localDefaultPage = 'https://bmc.bhimagold.com'; // Replace with your local default route\r\n const serverDefaultPage = 'https://bmc.bhimagold.com'; // Replace with your server default URL\r\n const defaultPage = isLocalEnvironment ? localDefaultPage : serverDefaultPage;\r\n navigate(defaultPage);\r\n };\r\n\r\n window.addEventListener('popstate', handlePopstate);\r\n\r\n return () => {\r\n window.removeEventListener('popstate', handlePopstate);\r\n };\r\n }, [location.search, navigate, accessToken]);\r\n\r\n const handleButtonClick = () => {\r\n const isLocalEnvironment = process.env.NODE_ENV === 'development';\r\n const localDefaultPage = 'https://bmc.bhimagold.com'; // Replace with your local default route\r\n const serverDefaultPage = 'https://bmc.bhimagold.com'; // Replace with your server default URL\r\n const defaultPage = isLocalEnvironment ? localDefaultPage : serverDefaultPage;\r\n window.location.href = defaultPage;\r\n };\r\n\r\n useEffect(() => {\r\n document.body.style.overflow = 'hidden';\r\n\r\n return () => {\r\n document.body.style.overflow = 'visible';\r\n };\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {message}
\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Status;\r\n","\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport App from './App';\n\nReactDOM.render(\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {apiResponse && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n Make another payment\r\n \r\n \r\n )}\r\n
\r\n \r\n Go to Bhima Home\r\n \r\n {apiResponse}
\r\n \r\n {showCloseButton && (\r\n