\n \n
\n )}\n\n {Verify && (\n \n
\n )}\n \n
\n \n \n OK\n \n
\n \n
\n );\n};\n\nexport default PanAdharStatus;\n","export default __webpack_public_path__ + \"static/media/close.8da70750.svg\";","export default __webpack_public_path__ + \"static/media/Bannerforinvestorportal.4884ae9b.jpg\";","export default __webpack_public_path__ + \"static/media/BannerforInvetorportalTaxGainFund.b18870e9.jpg\";","export default __webpack_public_path__ + \"static/media/JM-Flexicap-Investor.4737273a.jpg\";","import * as React from \"react\";\n\nfunction FormSVG(props) {\n return (\n \n );\n}\n\nexport default FormSVG;\n","import * as React from \"react\";\n\nfunction Lumpsump(props) {\n return (\n \n );\n}\n\nexport default Lumpsump;\n","import * as React from \"react\";\n\nfunction Coins(props) {\n return (\n \n );\n}\n\nexport default Coins;\n","import React from 'react'\n\nexport const Formerror = (props) => {\n return (\n {props.error ? props.error : }\n )\n}\n","import * as React from \"react\";\n\nconst authContext = React.createContext();\n\nfunction useAuth() {\n const [authed, setAuthed] = React.useState(false);\n React.useEffect(() => {\n // console.log(sessionStorage.getItem(\"islogin\"));\n // if (sessionStorage.getItem(\"islogin\")) {\n // setAuthed(sessionStorage.getItem(\"islogin\") === \"true\" ? true : false);\n // console.log(authed);\n // }\n }, []);\n return {\n authed,\n login() {\n return new Promise((res) => {\n setAuthed(true);\n // sessionStorage.setItem(\"islogin\", true);\n res();\n });\n },\n logout() {\n return new Promise((res) => {\n setAuthed(false);\n // sessionStorage.setItem(\"islogin\", false);\n res();\n });\n },\n };\n}\nexport function AuthProvider({ children }) {\n const auth = useAuth();\n\n return \n
\n \n
\n \n
\n \n
\n \n
{\" \"}\n {/*
*/}\n
\n \n
\n \n
\n \n Your transaction has been not processed further beacuse your\n pan adhar status are not verfied.\n
\n{\" \"}\n {/*
\n
\n \n \n
\n*/}\n
\n goToDashboard()}\n >\n {\" \"}\n Go to Dashboard\n \n
\n \n {\n history.push(\n \"/quickpurchase/sip\",\n JSON.stringify({\n data: folioValues[0].folios,\n selectedData: folioRadioButtonValue,\n emailPan: inputVal,\n Pan: inputVal.panNumber.toUpperCase(),\n Email_ID: inputVal.emailId,\n Investor_Name: folioValues[0].primaryHolderName,\n Mobile_No: otpResponse.MOBILE\n })\n );\n }}\n >\n
\n \n Select Transaction Type\n
\n\n {\n history.push(\n \"/quickpurchase/lumpsum\",\n JSON.stringify({\n data: folioValues[0].folios,\n selectedData: folioRadioButtonValue,\n emailPan: inputVal,\n Pan: inputVal.panNumber.toUpperCase(),\n Email_ID: inputVal.emailId,\n Investor_Name: folioValues[0].primaryHolderName,\n Mobile_No: otpResponse.MOBILE\n })\n );\n }}\n >\n
\n \n
\n \n Lumpsump\n
\n\n
\n \n SIP\n
\n\n
\n \n \n );\n }\n};\n\nexport default Multistepform;\n","import React, { useState, useContext, useEffect, useRef } from \"react\";\nimport \"../scss/home.scss\";\nimport Mousetrap from \"mousetrap\";\nimport OtpInput from \"react-otp-input\";\nimport { userActions } from \"../../../redux/_actions\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport history from \"../../../History/history\";\nimport { useGlobalSpinnerActionsContext } from \"../../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport { validPass } from \"../../../helperFunctions/helperFunctions\";\nimport { faEye, faEyeSlash, faHome } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n validateEmail,\n panValidation,\n maskString,\n maskingFunction,\n} from \"../../../helperFunctions/helperFunctions\";\nimport session from \"redux-persist/lib/storage/session\";\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\n\nconst Multistepform = () => {\n const dispatch = useDispatch();\n let inp = useRef();\n const contextapi = useContext(Context);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const [step, setStep] = useState(1);\n const [otpValue, setOtpValue] = useState(\"\");\n const [inputVal, setInputVal] = useState({\n pass: \"\",\n });\n const [inputValFgtPass, setInputValFgtPass] = useState({\n pass: \"\",\n cnfrmPass: \"\",\n userid: \"\",\n pan: \"\"\n });\n const userSession = useSelector((state) => state.authentication.user);\n const [loginOption, setLoginOption] = useState(\"userId\");\n const [counter, setCounter] = useState(119);\n const [userDetails, setUserDetails] = useState(null);\n const [userInput, setUserInput] = useState(null);\n const [isChangePass, setIsChangePass] = useState(false);\n const [otpResult] = useState(\"\");\n const [userId, setUserId] = useState(\"\");\n const [userPAN, setUserPAN] = useState(\"\");\n const [flaggerEnter, setFlaggerEnter] = useState(\"\");\n // console.log(flaggerEnter);\n const [passwordType, setpasswordType] = useState(\"password\");\n const [click, setClick] = useState(false);\n const showpassword = (that) => {\n setpasswordType(that);\n };\n const handleChangePAN = (e) => {\n setInputValFgtPass((prev) => {\n return { ...prev, pan: e.target.value.toUpperCase().trim() }\n })\n }\n useEffect(() => {\n\n sessionStorage.removeItem(\"logout\")\n if (step == 2) {\n const timer =\n counter > 0 && setInterval(() => setCounter(counter - 1), 1000);\n return () => clearInterval(timer);\n }\n Mousetrap.bind(\n \"enter\",\n function (e) {\n submitForm(e);\n },\n \"keyup\"\n );\n });\n\n const submitForm = async (e) => {\n e.preventDefault();\n setFlaggerEnter(\"userIdSubmit\");\n if (userId.length === 0) {\n setNotifi({ val: true, msg: \"Please enter User Id\" });\n inp.current.focus();\n } else if (inputVal.pass.length === 0) {\n setNotifi({ val: true, msg: \"Please enter Password\" });\n } else if (validateEmail(userId) === false) {\n setNotifi({ val: true, msg: \"Please enter valid Email Id\" });\n setUserId(\"\");\n } else {\n loginWithUserId();\n }\n };\n\n const handleInput = (e) => {\n setInputVal({\n ...inputVal,\n [e.target.name]: e.target.value,\n });\n };\n const handleInputfgtPass = (e) => {\n setInputValFgtPass({\n ...inputValFgtPass,\n [e.target.name]: e.target.value,\n });\n };\n\n const submitFormForPAN = async (e) => {\n e.preventDefault();\n\n if (userPAN.length === 0) {\n setNotifi({ val: true, msg: \"Please enter PAN Number\" });\n } else if (inputVal.pass.length === 0) {\n setNotifi({ val: true, msg: \"Please enter Password\" });\n } else if (panValidation(userPAN) === false) {\n setUserPAN(\"\");\n setNotifi({ val: true, msg: \"Please enter valid PAN Number\" });\n } else {\n loginWithUserPAN();\n }\n };\n const submitValiditaeForFP = async (e) => {\n e.preventDefault();\n\n setFlaggerEnter(\"userIdSubmit\");\n if (inputValFgtPass.userid.length === 0) {\n setNotifi({ val: true, msg: \"Please enter User Id\" });\n } else if (validateEmail(inputValFgtPass.userid) === false) {\n setNotifi({ val: true, msg: \"Please enter valid Email Id\" });\n setUserId(\"\");\n } else {\n validateUserID();\n }\n };\n const submitValidateForPAN = async (e) => {\n e.preventDefault();\n const validatePan = /^[A-Z]{5}[0-9]{4}[A-Z]{1}$/\n setFlaggerEnter(\"userIdSubmit\");\n if (inputValFgtPass.pan.length === 0) {\n setNotifi({ val: true, msg: \"Please enter PAN\" });\n } else if (!validatePan.test(inputValFgtPass.pan)) {\n setNotifi({ val: true, msg: \"Please enter valid PAN\" });\n setInputValFgtPass((prev) => {\n return { ...prev, pan: \"\" }\n })\n } else {\n validateUserID();\n }\n };\n const submiForFP = async (e) => {\n e.preventDefault();\n // setGlobalSpinner(true);\n\n const error = await checkErrors();\n if (Object.keys(error).length > 0) {\n // await setFormErrors(error);\n // setNotifi({ val: true, msg: error });\n // setGlobalSpinner(false);\n } else {\n // if (inputValFgtPass.pass.length === 0) {\n // setNotifi({ val: true, msg: \"Please enter password\" });\n // } else if (inputValFgtPass.cnfrmPass.length === 0) {\n // setNotifi({ val: true, msg: \"Please enter Confirm password\" });\n // } else if (inputValFgtPass.cnfrmPass !== inputValFgtPass.pass) {\n // setNotifi({\n // val: true,\n // msg: \"Password and Confirm password should be same \",\n // });\n // } else {\n generateOTPFP();\n // }\n }\n };\n\n const handleLoginOption = (value) => {\n setLoginOption(value);\n };\n\n const generateOTPHandler = async () => {\n setCounter(119);\n console.log(loginOption);\n if (loginOption === \"forgotpasswordChngpaswd\") {\n reGenerateOTPFP();\n } else {\n generateOTP();\n }\n };\n const generateOTP = async () => {\n var url = \"/login/generateOTP\";\n console.log(userSession);\n var postobjt = {\n loginType: \"U\",\n userID: userSession.Email_ID,\n email: userSession.Email_ID,\n pan: userSession.Pan,\n password: inputVal.pass.toString().trim(),\n mobileNo: String(userSession.Mobile_No),\n investorName: userSession.Investor_Name,\n validate: true,\n source: \"Login\",\n };\n console.log(postobjt);\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => { })\n .catch((err) => {\n console.log(err);\n\n setNotifi({ val: true, msg: \"Invalid credentials\" });\n });\n };\n const handleChange = (otp) => {\n setOtpValue(otp);\n };\n\n const submitOtp = async (event) => {\n event.preventDefault();\n if (otpValue.length < 6) {\n setNotifi({ val: true, msg: \"Enter the OTP\" });\n } else {\n await validateOTP1();\n }\n };\n\n const loginWithUserPAN = async () => {\n var url = \"/login/generateOTP\";\n var postobjt = {\n loginType: \"P\",\n userID: userPAN.toString().toUpperCase().trim(),\n password: inputVal.pass.toString().trim(),\n validate: true,\n source: \"Login\",\n // source: \"Login By Pan\",\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n session.setItem('investorHeaderId', res.Email_ID)\n dispatch(userActions.login(res, \"succ\"));\n setUserDetails(res);\n if (res.Validation === \"True\") {\n setUserDetails(res);\n setStep(step + 1);\n sessionStorage.setItem(\"wishtoNominateFolio\", true);\n } else {\n setNotifi({ val: true, msg: \"Invalid credentials\" });\n }\n })\n .catch((err) => {\n console.log(err);\n dispatch(userActions.login(err, \"\"));\n setNotifi({ val: true, msg: \"Invalid credentials\" });\n });\n };\n\n const loginWithUserId = async () => {\n var url = \"/login/generateOTP\";\n var postobjt = {\n loginType: \"U\",\n userID: userId.toString().trim(),\n password: inputVal.pass.toString().trim(),\n // userID: '!medrsophy2',\n // password: '®ÏÝßìýè½',\n validate: true,\n source: \"Login\",\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n session.setItem('investorHeaderId', res.Email_ID)\n dispatch(userActions.login(res, \"succ\"));\n setUserDetails(res);\n if (res.Validation === \"True\") {\n setUserDetails(res);\n setStep(step + 1);\n sessionStorage.setItem(\"wishtoNominateFolio\", true);\n } else if (res.message === \"Password expired.\") {\n setNotifi({ val: true, msg: res.message });\n setInputValFgtPass({\n ...inputValFgtPass,\n userid: userId.toString().trim(),\n });\n handleLoginOption(\"forgotpassword\");\n } else {\n setUserId(\"\");\n setInputVal({\n pass: \"\",\n });\n setNotifi({ val: true, msg: \"Invalid credentials\" });\n }\n })\n .catch((err) => {\n console.log(err);\n dispatch(userActions.login(err, \"\"));\n setNotifi({ val: true, msg: \"Invalid credentials\" });\n });\n };\n const reGenerateOTPFP = async () => {\n var url = \"/login/generateOTP\";\n console.log(userInput);\n var locuserInput = userInput[0].level2[0];\n var postobjt = {\n loginType: \"U\",\n userID: userPAN.toString().toUpperCase().trim(),\n email: inputValFgtPass.userid.toString().trim(),\n folio: String(locuserInput.Folio),\n pan: locuserInput.PAN,\n mobileNo: String(locuserInput.Mobile),\n investorName: locuserInput[\"User Name\"],\n validate: false,\n source: \"Forgot Password\",\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n console.log(postobjt);\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n })\n .catch((err) => {\n console.log(err);\n // dispatch(userActions.login(err, \"\"));\n setNotifi({ val: true, msg: \"Invalid credentials\" });\n });\n };\n const generateOTPFP = async () => {\n var url = \"/login/generateOTP\";\n console.log(userInput);\n var locuserInput = userInput[0].level2[0];\n var postobjt = {\n loginType: \"U\",\n userID: inputValFgtPass.userid.toString().trim(),\n email: inputValFgtPass.userid.toString().trim(),\n folio: String(locuserInput.Folio),\n pan: locuserInput.PAN,\n mobileNo: String(locuserInput.Mobile),\n investorName: locuserInput[\"User Name\"],\n validate: false,\n source: \"Forgot Password\",\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n console.log(postobjt);\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n var locMob = String(locuserInput.Mobile);\n var newRes = {\n Investor_Name: locuserInput[\"User Name\"],\n Pan: locuserInput.PAN,\n Email_ID: inputValFgtPass.userid,\n Mobile_No: locMob,\n Folio: locuserInput.Folio,\n };\n if (res.statusCode === \"10000\") {\n setUserDetails(newRes);\n setUserId(inputValFgtPass.userid);\n setIsChangePass(true);\n setStep(step + 1);\n } else {\n setUserId(\"\");\n setNotifi({ val: true, msg: \"Something went wrong\" });\n }\n })\n .catch((err) => {\n console.log(err);\n dispatch(userActions.login(err, \"\"));\n setNotifi({ val: true, msg: \"Invalid credentials\" });\n });\n };\n const changePassword = async () => {\n var url = \"/forgotPassword/newChangeForgotPassword\";\n var postobjt = {\n userId: inputValFgtPass.userid.toString().trim(),\n password: inputValFgtPass.pass.toString().trim(),\n ip: \"\",\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n setNotifi({ val: true, msg: \"Password Changed Sucessfully\" });\n // dispatch(userActions.login(res, \"succ\"));\n // setUserDetails(res);\n // if (res.Validation === \"True\") {\n // setUserDetails(res);\n setOtpValue(\"\");\n setIsChangePass(false)\n setLoginOption(\"userId\");\n setStep(1);\n // } else {\n // setUserId(\"\");\n // setNotifi({ val: true, msg: \"Invalid credentials\" });\n // }\n })\n .catch((err) => {\n console.log(err);\n dispatch(userActions.login(err, \"\"));\n setNotifi({ val: true, msg: \"Invalid credentials\" });\n });\n };\n const validateOTP1 = async () => {\n var url = \"/login/validateOTP\";\n let userName;\n if (userId !== \"\") {\n userName = userId.toString();\n } else {\n userName = userPAN.toString();\n }\n var postobjt = {\n folio: userDetails.Folio.toString(),\n otp: otpValue,\n userID: userName,\n };\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n setGlobalSpinner(false);\n console.log(res)\n if (res[0].Result !== \"SUCCESS\") {\n setOtpValue(\"\");\n setNotifi({\n val: true,\n msg: \"OTP entered is invalid . Please try again\",\n });\n } else {\n if (isChangePass) {\n changePassword();\n // handleLoginOption(\"userId\")\n } else {\n dispatch(userActions.setSession(res[0].token));\n\n history.push(\"/dashboard\");\n sessionStorage.setItem('logout', \"sessionLogout\")\n }\n }\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n dispatch(userActions.setSession(err));\n setOtpValue(\"\");\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const NewToLogin = () => {\n return (\n <>\n {/* \n \n Account Locked?{\" \"}\n \n \n Click here\n \n
*/}\n\n \n history.push(\"./register\")}\n className=\"text-decoration-none\"\n >\n \n Click here\n \n \n {` to register`}\n
\n \n \n\n (Existing Investor in JM Financial MF)\n
\n \n {\n setClick(!click);\n }}\n // onClick={handleClick}\n href=\"https://mfs.kfintech.com/investor/general/validatekyc?amccode=57AB0A35-31CA-4190-A184-63949AA0E299\"\n className=\"text-decoration-none\" rel=\"noreferrer\"\n >\n \n Update KYC\n \n \n\n
\n \n \n If you are investing first time in JM FINANCIAL MF\n
\n toggleTab(2)}\n className={\n toggleState === 2 ? \"button-default active\" : \"button-default \"\n }\n >\n Quick Purchase\n
\n \n \n toggleTab(1)}\n className={\n toggleState === 1 ? \"button-default active\" : \"button-default \"\n }\n >\n Login\n
\n\n \n \n
\n \n \n \n );\n};\n\nexport default Form;","export default __webpack_public_path__ + \"static/media/faq.aa76c7b8.svg\";","export default __webpack_public_path__ + \"static/media/Req.eaee0675.svg\";","export default __webpack_public_path__ + \"static/media/contact.78e6e679.svg\";","export default __webpack_public_path__ + \"static/media/UD.0c483bdd.svg\";","import React, { useEffect, useState } from \"react\";\nimport { MdCall, MdEmail } from \"react-icons/md\";\nimport { statutoryDisclosures, quickLinks } from \"./schema/footerSchema\";\nimport \"./css/footer.css\";\nimport faq from \"../../assets/Images/faq.svg\";\nimport req from \"../../assets/Images/Req.svg\";\nimport ud from \"../../assets/Images/UD.svg\";\nimport contact from \"../../assets/Images/contact.svg\";\nimport { useHistory } from \"react-router-dom\";\n// import {\n// } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faArrowCircleLeft, faArrowRight, faArrowRightArrowLeft } from \"@fortawesome/free-solid-svg-icons\";\nconst Footer = () => {\n const history = useHistory();\n\n const [isSoa,setIsSoa] = useState(false);\n useEffect(()=>{\n setIsSoa(window.location.pathname.includes('/soa'));\n },[])\n const handleRedirect = () => {\n history.push(\"/soa/accountStatement\");\n window.location.reload();\n };\n return (\n \n \n
\n \n
\n \n );\n};\n\nexport default Footer;\n","import React, { useEffect, useState } from \"react\";\nimport banner1 from \"../../assets/Images/Bannerforinvestorportal.jpg\";\nimport banner2 from \"../../assets/Images/BannerforInvetorportalTaxGainFund.jpg\";\nimport banner3 from \"../../assets/Images/JM-Flexicap-Investor.jpg\";\n// import banner2 from \"../../assets/Images/NFO/DIT Portal Banner 683x522.jpg\";\n// import banner4 from \"../../assets/Images/NFO/Investor Portal Teaser1_766x426.jpg\";\n// import banner2 from \"../../assets/Images/Investor Portal Banner.jpg\";\n\n\n\nimport Form from \"./components/Form\";\nimport Footer from \"../../components/Footer/Footer\";\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport Carousel from \"react-multi-carousel\";\nimport \"react-multi-carousel/lib/styles.css\";\nimport \"./scss/home.scss\";\nimport { Dialog, DialogContent, DialogContentText } from \"@mui/material\";\nconst responsive = {\n superLargeDesktop: {\n // the naming can be any, depends on you.\n breakpoint: { max: 4000, min: 3000 },\n items: 1,\n },\n desktop: {\n breakpoint: { max: 3000, min: 1024 },\n items: 1,\n },\n tablet: {\n breakpoint: { max: 1024, min: 464 },\n items: 1,\n },\n mobile: {\n breakpoint: { max: 464, min: 0 },\n items: 1,\n },\n};\n\nconst Home = () => {\n const [open, setOpen] = useState(\n true\n );\n const [welcomePopup, setWelcomePopup] = useState(false)\n const [isUSCitezen, setIsUSCitezen] = useState(\"true\");\n\n const handleModalToggale = () => {\n setOpen(false)\n setWelcomePopup(true)\n\n }\n const closeModal = () => {\n setWelcomePopup(false);\n sessionStorage.setItem(\"isUS\", false);\n };\n console.log(welcomePopup, \"welcome\", open, \"open\")\n return (\n \n
\n \n \n
\n \n\n \n \n Disclaimer\n \n |\n \n Privacy Policy\n \n |\n\n \n Rules & Regulations\n \n |\n\n \n Scheme Expense Ratios\n \n |\n \n Voting Policy\n \n
\n\n \n Copyright © 2022. JM Financial Mutual Fund\n
\n\n \n {/* */}\n
\n \n \n\n \n\n \n \n )}\n {\n welcomePopup && (\n \n {/* \n {`Welcome`}\n */}\n \n \n \n \n )\n }\n
\n );\n};\n\nexport default Home;\n","import React from \"react\";\nimport { Route, Redirect } from \"react-router-dom\";\n\nexport const PrivateRoute = ({ component: Component, ...rest }) => (\n \n
\n {open && (\n \n \n
\n \n \n 
\n \n
\n \n \n \n 
\n \n
\n \n \n 
\n \n
\n \n \n \n \n {open}\n \n
\n \n
\n \n
\n \n
\n \n
\n Important Regulatory Update on KYC Status\n
\n \n\n
\n \n
\n \n \n \n
\n\n \n \n
\n
\n KYC Changes from Apr 01 2024
\nAs per the SEBI Circular SEBI/HO/MIRSD/FATF/P/CIR/2023/0144 dated Aug 11, 2023, as a part of risk management framework, the KRAs shall verify the following attributes of records of all clients within 2 days of receipt of KYC records:
\nPAN (including PAN Aadhaar linkage), Name, Address and additionally, the KRAs shall verify the mobile number and email id
\nIf KRA is unable to verify the above attributes, such investors shall not be allowed to transact further until the attributes are verified. Please ensure to provide your valid contact details [Email id / Mobile Number] to KRAs.
\n\nKnow your KYC Status and its Impact on transactions (static)
\n\n| KYC STATUS | \nInvestments in Existing MF | \nInvestments in New MF | \nRemediation | \n
|---|---|---|---|
| KYC VALIDATED | \nNo Impact | \nNo Impact | \nNot Required | \n
| KYC Registered | \nNo Impact | \nAllowed, Fresh set of KYC documents to be submitted every time, investing in a new MF | \nInvestor can do a re-kyc using Aadhaar as OVD (Officially Valid Document) to remediate the status to KYC VALIDATED for seamless transactions in securities market | \n
| KYC On-Hold / KYC Rejected | \nTransactions will not be allowed | \nTransactions will not be allowed | \n\n Investor should ensure to do the following to change the status to Registered \n
Investors are suggested to do a re-kyc using Aadhaar as OVD (Officially Valid Document) to remediate the status to KYC VALIDATED for seamless transactions in securities market \n | \n
General Guidelines to Investors
\nInvestor has to submit the valid documents to KRAs to remediate the KYC status to Registered / Validated.
\nInvestors can go to their respective KRA websites and initiate the modification requests or they can download the KYC form from KRA websites and submit to any of the investor service centers of AMC / RTA.
\n\nInvestors to follow the steps given for modification, Email /Mobile number to be validated, and the other details entered by the investor will be validated by the KRAs with the official data base ( such as Income Tax database for Pan, and UIDAI database for Aadhaar related validations)
\nInvestor can use any one of the below given OVDs, Kindly note only when the Aadhaar is used as OVD and on successful validations by the KRAs – KYC status shall be updated as Validated
\n\n- \n
- Passport \n
- License \n
- Proof of possession of Aadhaar number \n
- Voter’s Id issued by Election Commission of India \n
- Job card issued by NREGA duly signed by an officer of the State Government \n
- Letter issued by the National Population Register containing details of name, address; \n
Check your KYC Status (click here)
\nPlease click the KRA site from the links and options given, Input your PAN, and submit to see your KYC Status with the details of the proof you have submitted for your KYC.
\n\n- \n
- CVL KRA https://www.cvlkra.com/ KYC Enquiry \n
- CAMSKRA https://www.camskra.com/ My KYC Status \n
- NSDL KRA https://kra.ndml.in/kra-eb/jsps/pos/KYCClientInquiry_NEW.jsp Inquiry on KYC \n
- NSE KRA https://www.nsekra.com/ KYC Inquiry \n
- KARVY KRA https://www.karvykra.com/UPanSearchGlobalWithPanExempt.aspx KYC Enquiry \n
VALIDATE YOUR CONTACT DETAILS in your KYC records by clicking your KRA links given below
\n- \n
- CAMS KRA https://www.camskra.com/PanDetailsUpdate.aspx \n
- CVL KRA https://validate.cvlindia.com/CVLKRAVerification_V1/ \n
- NSDL KRA https://kra.ndml.in/ClientInitiatedKYC-webApp/#/ClientinitiatedKYC \n
- KARVY KRA https://www.karvykra.com/KYC_Validation/Default.aspx \n
How to remediate your KYC status from Registered to Validated
\n\nWhen the KYC status is “Validated”, Investor can seamlessly transact in securities market without the need for resubmission of KYC documents. Investor needs to do the modification of KYC by submitting Aadhaar as OVD.
\n\nFollowing KRAs allow through the below links to remediate the status to KYC Validated for their investors
\n\nCVL KRA https://validate.cvlindia.com/CVLKRAVerification_V1/ ***Aadhaar should have been already provided as an OVD, only those investors can validate their KYC using the above link
\n\nCAMS KRA https://www.camskra.com/PanDetailsUpdate.aspx
\nPlease ensure to
\n\n- \n
- Validate your contact details \n
- PAN Aadhaar is already linked \n
- Keep the mobile number registered with Aadhaar handy to update the OTP (One Time Password). \n
KYC Modification through Kfintech https://mfs.kfintech.com/Investor/General/ValidateKYC/
\nSelf-attested Documents to be kept ready while using the Online modification option as investors will be redirected to the e-sign process:
\n\n- \n
- Images of PAN \n
- Image of Signature \n
- Photo for upload \n
- OVD with current address ( Following are the allowed OVDs)\n
- \n
- Passport \n
- License \n
- Proof of possession of Aadhaar number \n
- Voter’s Id issued by Election Commission of India \n
- Job card issued by NREGA duly signed by an officer of the State Government \n
- Letter issued by the National Population Register containing details of name, address; \n
\n
Please keep the mobile number registered with Aadhaar handy to update the OTP (One Time Password).
\n\nKRA Contact Points
\n\n\n| KRA Name | \nWebsite | \nHelpDesk Number | \n|
|---|---|---|---|
| CVLKRA | \nwww.cvlkra.com | \n080-69144848 | \ncvlhelpdesk@cvlindia.com | \n
| NDMLKRA | \nhttps://kra.ndml.in/kra-web/ | \n022-4914 2600 / 01 / 02 / 04 / 05 / 06 | \nInfo.kra@nsdl.com | \n
| CAMSKRA | \nwww.camskra.com | \n18005726558 (Toll free)\n | \nenq_kyc@camskra.com | \n
| DOTEX KRA | \nwww.nsekra.com | \n022 - 2659 8182 \\ 8407\n | \ndotex_kraops@nse.co.in | \n
| KARVY KRA | \nwww.karvykra.com | \n18005726558 (Toll free)\n | \n kra@karvy.com \n abraham.kra@karvy.com | \n
\n
\n \n \n
\n\n\n I hereby confirm that I AM NOT a resident of the United\n States of America or a resident of any jurisdiction, the\n laws of which imposes prohibition on soliciting the\n securities business in that jurisdiction without going\n through the registration requirements and/or prohibit the\n use of any information contained in this website.\n \n\n */}\n
\n \n Welcome to JM Financial Mutual Fund\n
\n\n\n
\n The information contained in this website is not intended\n for any person who is a resident of the United States of\n America or a resident of any jurisdiction, the laws of which\n imposes prohibition on soliciting the securities business in\n that jurisdiction without going through the registration\n requirements and/or prohibit the use of any information\n contained in this website. {open}\n
\n\n {\n setIsUSCitezen(e.target.value);\n }}\n />\n \n I hereby confirm that I AM NOT a resident of the United\n States of America or a resident of any jurisdiction, the\n laws of which imposes prohibition on soliciting the\n securities business in that jurisdiction without going\n through the registration requirements and/or prohibit the\n use of any information contained in this website.\n \n
\n {\n setIsUSCitezen(e.target.value);\n }}\n />\n \n I hereby confirm that I AM a resident of the United States\n of America or a resident of any jurisdiction, the laws of\n which imposes prohibition on soliciting the securities\n business in that jurisdiction without going through the\n registration requirements and/or prohibit the use of any\n information contained in this websites\n \n
\n {isUSCitezen === \"true\" && (\n \n
\n \n Continue\n \n
\n )}\n\n {/* \n \n
\n );\n};\n\nexport default Home;\n","import * as React from \"react\";\n\nfunction MarketValue(props) {\n return (\n \n );\n}\n\nexport default MarketValue;\n","import * as React from \"react\";\n\nfunction GainLoss(props) {\n return (\n \n );\n}\n\nexport default GainLoss;\n","import * as React from \"react\";\n\nfunction CurrentValue(props) {\n return (\n \n );\n}\n\nexport default CurrentValue;\n","import * as React from \"react\";\n\nfunction IncrementIcon(props) {\n return (\n \n );\n}\n\nexport default IncrementIcon;\n","import * as React from \"react\";\n\nfunction DecrementIcon(props) {\n return (\n \n
\n );\n } else return <>;\n};\n\nexport default SchemeFilter;\n","import React from \"react\";\n\nfunction Graph() {\n return (\n \n {assetClassData.SchCategory} {\" \"}\n ({assetClassData.Schems} Scheme(s))\n
\n \n
\n \n
\n \n Invested Value : {toIndianCurrency(assetClassData.Invamt)}\n
\n \n Current Value : {toIndianCurrency(assetClassData.Curamt)}\n
\n \n Absolute Returns : {toIndianCurrency(assetClassData.Absreturns)}\n
\n \n
\n \n {/*
\n \n {toIndianCurrency(assetClassData.Invamt)}\n
\n \n {toIndianCurrency(assetClassData.Curamt)}\n
*/}\n\n \n {/* {toIndianCurrency(assetClassData.Absreturns)} */}\n \n {\" \"}\n \n {assetClassData.Invamt < assetClassData.Curamt ? (\n <>\n
\n - \n {payload.map((item, index) => (\n
\n {assetClassWiseInvestmentBreakup && assetClassWiseInvestmentBreakup.length > 0 ?<>
\n );\n}\n\nexport default AssetClass;\n","export default __webpack_public_path__ + \"static/media/JM-Small-Cap-Investor-Dashboard.1ad654d1.jpg\";","import React from \"react\";\nimport \"./Carousel.scss\";\n\n//import add1 from \"../../../assets/Images/NFO/Dashboard-Banner.jpg\";\n // import add1 from \"../../../assets/Images/NFO/nfo.jpg\";\n import add1 from \"../../../assets/Images/NFO/JM-Small-Cap-Investor-Dashboard.jpg\";\n// import add1 from \"../../../assets/Images/dashboarbanner test.jpg\"\n\n\nconst Carousel = (props) => {\n return (\n \n
\n \n \n
:\n {assetClassWiseInvestmentBreakup &&\n assetClassWiseInvestmentBreakup.length > 0 &&\n assetClassWiseInvestmentBreakup.map((asset) => (\n <>\n
\n No Transactions Found
}\n \n 
\n
\n );\n};\n\nexport default Carousel;\n","export default __webpack_public_path__ + \"static/media/loader.ce32e07d.gif\";","import React from \"react\";\nimport \"./Dashboardright.scss\";\nimport MarketValue from \"../Portfolio/SVG/MarketValue\";\nimport GainLoss from \"../Portfolio/SVG/GainLoss\";\nimport CurrentValue from \"../../assets/svg/CurrentValue\";\nimport { Carousel } from \"../../components/reuse\";\nimport IncrementIcon from \"../../assets/svg/IncrementIcon\";\nimport DecrementIcon from \"../../assets/svg/DecrementIcon\";\nimport loader from \"../../assets/Images/loader.gif\";\n\nconst Dashboardright = (props) => {\n const { dashboardData } = props;\n console.log(dashboardData.userIdWiseTotalInvestmentData);\n const toIndianCurrency = (num) => {\n const curr = num?.toLocaleString(\"en-IN\", {\n style: \"currency\",\n currency: \"INR\",\n });\n return curr;\n };\n\n if (dashboardData.userIdWiseTotalInvestmentData !== null) {\n return (\n \n {/*
\n );\n }\n return <>\n \n
*/}\n \n
\n \n \n
\n \n
\n \n Total Investments\n
\n {/* \n As on 29 Apr 2020\n
*/}\n \n
\n \n
\n \n
\n \n Invested Value\n
\n \n {toIndianCurrency(\n dashboardData.userIdWiseTotalInvestmentData\n .Total_invested_amt\n )}\n
\n \n
\n \n
\n \n
\n \n Current Value\n
\n \n {toIndianCurrency(\n dashboardData.userIdWiseTotalInvestmentData\n .Total_currentvalue\n )}\n
\n \n
\n \n
\n \n
\n \n Notional Gain/Loss\n
\n \n {toIndianCurrency(\n dashboardData.userIdWiseTotalInvestmentData.Gain_or_Loss\n )}\n\n \n {\" \"}\n
\n \n {dashboardData.userIdWiseTotalInvestmentData\n .indicator !== \"-\" ? (\n <>\n
\n {\n dashboardData.userIdWiseTotalInvestmentData\n .Gain_or_Loss_per\n }\n %\n \n \n \n {/* \n {toIndianCurrency(Number(folio.MarketValue))}\n \n
\n \n {selectedChoice && selectedChoice === folioId ? (\n \n */}\n
\n );\n};\n\nexport default Scheme;\n","export const schemes = [\n {\n id: 1,\n name: \"JM Financial Equity Savings Fund\",\n type: \"Equity\",\n minAmount: 500,\n maxReturns: 6.5,\n risk: \"High\",\n url:\"https://www.jmfinancialmf.com/Products/SchemeList.aspx?FundID=9f8b9595-f263-40eb-9a19-d92fa3b85a14\"\n },\n \n {\n id: 2,\n name: \"JM Financial Equity Savings Fund\",\n type: \"Debt\",\n minAmount: 500,\n maxReturns: 5.8,\n risk: \"Moderate\",\n url:\"https://www.jmfinancialmf.com/Products/SchemeList.aspx?FundID=a74717dc-f565-40d6-bf10-2693b17a3594\"\n },\n {\n id: 3,\n name: \"JM Financial Equity Savings Fund\",\n type: \"Arbitrage\",\n minAmount: 500,\n maxReturns: 5.8,\n risk: \"Moderate\",\n url:\"https://www.jmfinancialmf.com/Products/SchemeList.aspx?FundID=010d4d68-7133-46e1-926c-2d12ce38d583\"\n },\n {\n id: 4,\n name: \"JM Financial Equity Savings Fund\",\n type: \"Liquid\",\n minAmount: 500,\n maxReturns: 5.8,\n risk: \"Moderate\",\n url:\"https://www.jmfinancialmf.com/Products/SchemeList.aspx?FundID=20289802-9336-4565-a368-d8029bb349dc\"\n },\n// {\n// id: 3,\n// name: \"JM Financial Global Brand Fund\",\n// type: \"Hybrid\",\n// minAmount: 1000,\n// maxReturns: 6.2,\n// risk: \"Low\",\n// url:\"\"\n// },\n// {\n// id: 4,\n// name: \"JM Financial Equity Savings Fund\",\n// type: \"Solution Oriented\",\n// minAmount: 500,\n// maxReturns: 5.8,\n// risk: \"Moderate\",\n// url:\"\"\n// },\n// {\n// id: 1,\n// name: \"JM Financial Equity Savings Fund\",\n// type: \"Other Schemes\",\n// minAmount: 500,\n// maxReturns: 6.5,\n// risk: \"High\",\n// url:\"\"\n// },\n // {\n // id: 2,\n // name: \"JM Financial Global Brand Fund\",\n // type: \"ETF\",\n // minAmount: 1000,\n // maxReturns: 6.2,\n // risk: \"Low\",\n // },\n // {\n // id: 3,\n // name: \"JM Financial Equity Savings Fund\",\n // type: \"NFO\",\n // minAmount: 500,\n // maxReturns: 5.8,\n // risk: \"Moderate\",\n // url:\"\"\n // },\n \n];\n","export default __webpack_public_path__ + \"static/media/Bitmap (1).9977d214.png\";","export default __webpack_public_path__ + \"static/media/Bitmap (2).5e0bbb6d.png\";","export default __webpack_public_path__ + \"static/media/Bitmap.d540bdeb.png\";","export default __webpack_public_path__ + \"static/media/righarrow.ff9ba3d3.svg\";","import * as React from \"react\";\n\nfunction LeftNav(props) {\n return (\n \n );\n}\n\nexport default LeftNav;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { Link, useLocation } from \"react-router-dom\";\nimport \"./DashboardContent.scss\";\nimport axios from \"axios\";\nimport close from \"../../assets/Images/close.svg\";\nimport { Button } from \"react-bootstrap\";\nimport RunningImg from \"./images/RunningImg\";\nimport Increment from \"./images/Increment\";\nimport { MdChevronRight } from \"react-icons/md\";\nimport { MdKeyboardArrowRight } from \"react-icons/md\";\nimport CreditScore from \"./images/CreditScore\";\nimport { AssetClass } from \"../../components/reuse\";\nimport { Scheme, VideoCard } from \"../../components/Card\";\nimport { schemes } from \"../../assets/data/schemes\";\nimport { upComingInvestments } from \"../../assets/data/upComingInvestments\";\n// import exploreSchemesImage from \"../../assets/Images/exploreSchemes.png\";\nimport exploreSchemesImage from \"../../assets/Images/dashboard_explore_schemes.jpg\";\n\nimport { learnContent } from \"../../assets/data/learnContent\";\nimport LeftNav from \"../../assets/svg/LeftNav\";\nimport {\n dateCoverted,\n toIndianCurrency,\n} from \"../../helperFunctions/helperFunctions\";\nimport { useHistory } from \"react-router-dom\";\nimport rightarrow from \"../../assets/Images/righarrow.svg\";\nimport configData from \"../../config/config.json\";\nimport Carousel from \"react-multi-carousel\";\nimport { Context } from \"../../services/apiContext\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useSelector } from \"react-redux\";\nimport {\n Dialog,\n DialogContent,\n DialogContentText,\n DialogTitle,\n IconButton,\n} from \"@mui/material\";\n// import \"react-multi-carousel/lib/styles.css\";\nconst responsive = {\n superLargeDesktop: {\n // the naming can be any, depends on you.\n breakpoint: { max: 4000, min: 3000 },\n items: 3,\n },\n desktop: {\n breakpoint: { max: 3000, min: 1024 },\n items: 3,\n },\n tablet: {\n breakpoint: { max: 1024, min: 464 },\n items: 2,\n },\n mobile: {\n breakpoint: { max: 464, min: 0 },\n items: 1,\n },\n};\n\nfunction DashboardContent(props) {\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [open, setOpen] = useState(false);\n const userSession = useSelector((state) => state.authentication.user);\n // console.log(userSession,'userSession')\n const history = useHistory();\n const [dashboardUpcomingSIPDetails, setDashboardUpcomingSIPDetails] =\n useState(null);\n const [\n dashboardUpcomingScheduledDetails,\n setDashboardUpcomingScheduledDetails,\n ] = useState(null);\n\n const user = useSelector((state) => state.authentication.user);\n useEffect(() => {\n getDashboardUpcomingSIPDetails().then(() => {\n getDashboardUpcomingScheduledDetails();\n });\n }, []);\n\n const getDashboardUpcomingSIPDetails = async () => {\n // console.log(\"get DASBOARD SCHEME DETAILS CALLED\")\n var url = \"/dashboard/getDashboardUpcomingSIPDetails\";\n var postobjt = {\n fund: configData.amcCode,\n pan: userSession.Pan,\n // folioNo: userSession.Folio,\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n console.log(res);\n setDashboardUpcomingSIPDetails(res);\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setDashboardUpcomingSIPDetails([])\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n const closeModal = () => {\n setOpen(false);\n };\n const openModal = () => {\n setOpen(true);\n };\n const getDashboardUpcomingScheduledDetails = async () => {\n\n var url = \"/dashboard/getScheduledTransactions\";\n var postobjt = {\n userId: userSession.Email_ID,\n // folioNo: userSession.Folio,\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n console.log(res,\"Schedule Transcationssssssssss\");\n const reveRes = res.reverse();\n console.log(reveRes,'revesrefsvvdnvsd')\n setDashboardUpcomingScheduledDetails(res);\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setDashboardUpcomingScheduledDetails([]);\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const navigateToPortfolio = () => {\n history.push(\"/portfolio\");\n };\n\n const CustomRightArrow = ({ onClick, ...rest }) => {\n const {\n onMove,\n carouselState: { currentSlide, deviceType },\n } = rest;\n // onMove means if dragging or swiping in progress.\n return (\n \n );\n };\n const CustomLeftArrow = ({ onClick, ...rest }) => {\n const {\n onMove,\n carouselState: { currentSlide, deviceType },\n } = rest;\n // onMove means if dragging or swiping in progress.\n return (\n \n );\n };\n\n return (\n \n
\n \n {scheme.type}\n
\n \n handleSubmitRedirect(scheme.url)}\n >\n View More\n {/* \n \n */}\n \n
\n \n \n \n Invest\n \n \n
\n \n {/*
\n );\n}\n\nexport default DashboardContent;\n","export default \"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAA8AIIDASIAAhEBAxEB/8QAHwABAAICAwADAQAAAAAAAAAAAAkKBwgEBQYBAgsD/8QALBAAAQQCAgEDBAIBBQAAAAAABQIDBAYBBwAICRESEwoUFSEWMSIXGCMlNP/EABwBAAMAAwEBAQAAAAAAAAAAAAAGBwQFCAECA//EAC0RAAIDAAEEAQIEBgMAAAAAAAMEAQIFBgAREhMHFCEIFSIxFhcjJCVBMlFh/9oADAMBAAIRAxEAPwC/xxxxw6OnHHHDo6ccccOjpxxxw6OnHHOESJDgw6eXLz4QoSKhSiRQoSlMQRw0dBYclTZ8+bKcajQ4UOM07IlSpDrbEdhtx55xDaFKx7ETaYrWJm0zERERMzMzPaIiI+8zM/aIj7zPXkzERMzMRER3mZ+0REfvMz/qI65TrrbLbjzziGmWkLddddWlttpttOVLccWrOEoQhOMqWtWcJSnGc5zjGM55Db2T89/jN61FCFbn7ue3LbhfypnVvr8EVspDLreM4zG/mqZofWLk35UrjPQW70uZBkNrbJMQ/TGc1q+/Hkd7ceZbs070Y6Gw7Gz1/nl5oOEJASXwTu3BIaUpo1tPb9hW3GXXtURkKbmD6yRcZGNwsjZJuIXthISHHS79PvphenurAIkt2zOWLsrst2JEkma+MsB7Xuow09Pudeig4VYlg73YI8d9eIyitgscOIYZjNPOVIPiRIg56AD8acK4Nmo6fy7t6YNXSXo4jwjjVF77VFr/APAuqwz3Cr5z5VkFrqeN6XpRsphnAGVE5lyTkzrSXAc1IqKRbLtcm2bFrm2PTt50RCH+qfxiYmCxU/etq2sAY7CKXvQn1UPjmKlIkCfrjtzWokl1Lbxs3rbVb4sejOfTL8tqubwsBpbSf7ViAImvZxj/ABZVn0xmYLqj5D+mvdqGtzrfvaoXo5GifekqLJcmVfYwmMn1w9InUO0xQ9nzBjuYy06XhjZYXLntw0RdS42petlh8GPilsoJICX08pI6M1FXGjz69adlVw6z7kt4TIUdC3WEVmymlNNrQ6SlTfcrDiXkutPyG3q/3ff6cHYvXVuR2Y8aGx9kHi+vJbVxi6hlFsxNyVpwQvE5ZzTmxK+sHKsRUPlKpY2qSR8C4uRoWWQdgt9jkwg8oWyfgXl5K5eRp8s4HrntAkG+R/RP4bB728RCbIA5SreyZiJMVlJcX72IWe1bBnvlLj9JdfTweUIDjzaXyPqVdQQ6xE3uvUohjN4x3mB0CwW/b7UHHeYuz8crceCzzLF+60Gb1a7OzIUPtRQQrs6uWf7JAZG6agAjx4xmUQgYWiNF2hWnEOTrTAHxR8M0IccPCxUX8RYm4tkfkj5bxPZ4Tuucf3QQF1Wa3qQdpus2sWJkDiZprX3LHrEzS3jW9L1uEtBnEUdH3A3s7kmYvrZhZIseJral4iplzU7QVZgcTPrMKZiLV7zW0TUg7XHel7OOOOLXW56civ8AK12B2p1/pPUF7V+zNgaoZ293q07pLZlm1Tq+ubh2U7qu30TbpezDKNRLDqndSy9odn1gJODs1/XFjsciYPagDx81mbLHzJUOar9rep1V7ZhNQDbFsLZurjGjN607sTrq5ape16mxC9jUQDbwFedmxNn672fUCoVhi5kpkgXPqz2JU6IOy6/mG3LhzWDizWYlv57WyIRs0Vz/AFIzLjbFMXVOMU3XKu2MlaHuK/6lWIr4+foLNYpbU7gHWctsGde43LwL03Ga4Lx4nFckVLQoL1mwq3r+k4Zt38fZSLeUasbA8juouoIDW9Y3Ux252Cq96ost71ZtjYWl6XS7tv26CLNBGtdfxWs4ATRFlDdjyf8AJAzdS16b0Lq8SeBIZmIOSiUYxIzxrb5a9U0E7uMbduunaetV3rZZdFVTstsacF0PIoOiCm/hlKI1pVsKC+wJArbYVTXdo8LZEzTwXZjVSyHJGHfvKwRqR6z+j3j4u9b9nk193sh2E7NbjKUrXtnp+vDZgto6lEtcXSyXYLc2d+0hvUWh9ciw29au1XQlPqlryNkgRlQhPxH6nOMGbAbLapUDxc3rYvY/vk92Y2Rvid1x3HsrqYbg1FVq0C9UO3IzReraVHLntyA67rmVa6nIJ3+sfbXkRrtehBt4h/8AXugJtSg1+KLfc5f4yZTKzosTDqa5GdWlCuLicknJMZYdOOhouj73P4fZ1j/TkSUVFpBXYssDHAyKiu2XmYT0CoHuuwYYUbWouYi8Ux9A17a5LGa9a/5qFIfuoyc90yFDBi6BQXt7XS3kastd2j2x13tlq/70vK/IdsjrT1Q0zq6r6vG3YlU6ZqKkbGLBIZaxmdT0ZIemCpdjtB63bQv8OcmEvENswSk/jRmczr8sGliBXrZUaRpvsTsjZnZ60dk6DU9V1YJqAZcKXsfqdGgSN0UHZU2/7opNGCHAWZjrUAkCuVmqJTA6ZOYsyRTo0gQ9PM8Ymk8XG3bPq+xN10Tb1g7OW/thW9rVkvraXadYbHv+vhurbqHo4q4attdCm0Wy0cb+GI1/YtMv0rGZkmdELRiDAyUP51E8ZXX7Xmxeqe1Adg2q/dep1m7O3sCUKWKsy/8AVjYfbsC0E3Ve9xNopkf8kdLPIcOBomv1a5rYMo+qNEAZr0eCCiYrbnxoxaGvpW4NGaTuqEJ1Ak1l+OaglqXErYIaZZ9keBYhA3pokPfbMxeqt1LdfuBfmIa+j3gkf1g/61yDOSqBdhG57VueCEs6LOvrRSpK2UoKubQVbHqevXj9deXXqLtLtFA6qVIqdm245fdg6urNtSZ1LMrx+/6wHTSFuBKpAnaZPf8AUoDKw9gHArrsTStN17cJwGVmo205BJV2ablB5pppfpeB6/3s0e1fu7ewLVxvY+wdsP8AWt0hqmfpaJd9nMlHrdMgTpWpV7uYDSrGaJ3aFUHNzPVAXbJKZkAExAiwhkbcvibyS3HZbWjjQmBpVRFU1mmSsMGZghvIp6ETUosxIfTDK6t3EoPF7qtSK8CEw48a0AN+ckDdmWbyOAAoEQw+A+1BWoyexwwT2yEx6LMyOa1OCL1khHK+v1JfaUr1/wDHvP1xVSUoZbO0Fzg6idkwlqZksa7YHzLNsnOHvapGYpoYNHUYnFznDkoVcp2G/RLbi0WCuU5fq4h5lyr9ESrCncV+Ee7GDyaMKd+FRkmP0pJBKcThGWMuohCbFhlTjiHUoW/hlDiFPqbcvhPLU2PlPhqT1aWXjRO9NLxE0ubKz3NRWlqz9rVu0mGs0mJi/fxmJiZjpd+SXWM/g/ImVptUspjWi1Z7WqN5tdE9qzH3iahYJMWiYmvbvExMR1vx9N/0krXXrpKF7FGQ8NzcPalLtumnHW8OEAup4JB+Fr6pQ3lY9rEEo3CfvpDMbCFz5NjHRiK5H4AamLux5Ibve9SldC7S12fm1w4KIXgHKkxVNrjEos9qqko4wvAeUqOUGqyKmKXDlRX4+VOZdypl9EZec/8AjonASPj+6Qyqwr1Bf7S+vEcehTzT70ZELU1ThPQpjrCltqIQZMd6GS9qlZTPYkpXnK0q53PcDQg3fuv66JM26DRwdMuLN2s9intZebi1QYAPxjjbGFvxojElSZkWQmbNdTGhsxX3l4c9Pgd5/wDxbB5d8i8d+U4xWGx8uZ1QuYhgv1zGc9nj/Jc97PGvolOvTPrnrZlA1YswGoQitNyRHlM1r4ANx/h+1wW2mJe/HwIkW1BkUs8BsGtitqt2KkMR7Ny2Z2xJFUJLEISIrSZ7RHgeqneekb/xBp9majUrbGWM4wDU6vIO0rjsqckyqpNfUpeH8NtLlP16e5kjGYytUKQZjxJkxjfDkQG5u7HXzV9Ihj+p4qmSNgNZVXYJmNrqUKg1KvNJcRNmNTSwkQ4YmTHGImR7KHCcCUtbhEz8ymExJsr9SNIslVrNibUlbZ6vhjSFp9vtWgoOjTkqT7FKR7VJfxnHsUpPpnHtVnHpnM1+FfkCm+LR4XpfIHHvkrlPE0MlvU5PxZQQcdpXVhgaoLuLvtqaOuqVI/5kwkBFaozo1uvR2XKUc/kziVskifJUuI6/CsLkDeguhhbrBC6IDoSG5y1XMouwnnno0L6MLJWjTcTU1NZb6a1qLPnY0yQ8bvkw6/d+OvUBuss7WsGNuuiR6XBoVW5NaHA+NnDn/wAe222yC2jX7ADmWiCvLjhudY724+l6LOWw3eZoF1B7JolK2LWXlyK3fqlW7rX5DqMtuPg7SGhHRLzjef22t2BPjrWjP7SpWU5/rlVb6tAmEa6/9Rgz+Gv5HP3FfCYrOZWEPYCCaVCin8NwvhUqQ1mcarWXpWH28Q14YZUy/mclcewH43YxeF49Oi8M6y1GJxeofXKO9GaYlRlRmGdRVFuDGlx5mfuGiUeAmMyVQrCEYJIl/C20z8bae8ufmJufEHxPyPQ8r6ypd/jUtXnuV3Mz2r0Rklp72vCdFoBW1pm0kIe9pmSdcr8VpXM+QOd46kRVA48rZ9FfsNZ1sFbNeNY7VrLNjSW0RHbwoKsfanW6fHHHIJ1U+nNX+0V32VRAFLK0li0xasq3x8bVtNFrQi4XGpUePEfkyyYcAcHGhimMuN5yWLSgZdsOPZdfxEU641nG0HPDXKnE7S4IkCdhXmgShKp3q/TV1J1so1PbYbWwXG3SpXENMTGzHS5BewNamQ3HH8sSUpfdQtY5nn6WrxnUQyHNRDRYotCzeKcC+kG1HFyklcrLmcPxuKhBsjjRzzHVucCz6TJBNC3nGnEkNtBvQXQbTDc0nX0xFMkStlzUrBRhWdv5Vvatw3lJwQj1EU6jQaEATBtV7DVdA3Xlcqpm69kbLegdouQMnVw9EBGJNLG2OdBbLWdBolrGpBnBD6mqe+hDAkhONiZWHgMGat+M3izW/ac0Nv8AtKu7QhWwqAX2bc0zRLLAFUhmvVN4x/xVusHVQy4qySMreYkrdN4C2FiOhbX5Aw3l1lGctAupdDprWv3tf2rYNCsGvK2cqkK2AyNYKHLCGshd2xGmbWzc6laq+UXMsUmYbSuOCgYhTpSkD0xYUaBEif3d6oa9fdLvOnLst01vYP2EmK/IAE+l1CqUuMOZSmtYSisvKVnMmDnCyav6ZMMY/XI9fJ+cSxx5iGlEdDEuC7CKWtDPGn1bcTUVIkwXUK1yHYPHIZ0Zca3DmLUNc93Oclz6tmaLTQ+LxzsBkDDSmpUtAtNZ8h21DRyA56MiohQGPnC/J4UhcOUIdLElxZxb6aVwx4hvvnoyQWMDImbFOaGhtkmYJGCqmymzzerQc6w2GJDCs3JVtBSJ4wYQdrD95rlSF2NURxI4k5hTSnOM/wB66DGhTp8nV25mI47Xld2xKysZrjKka6tD0KMKtCMI2avDsdckkOZeGt5Udb+7w/gUuLFnyImRB/V2siK1aqEI2Bs4Zra1xr9Gd13FI0/NdDp2KKNCjWA82RSX7Z8EL89OJhxhazFg8UziMRkjprsdGOdNO6caxIDyA147fEsEtH1TQT62idfS6inU+SLlDCTSl1daE2V9wTGTOmLbcFuoW/iOGiqU2pv4Mv8AiOsr5D0uOQ76m73HTOyllaOWzySJZchXNUzmYPVpSUnT1ytAmcb1aCFGgWaP9DN8NVPFbpbMrea9aks4+c9lobH7DmpRdAaz10LX+pWFbQTo4L2JtWAaoBce192tH1K5tUySQJklpepccmcGuVlscIfvbSJYZLgcxZRN4OtRRkiAUPTKfUbLBAxyEWKUkxyyZY6LknTW+6tvRs2QpIc+mvhZ84b/ACIpMpSI82ZBJSR2Wc18XcCt4AOy0RVk4DFzqlYkSxDsac2z7ZLKF9SG64gKrZptlpd72NTcnItAjW8MCm1FYe4r1zDbGBphb8zTC5YVMJCWmhljcpxartmoqPkkMpmLdlL7Kg6BrFE2NZtr5PWO03u1gY9cKGTcKihkqGMklFXVOD9e0qjjShWZKTDRKPH4hg5mGNgQGCLEJlbDrPix8zRyFEu8XHJiF2NaNBDPSz0gJZPsc/JzL7JdTU09DxTrn/U51uP57Jtg7/8AmlctRaXtJpfy2nHaplU0aag83PlRptlxkrOh4LfmIzZtEUUU+7NnPQ5XXcAPOEr/AIw7zBpVzryE/wA/PT01268et4xSBDxrZegjsDfFNGQY7bpQ3BqwwuKvtfh5/wDS+uVRDh03DEw8PSTR6ugh8aM/McipTNhxy/8AGt5zi+/kchQ8Zbx313hUvMwM0BJEkXLNf1QJkXmuXx7W9ZL+MxPaepLs5a+3laGS13hfQVKsS1e03H7KzFC07/b2Bv4lp3+3nSveJjqrN9Mv5AqztHry50avBiGP2voVRw1rKNNkNtSL1qE8alnpjI35Ve+cY19YzBGGRiN+i2qoTrLsRp5gaXdiWmM4xnGcZxjOM4zjOM49cZxn9ZxnGf1nGcfrOM/3ylr5W/CHvXQu6ZHfPxfxbRCei2KZf7NqfVkmSL2Hqq2PuOySVq0yPGONSz1NMOyZ35PXoVt0nXEzXxwEKYpE14VU/nqX9VAdqAqJQu+OhLFY7PX3XhRnaOmGgYayT5MJxcV5Fn1DaJNZBwTzD7Skl5IO3gx6pHytxKiL+DDDl65l8b1+SSs/IfxVYGwrskl7f4vDC4NzB2Ge5Hq2WMWlTBYY9h/Gl/O5CXulRhO1LjlvHeYTw4YOJc5gucfOpC2VtyEpczUzw9qLTU4qXkZAi8BzNq+NaUrVmwWItW8/3arx1AL7+RvWjWB1Uua/nmEqXnLcCrWd/PudWoUr/CNWTD6vVKUejYGW6pv50iVZkT3N4uv2S4vQmq41xhyQBqua+r4SxRjSVQ5I+XVhbQWe4RVKdX7FJUMckPynHfidSrMpOUNOJwmCCwfVKeOYYIkzQtN7O2UqmK45DCxtdUkYt6X73W2I0ogV2dGiRGcqQ29JlM5nKYiO+9iNMmIVB5CX2t8v3kL8vjxzq10s0HdKPrA+PlsXWn6wVPu2xLjWlpkqej7I2K0MCB6bTCceKpiYCgtA4RZbkmvmLHZoE7Ax2A/Hf4LHcLn+5zrO47/LdLezqqcuPpkVzOO1gTonI2QZl7jKLQisMDJROA5zVzQViVTWM0ascv8AxIg1uJZfFndf+MmMlyzHHhJ0O7sTJFrrzmldrS9CKTMhvSzElbBUUjDBx1EAf28kG3Jvm18tGmeq/XcrIsGltblXdUhLkHaYlCFDkGMG+wO7B09pM6PIrrIoIxCrhBTixliHUyuzRrWXrK03Jvx10AIqlfBVYBCaGga0HGAAg5jGcMwBAaEwOGwmcZznOGosOMyw3jOc5whvH75+QtpLdO5epG8Ktt3VhoxrnbuqbK69EckxHY0qCRguvDjlaswOc2392NnsZnAbPXCrHxTIT80bOYx7lpT+mZ4ufJlqnyVaJYu1czCq+46TFDi95aow85mTT7LOYfTHMg/uXHZBKhWp2AQmVQqp2Q80iPLCFXUmhM9Oen/xD8F1uP8AHuEBxQ+/gnFsy+bBBRN2VtV9it2dHT8Igcj1bUXkTNKwKjtjitArNL1NEPiXk6Gtr8lLok9XJ9xyrk1JMVCZBUU1Aml5TN/NGLFi4rdyWWqK8TeAFkcmvHHHOSer304444dHTjjjh0dOOOOHR04444dHTjjjh0dOahdgegfS3tPKcJb/AOs+o9kH3Wm2F28pVIQ695jNZUpqLi+gMCbkmI2pSlIiJO4jJUtSsNeqlZzt7xzMR0dDLYq3mPOZzVImKMosnUYpE/vFTL3GSsT2jv2tH7dY7KirorAcWXbBb72CyEZxWmP2mwy1vSe3/teog674FPEpVy7ZsZ09r8mY37vazYtob0t4jPucbdz8gC27QNgnf8m04T8o1ftby4yn0ZddQuTXVundTaPq7FJ01rKhapp8deHmqzrupAacE+4+NDKpbo2vwIEV+a622jD819tyXIynCn3nF+qs5H45sdXlHJd2lB7fIt3ZGOYmg9XWf0KUmP2mlW2DVrMf6mIiY6xEcTGy7WvmZGZnXtHa1kUFVLWif3i1lxDmYn/qZnqqP56PCXI38yc7ndQKW/M3nDZRI3Lp2pCmFP7jgtLcU/f6oNi/E/K2oPYUlJ4PEakydhjo7MkdHzdIbrNxz/4OPC4Q6HwFdkuwBSW92dvNXyHi0iv2Eg1VdUU04zDmEavYUCpjIm9XKbKZirPOzUl6tX5gyE3Vvu50PNll2OeOOZ/l/mp+Cj4ATQicmkyG7U1tOmbLitPTjEam8/2ArVt2iKe+4JonY30Y/RZdHwDjYuT35VRTs/aIJUETWEhuzNvZo1BFY/uyVmO8zb11JFmIH9Rb2w4445L+nXr/2Q==\"","import { Dialog, DialogContent, DialogTitle } from \"@mui/material\";\nimport React, { useContext, useEffect, useState } from \"react\";\nimport configData from \"../../config/config.json\";\nimport { useSelector } from \"react-redux\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { Context } from \"../../services/apiContext\";\n\n\nconst WishtoNominatePopUp = ({ folioList }) => {\n const user = useSelector((state) =>state.authentication.user);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const contextapi = useContext(Context);\n\n\n const [wishtoNominateFolios, setWishtoNominateFolios] = useState([]);\n const [open, setOpen] = useState(false);\n \n const handleCloseModal = () => {\n sessionStorage.setItem(\"wishtoNominateFolio\", false);\n setOpen(false);\n }\n\n const onClickHandler = () => {\n sessionStorage.setItem(\"wishtoNominateFolio\", false);\n window.open(configData.nomineeRedirectURL[configData.ENV],\"_blank\")\n setOpen(false);\n }\n\n const getwishtoNominateFolios = async () => {\n var url = \"/dashboard/getWishtoNominateFolioDetails\";\n var postobjt = {\n pan: user.Pan,\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n if(res.length > 0){\n setWishtoNominateFolios(res);\n setOpen(true);\n setGlobalSpinner(false);\n }else{\n setOpen(false);\n setGlobalSpinner(false);\n }\n })\n .catch((err) => {\n console.log(err);\n setOpen(false);\n setGlobalSpinner(false);\n setWishtoNominateFolios([]);\n });\n };\n\n console.log(wishtoNominateFolios, \"wishtoNominee\");\n useEffect(() => {\n if(sessionStorage.getItem(\"wishtoNominateFolio\") === \"true\"){\n getwishtoNominateFolios();\n }\n }, []);\n return (\n \n
*/}\n \n
\n \n
\n \n
\n \n
\n \n
\n {greetText}, Rahul Shetty!
\n \n
\n \n
\n \n
\n \n \n Your Risk Profile\n
\n Moderately Low Risk
\n \n \n
\n \n
\n \n
\n \n
\n \n Asset Class-wise Investment Breakup\n
\n \n View Detailed Portfolio
\n \n
\n \n
\n \n \n
\n \n Scheduled Transactions\n
\n \n\n {dashboardUpcomingScheduledDetails &&\n dashboardUpcomingScheduledDetails?.length > 0 ? (\n \n
\n ) : (\n \n Due Date:{\" \"}\n {dashboardUpcomingScheduledDetails &&\n dashboardUpcomingScheduledDetails?.length > 0\n ? `${dashboardUpcomingScheduledDetails[0].trdate} of ${dashboardUpcomingScheduledDetails[0].trantype} `\n : \"-\"}\n
\n \n {\n openModal();\n }}\n >\n View More\n \n
\n \n
\n )}\n No Scheduled Transaction
\n\n
\n \n
\n \n Upcoming Systematic Investments
\n {/* \n You have{\" \"}\n \n {dashboardUpcomingSIPDetails &&\n dashboardUpcomingSIPDetails.length}\n {\" \"}\n upcoming SIPs this month\n
*/}\n \n {/* {upComingInvestments.map((item) => (\n \n \n
\n
\n \n
\n ))} */}\n \n
\n {item.name}
\n \n Next due on{\" \"}\n \n {item.dueDate}\n \n
\n \n SIP Amount{\" \"}\n \n {toIndianCurrency(item.amout)}\n \n
\n | Scheme Name | \nNext Due Date | \nSIP Amount | \nFrequency | \nStart Date | \nEnd Date | \n
|---|---|---|---|---|---|
| \n {dateCoverted(e.NextSIPDate, \"\", \"DD MMM, YYYY\")}\n | \n{toIndianCurrency(e.Amount)} | \n{e.Frequency ? e.Frequency : \"-\"} | \n\n {e.StartDate\n ? dateCoverted(e.StartDate, \"\", \"DD MMM, YYYY\")\n : \"-\"}\n | \n\n {e.Enddate\n ? dateCoverted(e.Enddate, \"\", \"DD MMM, YYYY\")\n : \"-\"}\n | \n
\n
\n \n
\n {/* \n
\n \n Explore Schemes
\n \n 
\n
\n \n {schemes.map((scheme) => (\n
\n \n
*/}\n \n Learn and Invest\n
\n \n
\n\n \n \n \n {`Scheduled Transactions`}\n\n \n 
\n \n \n\n \n \n \n \n
\n \n \n \n
\n | Scheme Name | \nType | \nDue Date | \nAmount / Units | \nReference No. | \nFolio | \n
|---|---|---|---|---|---|
| {e.trantype} | \n{e.trdate} | \n\n {toIndianCurrency(e.Amount)}/{e.Units}\n | \n\n{e.ihno} | \n{e.Folio} | \n
\n\n {open && (sessionStorage.getItem(\"wishtoNominateFolio\") === \"true\")&& (\n \n \n {`List of Folios without nomination or nomination intent:`}\n \n \n\n\n \n\n \n Click to Nominate\n \n \n \n )}\n
\n\n )\n}\n\nexport default WishtoNominatePopUp;","import React, { useState, useContext, useEffect } from \"react\";\nimport \"./Dashboard.scss\";\nimport Dashboardright from \"../Dashboardright/Dashboardright\";\nimport DashboardContent from \"../DashboardContent/DashboardContent\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport { useHistory } from \"react-router-dom\";\nimport { userActions } from \"../../redux/_actions\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useGlobalSideNavActionsContext } from \"../../components/SideNavBar/useSidenav\";\nimport WishtoNominatePopUp from \"../CommonComponents/WishtoNominatePopUp\";\n\nconst Dashboard = ({\n signout\n}) => {\n\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n\n\n\n const user = useSelector((state) =>state.authentication.user);\n // console.log(user)\n const history = useHistory();\n const dispatch = useDispatch();\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n console.log(sessionStorage.getItem(\"user\"));\n\n const [userIdWiseTotalInvestment, setUserIdWiseTotalInvestment] =\n useState(null);\n const [monthlyInvestmentChartDetails, SetMonthlyInvestmentChartDetails] =\n useState(null);\n const [assetClassWiseInvestmentBreakUp, setAssetClassWiseInvestmentBreakUp] =\n useState(null);\n const [dashboardUpcomingSIPDetails, setDashboardUpcomingSIPDetails] =\n useState(null);\n\n console.log(assetClassWiseInvestmentBreakUp);\n\n useEffect(() => {\n setGlobalSideNav(true);\n // getDashboardUpcomingSIPDetails(); // working\n //getMonthlyInvestmentChartDetails(); //Working\n getUserIdWiseTotalInvestment(); //Working\n // getDashboardScheduleTranDetails(); //Empty Data\n // getUserTotalInvestments(); // Working\n // getAssetClassWiseInvestmentBreakUp();\n }, []);\n\n const dashboardData = {\n userIdWiseTotalInvestmentData: userIdWiseTotalInvestment,\n assetClassWiseInvestmentBreakUpData: assetClassWiseInvestmentBreakUp,\n dashboardUpcomingSIPDetailsData: dashboardUpcomingSIPDetails,\n monthlyInvestmentChartDetailsData: monthlyInvestmentChartDetails,\n };\n\n \n\n const getUserIdWiseTotalInvestment = async () => {\n var url = \"/dashboard/userIdWiseTotalInvestment\";\n var postobjt = {\n userId: user.Email_ID,\n fundCode: configData.amcCode,\n pan: user.Pan?.toUpperCase(),\n folio: '0', //user.Folio,\n date: null,\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n console.log(res[0]);\n setUserIdWiseTotalInvestment(res[0]);\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setUserIdWiseTotalInvestment([]);\n // setNotifi({ val: true, msg: \"Something went wrong\" });;\n // history.push(\"/\");\n // window.location.reload();\n });\n };\n\n return (\n \n
\n \n
\n \n
\n \n
\n Folio List\n
\n\n
\n \n
\n\n \n {wishtoNominateFolios?.length > 0 && wishtoNominateFolios?.map((el) => {\n return (\n
\n \n
\n )\n })}\n {wishtoNominateFolios?.length == 0 && {el?.acno}
\nNo Folios Found
}\n\n
\n\n Disclaimer:By clicking the button below, you will be redirected to Nominee updation page.
\n\n
\n );\n};\n\nexport default Dashboard;\n","import * as React from \"react\";\n\nfunction RightGreenArrow(props) {\n return (\n \n );\n}\n\nexport default RightGreenArrow;\n","import React, { useEffect } from \"react\";\nimport \"./Folio.scss\";\nimport RightGreenArrow from \"../../SVG/RightGreenArrow\";\nimport { toIndianCurrency } from \"../../../../helperFunctions/helperFunctions\";\n\nfunction Folio(props) {\n const { folio, handleOnSelect, onClick, selectedChoice, folioLength,folioId } = props;\n console.log(folio);\n\n return (\n <>\n \n
\n \n
\n \n {\n handleOnSelect(folio.Folio);\n \n }}\n >\n \n {toIndianCurrency(Number(folio.InvestedAmount))}\n \n
\n \n \n Folio: {folio.Folio}\n \n \n {folio.Scount} Schemes\n \n
\n \n \n Invested Value\n
\n \n \n Current Value\n
\n \n \n
\n );\n};\n\nexport default Switch;\n","import React from \"react\";\n\nconst RedemLogo = () => {\n return (\n \n \n
\n );\n};\n\nexport default RedemLogo;\n","import React from \"react\";\n\nconst StpLogo = () => {\n return (\n \n \n
\n );\n};\n\nexport default StpLogo;\n","import React from \"react\";\n\nconst SwpLogo = () => {\n return (\n \n \n
\n );\n};\n\nexport default SwpLogo;\n","import React from \"react\";\nimport \"./FundScheme.scss\";\nimport PurchaseIcon from \"../../SVG/PurchaseIcon\";\nimport Purchase from \"../../../../assets/svg/Purchase\";\nimport RedRightArrow from \"../../../../assets/svg/RedRightArrow\";\nimport Rupee from \"../../../../assets/svg/Rupee\";\nimport RupeeIcon from \"../../SVG/RupeeIcon\";\nimport More from \"../../../../assets/svg/More\";\nimport RightArrow from \"../../SVG/RightArrow\";\nimport DownArrow from \"../../SVG/DownArrow\";\nimport Calander from \"../../SVG/Calander\";\nimport Dropdown from \"react-bootstrap/Dropdown\";\nimport PurchaseLogo from \"../../SVG/PurchaseLogo\";\nimport SipLogo from \"../../SVG/SipLogo\";\nimport SwitchLogo from \"../../SVG/SwitchLogo\";\nimport RedemLogo from \"../../SVG/RedemLogo\";\nimport StpLogo from \"../../SVG/StpLogo\";\nimport SwpLogo from \"../../SVG/SwpLogo\";\nimport { useHistory, Link } from \"react-router-dom\";\nimport {\n toIndianCurrency,\n toIndianCurrencyType2,\n dateCoverted,\n} from \"../../../../helperFunctions/helperFunctions\";\nconst FundScheme = (props) => {\n const history = useHistory();\n const { fund, flag } = props;\n console.log(fund);\n const navigateTo = (that) => {\n history.push(\"/\" + that);\n };\n return (\n \n
\n\n {flag ? (\n \n
\n \n {\" \"}\n {flag === true ? fund.Schdesc : fund.Mt_funddesc}\n
\n \n {flag === true ? fund.Scheme_Category : fund.Mt_category}\n
\n \n
\n \n
\n Invested Value
\n \n {flag === true\n ? toIndianCurrencyType2(fund.Invamt)\n : toIndianCurrencyType2(fund.mt_invval)}\n
\n \n
\n {/* Current Value
\n \n {flag === true\n ? toIndianCurrencyType2(fund.Curamt)\n : toIndianCurrencyType2(fund.Mt_mktvalue)}\n
\n \n
*/}\n CAGR%
\n 20
\n \n
\n {!flag &&\n Current Nav
\n \n {flag === true\n ? toIndianCurrency((fund.Curnav === undefined ? \"\" : fund.Curnav),4)\n : toIndianCurrency(fund.Mt_nav,4)}\n \n {\" \"}\n
\n \n
\n }\n Units
\n \n {fund.Mt_clrbalunit ? fund.Mt_clrbalunit : \"\"}\n
\n \n navigateTo(\"AdditionalPurchase\")}\n >\n
\n \n
\n \n {\" \"}\n Purchase{\" \"}\n
\n \n
\n \n SIP\n
\n \n \n {/* \n \n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n }\n
\n \n ) : (\n \n
\n \n More\n
*/}\n\n { fund.Curamt > 0 && \n navigateTo(\"AdditionalPurchase\")}\n >\n \n
\n \n {/* \n \n \n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n \n\n \n \n \n \n \n \n
}\n \n )}\n \n );\n};\n\nexport default FundScheme;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport \"./Folios.scss\";\nimport { Folio, FundScheme } from \"./Card\";\nimport loader from \"../../assets/Images/loader.gif\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nconst Folios = (props) => {\n const { foliosData, schemeDetails } = props;\n // console.log(foliosData);\n const [schemsList, setSchemsList] = useState(null);\n const [folioLength, setFolioLength] = useState(null);\n // console.log(folioLength);\n const [selectedAnswer, setAnswer] = useState();\n const contextapi = useContext(Context);\n // if (foliosData !== null && schemeDetails !== null) {\n // console.log(props.foliosData[0].level2);\n // console.log(schemeDetails);\n // }\n\n // const handleOnSelect = (folioNum) => {\n // if (schemeDetails !== null) {\n // let schemes = schemeDetails.filter((scheme) => {\n // return scheme.FolioNo === folioNum;\n // });\n // setSchemsList(schemes);\n // setFolioLength(schemes.length);\n // console.log(schemes);\n // }\n // };\n useEffect(() => {\n console.log(foliosData);\n if (foliosData) {\n // console.log(foliosData);\n\n handleOnSelect(foliosData[0].Folio);\n }\n }, [foliosData]);\n const handleOnSelect = (folio) => {\nconsole.log(folio)\n getSchemeByFolio(folio);\n setAnswer(folio);\n };\n const getSchemeByFolio = async (folio) => {\n var url = \"/quickAdditionalPurchase/folioWiseSchemeDetails\";\n var postobjt = {\n fund: configData.amcCode,\n folio: String(folio),\n trnType: \"A\",\n category: \"11\",\n pageNumber: 1,\n pageSize: 10000,\n };\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n\n if (res.statusCode) {\n console.log(\"res schemecallede\")\n setSchemsList([]);\n } else {\n console.log(\"else called\")\n setSchemsList(res[0].level2);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n console.log(schemsList);\n return (\n // \n //
\n \n //
\n // \n // {foliosData &&\n // foliosData[0].level2.map((folio, index) => (\n // <>\n //
\n // \n // \n // setAnswer(selectedAnswer)}\n // selectedChoice={selectedAnswer}\n // folioLength={folioLength}\n // />\n //
\n // \n // \n // ))}\n // \n // {schemsList &&\n // schemsList.map((scheme) =>
\n // \n
\n );\n};\n\nexport default Folios;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport \"./Schemes.scss\";\nimport { FundScheme } from \"./Card\";\nimport { allSchemes } from \"./data/allSchemes\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useSelector } from \"react-redux\";\n\nfunction Schemes(props) { \n const user = useSelector((state) =>state.authentication.user)\n const [schemeDetails, setSchemeDetails] = useState(null);\n const contextapi = useContext(Context);\n useEffect(() => {\n getSchemeDetailsByUserID();\n }, []);\n const getSchemeDetailsByUserID = async () => {\n var url = \"/portfolio/getSchemeDetailsByUserID\";\n var postobjt = {\n fund: configData.amcCode,\n uId: user.Email_ID,\n pan: user.Pan,\n };\n console.log(postobjt);\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res) {\n // console.log(res)\n if(res.message === 'No records found'){\n setSchemeDetails([])\n }else{\n setSchemeDetails(res);\n }\n // setSchemeValues(res);\n } else {\n // setNotifi({ val: true, msg: \"No Records Found\" });\n setSchemeDetails([]);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n console.log(schemeDetails);\n return (\n \n
\n \n {foliosData &&\n foliosData.map((folio, index) => (\n
\n \n \n
\n ))}\n \n setAnswer(selectedAnswer)}\n selectedChoice={selectedAnswer}\n folioLength={folioLength}\n />\n
\n \n \n {schemsList ?\n (schemsList.length > 0 ?schemsList.map((scheme,index) => 
)}\n
\n No Records found
):(\n {schemeDetails !== null &&\n schemeDetails?.map((scheme,index) => )}\n
\n );\n}\n\nexport default Schemes;\n","import * as React from \"react\";\n\nfunction CurrentValue(props) {\n return (\n \n );\n}\n\nexport default CurrentValue;\n","import React, { useState, useContext, useEffect } from \"react\";\nimport \"./Portfolio.scss\";\nimport Folios from \"./Folios\";\n//import AssetClass from \"./AssetClass\";\nimport { myPortfolioFoliosData } from \"./data/myPortfolioFoliosData\";\nimport { AssetClass } from \"../../components/reuse\";\nimport Schemes from \"./Schemes\";\nimport MarketValue from \"./SVG/MarketValue\";\nimport CurrentValue from \"./SVG/CurrentValue\";\nimport GainLoss from \"./SVG/GainLoss\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport { schemeFilter } from \"./data/schemeFilter\";\nimport { toIndianCurrency, toIndianCurrencyType2 } from \"../../helperFunctions/helperFunctions\";\nimport IncrementIcon from \"../../assets/svg/IncrementIcon\";\nimport DecrementIcon from \"../../assets/svg/DecrementIcon\";\nimport { useSelector } from \"react-redux\";\n\nconst Portfolio = () => {\n const [tab, selectedTab] = useState(0);\n const user = useSelector((state) => state.authentication.user);\n // const [folio, setFolio] = useState(0);\n // const [foliosData, setFoliosData] = useState(myPortfolioFoliosData);\n // console.log(foliosData);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const [assetClassWiseInvestmentBreakup, setAssetClassWiseInvestmentBreakup] =\n useState([]);\n const [activity, setActivity] = useState(0);\n const [portfolioFolioList, setPortfolioFolioList] = useState(null);\n const [userIdWiseTotalInvestment, setUserIdWiseTotalInvestment] =\n useState(null);\n\n const contextapi = useContext(Context);\n // console.log(assetClassWiseInvestmentBreakup);\n\n //, \"Family Portfolio\", \"All\" // Note: Hided\n const list = [\"My Portfolio\"];\n const activities = [\"Folios\", \"Asset Class-wise\", \"Schemes\"];\n\n //console.log(folio);\n\n const folioOnClickHandler = (index) => {\n console.log(index);\n // setFolio(index);\n selectedTab(index);\n\n // if (index === 0) {\n // setFoliosData(myPortfolioFoliosData);\n // }\n if (index === 1) {\n // getFamilyPortfolio();\n setFamilyFolios();\n }\n // if (index === 2) {\n // setFoliosData(allPortfolioFoliosData);\n // }\n };\n\n const activityHandler = (index) => {\n if (index === 0) {\n setActivity(0);\n }\n if (index === 1) {\n setActivity(1);\n }\n if (index === 2) {\n setActivity(2);\n }\n };\n\n useEffect(async () => {\n try {\n await getPortfolioList();\n } catch (err) {\n console.log(err);\n }\n }, []);\n\n const [folioListindropdown, setfolioListindropdown] = useState([]);\n const setFamilyFolios = async () => {\n setGlobalSpinner(true);\n var url = \"/dashboard/getFamilyDashboardUserIdBasedPANs\";\n var postobjt = {\n // fund: configData.amcCode,\n // uId: \"namitabadwal@gmail.com\",\n uId: user.Email_ID,\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n console.log(res);\n setfolioListindropdown(res);\n\n // setPortfolioFolioList(res[0].level2);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n // setfolioListindropdown([{ Pan: \"AYEPC5534B\" }]);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const getUserIdWiseTotalInvestment = async (foliolist) => {\n console.log(foliolist);\n console.log(foliolist[0].Folio);\n var url = \"/dashboard/userIdWiseTotalInvestment\";\n var postobjt = {\n userId: user.Email_ID,\n fundCode: configData.amcCode,\n pan: user.Pan?.toUpperCase(),\n folio:\"0\", // user.Folio,\n // folio: foliolist[0].Folio.toString(),\n date: null,\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n console.log(res[0]);\n setUserIdWiseTotalInvestment(res[0]);\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const getPortfolioList = async () => {\n var url = \"/portfolio/getPortfolioFolioList\";\n var postobjt = {\n fund: configData.amcCode,\n uId: user.Email_ID,\n pageNumber: \"1\",\n pageSize: \"1000\",\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n console.log(res);\n if (res[0].Msg) {\n setPortfolioFolioList([]);\n } else {\n setPortfolioFolioList(res[0].level2);\n getUserIdWiseTotalInvestment(res[0].level2);\n }\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n const changeView = async (pan) => {};\n\n // const getAssetClassWiseInvestmentBreakUp = async () => {\n // var url = \"/dashboard/assetClassWiseInvestmentBreakUp\";\n // var postobjt = {\n // fund: \"176\",\n // acNo: \"6011004413\",\n // };\n // const options = {\n // headers: {\n // amc_key: configData.amcCode,\n // },\n // };\n // await contextapi\n // .postApiEncrpCalling(url, postobjt, options)\n // .then((res) => {\n // console.log(res);\n // if (res) {\n // setAssetClassWiseInvestmentBreakup(res);\n // // setSchemeValues(res);\n // } else {\n // // setNotifi({ val: true, msg: \"No Records Found\" });\n // // setSchemeValues([]);\n // }\n // })\n // .catch((err) => {\n // console.log(err);\n // // setGlobalSpinner(false);\n // });\n // };\n //\n return (\n \n {list.map((folio, index) => (\n
\n );\n};\n\nexport default Portfolio;\n","import React from \"react\";\n\nconst AddToInvestementsLogo = () => {\n return (\n {folio}
\n ))}\n \n \n Porfolio Summary\n {\" \"}\n \n {/* (as on Sept 29, 2020, 10:55 PM) */}\n \n {tab != 0 && (\n
\n {userIdWiseTotalInvestment && (\n \n \n View As:\n \n changeView(e.target.value)}\n >\n {/* */}\n\n \n {folioListindropdown &&\n folioListindropdown.length > 0 &&\n folioListindropdown.map((item, index) => (\n \n ))}\n \n
\n )}\n \n
\n )}\n \n
\n \n
\n \n
\n \n \n Invested Value\n \n \n {toIndianCurrency(\n userIdWiseTotalInvestment.Total_invested_amt\n )}\n \n
\n \n
\n \n
\n \n
\n \n \n Current Value\n \n \n {toIndianCurrency(\n userIdWiseTotalInvestment.Total_currentvalue\n )}\n \n
\n \n
\n \n
\n \n
\n \n \n Notional Gain/Loss\n \n \n {/* {userIdWiseTotalInvestment.indicator}{\" \"} */}\n {toIndianCurrency(\n userIdWiseTotalInvestment.Gain_or_Loss\n )}\n \n \n {\" \"}\n
\n \n {userIdWiseTotalInvestment.indicator !== \"-\" ? (\n <>\n
\n {userIdWiseTotalInvestment.Gain_or_Loss_per} %\n \n \n {activities.map((activitie, index) => (\n
\n\n {activity === 0 ? (\n // \n activityHandler(index)}\n key={index}\n type=\"button\"\n className={\n index === activity\n ? \"activeState w25imp customdesign w-25\"\n : \"w25imp customdesign w-25\"\n }\n // className=\"global--ActivityNavBar--ActivityNavButton\"\n >\n {activitie}\n \n
\n ))}\n \n \n\n \n \n \n \n \n \n \n \n \n \n
\n );\n};\n\nexport default AddToInvestementsLogo;\n","import React from \"react\";\n\nconst ManageYourTransactions = () => {\n return (\n \n \n\n\n\n
\n );\n};\n\nexport default ManageYourTransactions;\n","import React from \"react\";\n\nconst PurchaseLogo = () => {\n return (\n \n \n
\n );\n};\n\nexport default PurchaseLogo;\n","import React from \"react\";\n\nconst SipLogo = () => {\n return (\n \n \n \n \n
\n );\n};\n\nexport default SipLogo;\n","import React from \"react\";\n\nconst Switch = () => {\n return (\n \n \n
\n );\n};\n\nexport default Switch;\n","import React from \"react\";\n\nconst RedemLogo = () => {\n return (\n \n \n
\n );\n};\n\nexport default RedemLogo;\n","import React from \"react\";\n\nconst StpLogo = () => {\n return (\n \n \n
\n );\n};\n\nexport default StpLogo;\n","import React from \"react\";\n\nconst SwpLogo = () => {\n return (\n \n \n
\n );\n};\n\nexport default SwpLogo;\n","import AddToInvestementsLogo from \"../svg/AddToInvestementsLogo\";\nimport ManageYourTransactions from \"../svg/ManageYourTransactions\";\nimport PurchaseLogo from \"../svg/PurchaseLogo\";\nimport SipLogo from \"../svg/SipLogo\";\nimport SwitchLogo from \"../svg/SwitchLogo\";\nimport RedemLogo from \"../svg/RedemLogo\";\nimport StpLogo from \"../svg/StpLogo\";\nimport SwpLogo from \"../svg/SwpLogo\";\n\n\nexport const first = [ \n // {\n // Logo: \n
\n \n \n
\n \n
\n \n \n Transact\n \n
\n \n
\n \n
\n }\n \n openpopup()} >\n \n
\n \n
\n \n
\n \n \n Add to your Investments\n \n
\n \n
\n \n );\n })}\n\n {\n\n nfo &&\n \n {first.map((item) => {\n return (\n <>\n handleRedirect(item.InvestmentType)}\n >\n \n
\n {item.Logo}
\n \n {item.InvestmentType}\n
\n {
\n \n {\"NFO\"}\n
\n \n
\n \n \n \n\n\n {\n nfoTransactionType && \n \n
\n \n
\n \n
\n \n
\n \n \n Manage Your Transactions\n \n
\n \n
\n \n {second.map((item) => {\n return (\n <>\n handleRedirect(item.InvestmentType)}\n >\n
\n \n );\n })}\n \n
\n {item.Logo}
\n \n {item.InvestmentType}\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n }\n\n \n\n \n );\n};\n\nexport default Transaction1;\n","import React from \"react\";\nimport \"./RadioGroupButtons.scss\";\n\nconst RadioGroupButtons = (props) => {\n const { radios } = props;\n return (\n \n
\n Invest in
\n\n {radios.map((radio) => (\n
\n );\n};\n\nexport default RadioGroupButtons;\n","import * as React from \"react\";\n\nfunction Add(props) {\n return (\n \n
\n ))}\n \n\n \n \n{Frequency ==='MONTHLY'?\n \n :\n \n \n \n \n \n
\n \n );\n};\n\nexport default Action;\n","import Action from \"./Action\";\nexport const TableData = [ \n {\n folio: 123456,\n id:1,\n schemename:\"JM Financial Equity Savings Fund - Growth - Reinvestment\",\n status:'Active',\n amount:'100',\n frequency:'28',\n startdate:'28-12-2021',\n enddate:'28-12-2022',\n action:\n \n \n \n
\n\n \n \n \n \n
\n \n {/* \n \n {headerGroups.map((headerGroup) => (\n
\n {/*
\n \n );\n}\n\nfunction App(res) {\n console.log(res);\n // setGlobalFilter(value || undefined);\n const columns = React.useMemo(\n () => [\n {\n Header: \"Scheme Name\",\n accessor: \"schemename\",\n maxWidth: \"300px\",\n minWidth: \"300px\",\n width: \"300px\",\n // Filter: SliderColumnFilter,\n },\n {\n Header: \"Status\",\n accessor: \"status\",\n },\n {\n Header: \"Amount\",\n accessor: \"amount\",\n },\n {\n Header: \"frequency\",\n accessor: \"frequency\",\n },\n {\n Header: \"Start Date\",\n accessor: \"startdate\",\n },\n {\n Header: \"End Date\",\n accessor: \"enddate\",\n },\n {\n Header: \"Action\",\n accessor: \"action\",\n maxWidth: 300,\n minWidth: 300,\n width: 300,\n },\n ],\n []\n );\n\n // const data = React.useMemo(() => TableData);\n // const data = React.useMemo(() => makeData(50), []);\n\n return (\n | \n {column.render(\"Header\")}\n | \n ))}\n \n ))}\n
|---|
| {cell.render(\"Cell\")} | \n );\n })}\n
\n \n {pageIndex + 1}\n \n \n
*/}\n \n {/* {' '} */}\n {\" \"}\n \n Page{\" \"}\n \n {pageIndex + 1} of {pageOptions.length}\n {\" \"}\n \n {\" \"}\n {/* {' '} */}\n {/* \n | Go to page:{' '}\n {\n const page = e.target.value ? Number(e.target.value) - 1 : 0\n gotoPage(page)\n }}\n style={{ width: '100px' }}\n />\n {' '} */}\n {/*
\n \n\n {\n setPageSize(Number(e.target.value))\n }}\n >\n {[10, 20, 30, 40, 50].map(pageSize => (\n \n ))}\n \n\n
*/}\n \n \n \n
\n
\n \n );\n};\nexport default Tableview;\n","import React, { useState, useEffect, useMemo, useContext } from \"react\";\n// import \"./SIPTable.scss\";\nimport \"../../../sytles/commonTable.scss\";\nimport Radio from \"@mui/material/Radio\";\nimport RadioGroup from \"@mui/material/RadioGroup\";\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\nimport FormControl from \"@mui/material/FormControl\";\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport Action from \"./Action\";\nimport Tableview from \"./tableview\";\n\nconst SIPTableBP = ({\n folioList,\n childFunc,\n nextStep,\n opensipcancel,\n opensippause,\n selectedFolio,\n setselectedFolio\n}) => {\n const oncancelsip = (langValue) => {\n console.log(langValue);\n opensipcancel(langValue);\n };\n const onpausesip = (langValue) => {\n console.log(langValue);\n opensippause(langValue);\n };\n const contextapi = useContext(Context);\n\n const [isdatachanged, setisdatachanged] = useState(false);\n\n const [tabledata, settabledata] = useState([]);\n const [tabledatamaster, settabledataMaster] = useState([]);\n\n const [folioNumber, setfolioNumber] = useState(\"\");\n\n const [tableradio, settableradio] = useState(\"All\");\n const handleChange = (event) => {\n settableradio(event.target.value);\n\n console.log(event.target.value);\n\n checktheFilter(folioNumber, event.target.value);\n };\n\n const changeFolio = async (e) => {\n setselectedFolio(e)\n setfolioNumber(e);\n getSIPData(tableradio, e);\n };\n\n const checktheFilter = (folioparm, radiobnew) => {\n getSIPData(radiobnew, folioparm);\n };\n const clearChange = () => {\n setisdatachanged(false);\n };\n useEffect(() => {\n // setselectedFolio(folioList[0].Folio)\n // setfolioNumber(folioList[0].Folio);\n // getSIPData(\"All\", folioList[0].Folio);\n\n if(selectedFolio == \"\"){\n setselectedFolio(folioList[0].Folio)\n setfolioNumber(folioList[0].Folio);\n getSIPData(\"All\", folioList[0].Folio);\n }else {\n setselectedFolio(selectedFolio)\n setfolioNumber(selectedFolio);\n getSIPData(\"All\", selectedFolio);\n }\n\n \n \n }, []);\nuseEffect(()=>{\nchildFunc.current = (data, activity) => {\n if (activity === 2) {\n serachDataFilter(data);\n }\n }\n},[tabledatamaster])\n const serachDataFilter = (serachText) => {\n let searchData = [];\n let table = [];\n table = tabledatamaster;\n \n\n if (serachText === \"\") {\n settabledata(table);\n } else {\n debugger;\n searchData = table.filter((data) => {\n if (\n data[\"Scheme Name\"]&&data[\"Scheme Name\"].toLowerCase().includes(serachText.toLowerCase())\n ) {\n return true;\n }\n });\n settabledata(searchData);\n }\n };\n const getSIPData = async (status, folio) => {\n const url = \"/systematicInvestmentPlan/getISIPDetails\";\n const postObj = {\n fund: configData.amcCode,\n acno: String(folio),\n status: status,\n };\n console.log(postObj);\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postObj, options)\n .then((res) => {\n if (!res.message) {\n console.log(res);\n res.forEach((item) => {\n console.log(item);\n item.Folio = String(folio);\n item.action = (\n | Scheme Name | \nStatus | \nAmount | \nFrequency | \nStart Date | \nEnd Date | \nAction | \n
|---|---|---|---|---|---|---|
| \n {e[\"Scheme Name\"]}\n | \n\n {e.URN_Status === \"Active\" ? (\n <>\n | \n {toIndianCurrency(e.Amount)} | \n{e.Frequency} | \n{e.Start_Date} | \n{e.End_Date} | \n{e.action} | \n
\n nextPage(page)}\n />\n
\n \n \n \n \n
\n\n {tabledata && (\n \n changeFolio(e.target.value)}\n value={folioNumber}\n // value={selectedFolio}\n // onChange={getFolioNumber}\n >\n {/* */}\n {folioList.length === 0 ? (\n \n ) : (\n folioList.map((item, index) => (\n \n ))\n )}\n {/* */}\n \n
\n \n
\n SIP Pasue Confirmation
\n \n
\n \n \n Please check the following details. If the details displayed are\n correct click the ‘Confirm’ button. On your confirmation an\n e-maill will be sent to your\n
\n registered an e-mail address.
\n \n \n \n
\n \n Folio Number:\n
\n 2345678
\n \n
\n \n
\n \n SCHEME DETAILS\n
\n \n
\n Scheme:
\n \n JMF Mutual Large Cap Fund - Direct Growth\n
\n \n
\n Amount:
\n \n ₹500\n
\n \n
\n \n Pause Period:\n
\n 3 months
\n \n
\n \n Pause Start Date:\n
\n \n 04/01/2021\n
\n \n
\n \n Pause End Date:\n
\n \n 04/07/2021\n
\n \n \n Back\n \n \n Confirm\n \n
\n \n
\n );\n};\n\nexport default FundProcessLayout;\n","import * as React from \"react\";\n\nfunction Confirmation(props) {\n return (\n {props.children}
\n \n
\n \n SIP will be cancelled from 09/12/2020. Do you still\n
\n want to cancel your SIP?
\n \n \n OK\n \n \n Cancel\n \n
\n \n ) : (\n \n
\n )}\n \n {\" \"}\n Why do you want to stop your SIP?{\" \"}\n
\n \n \n Cancel\n \n \n Proceed\n \n
\n \n
\n SIP Cancellation Confirmation
\n \n
\n \n \n Please check the following details. If the details displayed are\n correct click the ‘Confirm’ button. On your confirmation an\n e-maill will be sent to your{\" \"}\n
\n registered an e-mail address.
\n \n \n \n
\n \n Folio Number:\n
\n 2345678
\n \n
\n URN Number:
\n -----
\n \n
\n URN Status:
\n -----
\n \n
\n \n
\n \n SCHEME DETAILS\n
\n \n
\n Scheme:
\n \n JMF Mutual Large Cap Fund - Direct Growth\n
\n \n
\n Amount:
\n \n ₹500\n
\n \n
\n \n SIP Registration Date:\n
\n \n 04/01/2021\n
\n \n
\n \n SIP Period Date:\n
\n \n 04/01/2021\n
\n \n
\n \n SIP End Date:\n
\n \n 04/07/2021\n
\n \n
\n \n Frequency:\n
\n Monthly
\n \n \n Back\n \n setConfirm(true)}\n >\n Confirm\n \n setConfirm(false)}\n />\n
\n \n
\n \n );\n}\n","import React from \"react\";\n\nexport const LeftContentLogo = () => {\n return (\n \n
\n \n
\n \n 
\n
\n {qpValue.desc1 && (\n {qpValue.headerTitle}
\n {/*Thank you for transacting! Payment Successful.
*/}\n{qpValue.desc1}
\n )}\n \n\n {qpValue.desc2 &&
\n\n {qpValue.desc3 && (\n {qpValue.desc2}
}\n {/*Note: The units will be allocated based as per guidelines of the applicable NAV for the given purchase.
*/}\n{qpValue.desc3}
\n )}\n\n {qpValue.desc4 && (\n{qpValue.desc4}
\n )}\n {qpValue.desc5 && (\n{qpValue.desc5}
\n )}\n\n {qpValue.descisip && (\n{qpValue.descisip}
\n )}\n\n {qpValue.page == \"SIP\" ? (\n\n routeLink(qpValue.routelink)}\n >\n {qpValue.buttonName}\n \n
\n ) : (\n \n \n\n \n
\n )}\n \n \n
\n );\n};\n\n\n","export default __webpack_public_path__ + \"static/media/infoalert.8def9f04.svg\";","import React, { useState, useEffect, useContext } from \"react\";\nimport { LeftContentLogo } from \"../svg/LeftContentLogo\";\nimport showalertimg from \"../../../assets/Images/infoalert.svg\";\nimport {\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n} from \"@mui/material\";\nimport configData from \"../../../config/config.json\";\nimport { Context } from \"../../../services/apiContext\";\n\nconst ConfirmationSummaryPage = ({ value, nextStep, prevStep, reason, setReason, otherReason, setOtherReason }) => {\n const [openModalUser, setOpenModalVal] = useState(false);\n const [reasonList, setReasonList] = useState([]);\n const [reasonError, setReasonError] = useState(\"\");\n const contextapi = useContext(Context);\n\n const openconfirmationpage = () => {\n console.log(\"Conformation Popup Called\")\n setOpenModalVal(true);\n };\n\n const closeModal = () => {\n setOpenModalVal(false);\n };\n const [openotp, setopenotp] = useState(false);\n\n const openverifyotp = (data) => {\n if (reason?.RejReason === \"\" || (reason?.RejCode === 13 && otherReason === \"\")) {\n setReasonError(\"Please Select any Reason\");\n } else {\n closeModal();\n nextStep();\n }\n };\n\n const fetchCancelReasonList = async () => {\n let url = \"/systematicInvestmentPlan/getSIPCancelReasonsList\";\n let postobjt = {\n i_TrType: 'SIP'\n };\n console.log(postobjt);\n var options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n setReasonList(res);\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const onChangeReason = (e) =>{\n if(e.target.value!==\"\"){\n const parsedItem = JSON.parse(e.target.value);\n setReason(parsedItem);\n }\n }\n\n //call when page loads \n useEffect(() => {\n if (value.headerTitle === \"SIP Cancellation Confirmation\") {\n fetchCancelReasonList();\n }\n }, []);\n\n const [successConfirmationPAge, setsuccessConfirmationPAge] = useState(false);\n\n let json = value;\n console.log(json);\n return (\n \n
\n {/* ) */}\n <>\n {openModalUser && (\n \n
\n\n \n
\n \n
\n \n
\n \n {json.headerTitle}\n
\n\n \n \n \n {json.transactDetails[key]}\n \n
\n\n // \n {/*
\n {/* Your Investment Summary
*/}\n{json.titleInfo}
\n\n \n \n 23456123454\n \n
*/}\n \n {Object.keys(json.transactDetails).map((key, i) => (\n \n // {key}\n // {json.transactDetails[key]}\n //
\n ))}\n {json.Disclaimer && (\n <>\n \n\n
\n \n )}\n \n Disclaimer:\n {configData.disclamer}\n
\n\n
\n \n
\n \n
\n \n 
\n
\n\n {Object.keys(json.schemeDetails).map((key, i) => (\n \n Scheme Details\n
\n {/* \n\n \n {value.schemeDetailsarray.length}\n \n
\n */}\n \n \n \n {json.schemeDetails[key]}\n \n
\n ))}\n\n {/* \n Total Investment Amount: \n \n {\" \"}\n ₹ {value.schemeDetailsarray.length > 0 ? total : \"\"}\n \n
*/}\n \n prevStep()}\n >\n Back\n \n openconfirmationpage()}\n >\n {\" \"}\n Confirm{\" \"}\n \n
\n \n
\n\n {/* {json.dialogdesc}
\n {value.headerTitle === \"SIP Cancellation Confirmation\" &&\n\n { setOtherReason(e.target.value) }}\n value={otherReason}\n // readOnly\n />\n }\n
\n }\n \n
\n\n {reason.RejCode === 13 &&\n \n {\n onChangeReason(e);\n }\n }\n >\n \n {reasonList.map((item, index) => (\n \n ))}\n \n
\n {reasonError}
\n\n
*/}\n\n {/* \n Once you click the ‘Submit’ button, you will be redirected\n to the payment gateway to make your online purchase.\n
\n\n
*/}\n \n \n Allotment of units will be based on the applicable NAV of\n the Scheme.\n
\n\n If you have any queries, please call us on Customer Service\n Center on 18001038345 {\" \"}\n or please email us at{\" \"}\n investor@jmfl.com \n mentioning the subject line as, ‘Transaction reference\n number XXXXXXXXXX’.\n
\n\n
\n openverifyotp()}\n >\n OK\n \n closeModal()}\n >\n {\" \"}\n Cancel{\" \"}\n \n
\n \n \n )}\n \n \n );\n};\n\nexport default ConfirmationSummaryPage;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEASURBVHgB7ZM7TgMxEIb/8biJ2GK5wXIDjrA0SFSbbZDo4AQcBXGCpUG8CodICEgT9gbcAB9hm0iRwDPYVGkWKY8iRb7KtjzfzEgzwAJ37rW8f34b4R+expPprXs5XHyjxrk8s9klqRYCygEtDdArEqAkgieFV2j3E+Ta7nHWqKYLWjaaMvhvQdsnYUYpoq0IeWZTWabGxszDWZjtX9R159w0n/N8eFaf3PRJHtx7J5DP+MfH9j+Y+YsexxMNIRxhJbiIlaVK4tFwgzX4k5xWxwdYgdhOkdox2AA7ydZL0hJiDSxU/YAH53FwRssGs+UqxVsI1cbAxdm/wrJEAQLVv90MZgc6mb8IAAAAAElFTkSuQmCC\"","import React, { useContext, useEffect, useState } from \"react\";\nimport \"./PausePhysicalSIP.scss\";\nimport { RadioGroupButtons } from \"../reuse\";\nimport { Button } from \"react-bootstrap\";\nimport inputPath from \"../../../assets/Images/inputPath.png\";\nimport calander from \"../../../assets/Images/calendar.png\";\nimport { useHistory } from \"react-router-dom\";\nimport DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport moment from \"moment\";\nimport { Formerror } from \"../../../components/formerror\";\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport { dateCoverted } from \"../../../helperFunctions/helperFunctions\";\nconst checkErrors = async (data) => {\n const errors = {};\n\n if (data.selectePeriod.trim() === \"\") {\n errors.selectePeriod = \"Pause Period is required\";\n }\n\n if (data.startDate === \"\") {\n errors.startDate = \"Start Date is required \";\n }\n if (data.endDate === \"\") {\n errors.endDate = \"End Date is required \";\n }\n\n return errors;\n};\nconst PausePhysicalSIP = ({\n value,\n nextStep,\n goConfirmation,\n prevStep,\n dataReq,\n prevData,\n}) => {\n const [startDateList, setStartDateList] = useState([]);\n\n const [selecteValue, setSelectedPeriod] = useState(\"\");\n const [pauseForm, setPauseForm] = useState({\n selectePeriod: \"\",\n startDate: \"\",\n endDate: \"\",\n });\n const contextapi = useContext(Context);\n const [pauseFormErrors, setPauseFormErrors] = useState({});\n const navigateToConfirmation = async (e) => {\n console.log(pauseForm);\n const error = await checkErrors(pauseForm);\n if (Object.keys(error).length > 0) {\n setPauseFormErrors(error);\n } else {\n goConfirmation(pauseForm);\n }\n };\n const goback = (e) => {\n e.preventDefault();\n prevStep();\n };\n useEffect(() => {\n getPauseStartDate();\n setPauseForm(prevData);\n }, []);\n const ondobchange = (e) => {\n console.log(e.target.value);\n var date = e.target.value;\n // setStartDate(date);\n // var newDate = moment(date);\n // newDate.add(selecteValue, \"months\");\n // console.log(newDate._d);\n // console.log(selecteValue);\n // setEndDate(newDate._d);\n // setPauseForm();\n\n // setPauseForm({\n // ...pauseForm,\n // startDate: date,\n // endDate: \"\",\n // });\n\n getPauseEndDate(date, pauseForm.selectePeriod);\n };\n const getPauseStartDate = async () => {\n const url = \"/quickAdditionalPurchase/getSIPPauseDate\";\n const postObj = {\n fund: configData.amcCode,\n ihNo: String(dataReq.Ihno),\n };\n console.log(postObj);\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi.postApiEncrpCalling(url, postObj, options).then((res) => {\n console.log(res);\n if (!res.message) {\n setStartDateList(res);\n } else {\n setStartDateList([]);\n }\n });\n };\n const getPauseEndDate = async (startdateinp, cnt) => {\n const url = \"/quickAdditionalPurchase/getSIPPauseEndDate\";\n const postObj = {\n startDate: dateCoverted(startdateinp, \"DD/MM/YYYY\", \"MM/DD/YYYY\"),\n cnt: Number(cnt),\n };\n console.log(postObj);\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi.postApiEncrpCalling(url, postObj, options).then((res) => {\n console.log(res);\n if (res[0].level1[0].Error_Code === \"0\") {\n setPauseForm({\n ...pauseForm,\n startDate: startdateinp,\n endDate: res[0].level2[0].enddt,\n });\n setPauseFormErrors({\n ...pauseFormErrors,\n selectePeriod: \"\",\n endDate: \"\",\n startDate: \"\",\n });\n } else {\n setPauseForm({ ...pauseForm, endDate: \"\" });\n }\n });\n };\n\n console.log(value);\n console.log(dataReq);\n const [monthFrequency, setmonthFrequency] = useState([\n {\n displayname: \"1\",\n value: 1,\n },\n {\n displayname: \"2\",\n value: 2,\n },\n {\n displayname: \"3\",\n value: 3,\n },\n {\n displayname: \"4\",\n value: 4,\n },\n {\n displayname: \"5\",\n value: 5,\n },\n {\n displayname: \"6\",\n value: 6,\n },\n ]);\n const changePeriod = async (e) => {\n setSelectedPeriod(e);\n setPauseForm({\n ...pauseForm,\n selectePeriod: e,\n endDate: \"\",\n startDate: \"\",\n });\n setPauseFormErrors({ ...pauseFormErrors, selectePeriod: \"\" });\n };\n\n return (\n \n
\n );\n};\n\nexport default PausePhysicalSIP;\n","import React, { useState, useEffect, useContext, useRef } from \"react\";\n\nimport \"../../Quickpurchase/css/QuickPurchaseTransaction.css\";\n\n// import cartimg from \"../../../assets/Images/quickpirchase/cartimg.svg\";\nimport VerifyOTP from \"../../PersonalDetails/VerifyOTP\";\nimport SuccessTransaction from \"./SuccessTransaction\";\nimport S from \"./SuccessTransaction\";\nimport ConfirmationSummaryPage from \"./ConfirmationSummarypage\";\nimport PausePhysicalSIP from \"../../SystematicInvestements/PausePhysicalSIP\";\nimport { useGlobalSideNavActionsContext } from \"../../../components/SideNavBar/useSidenav\";\nimport { dateCoverted } from \"../../../helperFunctions/helperFunctions\";\nimport { Context } from \"../../../services/apiContext\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\nimport configData from \"../../../config/config.json\";\nimport history from \"../../../History/history\";\nimport { useSelector } from \"react-redux\";\n\nconst ConfirmationPage = ({ value, prevStepfn, dataReq }) => {\n const user = useSelector((state) => state.authentication.user);\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n console.log(value,dataReq,'dataredjsadkhjdshgsfjjxdjhgjhfgjhgjhdfgj');\n const [pagevalue, setpagevalue] = useState(value);\n const [SWPcancelRes, setSWPcancelRes] = useState({});\n const [SIPPauseData, setSIPPauseData] = useState({\n selectePeriod: \"\",\n startDate: null,\n endDate: null,\n });\n const [reason, setReason] = useState({});\n const [otherReason, setOtherReason] = useState(\"\");\n const contextapi = useContext(Context);\n // useRef(()=>{\n // console.log(dataReq,'datareq comemess')\n // },[])\n const date = new Date();\n\nlet day = date.getDate();\nlet month = date.getMonth() + 1;\nlet year = date.getFullYear();\nlet afterSeven = JSON.stringify(new Date(Date.now() + 7 * 24 * 60 * 60 * 1000)).slice(1,11);\n// This arrangement can be altered based on how we want the date's format to appear.\nlet currentDate = `${day}-${month}-${year}`;\n// console.log(day,month,year,currentDate,afterSeven,'after hsdjgjhgejhgfsegehrfghgfh');\n\n const setNotifi = useNotificationActionsContext();\n let json = {\n headerTitle: \"SIP Cancellation Confirmation\",\n titleInfo:\n \"Please check the following details. If the details displayed are correct click the ‘Confirm’ button. On your confirmation an e-maill will be sent to your registered an e-mail address.\",\n transactDetails: {\n \"Folio Number\": \"21313131313\",\n \"Ih Number\": \"111191033\",\n },\n schemeDetails: {\n Scheme: \"JM Financial Mutual Large Cap Fund - Direct Growth\",\n Amount: \"₹500\",\n \"STP Cancellation Date\": \"04/01/2021\",\n \"STP Period Date\": \"04/01/2021\",\n \"STP End Date:\": \"04/01/2021\",\n \"Frequency:\": \"Daily.\",\n },\n dialogdesc:\n \"STP will be cancelled from 09/12/2020. Do you still want to cancel your SIP?\",\n successmessage: {\n headerTitle: \"Your SIP has been successfully Paused\",\n desc1:\n `We acknowledge the receipt of your request for SIP cancellation on ${day}-${month}-${year} and it will be effective from ${`${afterSeven.split(\"-\").reverse().join(\"-\")}`}.`,\n desc2:\n `The reference number for your transaction is ${String(SWPcancelRes[0]?.level1[0].IHNO)} , kindly quote the transaction reference number, in case of any queries regarding this transaction.`,\n // desc3:\n // \"iSTP Cancellation is applicable only for iSTP registered (Internet STP) through JM Financial Fund.\",\n desc4:\n \"Note: To ensure that no further payments are debited towards your iSIP, kindly login to your bank’s internet banking portal and deactivate JM Financial Fund from your registered billers.\",\n desc5:\n \"In case, you have any query, please mail us at investor@jmfl.com or service_jmf@kfintech.com with the above mentioned Online Transaction Number for further assistance.\",\n page: \"SIP\",\n buttonName: \"Go to Dashboard\",\n routelink: \"/dashboard\",\n },\n };\n\n const otpverified = (data) => {\n console.log(pagevalue);\n console.log(data);\n\n if (pagevalue === \"SWPcancel\" && data !== \"error\") {\n cancelSWP();\n } else if (pagevalue === \"SWPcancel\" && data === \"error\") {\n prevStep();\n }\n if (pagevalue === \"STPcancel\" && data !== \"error\") {\n cancelSTP();\n } else if (pagevalue === \"STPcancel\" && data === \"error\") {\n prevStep();\n }\n if (pagevalue === \"cancel\" && data !== \"error\") {\n cancelSIP();\n } else if (pagevalue === \"cancel\" && data === \"error\") {\n prevStep();\n }\n if (pagevalue === \"pauseConfirm\" && data !== \"error\") {\n pauseSIP();\n } else if (pagevalue === \"pauseConfirm\" && data === \"error\") {\n prevStep();\n }\n };\n\n const [step, setstep] = useState(1);\n const cancelSWP = async () => {\n let url = \"/systematicInvestmentPlan/cancelSWPTransactionDetails\";\n let postobjt = {\n fund: configData.amcCode,\n userId: user.Email_ID,\n fsch: dataReq.sch,\n fpln: dataReq.pln,\n acno: String(dataReq.Acno),\n ihno: String(dataReq.Ihno),\n SWPStatus: \"Pending for Registration\",\n ip: \"\",\n portalTrackingID: \"\",\n };\n console.log(postobjt);\n var options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res[0].level1[0].Error_code === \"1\") {\n setSWPcancelRes({});\n history.push(\"FailurTransaction\");\n setNotifi({ val: true, msg: res[0].level2[0].Message });\n } else {\n setSWPcancelRes({ msg: res[0].level2[0].Message });\n nextStep();\n }\n })\n .catch((err) => {\n history.push(\"FailurTransaction\");\n });\n };\n const cancelSTP = async () => {\n let url = \"/systematicInvestmentPlan/cancelSTPTransactionDetails\";\n let postobjt = {\n fund: configData.amcCode,\n userId: user.Email_ID,\n fsch: dataReq.Frmsch,\n fpln: dataReq.Frmpln,\n acno: String(dataReq.Acno),\n ihno: String(dataReq.Ihno),\n tsch: dataReq.Tosch,\n tpln: dataReq.Topln,\n STPStatus: \"Registered\",\n ip: \"\",\n portalTrackingID: \"\",\n };\n console.log(postobjt);\n var options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res[0].Message) {\n setSWPcancelRes(res);\n nextStep();\n } else {\n setSWPcancelRes({});\n history.push(\"FailurTransaction\");\n }\n })\n .catch((err) => {\n history.push(\"FailurTransaction\");\n });\n };\n const cancelSIP = async () => {\n let url = \"/systematicInvestmentPlan/newISIPCancellation\";\n let postobjt = {\n fund: configData.amcCode,\n\n acNo: String(dataReq.Folio),\n ihNo: String(dataReq.Ihno),\n rejcode: reason?.RejCode,\n rejReason: reason?.RejCode === 13 ? `Others-${otherReason}` : reason?.RejReason,\n entBy: user.Email_ID, //configData.defEmail,\n portalTrackingID: \"\",\n };\n console.log(postobjt);\n var options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res[0].level1,res[0].level1[0].IHNO,'check the response WQSGHWHFHF');\n if (res[0].level1[0].IHNO !== null) {\n console.log('inside the responce')\n setSWPcancelRes(res);\n nextStep();\n } else {\n \n setSWPcancelRes({});\n history.push(\"FailurTransaction\");\n }\n })\n .catch((err) => {\n history.push(\"FailurTransaction\");\n });\n };\n const pauseSIP = async () => {\n let url = \"/systematicInvestmentPlan/newISIPPause\";\n let postobjt = {\n fund: configData.amcCode,\n scheme: dataReq[\"Scheme Code\"],\n plan: dataReq[\"Scheme Plan\"],\n option: dataReq[\"Scheme Option\"],\n acNo: String(dataReq.Folio),\n ihNo: String(dataReq.Ihno),\n fromDate: dateCoverted(\n SIPPauseData.startDate,\n \"DD/MM/YYYY\",\n \"YYYY-MM-DD\"\n ),\n toDate: dateCoverted(SIPPauseData.endDate, \"DD/MM/YYYY\", \"YYYY-MM-DD\"),\n branch: \"WB99\",\n entBy: user.Email_ID,\n amount: String(dataReq.Amount.toFixed(2)),\n portalTrackingId: \"\",\n };\n console.log(postobjt);\n var options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res[0].Refno) {\n setSWPcancelRes(res[0]);\n nextStep();\n } else {\n setSWPcancelRes({});\n history.push(\"FailurTransaction\");\n }\n })\n .catch((err) => {\n history.push(\"FailurTransaction\");\n });\n };\n\n const nextStep = () => {\n setstep(step + 1);\n if (step + 1 === 2) {\n }\n };\n const callprev = () => {\n prevStepfn();\n };\n const prevStep = () => {\n setstep(step - 1);\n callprev();\n procddebackstep();\n };\n const procddenextstep = (data) => {\n console.log(\"pauseConfirm\");\n console.log(pagevalue);\n if (pagevalue === \"pause\") {\n setpagevalue(\"pauseConfirm\");\n setSIPPauseData(data);\n } else {\n // setpagevalue(pagevalue);\n }\n\n setGlobalSideNav(false);\n };\n const procddebackstep = () => {\n console.log(json);\n console.log(value);\n if (value === \"pause\") {\n setpagevalue(\"pause\");\n } else {\n callprev();\n }\n\n setGlobalSideNav(true);\n };\n\n const displayPage = () => {\n switch (pagevalue) {\n case \"cancel\":\n json[\"headerTitle\"] = \"SIP Cancellation Confirmation\";\n json[\"successmessage\"][\"headerTitle\"] =\n \"Your SIP has been successfully Cancelled\";\n json[\"dialogdesc\"] =\n \"SIP will be cancelled from \" +\n dateCoverted(new Date(), \"\", \"DD/MM/YYYY\") +\n \". Do you still want to cancel your SIP?\";\n json[\"successmessage\"][\"headerTitle\"] =\n \"Your SIP has been successfully Cancelled\";\n json[\"transactDetails\"] = {\n \"Folio No.\": dataReq.Folio,\n \"IH No.\": dataReq.Ihno,\n \"URN No.\": dataReq.Urnno,\n \"URN Status\": dataReq.URN_Status,\n };\n json[\"schemeDetails\"] = {\n Scheme: dataReq[\"Scheme Name\"],\n Amount: \"₹\" + dataReq.Amount,\n \"SIP Registration Date\":dataReq.Reg_Date,\n \"SIP Start Date\": dataReq.Start_Date,\n \"SIP End Date:\": dataReq.End_Date,\n \"Frequency:\": dataReq.Frequency,\n };\n\n console.log(json);\n return (\n \n Systematic Investment Plan (SIP) - Pause\n
\n \n
\n \n
\n Selected Scheme:
\n \n {dataReq[\"Scheme Name\"]}\n
\n \n
\n \n Select Pause Period(No. of Installments)*\n
\n \n {/* changePeriod(e.target.value)}\n >\n \n {monthFrequency.length === 0 ? (\n \n ) : (\n monthFrequency.map((item, index) => (\n \n ))\n )}\n \n
\n \n
\n \n
\n \n \n
\n \n 
\n ondobchange(date)}\n selected={pauseForm.startDate}\n placeholderText=\"Enter Start Date\"\n dateFormat=\"dd/MM/yyyy\"\n minDate={new Date()}\n /> */}\n
\n \n
\n \n \n
\n \n \n
\n \n \n Back\n \n \n Proceed\n \n
\n \n <>\n
\n );\n};\n\nexport default ConfirmationPage;\n","import React, { useRef, useState } from \"react\";\nimport { RadioGroupButtons, DropDown } from \"../reuse/\";\nimport SIPTable from \"./SIPTable\";\nimport SIPTableBP from \"./SIPTableBP\";\nimport SIPCancelConfirmation from \"../SIPCancelConfirmation\";\nimport ConfirmationPage from \"../../Quickpurchase/components/ConfirmationPage\";\nconst SIP = (props) => {\n const [step, setstep] = useState(1);\n const nextStep = () => {\n setstep(step + 1);\n if (step + 1 === 2) {\n props.isFullSreenfn(false);\n // props.callFullScreen();\n // addfoliotoSide();\n }\n };\n const prevStep = () => {\n setstep(step - 1);\n props.isFullSreenfn(true);\n };\n const [sipConfirmationData, setsipConfirmationData] = useState({});\n const [sipConfirmationval, setsipConfirmationval] = useState(\"\");\n const onresult = (langValue) => {\n console.log(langValue);\n setsipConfirmationData(langValue);\n setsipConfirmationval(\"cancel\");\n nextStep();\n };\n const onsippauseresult = (langValue) => {\n setsipConfirmationData(langValue);\n setsipConfirmationval(\"pause\");\n console.log(langValue);\n nextStep();\n };\n\n const SIPDetails = () => {\n switch (step) {\n case 1:\n return (\n \n
\n \n {renderSwitch()}
\n \n
\n );\n};\n\nexport default SIP;\n","import React, { useState } from \"react\";\nimport Add from \"../svg/Add\";\nimport Pause from \"../svg/Pause\";\nimport Cancel from \"../svg/Cancel\";\nimport { useHistory } from \"react-router-dom\";\nimport cancletable from \"../../../assets/Images/siptables/cancelwhite.svg\";\nimport \"./stp.css\";\nimport { Tooltip } from \"@mui/material\";\n\nconst Actionstp_wp = ({\n passopacityadd,\n passopacitypause,\n passopacitycancle,\n displayname,\n value,\n}) => {\n console.log(passopacityadd);\n console.log(passopacitypause);\n const history = useHistory();\n\n const redirectSIPCancel = () => {\n console.log(\"SIP Cancel\");\n if (passopacityadd.value == \"Cancelled\") {\n } else {\n history.push(\"/sipcancelconfirm\");\n }\n };\n\n const redirectSIPPause = () => {\n console.log(\"SIP Pause\");\n if (passopacityadd.value == \"Paused\") {\n } else {\n history.push(\"/sippause\");\n }\n };\n\n const redirectSIPAdd = () => {\n console.log(\"SIP Add\");\n };\n const [opacity, setopacity] = useState(\"\");\n // if(passopacityadd.value == 'Cancelled'){\n // setopacity(0.5)\n // }else {\n // setopacity(1)\n // }\n\n const cancelstp = () => {\n passopacitycancle(\"cancel\");\n };\n\n const transactpage = (path) => {\n console.log(path);\n if (path === \"STP\") {\n history.push(\"/stp\");\n } else if (path === \"SWP\") {\n history.push(\"/swp\");\n }\n };\n return (\n {SIPDetails()}
\n \n {/* \n \n \n {value !== \"Cancelled\" ? (\n \n \n \n \n transactpage(displayname)} />\n \n \n {/* */}\n {/* */}\n
\n );\n};\n\nexport default Actionstp_wp;\n","export default __webpack_public_path__ + \"static/media/cancelwhite.f9beaf7e.svg\";","import React, { useState, useEffect, useMemo } from \"react\";\nimport \"../../../sytles/commonTable.scss\";\n\nimport activeimg from \"../../../assets/Images/siptables/successtable.svg\";\nimport cancletable from \"../../../assets/Images/siptables/cancletable.svg\";\nimport pausetable from \"../../../assets/Images/siptables/pausetable.svg\";\n\nimport Pagination from \"../../../components/pagination/pagination\";\nimport { dateCoverted, toIndianCurrency } from \"../../../helperFunctions/helperFunctions\";\nlet PageSize = 3;\nconst TableviewStp = ({ data, isdatachage, clearChange }) => {\n useEffect(() => {\n console.log(currentPage);\n console.log(isdatachage);\n });\n const [currentPage, setCurrentPage] = useState(1);\n const currentTableData = useMemo(() => {\n if (isdatachage === true) {\n setCurrentPage(1);\n }\n\n var cstep = data.length > PageSize ? currentPage : 1;\n const firstPageIndex = (cstep - 1) * PageSize;\n const lastPageIndex = firstPageIndex + PageSize;\n return data.slice(firstPageIndex, lastPageIndex);\n }, [currentPage, data]);\n const nextPage = (page) => {\n clearChange();\n setCurrentPage(page);\n };\n return (\n <>\n \n \n \n
\n
\n \n );\n};\nexport default TableviewStp;\n","import React, { useState, useEffect, useMemo, useContext } from \"react\";\nimport \"../SIP/SIPTable.scss\";\nimport Radio from \"@mui/material/Radio\";\nimport RadioGroup from \"@mui/material/RadioGroup\";\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\nimport FormControl from \"@mui/material/FormControl\";\nimport configData from \"../../../config/config.json\";\nimport Actionstp_wp from \"../STP/Actionstpwp\";\nimport TableviewStp from \"./TableviewStp\";\nimport { Context } from \"../../../services/apiContext\";\n\nconst STPTable = ({\n folioList,\n childFunc,\n nextStep,\n openstpcancel,\n opensippause,\n selectedFolio,\n setselectedFolio\n}) => {\n const oncancelstp = (langValue) => {\n console.log(langValue);\n openstpcancel(langValue);\n };\n const contextapi = useContext(Context);\n const onpausesip = (langValue) => {\n console.log(langValue);\n opensippause(langValue);\n };\n\n const [isdatachanged, setisdatachanged] = useState(false);\n\n const [tabledata, settabledata] = useState([]);\n const [tabledatamaster, settabledataMaster] = useState([]);\n const [folioNumber, setfolioNumber] = useState(\"\");\n\n const [tableradio, settableradio] = useState(\"All\");\n const handleChange = (event) => {\n settableradio(event.target.value);\n checktheFilter(folioNumber, event.target.value);\n };\n const changeFolio = async (e) => {\n console.log(e)\n setselectedFolio(e);\n setfolioNumber(e);\n checktheFilter(e, tableradio);\n };\n\n const checktheFilter = (folioparm, radiob) => {\n getSTPData(radiob, folioparm);\n };\n const clearChange = () => {\n setisdatachanged(false);\n };\n\n useEffect(() => {\n // setselectedFolio(folioList[0].Folio)\n // setfolioNumber(folioList[0].Folio);\n\n // getSTPData(\"All\", folioList[0].Folio);\n if(selectedFolio == \"\"){\n setselectedFolio(folioList[0].Folio)\n setfolioNumber(folioList[0].Folio);\n getSTPData(\"All\", folioList[0].Folio);\n }else {\n setselectedFolio(selectedFolio)\n setfolioNumber(selectedFolio);\n getSTPData(\"All\", selectedFolio);\n }\n \n }, []);\n const getSTPData = async (status, folio) => {\n const url = \"/systematicInvestmentPlan/getFoliowiseSTPDetails\";\n const postObj = {\n fund: configData.amcCode,\n acno: String(folio),\n status: status,\n };\n console.log(postObj);\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postObj, options)\n .then((res) => {\n if (!res.message) {\n console.log(res);\n var locres = res;\n locres.forEach((item) => {\n console.log(item);\n item.action = (\n | Scheme Name | \nStatus | \nAmount | \nFrequency | \nStart Date | \nEnd Date | \nAction | \n|
|---|---|---|---|---|---|---|---|
| \n {e.FromSchDesc}\n | \n\n {e.STPSWPStatus === \"Active\" ? (\n <>\n | \n {e.STPSWPStatus !== \"Cancelled\"?toIndianCurrency(e.Amount):'-'} | \n{e.STPSWPStatus !== \"Cancelled\"?e.Frequency:'-'} | \n{e.STPSWPStatus !== \"Cancelled\"?e.Startdate?dateCoverted(e.Startdate,'','MMM DD,yyyy'):'-':'-'} | \n{e.STPSWPStatus !== \"Cancelled\"?e.Endingdate?dateCoverted(e.Endingdate,'','MMM DD,yyyy'):'-':'-'} | \n {/*{e.enddate} | */}\n{e.action} | \n
\n nextPage(page)}\n />\n
\n \n \n \n \n
\n\n {tabledata && (\n \n changeFolio(e.target.value)}\n value={folioNumber}\n // onChange={getFolioNumber}\n >\n {/* */}\n {folioList.length === 0 ? (\n \n ) : (\n folioList.map((item, index) => (\n \n ))\n )}\n {/* */}\n \n
\n \n
\n );\n};\n\nexport default STP;\n","import React, { useState, useEffect, useMemo } from \"react\";\nimport \"../../../sytles/commonTable.scss\";\n\nimport activeimg from \"../../../assets/Images/siptables/successtable.svg\";\nimport cancletable from \"../../../assets/Images/siptables/cancletable.svg\";\nimport pausetable from \"../../../assets/Images/siptables/pausetable.svg\";\n\nimport Pagination from \"../../../components/pagination/pagination\";\nimport {\n dateCoverted,\n toIndianCurrency,\n} from \"../../../helperFunctions/helperFunctions\";\nlet PageSize = 3;\nconst TableviewSwp = ({ data, isdatachage, clearChange }) => {\n useEffect(() => {\n console.log(currentPage);\n console.log(isdatachage);\n });\n const [currentPage, setCurrentPage] = useState(1);\n const currentTableData = useMemo(() => {\n if (isdatachage === true) {\n setCurrentPage(1);\n }\n\n var cstep = data.length > PageSize ? currentPage : 1;\n const firstPageIndex = (cstep - 1) * PageSize;\n const lastPageIndex = firstPageIndex + PageSize;\n return data.slice(firstPageIndex, lastPageIndex);\n }, [currentPage, data]);\n const nextPage = (page) => {\n clearChange();\n setCurrentPage(page);\n };\n return (\n <>\n {SWPDetails()}
\n \n \n \n
\n
\n \n );\n};\nexport default TableviewSwp;\n","import React, { useState, useEffect, useMemo, useContext } from \"react\";\nimport \"../SIP/SIPTable.scss\";\nimport Radio from \"@mui/material/Radio\";\nimport RadioGroup from \"@mui/material/RadioGroup\";\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\nimport FormControl from \"@mui/material/FormControl\";\nimport configData from \"../../../config/config.json\";\nimport { Context } from \"../../../services/apiContext\";\nimport Pagination from \"../../../components/pagination/pagination\";\nimport Actionstp_wp from \"../STP/Actionstpwp\";\nimport TableviewSwp from \"./TableviewSwp.js\";\n\nlet PageSize = 3;\n\nconst SWPTableBP = ({\n folioList,\n childFunc,\n nextStep,\n openswpcancel,\n opensippause,\n selectedFolio,\n setselectedFolio\n}) => {\n const oncancelsip = (langValue) => {\n console.log(langValue);\n openswpcancel(langValue);\n };\n const onpausesip = (langValue) => {\n console.log(langValue);\n opensippause(langValue);\n };\n const contextapi = useContext(Context);\n\n const [isdatachanged, setisdatachanged] = useState(false);\n\n const [currentPage, setCurrentPage] = useState(1);\n\n const [tabledata, settabledata] = useState([]);\n const [tabledatamaster, settabledataMaster] = useState([]);\n const [folioNumber, setfolioNumber] = useState(\"\");\n\n const [tableradio, settableradio] = useState(\"All\");\n const handleChange = (event) => {\n settableradio(event.target.value);\n checktheFilter(folioNumber, event.target.value);\n };\n const changeFolio = async (e) => {\n console.log(e)\n setselectedFolio(e)\n setfolioNumber(e);\n checktheFilter(e, tableradio);\n };\n\n const checktheFilter = (folioparm, radiob) => {\n getSTPData(radiob, folioparm);\n };\n const clearChange = () => {\n setisdatachanged(false);\n };\n\n useEffect(() => {\n console.log(folioList);\n if(selectedFolio == \"\"){\n setselectedFolio(folioList[0].Folio)\n setfolioNumber(folioList[0].Folio);\n getSTPData(\"All\", folioList[0].Folio);\n }else {\n setselectedFolio(selectedFolio)\n setfolioNumber(selectedFolio);\n getSTPData(\"All\", selectedFolio);\n }\n // setselectedFolio(folioList[0].Folio)\n // setfolioNumber(folioList[0].Folio);\n // getSTPData(\"All\", folioList[0].Folio);\n }, []);\n useEffect(() => {\n childFunc.current = (data, activity) => {\n if (activity === 0) {\n serachDataFilter(data);\n }\n };\n }, [tabledatamaster]);\n const getSTPData = async (status, folio) => {\n // settabledata([]);\n // settabledataMaster([]);\n const url = \"/systematicInvestmentPlan/getFolioWiseSWPDetails\";\n const postObj = {\n fund: configData.amcCode,\n acno: String(folio),\n status: status,\n };\n console.log(postObj);\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postObj, options)\n .then((res) => {\n if (!res.message) {\n console.log(res);\n var locres = [];\n res.forEach((item) => {\n console.log(item);\n item.action = (\n | Scheme Name | \nStatus | \nAmount | \nFrequency | \nStart Date | \nEnd Date | \nAction | \n
|---|---|---|---|---|---|---|
| \n {e.STPSWPStatus === \"Active\" ? (\n <>\n | \n \n {e.STPSWPStatus !== \"Cancelled\"\n ? toIndianCurrency(e.Amount)\n : \"-\"}\n | \n\n {e.STPSWPStatus !== \"Cancelled\" ? e.Frequency : \"-\"}\n | \n{e.STPSWPStatus !== \"Cancelled\"?e.Startdate?dateCoverted(e.Startdate,'','MMM DD,yyyy'):'-':'-'} | \n\n {e.STPSWPStatus !== \"Cancelled\"\n ? e.Endingdate\n ? dateCoverted(e.Endingdate, \"\", \"MMM DD,yyyy\")\n : \"-\"\n : \"-\"}\n | \n {/*{e.enddate} | */}\n{e.action} | \n
| No Records Found | \n
\n nextPage(page)}\n />\n
\n \n \n \n \n
\n\n {tabledata && tabledatamaster && (\n \n changeFolio(e.target.value)}\n value={folioNumber}\n // onChange={getFolioNumber}\n >\n {/* */}\n {folioList.length === 0 ? (\n \n ) : (\n \n \n folioList.map((item, index) => (\n \n ))\n )}\n {/* */}\n \n
\n \n
\n );\n};\n\nexport default SWP;\n","export default __webpack_public_path__ + \"static/media/search.1cc7cb84.svg\";","import React, { useState, useRef, useEffect, useContext } from \"react\";\nimport \"./SystematicInvestements.scss\";\nimport SIP from \"./SIP\";\nimport STP from \"./STP\";\nimport SWP from \"./SWP\";\nimport searchimg from \"../../assets/Images/search.svg\";\n\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useSelector } from \"react-redux\";\n\nconst SystematicInvestements = (props) => {\n const user = useSelector((state) => state.authentication.user);\n const [investements, setInvestements] = useState(0);\n const [activity, setActivity] = useState(0);\n const [isFullSreen, setIsFullSreen] = useState(true);\n const [PANAssociatedFolios, setPANAssociatedFolios] = useState([]);\n const childFunc = useRef(null);\n const contextapi = useContext(Context);\n\n useEffect(() => {\n console.log(props);\n getUserFolios();\n // getSIPTableData();\n }, []);\n // const {\n // getTableProps,\n // getTableBodyProps,\n // headerGroups,\n // prepareRow,\n // page,\n // canNextPage,\n // nextPage,\n // state,\n // setGlobalFilter,\n // preGlobalFilteredRows,\n // state: { pageIndex },\n // } = useTable(\n // {\n // initialState: { pageIndex: 2 },\n // },\n // useFilters,\n // useGlobalFilter,\n // usePagination\n // );\n\n const activities = [\"SWP\", \"STP\", \"SIP\"];\n\n const activityHandler = (index) => {\n if (index === 0) {\n setActivity(0);\n }\n if (index === 1) {\n setActivity(1);\n }\n if (index === 2) {\n setActivity(2);\n }\n };\n const isFullSreenfn = (data) => {\n setIsFullSreen(data);\n };\n\n const handleInput = (e) => {\n console.log(e.target.value);\n\n childFunc.current(e.target.value, activity);\n };\n\n //APIS\n const getSIPTableData = async () => {\n var url =\n \"http://DEV_BASE_URL/kfintransactions/api/v1/systematicInvestmentPlan/getSystematicInvestmentDetails\";\n var postobjt = {\n fund: \"105\",\n acNo: \"6011004413\",\n status: \"Active\",\n type: \"STP\",\n };\n\n await contextapi\n .postApiEncr2pCalling(url, postobjt)\n .then((res) => {\n console.log(res);\n if (res.statusCode) {\n // setSchemeCategory([]);\n } else {\n // setSchemeCategory(res);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const getUserFolios = async () => {\n const url = \"/quickAdditionalPurchase/getPANAssociatedFolios\";\n const postObj = {\n fund: configData.amcCode,\n pan: user.Pan?.toUpperCase(),\n email: user.Email_ID,\n bankAccNo: null,\n };\n await contextapi\n .postApiEncrpCalling(url, postObj)\n .then((res) => {\n console.log(res);\n setPANAssociatedFolios(res[0].folios);\n setActivity(0);\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const [selectedFolio, setselectedFolio] = useState(\"\");\n return (\n {SWPDetails()}
\n \n {isFullSreen && (\n
\n );\n};\n\nexport default SystematicInvestements;\n","\nimport TransactionActionIcon from \"../svg/TransactionActionIcon\";\nimport ActiveImg from \"../../../assets/Images/siptables/successtable.svg\";\nimport CancelImg from \"../../../assets/Images/siptables/cancletable.svg\"\n\n\nexport const FolioDropDownScheme = [\n 23456123454,\n 23456123454,\n 23456123454,\n];\n\nexport const DateRangeDropDown = [\n {label:\"Last 7 days\" ,value:'7'},\n {label:\"30 days\" ,value:'30'},\n {label:\"60 days\" ,value:'60'},\n \n]\n\nexport const MyTransactionSchema = [\n {\n folio: 123456,\n id: 1,\n schemename: \"JM Financial Equity Savings Fund - Growth - Reinvestment\",\n date: '28-12-2021',\n sip:\"SIP\",\n status:\"Processed\",\n StatusIcon:Systematic Plans
\n )}\n {isFullSreen && (\n <>\n \n {activities.map((activitie, index) => (\n activityHandler(index)}\n key={index}\n type='button'\n className={\n index === activity\n ? \"activeState customdesignOnlySys w-15\"\n : \"customdesignOnlySys w-15\"\n }\n >\n
\n {activitie}
\n \n ))}\n {/* */}\n\n
\n \n 
\n handleInput(e)}\n />\n \n
\n \n
\n \n )}\n {PANAssociatedFolios.length > 0 && (\n <>\n {activity === 0 ? (\n \n \n handleInput(e)}\n />\n \n
\n \n \n Transaction History\n \n
\n );\n};\n\nexport default MyTransactions;\n","import React from \"react\";\n\nconst TransactLogo = () => {\n return (\n \n {/*
\n \n \n \n {FolioDropDownScheme.map((folio) => {\n return (\n <>\n \n \n );\n })}\n \n \n
\n \n
*/}\n\n \n
\n \n
\n \n 
\n
\n \n \n \n {DateRangeDropDown.map((range) => {\n return ;\n })}\n \n
\n \n
\n \n changeFolio(e.target.value)}\n >\n {userFolios &&\n userFolios.map((item) => {\n // console.log(folio)\n return (\n <>\n \n \n );\n })}\n {/* */}\n \n
\n \n\n \n {/* changeselectedStatus(e.target.value)}\n >\n {checkBoxOptions.map((range) => {\n return ;\n })}\n \n
\n \n
*/}\n\n \n \n
\n \n changeselectedDate(e.target.value)}\n >\n {/* */}\n {DateRangeDropDown.map((range) => {\n return ;\n })}\n \n
\n \n \n \n
\n
\n | Scheme Name | \nTransaction Date | \nTransact Type | \nStatus | \nAmount/Units | \nAction | \n|
|---|---|---|---|---|---|---|
| \n {data.SchDesc}\n | \n{data.TrDt} | \n\n \n {data.TrType === \"Systematic Investment Plan\" ? \"SIP\" : data.TrType}\n \n | \n\n \n \n {data.StatusIcon} \n {data.TrStatus}\n | \n {(data.Amt != 0 || data.Amt != \"0\") ? toIndianCurrency(data.Amt) : (data.units + \" Units\")} | \n {/*{data.Amt} | */}\n\n {/* {toIndianCurrency(e.Amount)} */}\n\n {/* \n \n {data.Action}\n \n */}\n {data.TransactOptions.map((transact) => {\n return (\n <>\n {/* \n {data.ActionIcon}\n \n \n | \n
\n \n \n \n \n
\n );\n};\n\nexport default TransactLogo;\n","import React from \"react\";\n\nconst SystematicPlanIcon = () => {\n return (\n \n \n \n \n \n
\n );\n};\n\nexport default SystematicPlanIcon;\n","import React from \"react\";\n\nconst MyTransactionLogo = () => {\n return (\n \n \n \n \n \n
\n );\n};\n\nexport default MyTransactionLogo;\n","import React from \"react\";\n\nconst StatementsIcon = () => {\n return (\n \n \n \n \n \n
\n );\n};\n\nexport default StatementsIcon;\n","import * as React from \"react\";\n\nfunction PortfolioIcon(props) {\n return (\n \n );\n}\n\nexport default PortfolioIcon;\n","let oneday = 86400000;\nlet today = new Date();\nlet min18yersletnew = new Date(today.getTime() - oneday * 365 * 18);\nmin18yersletnew.setDate(today.getDate());\nexport const min18yerslet = min18yersletnew;\n","export default __webpack_public_path__ + \"static/media/dummydropdowndatepickeimg.5b6cab1c.svg\";","export default __webpack_public_path__ + \"static/media/unlock.773123e2.png\";","import React, { useEffect, useState, useContext } from \"react\";\nimport \"./CapitalGainsStatements.scss\";\nimport {\n Checkbox,\n FormControl,\n FormControlLabel,\n Radio,\n RadioGroup,\n FormGroup,\n} from \"@mui/material\";\nimport inputPath from \"../../../assets/Images/inputPath.png\";\nimport calander from \"../../../assets/Images/calendar.png\";\n// import DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { min18yerslet } from \"./DateOfBirthValidation\";\nimport { Button } from \"react-bootstrap\";\nimport dropimg from \"../../../assets/Images/dummydropdowndatepickeimg.svg\";\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport dateofbirth from \"../../../assets/Images/calendar-inactive.svg\";\nimport moment from \"moment\";\nimport { useSelector } from \"react-redux\";\nimport { useGlobalSpinnerActionsContext } from \"../../../components/loader/useloader\";\nimport CryptoJS from \"crypto-js\";\n\n// !Date Picker Imports\nimport InputBase from \"@mui/material/InputBase\";\nimport AdapterDateFns from \"@mui/lab/AdapterDateFns\";\nimport LocalizationProvider from \"@mui/lab/LocalizationProvider\";\nimport DatePicker from \"@mui/lab/DatePicker\";\nimport passwordKey from \"../../../assets/Images/unlock.png\";\nconst CapitalGainsStatements = (props) => {\n const user = useSelector((state) => state.authentication.user);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const decryption = (body) => {\n const Bytes = CryptoJS.AES.decrypt(body, \"COREAPIV012021NDRS\");\n return JSON.parse(Bytes.toString(CryptoJS.enc.Utf8));\n };\n const contextapi = useContext(Context);\n // const [panNumber, setPanNumber] = useState(\"\");\n const [investmentTypeValue, setInvestmentTypeValue] =\n useState(\"Current Year\");\n const [min18yers, setmin18yers] = useState(min18yerslet);\n const [startDate, setStartDate] = useState(null);\n const [startDate2, setStartDate2] = useState(null);\n //const [checked, setChecked] = useState(false);\n\n //FolioState To get total folios from an api\n const [panAssoiciatedFolios, setPANAssociatedFolios] = useState([]);\n\n //To get folioNum from Onchange Event\n // const [folioNumber, setFolioNumber] = useState(\"\");\n const [selectedFolioNum, setFolioNumber] = useState(\"\");\n\n // TotalSchemes based on folioNumbers\n const [filterScheme, setFilterScheme] = useState(null);\n\n //StartDate\n const [startDate1, setStartDate1] = useState(\"\");\n const [previousStartDate, setPreviousStartDate] = useState(\"\");\n //End Date\n const [EndDate, setEndDate] = useState(\"\");\n const [previousEndDate, setPreviousEndDate] = useState(\"\");\n\n const [checked, setChecked] = React.useState([]);\n\n useEffect(() => {\n getPANAssociatedFolios();\n let froDate; let toDate; \n let today = new Date();\n let monthReadto = (today.getMonth() + 1).toString();\n let getMonth =\n monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n let mdateReadTo = today.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n if (today.getMonth() + 1 <= 3) {\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + (today.getFullYear() - 1);\n toDate = apisdatedataDateTO + \"/\" + getMonth + \"/\" + today.getFullYear()\n \n } else {\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + (today.getFullYear());\n toDate = apisdatedataDateTO + \"/\" + getMonth + \"/\" + today.getFullYear()\n }\n setfromDatebasedonFY(froDate)\n settoDatebasedonFy(toDate);\n }, []);\n\n useEffect(() => {\n // if(folioNumber.toString().length > 0){\n // folioWiseSchemeDetails();\n // }\n }, []);\n\n const handleChange1 = (event) => {\n setChecked([event.target.checked, event.target.checked]);\n };\n\n const handleChange2 = (event) => {\n setChecked([event.target.checked, checked[1]]);\n };\n const passwordGuidelines = [\n {\n image: \">>\",\n passwordType: \"Password should be minimum 8 characters\",\n },\n {\n image: \">>\",\n passwordType:\n \"Password should contain atleast one lower case character(a-z)\",\n },\n {\n image: \">>\",\n passwordType:\n \"Password should contain atleast one upper case character(A-Z)\",\n },\n {\n image: \">>\",\n passwordType:\n \"Password should contain atleast one special case character\",\n },\n ];\n const handleChange3 = (event) => {\n setChecked([checked[0], event.target.checked]);\n };\n\n const getPANAssociatedFolios = async () => {\n var url = \"/quickAdditionalPurchase/getPANAssociatedFolios\";\n var postobjt = {\n fund: configData.amcCode,\n pan: user.Pan?.toUpperCase(),\n email: user.Email_ID,\n bankAccNo: null,\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n if (res) {\n // console.log(res)\n setPANAssociatedFolios(res[0].folios);\n // setFolioNumber(res[0].folios[0].Folio)\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const getLibyFolio = async (e) => {\n var url = \"/accountStatement/getSchemes\";\n var postobjt = {\n fundNumber: configData.amcCode,\n folioNumber: e,\n };\n console.log(postobjt);\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n if (res) {\n console.log(res);\n let initialList = res;\n let checkLocal = [];\n console.log(initialList);\n for (let i = 0; i < initialList.length; i++) {\n if (initialList[i].SchDesc != null) {\n checkLocal.push({\n initial: false,\n name: initialList[i].SchDesc,\n plan: initialList[i].Pln,\n scheme: initialList[i].Scheme,\n });\n }\n }\n\n console.log(checkLocal);\n setChecked(checkLocal);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const schemes = [\n {\n id: 2,\n scheme: \"JM Financial Savings Fund - Growth - Dividend Reinvestement\",\n },\n {\n id: 3,\n scheme: \"JM Financial Mutual Hybrid Equity Fund Direct - Growth\",\n },\n {\n id: 4,\n scheme: \"JM Financial Mutual Large Cap Fund Direct - Growth\",\n },\n ];\n\n const getFolioNumber = (e) => {\n setFolioNumber(e);\n getLibyFolio(e);\n };\n\n const setFolioDetails1 = async () => {\n setChecked(!checked);\n };\n\n const ondobchange = (date) => {\n setStartDate(date);\n };\n\n const ondobchange2 = (date) => {\n setStartDate2(date);\n };\n\n const [fromDatebasedonFY, setfromDatebasedonFY] = useState(\"\");\n const [toDatebasedonFy, settoDatebasedonFy] = useState(\"\");\n\n const investmentType = (e) => {\n setInvestmentTypeValue(e.target.value);\n \n\n let froDate;\n let toDate;\n if (e.target.value == \"Current Year\") {\n let today = new Date();\n let monthReadto = (today.getMonth() + 1).toString();\n let getMonth =\n monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n let mdateReadTo = today.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n if (today.getMonth() + 1 <= 3) {\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + (today.getFullYear() - 1).toString();\n toDate = apisdatedataDateTO + \"/\" + getMonth + \"/\" + today.getFullYear().toString();\n \n } else {\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + (today.getFullYear()).toString();\n toDate = apisdatedataDateTO + \"/\" + getMonth + \"/\" + today.getFullYear().toString();\n }\n setfromDatebasedonFY(froDate)\n settoDatebasedonFy(toDate);\n console.log(froDate)\n console.log(toDate)\n\n } else if (e.target.value == \"Previous Year\") {\n const today = new Date();\n let monthReadto = (today.getMonth() + 1).toString();\n let getMonth =\n monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n let mdateReadTo = today.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n\n if (today.getMonth() + 1 <= 3) {\n froDate = \"01\" + \"/\" + \"04\" + \"/\" +( today.getFullYear() - 2).toString();\n toDate = \"31\" + \"/\" + \"03\" + \"/\" + (today.getFullYear() - 1).toString();\n } else {\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + (today.getFullYear() - 1).toString();\n toDate = \"31\" + \"/\" + \"03\" + \"/\" + (today.getFullYear()).toString();\n\n }\n setfromDatebasedonFY(froDate)\n settoDatebasedonFy(toDate)\n };\n getPreviousDateValues();\n\n };\n\n function getYear(year, month) {\n return new Date(year, month, 1);\n }\n\n // const panNumbers = [\"Folio - AXT67890\", \"Folio - YHU89065\"];\n useEffect(() => {\n if (investmentTypeValue == \"Current Year\") {\n // let day = new Date(new Date().setMonth(new Date().getMonth() - 11))\n let currentStartDate = new Date();\n let currentYearStart = currentStartDate.getFullYear() - 1;\n let currentEndDate = new Date();\n let currentYearEnd = currentEndDate.getFullYear();\n let currentDateStart = getYear(currentYearStart, 3);\n let currentDateEnd = getYear(currentYearEnd, 3);\n setStartDate1(currentDateStart);\n setEndDate(currentDateEnd);\n } else if (investmentTypeValue == \"Previous Year\") {\n getPreviousDateValues();\n // setStartDate1(previousDateStart);\n // console.log(previousDateEnd)\n }\n }, []);\n\n const getPreviousDateValues = () => {\n let previousStartDate = new Date();\n let previousYearStart = previousStartDate.getFullYear() - 2;\n let previousEndDate = new Date();\n let previousYearEnd = previousEndDate.getFullYear() - 1;\n let previousDateStart = getYear(previousYearStart, 3);\n let previousDateEnd = getYear(previousYearEnd, 3);\n setPreviousStartDate(previousDateStart);\n setPreviousEndDate(previousDateEnd);\n };\n // console.log(startDate1);\n console.log(investmentTypeValue);\n\n const handleChangeCheck = (value, index) => {\n console.log(checked);\n let items;\n let item;\n if (checked.length > 0) {\n let newitem = [];\n if (index == \"all\") {\n for (let i = 0; i < checked.length; i++) {\n newitem.push({\n initial: !allchecked,\n name: checked[i].name,\n plan: checked[i].plan,\n scheme: checked[i].scheme,\n });\n }\n setallchecked(!allchecked);\n } else {\n items = [...checked];\n item = { ...items[index] };\n item = {\n initial: value.target.checked,\n name: checked[index].name,\n plan: checked[index].plan,\n scheme: checked[index].scheme,\n };\n items[index] = item;\n // getcheckedStatus();\n let testchecks = items.find((el) => el.initial == false);\n\n if (testchecks == undefined) {\n setallchecked(true);\n } else {\n setallchecked(false);\n }\n }\n if (newitem.length > 0) {\n items = newitem;\n }\n console.log(items);\n setChecked(items);\n }\n };\n\n const [allchecked, setallchecked] = useState(\"\");\n const childern = () => {\n console.log(checked);\n\n return (\n checked &&\n checked.map((entry, index) => (\n \n handleChangeCheck(e, index)}\n />\n }\n />\n
\n ))\n );\n };\n const [commonError, setcommonError] = useState(\"\");\n\n const generateCapitalgainStatement_new = () => {\n \n \n if (selectedFolioNum == \"\") {\n setcommonError(\"Please select Folio no\");\n } else if ( (investmentTypeValue == \"Other\") && ((startDate == \"\" || startDate2 == \"\") || (startDate == null || startDate2 == null))\n ) {\n if (startDate == \"\" || startDate == null) {\n setcommonError(\"Please select Start Date\");\n } else if (startDate2 == \"\" || startDate2 == null) {\n setcommonError(\"Please select To Date\");\n }\n } else if(password == \"\"){\n setpassworderror(\"Password cannot be empty\");\n setcommonError(\"Password cannot be empty\");\n } else if(passworderror != \"\"){\n setpassworderror(\"Invalid password\");\n setcommonError(\"Invalid password\");\n }else if (password !== password2) {\n setpassworderror2(\"Password not matching\");\n setcommonError(\"Password not matching\");\n } else {\n setpassworderror2(\"\");\n setpassworderror(\"\");\n setcommonError(\"\");\n setGlobalSpinner(true);\n let froDate, toDate;\n if (investmentTypeValue == \"Specific Date Range\" || investmentTypeValue == \"Other\") {\n froDate = new Date(startDate);\n\n let dateformat = new Date(startDate);\n let monthRead = (dateformat.getMonth() + 1).toString();\n let apisdataMonth =\n monthRead.length == 1 ? \"0\" + monthRead : monthRead;\n let mdateRead = dateformat.getDate().toString();\n let apisdatedataDate =\n mdateRead.length == 1 ? \"0\" + mdateRead : mdateRead;\n // froDate =\n // dateformat.getFullYear() +\n // \"-\" +\n // apisdataMonth +\n // \"-\" +\n // apisdatedataDate;\n froDate =apisdatedataDate +\"/\"+apisdataMonth+\"/\"+dateformat.getFullYear()\n\n let dateformatto = new Date(startDate2);\n let monthReadto = (dateformatto.getMonth() + 1).toString();\n let apisdataToMonth =\n monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n let mdateReadTo = dateformatto.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n // toDate =\n // dateformatto.getFullYear() +\n // \"-\" +\n // apisdataToMonth +\n // \"-\" +\n // apisdatedataDateTO;\n toDate =apisdatedataDateTO +\"/\"+apisdataToMonth+\"/\"+dateformatto.getFullYear()\n } else if (investmentTypeValue == \"Current Year\") {\n let today = new Date();\n let monthReadto = (today.getMonth() + 1).toString();\n let getMonth =\n monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n let mdateReadTo = today.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n if (today.getMonth() + 1 <= 3) {\n // froDate = today.getFullYear() - 1 + \"-\" + \"04\" + \"-\" + \"01\";\n froDate = \"01\"+\"/\"+ \"04\" +\"/\"+(today.getFullYear() - 1);\n toDate =apisdatedataDateTO +\"/\"+getMonth+\"/\"+ today.getFullYear()\n\n // toDate =\n // today.getFullYear() +\n // \"-\" +\n // getMonth +\n // \"-\" +\n // apisdatedataDateTO;\n } else {\n froDate = \"01\"+\"/\"+ \"04\" +\"/\"+(today.getFullYear());\n toDate =apisdatedataDateTO +\"/\"+getMonth+\"/\"+ today.getFullYear()\n\n // froDate = today.getFullYear() + \"-\" + \"04\" + \"-\" + \"01\";\n // toDate =\n // today.getFullYear() +\n // \"-\" +\n // getMonth +\n // \"-\" +\n // apisdatedataDateTO;\n }\n } else if (investmentTypeValue == \"Previous Year\") {\n let today = new Date();\n let monthReadto = (today.getMonth() + 1).toString();\n let getMonth =\n monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n let mdateReadTo = today.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n\n if (today.getMonth() + 1 <= 3) {\n // froDate = today.getFullYear() - 2 + \"-\" + \"04\" + \"-\" + \"01\";\n // toDate = today.getFullYear() - 1 + \"-\" + \"03\" + \"-\" + \"31\";\n froDate = \"01\"+\"/\"+\"04\"+\"/\"+ today.getFullYear() - 2;\n toDate = \"31\"+\"/\"+\"03\"+\"/\"+ today.getFullYear() - 1;\n } else {\n // froDate = today.getFullYear() - 1 + \"-\" + \"04\" + \"-\" + \"01\";\n // toDate = today.getFullYear() + \"-\" + \"03\" + \"-\" + \"31\";\n froDate = \"01\"+\"/\"+\"04\"+\"/\"+ (today.getFullYear() - 1);\n toDate = \"31\"+\"/\"+\"03\"+\"/\"+ today.getFullYear() ;\n }\n }\n \n console.log( {\n \"acno\":selectedFolioNum,\n \"pswd\": password2,\n \"fdt\": froDate, //\"14/04/2022\",\n \"tdt\": toDate, //\"16/04/2022\"\n });\n \n const url = \"/capitalGainStatement/capitalGainStatementGeneration\";\n const postObj = \n {\n \"fund\": configData.amcCode,\n \"folio\": selectedFolioNum,\n \"fromDate\": froDate||fromDatebasedonFY,\n \"toDate\": toDate||toDatebasedonFy,\n \"pswd\": password2\n \n };\n contextapi\n .postApiEncrpCalling(url, postObj)\n .then((res) => {\n console.log(res);\n if (res.Table[0].Error_code==\"0\" && res.Table[1].Error_message===\"Data Inserted Successfully\") {\n setgenerateStatement(false);\n setonsuccessSave(\"Request has been submitted successfully\");\n }\n else if(res.Table[0].Error_code===\"0\" && res.Table[1].Error_code!==\"0\"){\n setcommonError(res.Table[1].Message); \n }\n else{\n setcommonError(res.Table[0].Message);\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n });\n }\n \n };\n \n\n // const generateCapitalgainStatement = () => {\n // if (checked.length > 0) {\n // let testchecks = checked.find((el) => el.initial == true);\n // if (selectedFolioNum == \"\") {\n // setcommonError(\"Please select Folio no\");\n // } else if (\n // investmentTypeValue == \"Other\" &&\n // (startDate == \"\" || startDate2 == \"\")\n // ) {\n // if (startDate == \"\") {\n // setcommonError(\"Please select Start Date\");\n // } else if (startDate2 == \"\") {\n // setcommonError(\"Please select To Date\");\n // }\n // } else if (testchecks == undefined) {\n // setcommonError(\"Please select scheme\");\n // } else {\n // setcommonError(\"\");\n // setGlobalSpinner(true);\n // let postJson = [];\n // let froDate, toDate;\n // const urlf = \"/accountStatement/acstRefnoGeneration\";\n // const postObjf = {};\n // contextapi\n // .getApiCalling(urlf)\n // .then((res) => {\n // console.log(res);\n // if (res) {\n // setGlobalSpinner(false);\n // let decrypttext = decryption(res.data);\n // if (investmentTypeValue == \"Specific Date Range\") {\n // froDate = new Date(startDate);\n\n // let dateformat = new Date(startDate);\n // let monthRead = (dateformat.getMonth() + 1).toString();\n // let apisdataMonth =\n // monthRead.length == 1 ? \"0\" + monthRead : monthRead;\n // let mdateRead = dateformat.getDate().toString();\n // let apisdatedataDate =\n // mdateRead.length == 1 ? \"0\" + mdateRead : mdateRead;\n // froDate =\n // dateformat.getFullYear() +\n // \"-\" +\n // apisdataMonth +\n // \"-\" +\n // apisdatedataDate;\n\n // let dateformatto = new Date(startDate2);\n // let monthReadto = (dateformatto.getMonth() + 1).toString();\n // let apisdataToMonth =\n // monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n // let mdateReadTo = dateformatto.getDate().toString();\n // let apisdatedataDateTO =\n // mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n // toDate =\n // dateformatto.getFullYear() +\n // \"-\" +\n // apisdataToMonth +\n // \"-\" +\n // apisdatedataDateTO;\n // } else if (investmentTypeValue == \"Current Year\") {\n // let today = new Date();\n // let monthReadto = (today.getMonth() + 1).toString();\n // let getMonth =\n // monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n // let mdateReadTo = today.getDate().toString();\n // let apisdatedataDateTO =\n // mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n // if (today.getMonth() + 1 <= 3) {\n // froDate = today.getFullYear() - 1 + \"-\" + \"04\" + \"-\" + \"01\";\n // toDate =\n // today.getFullYear() +\n // \"-\" +\n // getMonth +\n // \"-\" +\n // apisdatedataDateTO;\n // } else {\n // froDate = today.getFullYear() + \"-\" + \"04\" + \"-\" + \"01\";\n // toDate =\n // today.getFullYear() +\n // \"-\" +\n // getMonth +\n // \"-\" +\n // apisdatedataDateTO;\n // }\n // } else if (investmentTypeValue == \"Previous Year\") {\n // let today = new Date();\n // let monthReadto = (today.getMonth() + 1).toString();\n // let getMonth =\n // monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n // let mdateReadTo = today.getDate().toString();\n // let apisdatedataDateTO =\n // mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n\n // if (today.getMonth() + 1 <= 3) {\n // froDate = today.getFullYear() - 2 + \"-\" + \"04\" + \"-\" + \"01\";\n // toDate = today.getFullYear() - 1 + \"-\" + \"03\" + \"-\" + \"31\";\n // } else {\n // froDate = today.getFullYear() - 1 + \"-\" + \"04\" + \"-\" + \"01\";\n // toDate = today.getFullYear() + \"-\" + \"03\" + \"-\" + \"31\";\n // }\n // }\n\n // // will get refNo\n // for (let i = 0; i < checked.length; i++) {\n // if (checked[i].initial == true) {\n // // schemeArray.push(checked[i].scheme)\n // // planArray.push(checked[i].plan)\n // postJson.push({\n // fund: configData.amcCode,\n // accountNo: selectedFolioNum,\n // scheme: checked[i].scheme, //schemeArray.toString(),\n // plan: checked[i].plan, //..planArray.toString(),\n // option: null,\n // user: null,\n // fromDate: froDate,\n // toDate: toDate,\n // remarks: null,\n // detailed: \"N\",\n // refNo: decrypttext[0].RefNo,\n // });\n // }\n // }\n\n // const url = \"/capitalGainStatement/insertMultiAcstcapitalGain\";\n // const postObj = postJson;\n // contextapi\n // .postApiEncrpCalling(url, postObj)\n // .then((res2) => {\n // console.log(res2);\n // if (res2.message == \"success\" || res2.message == \"Success\") {\n // console.log(decrypttext[0].RefNo);\n // setGlobalSpinner(true);\n // downloadAPI(decrypttext[0].RefNo, toDate);\n // }\n // })\n // .catch((err) => {\n // console.log(err);\n // });\n // }\n // })\n // .catch((err) => {\n // console.log(err);\n // });\n // }\n // } else {\n // setcommonError(\"Schemes are not available to this folios\");\n // }\n // };\n\n const backStatement = () =>{\n setgenerateStatement(true);\n setonsuccessSave(\"\");\n setStartDate(null);\n setStartDate2(null);\n setInvestmentTypeValue(\"Specific Date Range\");\n setFolioNumber(\"\");\n setcommonError(\"\")\n setpassworderror(\"\")\n setpassworderror2(\"\")\n setpassword(\"\")\n setpassword2(\"\")\n \n }\n\n const downloadAPI = (refNo, toDate) => {\n console.log(refNo);\n const url = \"/capitalGainStatement/generateStatementpdf\";\n const postObj = {\n Fund: configData.amcCode,\n RefNo: refNo,\n StmtType: 2,\n FlagLogo: true,\n pwd: \"\",\n };\n console.log(postObj);\n contextapi\n .postApiEncrpCalling(url, postObj)\n .then((res) => {\n console.log(res);\n if (res.message == \"success\" || res.message == \"Success\") {\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n });\n };\n\n // !DatePicker Toggle\n const [openDatePicker, setDatePickerOpen] = useState(false);\n const [openDatePicker2, setDatePickerOpen2] = useState(false);\n\n\n //new changes\n const [generateStatement, setgenerateStatement] = useState(true);\n const [onsuccessSave, setonsuccessSave] = useState(\"\");\n \n const [password, setpassword] = useState(\"\");\n const [password2, setpassword2] = useState(\"\");\n\n const handlepassword = (e) => {\n setpassword(e.target.value);\n };\n\n const [passworderror, setpassworderror] = useState(\"\");\n const [passworderror2, setpassworderror2] = useState(\"\");\n const handlepassword2 = (e) => {\n setpassword2(e.target.value);\n };\n const validatePassword = (e) => {\n console.log(e.target.value);\n let regex =\n /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$/;\n if (regex.test(e.target.value)) {\n setpassworderror(\"\");\n } else {\n setpassworderror(\"Invalid Password\");\n }\n };\n const validatePassword2 = (e) => {\n console.log(password);\n console.log(password2);\n if (password !== password2) {\n setpassworderror2(\"Password not matching\");\n } else {\n setpassworderror2(\"\");\n }\n };\n\n return (\n \n\n {\n generateStatement &&\n\n
\n );\n};\n\nexport default CapitalGainsStatements;\n","\nlet oneday = 86400000;\nlet today = new Date();\nlet min18yersletnew = new Date((today.getTime() - (oneday * 365 * 18)));\nmin18yersletnew.setDate(today.getDate())\nexport const min18yerslet = min18yersletnew;","import React, { useState, useContext } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport \"./GenerateStatements.scss\";\nimport {\n Checkbox,\n FormControl,\n FormControlLabel,\n Radio,\n RadioGroup,\n FormGroup,\n} from \"@mui/material\";\nimport inputPath from \"../../../assets/Images/inputPath.png\";\nimport calander from \"../../../assets/Images/calendar.png\";\nimport dateofbirth from \"../../../assets/Images/calendar-inactive.svg\";\nimport passwordKey from \"../../../assets/Images/unlock.png\";\n\n// import DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { min18yerslet } from \"./DateOfBirthValidation\";\nimport { Button } from \"react-bootstrap\";\nimport dropimg from \"../../../assets/Images/dummydropdowndatepickeimg.svg\";\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport { useGlobalSideNavActionsContext } from \"../../../components/SideNavBar/useSidenav\";\nimport { useGlobalSpinnerActionsContext } from \"../../../components/loader/useloader\";\nimport CryptoJS from \"crypto-js\";\n\n// !DatePicker Import\nimport InputBase from \"@mui/material/InputBase\";\nimport AdapterDateFns from \"@mui/lab/AdapterDateFns\";\nimport LocalizationProvider from \"@mui/lab/LocalizationProvider\";\nimport DatePicker from \"@mui/lab/DatePicker\";\nimport moment from \"moment\";\n\nconst GenerateStatements = ({ panAssoiciatedFolios }) => {\n const contextapi = useContext(Context);\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n const user = useSelector((state) => state.authentication.user);\n const [investmentTypeValue, setInvestmentTypeValue] = useState(\n \"Specific Date Range\"\n );\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const [min18yers, setmin18yers] = useState(\"\");\n const [startDate, setStartDate] = useState(null);\n const [startDate2, setStartDate2] = useState(null);\n const [checked, setChecked] = React.useState([\n // {\n // initial: false,\n // name: \"JM Financial Savings Fund - Growth - Dividend Reinvestement\"\n // },\n // {\n // initial: false,\n // name: \"JM Financial Mutual Hybrid Equity Fund Direct - Growth\"\n // }\n ]);\n const passwordGuidelines = [\n {\n image: \">>\",\n passwordType: \"Password should be minimum 8 characters\",\n },\n {\n image: \">>\",\n passwordType:\n \"Password should contain atleast one lower case character(a-z)\",\n },\n {\n image: \">>\",\n passwordType:\n \"Password should contain atleast one upper case character(A-Z)\",\n },\n {\n image: \">>\",\n passwordType:\n \"Password should contain atleast one special case character\",\n },\n ];\n\n const [selectedFolioNum, setFolioNumber] = useState(\"\");\n const getFolioNumber = (e) => {\n setFolioNumber(e);\n // getLibyFolio(e);\n };\n\n const setFolioDetails1 = async () => {\n setChecked(!checked);\n };\n\n const ondobchange = (date) => {\n setStartDate(date);\n };\n\n const ondobchange2 = (date) => {\n setStartDate2(date);\n };\n\n const [fromDatebasedonFY, setfromDatebasedonFY] = useState(\"\");\nconst [toDatebasedonFy, settoDatebasedonFy] = useState(\"\");\n const investmentType = (e) => {\n const str = e.target.value;\n \n console.log(e.target.value);\n\n let froDate;\n let toDate;\n if (e.target.value == \"Current Year\") {\n let today = new Date();\n let monthReadto = (today.getMonth() + 1).toString();\n let getMonth =\n monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n let mdateReadTo = today.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n if (today.getMonth() + 1 <= 3) {\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + (today.getFullYear() - 1);\n toDate = apisdatedataDateTO + \"/\" + getMonth + \"/\" + today.getFullYear()\n \n } else {\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + (today.getFullYear());\n toDate = apisdatedataDateTO + \"/\" + getMonth + \"/\" + today.getFullYear()\n }\n setfromDatebasedonFY(froDate)\n settoDatebasedonFy(toDate);\n console.log(froDate)\n console.log(toDate)\n\n } else if (e.target.value == \"Previous Year\") {\n let today = new Date();\n let monthReadto = (today.getMonth() + 1).toString();\n let getMonth =\n monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n let mdateReadTo = today.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n\n if (today.getMonth() + 1 <= 3) {\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + (today.getFullYear() - 2).toString();\n toDate = \"31\" + \"/\" + \"03\" + \"/\" + (today.getFullYear() - 1).toString();\n } else {\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + (today.getFullYear() - 1).toString();\n toDate = \"31\" + \"/\" + \"03\" + \"/\" + (today.getFullYear()).toString();\n\n }\n setfromDatebasedonFY(froDate)\n settoDatebasedonFy(toDate)\n };\n console.log(e.target.value)\n\n setInvestmentTypeValue(e.target.value);\n \n };\n\n // const getLibyFolio = async (e) => {\n // const url = \"/accountStatement/getSchemes\";\n // const postObj = {\n // fundNumber: configData.amcCode,\n // folioNumber: e,\n // };\n // await contextapi\n // .postApiEncrpCalling(url, postObj)\n // .then((res) => {\n // console.log(res);\n // let initialList = res;\n // let checkLocal = [];\n // console.log(initialList);\n // for (let i = 0; i < initialList.length; i++) {\n // if (initialList[i].SchDesc != null) {\n // checkLocal.push({\n // initial: false,\n // name: initialList[i].SchDesc,\n // plan: initialList[i].Pln,\n // scheme: initialList[i].Scheme,\n // });\n // }\n // }\n\n // console.log(checkLocal);\n // setChecked(checkLocal);\n // // setchildern1()\n // })\n // .catch((err) => {\n // console.log(err);\n // });\n // };\n\n const decryption = (body) => {\n const Bytes = CryptoJS.AES.decrypt(body, \"COREAPIV012021NDRS\");\n return JSON.parse(Bytes.toString(CryptoJS.enc.Utf8));\n };\n const [commonError, setcommonError] = useState(\"\");\n\n // const generateAccountStatements = () => {\n // if (checked.length > 0) {\n // let testchecks = checked.find((el) => el.initial == true);\n\n // if (selectedFolioNum == \"\") {\n // setcommonError(\"Please select Folio no\");\n // } else if (\n // investmentTypeValue == \"Specific Date Range\" &&\n // (startDate == \"\" || startDate2 == \"\")\n // ) {\n // if (startDate == \"\") {\n // setcommonError(\"Please select Start Date\");\n // } else if (startDate2 == \"\") {\n // setcommonError(\"Please select To Date\");\n // }\n // } else if (testchecks == undefined) {\n // setcommonError(\"Please select scheme\");\n // } else {\n // setcommonError(\"\");\n // setGlobalSpinner(true);\n // // console.log(selectedFolioNum);\n // console.log(investmentTypeValue);\n // console.log(startDate);\n // console.log(startDate2);\n // console.log(checked);\n\n // let schemeArray = [],\n // planArray = [];\n // let postJson = [];\n\n // console.log(schemeArray);\n // console.log(planArray);\n // let froDate, toDate;\n // const urlf = \"/accountStatement/acstRefnoGeneration\";\n // const postObjf = {};\n // contextapi\n // .getApiCalling(urlf)\n // .then((res) => {\n // console.log(res);\n // if (res) {\n // setGlobalSpinner(false);\n // let decrypttext = decryption(res.data);\n // console.log(decrypttext);\n // console.log(decrypttext[0].RefNo);\n // if (investmentTypeValue == \"Specific Date Range\") {\n // froDate = new Date(startDate);\n\n // let dateformat = new Date(startDate);\n // let monthRead = (dateformat.getMonth() + 1).toString();\n // let apisdataMonth =\n // monthRead.length == 1 ? \"0\" + monthRead : monthRead;\n // let mdateRead = dateformat.getDate().toString();\n // let apisdatedataDate =\n // mdateRead.length == 1 ? \"0\" + mdateRead : mdateRead;\n // froDate =\n // dateformat.getFullYear() +\n // \"-\" +\n // apisdataMonth +\n // \"-\" +\n // apisdatedataDate;\n\n // let dateformatto = new Date(startDate2);\n // let monthReadto = (dateformatto.getMonth() + 1).toString();\n // let apisdataToMonth =\n // monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n // let mdateReadTo = dateformatto.getDate().toString();\n // let apisdatedataDateTO =\n // mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n // toDate =\n // dateformatto.getFullYear() +\n // \"-\" +\n // apisdataToMonth +\n // \"-\" +\n // apisdatedataDateTO;\n // } else if (investmentTypeValue == \"Current Year\") {\n // let today = new Date();\n // let monthReadto = (today.getMonth() + 1).toString();\n // let getMonth =\n // monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n // let mdateReadTo = today.getDate().toString();\n // let apisdatedataDateTO =\n // mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n // if (today.getMonth() + 1 <= 3) {\n // froDate = today.getFullYear() - 1 + \"-\" + \"04\" + \"-\" + \"01\";\n // toDate =\n // today.getFullYear() +\n // \"-\" +\n // getMonth +\n // \"-\" +\n // apisdatedataDateTO;\n // } else {\n // froDate = today.getFullYear() + \"-\" + \"04\" + \"-\" + \"01\";\n // toDate =\n // today.getFullYear() +\n // \"-\" +\n // getMonth +\n // \"-\" +\n // apisdatedataDateTO;\n // }\n // } else if (investmentTypeValue == \"Previous Year\") {\n // let today = new Date();\n // let monthReadto = (today.getMonth() + 1).toString();\n // let getMonth =\n // monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n // let mdateReadTo = today.getDate().toString();\n // let apisdatedataDateTO =\n // mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n\n // if (today.getMonth() + 1 <= 3) {\n // froDate = today.getFullYear() - 2 + \"-\" + \"04\" + \"-\" + \"01\";\n // toDate = today.getFullYear() - 1 + \"-\" + \"03\" + \"-\" + \"31\";\n // } else {\n // froDate = today.getFullYear() - 1 + \"-\" + \"04\" + \"-\" + \"01\";\n // toDate = today.getFullYear() + \"-\" + \"03\" + \"-\" + \"31\";\n // }\n // } else if (investmentTypeValue == \"As on Date\") {\n // let today = new Date();\n\n // let monthReadto = (today.getMonth() + 1).toString();\n // let getMonth =\n // monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n // let mdateReadTo = today.getDate().toString();\n // let apisdatedataDateTO =\n // mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n\n // froDate = \"1970\" + \"-\" + \"04\" + \"-\" + \"01\"; //01-04-1970 as per Mirae\n // toDate =\n // today.getFullYear() +\n // \"-\" +\n // getMonth +\n // \"-\" +\n // apisdatedataDateTO;\n // }\n\n // // will get refNo\n // for (let i = 0; i < checked.length; i++) {\n // if (checked[i].initial == true) {\n // // schemeArray.push(checked[i].scheme)\n // // planArray.push(checked[i].plan)\n // postJson.push({\n // fund: configData.amcCode,\n // accountNo: selectedFolioNum,\n // scheme: checked[i].scheme, //schemeArray.toString(),\n // plan: checked[i].plan, //..planArray.toString(),\n // option: null,\n // user: null,\n // fromDate: froDate,\n // toDate: toDate,\n // remarks: null,\n // detailed: \"N\",\n // refNo: decrypttext[0].RefNo,\n // });\n // }\n // }\n\n // const url = \"/accountStatement/insertMultiAcst\";\n // const postObj = postJson;\n // contextapi\n // .postApiEncrpCalling(url, postObj)\n // .then((res2) => {\n // console.log(res2);\n // if (res2.message == \"success\" || res2.message == \"Success\") {\n // console.log(decrypttext[0].RefNo);\n // setGlobalSpinner(true);\n // downloadAPI(decrypttext[0].RefNo, toDate);\n // }\n // })\n // .catch((err) => {\n // console.log(err);\n // });\n // }\n // })\n // .catch((err) => {\n // console.log(err);\n // });\n // }\n // } else {\n // setcommonError(\"Schemes are not available to this folios\");\n // }\n // };\n\n //new Changes\n\n const [generateStatement, setgenerateStatement] = useState(true);\n const [onsuccessSave, setonsuccessSave] = useState(\"\");\n\n const generateAccountStatements_new = () => {\n\n setcommonError(\"\")\n setpassworderror(\"\")\n setpassworderror2(\"\")\n if (selectedFolioNum == \"\") {\n setcommonError(\"Please select Folio no\");\n } else if (\n investmentTypeValue == \"Specific Date Range\" && (\n (startDate == \"\" || startDate2 == \"\") || (startDate == null || startDate2 == null))\n ) {\n if (startDate == \"\" || startDate == null) {\n setcommonError(\"Please select Start Date\");\n } else if (startDate2 == \"\" || startDate2 == null) {\n setcommonError(\"Please select To Date\");\n }\n } else if (password == \"\") {\n setpassworderror(\"Password cannot be empty\");\n setcommonError(\"Password cannot be empty\");\n } else if (passworderror != \"\") {\n setpassworderror(\"Invalid password\");\n setcommonError(\"Invalid password\");\n } else if (password !== password2) {\n setpassworderror2(\"Password not matching\");\n setcommonError(\"Password not matching\");\n } else {\n setpassworderror2(\"\");\n setpassworderror(\"\");\n setcommonError(\"\");\n setGlobalSpinner(true);\n // console.log(selectedFolioNum);\n console.log(investmentTypeValue);\n console.log(startDate);\n console.log(startDate2);\n console.log(checked);\n\n let schemeArray = [],\n planArray = [];\n let postJson = [];\n\n console.log(schemeArray);\n console.log(planArray);\n let froDate, toDate;\n\n if (investmentTypeValue == \"Specific Date Range\") {\n froDate = new Date(startDate);\n\n let dateformat = new Date(startDate);\n let monthRead = (dateformat.getMonth() + 1).toString();\n let apisdataMonth =\n monthRead.length == 1 ? \"0\" + monthRead : monthRead;\n let mdateRead = dateformat.getDate().toString();\n let apisdatedataDate =\n mdateRead.length == 1 ? \"0\" + mdateRead : mdateRead;\n // froDate =\n // dateformat.getFullYear() +\n // \"-\" +\n // apisdataMonth +\n // \"-\" +\n // apisdatedataDate;\n\n froDate = apisdatedataDate + \"/\" + apisdataMonth + \"/\" + dateformat.getFullYear()\n\n\n let dateformatto = new Date(startDate2);\n let monthReadto = (dateformatto.getMonth() + 1).toString();\n let apisdataToMonth =\n monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n let mdateReadTo = dateformatto.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n // toDate =\n // dateformatto.getFullYear() +\n // \"-\" +\n // apisdataToMonth +\n // \"-\" +\n // apisdatedataDateTO;\n toDate = apisdatedataDateTO + \"/\" + apisdataToMonth + \"/\" + dateformatto.getFullYear()\n\n } else if (investmentTypeValue == \"Current Year\") {\n let today = new Date();\n let monthReadto = (today.getMonth() + 1).toString();\n let getMonth =\n monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n let mdateReadTo = today.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n if (today.getMonth() + 1 <= 3) {\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + (today.getFullYear() - 1);\n // froDate = today.getFullYear() - 1 + \"-\" + \"04\" + \"-\" + \"01\";\n toDate = apisdatedataDateTO + \"/\" + getMonth + \"/\" + today.getFullYear()\n // toDate =\n // today.getFullYear() +\n // \"-\" +\n // getMonth +\n // \"-\" +\n // apisdatedataDateTO;\n } else {\n // froDate = today.getFullYear() + \"-\" + \"04\" + \"-\" + \"01\";\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + (today.getFullYear());\n toDate = apisdatedataDateTO + \"/\" + getMonth + \"/\" + today.getFullYear()\n // toDate =\n // today.getFullYear() +\n // \"-\" +\n // getMonth +\n // \"-\" +\n // apisdatedataDateTO;\n }\n } else if (investmentTypeValue == \"Previous Year\") {\n let today = new Date();\n let monthReadto = (today.getMonth() + 1).toString();\n let getMonth =\n monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n let mdateReadTo = today.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n\n if (today.getMonth() + 1 <= 3) {\n // froDate = today.getFullYear() - 2 + \"-\" + \"04\" + \"-\" + \"01\";\n // toDate = today.getFullYear() - 1 + \"-\" + \"03\" + \"-\" + \"31\";\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + today.getFullYear() - 2;\n toDate = \"31\" + \"/\" + \"03\" + \"/\" + today.getFullYear() - 1;\n\n } else {\n // froDate = today.getFullYear() - 1 + \"-\" + \"04\" + \"-\" + \"01\";\n // toDate = today.getFullYear() + \"-\" + \"03\" + \"-\" + \"31\";\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + (today.getFullYear() - 1);\n toDate = \"31\" + \"/\" + \"03\" + \"/\" + today.getFullYear();\n\n }\n } else if (investmentTypeValue == \"As on Date\") {\n let today = new Date();\n\n let monthReadto = (today.getMonth() + 1).toString();\n let getMonth =\n monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n let mdateReadTo = today.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n\n froDate = \"01\" + \"/\" + \"04\" + \"/\" + \"1970\" //01-04-1970 as per new changes as per NJ\n // froDate = \"1970\" + \"-\" + \"04\" + \"-\" + \"01\"; //01-04-1970 as per Mirae\n toDate = apisdatedataDateTO + \"/\" + getMonth + \"/\" + today.getFullYear()\n\n // toDate =\n // today.getFullYear() +\n // \"-\" +\n // getMonth +\n // \"-\" +\n // apisdatedataDateTO;\n }\n\n const url = \"/accountStatement/accountStatemtGeneration\";\n const postObj = {\n \"acno\": selectedFolioNum,\n \"pswd\": password2,\n \"fdt\": froDate||fromDatebasedonFY, //\"14/04/2022\",\n \"tdt\": toDate||toDatebasedonFy, //\"16/04/2022\",\n \"email\": btoa(user.Email_ID)\n };\n contextapi\n .postApiEncrpCalling(url, postObj)\n .then((res) => {\n console.log(res);\n console.log(res);\n setGlobalSpinner(false);\n if (res.Table && res.Table[0]) {\nsetonsuccessSave(res.Table[0].Message);\nsetgenerateStatement(false)\n }\n })\n .catch((err) => {\n console.log(err);\n setgenerateStatement(true);\n setonsuccessSave(\"\")\n\n });\n }\n\n };\n\n const backStatement = () =>{\n setgenerateStatement(true);\n setonsuccessSave(\"\");\n setStartDate(null);\n setStartDate2(null);\n setInvestmentTypeValue(\"Specific Date Range\");\n setFolioNumber(\"\");\n setcommonError(\"\")\n setpassworderror(\"\")\n setpassworderror2(\"\")\n setpassword(\"\")\n setpassword2(\"\")\n \n }\n const downloadAPI = (refNo, toDate) => {\n console.log(refNo);\n const url = \"/accountStatement/generateStatement\";\n const postObj = {\n Fund: configData.amcCode,\n RefNo: refNo,\n ToDate: toDate,\n StmtFrom: \"WEBSITE\",\n UserName: user.Email_ID,\n Branch: \"WB99\",\n StrBranchConfirm: \"N\",\n LogoFlag: true,\n LicTermFlag: false,\n LanguageType: \"English\",\n DetailFlag: true,\n pwd: \"\",\n Scheme: \"\",\n Plan: \"\",\n };\n console.log(postObj);\n contextapi\n .postApiEncrpCalling(url, postObj)\n .then((res) => {\n console.log(res);\n if (res.message == \"success\" || res.message == \"Success\") {\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n });\n };\n const generateAccountStatementss = () => {\n const url = \"/accountStatement/generateStatement\";\n const postObj = {\n fund: configData.amcCode,\n Refno: 4130976,\n ToDate: \"01/08/2021\",\n StmtFrom: \"WEBSITE\",\n UserName: \"arun.mehrotra@yahoo.co.in\",\n Branch: \"WB99\",\n StrBranchConfirm: \"N\",\n LogoFlag: true,\n LicTermFlag: false,\n LanguageType: \"English\",\n DetailFlag: true,\n pwd: \"\",\n Scheme: \"\",\n Plan: \"\",\n };\n contextapi\n .postApiEncrpCalling(url, postObj)\n .then((res) => {\n console.log(res);\n })\n .catch((err) => {\n console.log(err);\n });\n };\n const handleChangeCheck = (value, index) => {\n console.log(checked);\n let items;\n let item;\n if (checked.length > 0) {\n let newitem = [];\n if (index == \"all\") {\n for (let i = 0; i < checked.length; i++) {\n newitem.push({\n initial: !allchecked,\n name: checked[i].name,\n plan: checked[i].plan,\n scheme: checked[i].scheme,\n });\n }\n setallchecked(!allchecked);\n } else {\n items = [...checked];\n item = { ...items[index] };\n item = {\n initial: value.target.checked,\n name: checked[index].name,\n plan: checked[index].plan,\n scheme: checked[index].scheme,\n };\n items[index] = item;\n // getcheckedStatus();\n let testchecks = items.find((el) => el.initial == false);\n\n if (testchecks == undefined) {\n setallchecked(true);\n } else {\n setallchecked(false);\n }\n }\n if (newitem.length > 0) {\n items = newitem;\n }\n console.log(items);\n setChecked(items);\n }\n };\n\n const [allchecked, setallchecked] = useState(\"\");\n const childern = () => {\n console.log(checked);\n\n return (\n checked &&\n checked.map((entry, index) => (\n \n
\n }\n\n {\n !generateStatement &&\n \n Capital Gains Statements\n
\n \n
\n \n {/* getFolioNumber(e.target.value)}\n >\n {panAssoiciatedFolios !== null && panAssoiciatedFolios.map((item, index) =>(\n \n ))}\n */}\n\n getFolioNumber(e.target.value)}\n >\n \n {panAssoiciatedFolios.map((item, index) => (\n \n ))}\n \n
\n\n Frequency
\n \n \n \n \n
\n \n {investmentTypeValue === \"Other\" && \n <>\n
\n\n {investmentTypeValue === \"Current Year\" && \n \n \n
\n\n \n {\n setDatePickerOpen(true);\n }}\n />\n \n setDatePickerOpen(true)}\n onClose={() => setDatePickerOpen(false)}\n value={startDate}\n onChange={(date) => ondobchange(date)}\n maxDate={new Date()}\n // maxDate={moment().subtract(18, \"years\")._d}\n // defaultCalendarMonth={moment().subtract(18, \"years\")._d}\n renderInput={(params) => {\n return (\n setDatePickerOpen(true)}\n />\n );\n }}\n />\n \n\n {/* ondobchange(date)}\n maxDate={new Date()} \n selected={startDate}\n placeholderText=\"Select Date\"\n /> */}\n
\n \n \n
\n\n\n \n }\n\n \n \n {\n setDatePickerOpen2(true);\n }}\n />\n \n setDatePickerOpen2(true)}\n onClose={() => setDatePickerOpen2(false)}\n value={startDate2}\n onChange={(date) => ondobchange2(date)}\n maxDate={new Date()}\n // maxDate={moment().subtract(18, \"years\")._d}\n // defaultCalendarMonth={moment().subtract(18, \"years\")._d}\n renderInput={(params) => {\n return (\n setDatePickerOpen2(true)}\n />\n );\n }}\n />\n \n\n \n
\n \n
\n}\n\n{\ninvestmentTypeValue === \"Previous Year\" &&\n \n \n \n
\n \n \n \n
\n {fromDatebasedonFY}
\n\n
\n \n \n
\n {toDatebasedonFy}
\n\n
\n \n }\n {/* \n
\n \n \n \n
\n {fromDatebasedonFY}
\n\n
\n \n \n
\n {toDatebasedonFy}
\nSchemes
*/}\n \n {/* \n
*/}\n\n\n\n handleChangeCheck(e, \"all\")}\n />\n }\n />\n
\n {childern()}\n \n
\n\n\n \n \n\n
\n\n \n {\n validatePassword(e);\n }}\n />\n \n
\n {passworderror}
\n\n\n \n
\n \n {\n validatePassword2(e);\n }}\n />\n
\n {passworderror2}
\n\n \n Password GuideLines\n \n {passwordGuidelines.map((item) => {\n return (\n <>\n
\n\n\n\n \n \n {item.image}\n \n {item.passwordType}\n
\n \n );\n })}\n \n {commonError != \"\" && (\n {commonError}\n )}\n
\n\n\n Submit\n \n
\n \n\n
\n
\n }\n \n backStatement()}\n >\n OK\n \n
\n \n
\n \n
\n {onsuccessSave}
\n\n handleChangeCheck(e, index)}\n />\n }\n />\n
\n ))\n );\n };\n\n const getcheckedStatus = () => {\n for (let j = 0; j < checked.length; j++) {\n if (checked[j].initial == true) {\n console.log(allchecked);\n setallchecked(true);\n } else {\n setallchecked(false);\n break;\n }\n }\n };\n\n // !DatePicker Toggle\n const [openDatePicker, setDatePickerOpen] = useState(false);\n const [openDatePicker2, setDatePickerOpen2] = useState(false);\n\n\n //new changes\n const [password, setpassword] = useState(\"\");\n const [password2, setpassword2] = useState(\"\");\n\n const handlepassword = (e) => {\n setpassword(e.target.value);\n };\n\n const [passworderror, setpassworderror] = useState(\"\");\n const [passworderror2, setpassworderror2] = useState(\"\");\n const handlepassword2 = (e) => {\n setpassword2(e.target.value);\n };\n const validatePassword = (e) => {\n console.log(e.target.value);\n let regex =\n /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$/;\n if (regex.test(e.target.value)) {\n setpassworderror(\"\");\n } else {\n setpassworderror(\"Invalid Password\");\n }\n };\n const validatePassword2 = (e) => {\n console.log(password);\n console.log(password2);\n if (password !== password2) {\n setpassworderror2(\"Password not matching\");\n } else {\n setpassworderror2(\"\");\n }\n };\n\n\n return (\n \n\n {\n generateStatement &&\n\n
\n );\n};\n\nexport default GenerateStatements;\n","import React from \"react\";\nimport \"./modal.css\";\nimport {\n useNotificationActionsContext,\n useNotificationContext,\n} from \"./useModal\";\nexport const NotificationModal = (props) => {\n const isGlobalSpinnerOn = useNotificationContext();\n const setNotifi = useNotificationActionsContext();\n const closeModal = () => {\n setNotifi({ val: false, msg: \"\" });\n };\n \n return isGlobalSpinnerOn.val ? (\n \n
\n }\n\n {\n !generateStatement &&\n \n {/* \n \n {panNumbers.map((item, index) => (\n \n ))}\n */}\n\n getFolioNumber(e.target.value)}\n >\n \n {panAssoiciatedFolios.map((item, index) => (\n \n ))}\n \n
\n\n Frequency
\n \n \n \n \n
\n {investmentTypeValue === \"Specific Date Range\" ? (\n \n
\n ) : (\n <>\n )}\n\n\n \n\n {investmentTypeValue === \"Current Year\" &&\n \n \n\n
\n\n \n {\n setDatePickerOpen(true);\n }}\n />\n \n setDatePickerOpen(true)}\n onClose={() => setDatePickerOpen(false)}\n value={startDate}\n onChange={(date) => ondobchange(date)}\n maxDate={new Date()}\n // maxDate={moment().subtract(18, \"years\")._d}\n // defaultCalendarMonth={moment().subtract(18, \"years\")._d}\n renderInput={(params) => {\n return (\n setDatePickerOpen(true)}\n />\n );\n }}\n />\n \n\n {/* ondobchange(date)}\n maxDate={new Date()} \n selected={startDate}\n placeholderText=\"Select Date\"\n /> */}\n
\n\n {/* \n \n 
\n ondobchange(date)}\n maxDate={min18yers}\n selected={startDate}\n placeholderText=\"Select Date\"\n />\n 
\n
*/}\n \n \n
\n \n {/* \n */}\n {\n setDatePickerOpen2(true);\n }}\n />\n \n setDatePickerOpen2(true)}\n onClose={() => setDatePickerOpen2(false)}\n value={startDate2}\n onChange={(date) => ondobchange2(date)}\n maxDate={new Date()}\n // maxDate={moment().subtract(18, \"years\")._d}\n // defaultCalendarMonth={moment().subtract(18, \"years\")._d}\n renderInput={(params) => {\n return (\n setDatePickerOpen2(true)}\n />\n );\n }}\n />\n \n\n {/* ondobchange2(date)}\n maxDate={new Date()}\n selected={startDate2}\n placeholderText=\"Select Date\"\n /> */}\n {/* */}\n
\n \n
\n\n }\n\n\n{investmentTypeValue === \"Previous Year\" &&\n \n
\n \n\n \n
\n {fromDatebasedonFY}
\n\n
\n \n \n
\n {toDatebasedonFy}
\n\n
\n }\n\n\n {/* \n
\n \n\n \n
\n {fromDatebasedonFY}
\n\n
\n \n \n
\n {toDatebasedonFy}
\nSchemes
\n \n
*/}\n\n \n handleChangeCheck(e, \"all\")}\n />\n }\n />\n
\n {childern()}\n \n
\n\n\n \n \n\n
\n\n \n {\n validatePassword(e);\n }}\n />\n\n
\n {passworderror}
\n\n\n \n
\n \n {\n validatePassword2(e);\n }}\n />\n
\n {passworderror2}
\n\n \n Password GuideLines\n \n {passwordGuidelines.map((item) => {\n return (\n <>\n
\n\n \n \n {item.image}\n \n {item.passwordType}\n
\n \n );\n })}\n \n Disclamer: Statements for Demat Folio's cannot be generated. Please\n contact your DP.\n
\n\n\n {commonError != \"\" && {commonError}}\n
\n\n Generate Statement\n \n
\n \n
\n
\n }\n \n backStatement()}\n >\n OK\n \n
\n \n
\n \n
\n {onsuccessSave}
\n\n
\n ) : null;\n};\n","import React, { useState, useContext } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport \"./ScheduleStatement.scss\";\nimport {\n Checkbox,\n FormControl,\n FormControlLabel,\n Radio,\n RadioGroup,\n FormGroup,\n} from \"@mui/material\";\nimport { Button } from \"react-bootstrap\";\nimport { NotificationModal } from \"../../../components/notificationModal/notificationModal\";\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport { useGlobalSideNavActionsContext } from \"../../../components/SideNavBar/useSidenav\";\nimport CryptoJS from \"crypto-js\";\n\nconst ScheduleStatement = ({panAssoiciatedFolios}) => {\n\n const contextapi = useContext(Context);\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n const user = useSelector((state) => state.authentication.user);\n\n const [panNumber, setPanNumber] = useState(\"\");\n const [investmentTypeValue, setInvestmentTypeValue] = useState(\"Daily\");\n\n //const [checked, setChecked] = useState(false);\n\n const [openModalUser, setOpenModalVal] = useState({ val: false, msg: \"\" });\n const [checkedItem, setCheckedItem] = useState(0);\n\n const [checked, setChecked] = React.useState([])\n\n const handleChange1 = (event) => {\n setChecked([event.target.checked, event.target.checked]);\n };\n\n const handleChange2 = (event) => {\n setChecked([event.target.checked, checked[1]]);\n };\n\n const handleChange3 = (event) => {\n setChecked([checked[0], event.target.checked]);\n };\n\n const handleChange4 = (event) => {\n setChecked([event.target.checked, checked[2]]);\n };\n\n const closeModalUse = () => {\n setOpenModalVal({ val: false, msg: \"Hello\" });\n };\n\n const openModalUse = () => {\n setOpenModalVal({ val: true, msg: \"\" });\n };\n\n const itemCheck = () => {};\n\n const [selectedFolioNum, setFolioNumber] = useState(\"\");\n const getFolioNumber = (e) => {\n setFolioNumber(e);\n getLibyFolio(e);\n };\n\n\n const getLibyFolio = async (e) => {\n const url = \"/accountStatement/getSchemes\";\n const postObj = {\n fundNumber: configData.amcCode,\n folioNumber: e\n }\n await contextapi\n .postApiEncrpCalling(url, postObj)\n .then((res) => {\n console.log(res);\n let initialList = res;\n let checkLocal = [];\n console.log(initialList)\n for (let i = 0; i < initialList.length; i++) {\n\n if (initialList[i].SchDesc != null) {\n checkLocal.push({\n initial: false,\n name: initialList[i].SchDesc,\n plan: initialList[i].Pln,\n scheme: initialList[i].Scheme\n })\n }\n }\n\n console.log(checkLocal)\n setChecked(checkLocal);\n // setchildern1()\n\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const schemes = [\n {\n id: 2,\n scheme: \"JM Financial Savings Fund - Growth - Dividend Reinvestement\",\n },\n {\n id: 3,\n scheme: \"JM Financial Mutual Hybrid Equity Fund Direct - Growth\",\n },\n {\n id: 4,\n scheme: \"JM Financial Mutual Large Cap Fund Direct - Growth\",\n },\n ];\n\n const getPanNumber = (e) => {\n setPanNumber(e.target.value);\n console.log(\"get Pan Numbers\");\n };\n\n const setFolioDetails1 = async (e) => {\n console.log(e.target.value);\n setChecked(!checked);\n setCheckedItem();\n };\n\n const investmentType = (e) => {\n setInvestmentTypeValue(e.target.value);\n };\n\n const handleChangeCheck = (value, index) => {\n console.log(checked)\n let items;\n let item;\n\n let newitem = [];\n if (index == \"all\") {\n for (let i = 0; i < checked.length; i++) {\n newitem.push({\n initial: !allchecked,\n name: checked[i].name,\n plan: checked[i].plan,\n scheme: checked[i].scheme\n })\n }\n setallchecked(!allchecked)\n } else {\n items = [...checked];\n item = { ...items[index] };\n item = {\n initial: value.target.checked,\n name: checked[index].name,\n plan: checked[index].plan,\n scheme: checked[index].scheme\n };\n items[index] = item;\n // getcheckedStatus();\n let testchecks = items.find(el => el.initial == false);\n\n if (testchecks == undefined) {\n setallchecked(true);\n } else {\n setallchecked(false);\n\n }\n\n }\n if (newitem.length > 0) {\n items = newitem\n }\n console.log(items)\n setChecked(items);\n\n }\n\n const [allchecked, setallchecked] = useState(\"\");\n const childern = () => {\n console.log(checked);\n\n return (\n checked && checked.map((entry, index) => (\n\n \n
\n \n \n
\n \n
\n \n {isGlobalSpinnerOn.msg}\n
\n \n handleChangeCheck(e, index)} />}\n />\n
\n\n\n )))\n\n\n }\n\n const panNumbers = [\"PAN Number - AXT67890\", \"PAN Number - YHU89065\"];\n\n return (\n \n closeModalUse()}>\n \n
\n );\n};\n\nexport default ScheduleStatement;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport \"./AccountStatements.scss\";\nimport GenerateStatements from \"../GenerateStatements/GenerateStatements\";\nimport ScheduleStatement from \"../ScheduleStatement\";\n\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport { useGlobalSideNavActionsContext } from \"../../../components/SideNavBar/useSidenav\";\n\nconst AccountStatements = (props) => {\n const [activity, setActivity] = useState(0);\n const activities = [\"Generate Statement\"];\n // const activities = [\"Generate Statement\", \"Schedule Statement\"];\n const userSession = useSelector((state) => state.authentication.user);\n const contextapi = useContext(Context); \n const setGlobalSideNav = useGlobalSideNavActionsContext();\n\n useEffect(() => {\n getUserFolios();\n }, []);\n\n const activityHandler = (index) => {\n if (index === 0) {\n setActivity(0);\n }\n if (index === 1) {\n setActivity(1);\n }\n };\n\n const [panAssoiciatedFolios, setPANAssociatedFolios] = useState([]);\n const getUserFolios = async () => {\n const url = \"/quickAdditionalPurchase/getPANAssociatedFolios\";\n const postObj = {\n fund: configData.amcCode,\n pan: userSession.Pan?.toUpperCase(),\n email: userSession.Email_ID,\n bankAccNo: null,\n };\n await contextapi\n .postApiEncrpCalling(url, postObj)\n .then((res) => {\n console.log(res);\n setPANAssociatedFolios(res[0].folios);\n // setGlobalSpinner(false);\n // setFolioList({\n // data: res[0].folios,\n // selectedData: res[0].folios[0].Folio,\n // });\n // handleInputData(\"selectedFolio\", res[0].folios[0].Folio);\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n return (\n \n {/* \n \n {panNumbers.map((item, index) => (\n \n ))}\n */}\n\n getFolioNumber(e.target.value)}\n >\n \n {panAssoiciatedFolios.map((item, index) => (\n \n ))}\n \n\n
\n\n Frequency
\n \n \n \n \n
\n\n Schemes
\n {/* \n
*/}\n\n\n
\n {children}\n \n
\n\n\n\n \n handleChangeCheck(e, \"all\")}\n />\n }\n />\n
\n {childern()}\n \n \n
\n\n \n {openModalUser.msg}\n
\n \n : }\n
\n );\n};\n\nexport default AccountStatements;\n","export default __webpack_public_path__ + \"static/media/bankdetails.f962755e.svg\";","import React, { useState, useContext, useEffect } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\n// import DatePicker from \"react-datepicker\";\n// import \"react-datepicker/dist/react-datepicker.css\";\nimport { Context } from \"../../services/apiContext\";\nimport \"./emandate.css\";\nimport configData from \"../../config/config.json\";\nimport {\n faCheck,\n faExclamation,\n faPhone,\n faThumbsUp,\n faCalendar,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport bankimg from \"../../assets/Images/quickpirchase/bankdetails.svg\";\nimport inputPath from \"../../assets/Images/inputPath.png\";\n\nimport {\n Radio,\n FormControl,\n FormControlLabel,\n RadioGroup,\n} from \"@mui/material\";\n\n// !DatePicker Import\nimport InputBase from \"@mui/material/InputBase\";\nimport AdapterDateFns from \"@mui/lab/AdapterDateFns\";\nimport LocalizationProvider from \"@mui/lab/LocalizationProvider\";\nimport DatePicker from \"@mui/lab/DatePicker\";\nimport moment from \"moment\";\nimport { getUniqueAccounts } from \"../../helperFunctions/helperFunctions\";\n\nconst Emandate = () => {\n // let baseURL = \"https://api.jmfinancialmf.com/JMMF_kfintransactions/api/v1/\";\n\n var baseURL = configData.baseURL[configData.ENV];\n\n const user = useSelector((state) => state.authentication.user);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const [registerVal, setregisterVal] = useState(false);\n console.log(user);\n // const contextapi = useContext(Context);\n useEffect(async () => {\n await fetchData();\n }, []);\n const [authMode, setauthMode] = useState([\n {\n name: \"Net Banking\",\n value: \"N\",\n },\n ]);\n\n const [authModeVAlue, setauthModeVAlue] = useState(authMode[0].value);\n\n const handleFormDataauthmode = (e) => {\n setauthModeVAlue(e);\n };\n const [startDate, setStartDate] = useState(new Date());\n // const [startDate, setStartDate] = useState(null);\n\n let oneday = 86400000;\n let today = new Date();\n // let min18yerslet = new Date(2099, 11, 31, 23, 59, 59);\n let min18yerslet = moment(startDate).add(40,\"years\");\n console.log(startDate);\n console.log(min18yerslet);\n const [startDate2, setStartDate2] = useState(min18yerslet);\n // const [startDate2, setStartDate2] = useState(null);\n\n console.log(startDate2);\n const [min18yers, setmin18yers] = useState(min18yerslet);\n const [values, setValues] = useState(\"\");\n const [valuesTrack, setvaluesTrack] = useState(\"\");\n const [bankDetails, setbankDetails] = useState(\"\");\n\n const handleFormData = (input, e) => {\n console.log(e);\n if (e != \"\") {\n setbankDetails(JSON.parse(e));\n } else {\n setbankDetails(\"\");\n }\n setValues((prevState) => ({\n ...prevState,\n [input]: e,\n }));\n };\n\n const handleFormData2 = (input, e) => {\n console.log(e);\n\n setvaluesTrack((prevState) => ({\n ...prevState,\n [input]: e,\n }));\n getStatus(e);\n };\n\n const [bankDetailsdd, setBankDetailsDD] = useState([]);\n const [bankDetailsTrack, setBankDetailsTrack] = useState([]);\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [paymentError, setPaymentError] = useState({});\n const fetchData = async () => {\n var url = configData.paymentBankOption[configData.ENV];\n var postobjt = { pan: user.Pan };\n\n var options = {};\n await contextapi\n .postApiEncr2pCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res.statusCode) {\n // dispatch(getFolioDetails(res))\n setBankDetailsDD([]);\n } else {\n setBankDetailsDD(getUniqueAccounts(res));\n }\n })\n .catch((err) => {\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const getTrackingBank = async () => {\n var url = baseURL + \"/enach/getBankName\";\n var postobjt = {\n pan: user.Pan, // \"AFYPM5719B\", // user.Pan,\n userId: user.Email_ID, // \"rkmullapudi@gmail.com\",//user.Email_ID,\n customFundCode: configData.amcCode,\n accountNo: null,\n };\n var options = {};\n await contextapi\n .postApiEncr2pCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n console.log(res[0].level2);\n if (res[0].level1[0].Error_Message == \"success\") {\n console.log(res[0].level2);\n // dispatch(getFolioDetails(res))\n setBankDetailsTrack(res[0].level2);\n } else {\n setBankDetailsTrack([]);\n }\n })\n .catch((err) => {\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const list = [\"Register\", \"Track my Mandate\"];\n const [tab, selectedTab] = useState(0);\n const folioOnClickHandler = (index) => {\n selectedTab(index);\n if (index == 1) {\n getTrackingBank();\n }\n };\n\n const ondobchange = (date) => {\n console.log(date);\n setStartDate(date);\n setStartDate2(moment(date).add(40,\"years\"));\n calYearDifference(date, startDate2);\n };\n\n const ondobchange2 = (date) => {\n setStartDate2(date);\n calYearDifference(startDate, date);\n };\n\n const [yearDifference, setyearDifference] = useState(false);\n const [yearage, setyearage] = useState(\"\");\n const calYearDifference = (first, second) => {\n console.log(first);\n console.log(second);\n if (first && second) {\n const dob = new Date(first).getTime();\n const dateToCompare = new Date(second).getTime();\n const age = (dateToCompare - dob) / (365 * 24 * 60 * 60 * 1000);\n\n setyearage(Math.floor(age));\n if (Math.floor(age) >= 1) {\n setyearDifference(true);\n } else {\n setyearDifference(false);\n }\n }\n };\n const [maxAmount, setmaxAmount] = useState(\"1,00,00,000\");\n const schemeCategory = [\n \"1,00,00,000\",\n \"50,00,000\",\n \"10,00,000\",\n \"5,00,000\",\n \"2,00,000\",\n \"1,00,000\",\n \"Other\",\n ];\n const getMaxAmount = (e) => {\n setmaxAmount(e);\n };\n\n const [otherAmount, setotherAmount] = useState(\"\");\n const [otherAmountError, setotherAmountError] = useState(\"\");\n const updateValue = (e) => {\n setotherAmount(e);\n if (e != \"\" && Number(e) >= 500 && Number(e) <= 1000000) {\n setotherAmountError(\"\");\n } else {\n setotherAmountError(\n \"Please enter the amount in the range displayed above\"\n );\n }\n };\n\n const validateinput = (e) => {\n var code = \"charCode\" in e ? e.charCode : e.keyCode;\n if (e.target.name == \"amount\") {\n if (\n // space\n !(code > 47 && code < 58)\n ) {\n // lower alpha (a-z)\n e.preventDefault();\n }\n }\n };\n\n const [trackStatus, settrackStatus] = useState(false);\n const [showStatus, setshowStatus] = useState(false);\n\n const getStatus = async (e) => {\n console.log(e);\n setshowStatus(false);\n if (e != \"\") {\n let parsrJson = JSON.parse(e);\n var url = baseURL + \"/enach/getEmandateStatus\";\n var postobjt = {\n bankCode: parsrJson.bankcode, // \"ICIC\",\n accountNo: parsrJson.bankacnumber, //\"000801627479\"\n pan: user.Pan, //\"AXAPP3847P\" //\n ihNo: parsrJson.ihno.toString(),\n };\n\n var options = {};\n await contextapi\n .postApiEncr2pCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n setshowStatus(true);\n //hardcoding for one bank for DEMO Pl remove this\n // if(parsrJson.bankcode == \"ICIC\"){\n // settrackStatus(true)\n // }else {\n // settrackStatus(false)\n // }\n //till here\n\n if (res[0].level1[0].Error_Message == \"success\") {\n if (res[0].level2[0].status == \"MRC\") {\n // all success\n settrackStatus(true);\n } else {\n // pending\n settrackStatus(false);\n }\n } else {\n }\n })\n .catch((err) => {\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n }\n };\n\n const [commonerror, setcommonerror] = useState(\"\");\n const registerEnatch = async () => {\n setregisterVal(false);\n let yearDifferencel = false;\n if (startDate && startDate2) {\n const dobl = new Date(startDate).getTime();\n const dateToComparel = new Date(startDate2).getTime();\n const agel = (dateToComparel - dobl) / (365 * 24 * 60 * 60 * 1000);\n\n setyearage(Math.floor(agel));\n if (Math.floor(agel) >= 1) {\n yearDifferencel = true;\n } else {\n yearDifferencel = false;\n }\n }\n\n if (values == \"\" || bankDetails.ifsccode == \"\") {\n setcommonerror(\"Please select Bank.\");\n } else if (maxAmount == \"\") {\n setcommonerror(\"Please select Amount.\");\n } else if (\n maxAmount == \"Other\" &&\n (otherAmount == \"\" || otherAmountError != \"\")\n ) {\n setcommonerror(\"Invalid Amount.\");\n } else if (yearDifferencel == false) {\n console.log(yearage);\n setcommonerror(\n \"Start Date and Until Cancelled Date difference should be One Year gap.\"\n );\n } else {\n setGlobalSpinner(true);\n setcommonerror(\"\");\n let dateformat = new Date(startDate);\n let monthRead = (dateformat.getMonth() + 1).toString();\n let apisdata = monthRead.length == 1 ? \"0\" + monthRead : monthRead;\n let mdateRead = dateformat.getDate().toString();\n let apisdatedata = mdateRead.length == 1 ? \"0\" + mdateRead : mdateRead;\n\n //2\n let dateformat2 = new Date(startDate2);\n let monthRead2 = (dateformat2.getMonth() + 1).toString();\n let apisdata2 = monthRead2.length == 1 ? \"0\" + monthRead2 : monthRead2;\n let mdateRead2 = dateformat2.getDate().toString();\n let apisdatedata2 =\n mdateRead2.length == 1 ? \"0\" + mdateRead2 : mdateRead2;\n\n let parsrJson = JSON.parse(values.seclectedbankAccount);\n var url = \"/enach/saveEnach\";\n var postobjt = {\n fund: configData.amcCode, //\"RMF\", //\n userId: user.Email_ID,\n pan: user.Pan,\n customerName: user.Investor_Name,\n email: user.Email_ID,\n contact: user.Mobile_No,\n currency: \"INR\",\n status: \"Initiated\",\n ihNo: \"0\", // need clarity\n txnAmt: \"1\", // always 1\n\n bankId: parsrJson.ifsccode.substring(0, 4), // parsrJson.BankPIN, // please chech and add bank code here\n accountNo: parsrJson.BankAcno,\n accountType:\n parsrJson.BnkAcType == \"SAVING\" ? \"SB\" : parsrJson.BnkAcType,\n ifscCode: parsrJson.ifsccode?.toUpperCase(),\n\n SIAmount:\n maxAmount == \"Other\" ? otherAmount : maxAmount.split(\",\").join(\"\"),\n SIAmountType: \"Max\",\n startDate:\n dateformat.getFullYear() + \"-\" + apisdata + \"-\" + apisdatedata,\n endDate:\n dateformat2.getFullYear() + \"-\" + apisdata2 + \"-\" + apisdatedata2,\n freq: \"ADHO\", // as per amc pl check\n\n enAuthMode: authModeVAlue, //netbanking for N,\n entDate: dateformat.getFullYear() + \"-\" + apisdata + \"-\" + apisdatedata,\n\n arnCode: null,\n euinCode: null,\n branch: null,\n\n customFund: configData.sipCustomFund,\n\n invDistflag: \"K\", // P for JMF\n authMode: null,\n enAccountNo: null,\n bankName: null,\n };\n console.log(url);\n var options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then(async (res) => {\n if (\n res[0] &&\n res[0].level1 &&\n (res[0].level1[0].Error_Message == \"success\" ||\n res[0].level1[0].Error_Message == \"Success\")\n ) {\n setGlobalSpinner(true);\n var encodedString = btoa(res[0].level2[0].en_ihno);\n console.log(res[0].level2[0].enach_url + encodedString);\n\n postobjt.ihNo = res[0].level2[0].en_ihno.toString();\n await getEnachURL(postobjt);\n } else {\n setNotifi({ val: true, msg: res[0].Error_Message });\n setGlobalSpinner(false);\n }\n })\n .catch((err) => {\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n }\n };\n\n const getEnachURL = async (params) => {\n const postobjt = {\n accountNumber:\n configData.ENV === \"UAT\" ? \"025199000004061\" : params.accountNo,\n accountType: configData.ENV === \"UAT\" ? \"SB\" : params.accountType,\n amount: params.SIAmount,\n amountType: params.SIAmountType,\n startDate: params.startDate.replace(/-/g, \"\"),\n endDate: params.endDate.replace(/-/g, \"\"),\n frequency: params.freq,\n ihNo: params.ihNo,\n customerName: params.customerName,\n ifscCode: configData.ENV === \"UAT\" ? \"YESB0000410\" : params.ifscCode?.toUpperCase(),\n mobileNo: params.contact,\n email: params.email,\n authMode: params.enAuthMode,\n bankID: configData.ENV === \"UAT\" ? \"YESB\" : params.bankId,\n returnURL: `${\n configData.baseURL[configData.ENV]\n }/enach/emandate/parseResponse`,\n successURL: `${\n configData.hostURL[configData.ENV]\n }/SuccessTransaction?t=enach&refNo=${params.ihNo}`,\n failureURL: `${configData.hostURL[configData.ENV]}/FailurTransaction`,\n };\n\n if(params.accountType === 'SB' || params.accountType === 'CA'){\n var url = \"/enach/emandate\";\n var options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n \n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then(async (res) => {\n console.log(\"/enach/emandate Response\", res);\n \n await contextapi\n .submitEmandateForm(res)\n .then((res) => {\n console.log(res);\n })\n .catch((err) => {\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n })\n .catch((err) => {\n console.log(\"/enach/emandate Error\", err);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n }else{\n setNotifi({ val: true, msg: \"Only Savings or Current Account Types are allowed for ENACH Registration\" });\n }\n };\n\n // !DatePicker Toggle\n const [openDatePicker, setDatePickerOpen] = useState(false);\n const [openDatePicker2, setDatePickerOpen2] = useState(false);\n\n const [untilDate, setUntillDate] = useState(false);\n\n const setUntillDateFunc = () => {\n setUntillDate(!untilDate);\n setStartDate2(min18yerslet);\n };\n\n return (\n Account Statements
\n \n {activities.map((activitie, index) => (\n <>\n activityHandler(index)}\n key={index}\n type=\"button\"\n className={\n index === activity\n ? \"activeState customdesign1\"\n : \"customdesign1\"\n }\n // className=\"global--ActivityNavBar--ActivityNavButton\"\n >\n {activitie}\n \n \n ))}\n \n
\n {activity === 0 ? \n
\n \n );\n};\nexport default Emandate;\n","export default __webpack_public_path__ + \"static/media/capitalgain-svg-iconsidenav.a0aefd15.svg\";","export default __webpack_public_path__ + \"static/media/accountstatement-svg-icon_sidenav.35b4693a.svg\";","import Home from \"../../../assets/svg/Home\";\n\nimport Dashboard from \"../../../pages/Dashboard/Dashboard\";\nimport Portfoilo from \"../../../pages/Portfolio/Portfolio\";\nimport Transact from \"../../../pages/Transaction/Transaction1\";\nimport SystematicInvestments from \"../../../pages/SystematicInvestements/SystematicInvestements\";\nimport MyTransactions from \"../../../pages/MyTransactions/MyTransactions\";\nimport TransactLogo from \"../../../assets/svg/TransactLogo\";\nimport SystematicPlanIcon from \"../../../assets/svg/SystematicPlanIcon\";\nimport MyTransactionLogo from \"../../../assets/svg/MyTransactionLogo\";\nimport LearnIcon from \"../../../assets/svg/LearnIcon\";\nimport Statementslogo from \"../../../assets/svg/StatementsIcon\";\nimport PortfolioIcon from \"../../../assets/svg/PortfolioIcon\";\nimport CapitalGainsStatements from \"../../../pages/Statements/CapitalGainsStatements\";\nimport AccountStatements from \"../../../pages/Statements/AccountStatements\";\nimport Emandate from \"../../../pages/Emandate/Emandates\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCreditCard } from \"@fortawesome/free-regular-svg-icons\"\nimport capitalgainsvgicon from \"../../../assets/svg/capitalgain-svg-iconsidenav.svg\"\nimport accountstatementsvgicon from \"../../../assets/svg/accountstatement-svg-icon_sidenav.svg\"\n///const [isfullScreen, setisfullScreen] = useState(false);\nvar isfs = false;\nvar baseName =\"\"\nexport const SideMenuItems = [\n {\n sideMenuItemName: \"Dashboard\",\n listItemClassName: \"nav-menu me-3 \",\n linkItemClassName: \"btn1 navItemCon\",\n path: baseName+\"/dashboard\",\n exact: true,\n icon: \n e-NACH\n
\n\n \n {list.map((folio, index) => (\n
\n )}\n \n folioOnClickHandler(index)}\n key={index}\n type='button'\n className={`btn btn-light portfolioButtonnew\" ${\n index == tab ? \"activebtn\" : \"\"\n }`}\n >\n {folio}\n \n
\n ))}\n\n \n {tab == 0 && (\n \n
\n )}\n\n {tab == 1 && (\n \n
\n Name
\n\n
\n\n \n
\n PAN
\n\n
\n\n \n Email
\n
\n \n
\n\n \n
\n Contact No.
\n\n
\n\n \n
\n Select Bank
\n\n
\n\n \n 
\n {\n handleFormData(\"seclectedbankAccount\", e.target.value);\n setPaymentError({\n ...paymentError,\n seclectedbankAccount: \"\",\n });\n }}\n >\n \n {bankDetailsdd.length === 0 ? (\n \n ) : (\n bankDetailsdd.map((item, index) => (\n \n {`${item.BankAcno}-${item.BankName}`}\n \n ))\n )}\n \n
\n \n
\n Account Number
\n\n
\n\n \n
\n IFSC Code
\n\n
\n\n \n
\n Max Amount
\n\n updateValue(e.target.value)}\n name='amount'\n onKeyPress={(e) => {\n validateinput(e);\n }}\n maxLength='8'\n />\n\n \n (Min Rs 500/- Max - Rs 1,00,00,000/-)\n \n
\n\n {otherAmountError}\n \n \n )}\n
\n\n \n \n TogetSchemeCategory(e)}\n >\n {schemeCategory !== null &&\n schemeCategory.map((value, index) => (\n \n
\n {maxAmount === \"Other\" && (\n <>\n \n
\n
\n\n \n Period
\n\n
\n From
\n\n ondobchange(date)}\n maxDate={min18yers}\n minDate={new Date()}\n selected={startDate}\n dateFormat=\"dd/MM/yyyy\"\n // format=\"dd-MM-yyyy\"\n\n /> */}\n
\n\n \n \n setDatePickerOpen(true)}\n onClose={() => setDatePickerOpen(false)}\n value={startDate}\n onChange={(date) => ondobchange(date)}\n minDate={new Date()}\n // maxDate={moment().subtract(18, \"years\")._d}\n // defaultCalendarMonth={moment().subtract(18, \"years\")._d}\n renderInput={(params) => {\n return (\n setDatePickerOpen(true)}\n />\n );\n }}\n />\n \n
\n {/* \n
\n To
\n\n
\n \n
\n \n ondobchange2(date)}\n maxDate={min18yers}\n minDate={new Date()}\n selected={startDate2}\n dateFormat=\"dd/MM/yyyy\"\n // showMonthDropdown\n // showYearDropdown\n disabled={untilDate}\n /> */}\n
\n \n \n setDatePickerOpen2(true)}\n onClose={() => setDatePickerOpen2(false)}\n value={startDate2}\n disabled={untilDate}\n onChange={(date) => ondobchange2(date)}\n minDate={new Date()}\n // maxDate={moment().subtract(18, \"years\")._d}\n maxDate={moment(startDate).add(40,\"years\")._d}\n // defaultCalendarMonth={moment().subtract(18, \"years\")._d}\n renderInput={(params) => {\n return (\n setDatePickerOpen2(true)}\n />\n );\n }}\n />\n \n
\n {/* \n
\n Auth. mode
\n\n {/* */}\n handleFormDataauthmode(e.target.value)}\n >\n \n {authMode.length === 0 ? (\n \n ) : (\n authMode.map((item, index) => (\n \n {`${item.name}`}\n \n ))\n )}\n \n
\n \n \n Register\n \n
\n {commonerror}
\n\n\n
\n \n
\n Select Bank
\n\n
\n\n \n \n {\n handleFormData2(\"seclectedbankAccount\", e.target.value);\n }}\n >\n \n {bankDetailsTrack.length === 0 ? (\n \n ) : (\n bankDetailsTrack.map((item, index) => (\n \n {`${item.bankname}-${item.bankacnumber}`}\n \n ))\n )}\n \n
\n \n {showStatus && (\n \n
\n )}\n - \n
- \n
\n\n Documents Submission\n \n \n\n {/* - \n
\n Approved by Bank\n \n \n\n - \n
\n \n Approved by NPCI\n
\n (TAT 2-3 days)\n \n \n */}\n\n - \n
\n Mandate Registration\n \n \n\n {/* className=\"pt-4 ml-0 fa fa-check\" */}\n
\n\n
\n\n // \n
\n \n
\n \n \n Switch\n \n
\n \n
\n \n\n
\n \n Please select the Scheme from which you would like to redeem your units\n \n \n {value.length > 0 && (\n set_getFolioNumber(e.target.value)}\n >\n {value.map((item, index) => (\n \n ))}\n \n )}\n
\n\n \n\n {value.map((item, index) => (\n
\n \n
\n ))} \n \n \n handleSchemeSelect(item)}\n />\n \n \n
\n \n \n {item.SchemeName}\n \n \n |
\n \n {item.SchemeType}\n \n\n // }\n // />\n //
\n )\n}\n\nexport default SwitchRegistrationPage1\n","import React from \"react\";\n\nconst SchemeLogo = () => {\n return (\n \n \n
\n );\n};\n\nexport default SchemeLogo;\n","import React from \"react\";\n\nconst PathLogo = () => {\n return (\n \n \n \n \n \n \n
\n );\n};\n\nexport default PathLogo;\n","export default __webpack_public_path__ + \"static/media/AmountRedeem.fbec4ae5.svg\";","import React, { useState } from \"react\";\nimport RedeemAmount from \"../../assets/Images/Redeem/AmountRedeem.svg\";\nimport Dropdown from \"react-bootstrap/Dropdown\";\nimport Radio from \"@mui/material/Radio\";\nimport RadioGroup from \"@mui/material/RadioGroup\";\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\nimport FormControl from \"@mui/material/FormControl\";\nimport FormLabel from \"@mui/material/FormLabel\";\nimport { price_in_words } from \"../../helperFunctions/helperFunctions\";\nconst AmountValue = ({\n selectedDetails,\n minValueDetails,\n onHandelChanges,\n radioValue,\n setRadioValue,\n balUnitsTaxSavr,\n inputVal,\n handleInput,\n AmountOrUnitErrorMsg,\n validateRedeemAmt,\n RedeemHandleRedeemBtn,\n setRedeemHandleRedeemBtn,\n preceedtonext,\n Transact,\n}) => {\n // const [AmountValues, setAmountValues] = useState({\n // 'inputValue': '',\n // 'btnAmountValue': '',\n // 'selectedinput': false\n\n // });\n\n const [btnAmountValue, setbtnAmountValue] = useState(\"Amount\");\n const updateBtnName = (that) => {\n setbtnAmountValue(that);\n setRedeemHandleRedeemBtn(that);\n // setAmountValues({\n // ...AmountValues,\n // btnAmountValue: that\n // })\n\n // sendTOParent(AmountValues);\n };\n\n const [inputValue, setinputValue] = useState(\"\");\n const [value, setValue] = React.useState(\"full\");\n\n const updateValue = (e) => {\n setinputValue(e.target.checked);\n\n // setAmountValues({\n // ...AmountValues,\n // selectedinput: e.target.checked\n // });\n // sendTOParent(AmountValues);\n };\n\n const handleChangeUnits = (event) => {\n setValue(event.target.value);\n setRadioValue(event.target.value);\n };\n\n const [enteredInput, setenteredInput] = useState(\"\");\n const enteredInputData = (e) => {\n // preceedtonext(e)\n // validateRedeemAmt(e);\n // handleInput(\"redeemAmt\",e)\n // setenteredInput(e.target.value);\n // setAmountValues({\n // ...AmountValues,\n // inputValue: e.target.value\n // });\n };\n\n const onHandelChanges_bypass = (str, val) => {\n if (!val || val.match(/^\\d{1,}(\\.\\d{0,3})?$/)) {\n onHandelChanges(str, val);\n }\n };\n return (\n \n
\n );\n};\n\nexport default AmountValue;\n","let oneday = 86400000;\nlet today = new Date();\nlet min18yersletnew = new Date(today.getTime() - oneday * 365 * 18);\nmin18yersletnew.setDate(today.getDate());\nexport const min18yerslet = min18yersletnew;\n","import React, { useState, useEffect, useLayoutEffect } from \"react\";\nimport \"./AlertDialog.scss\";\nimport Button from \"@mui/material/Button\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport DialogActions from \"@mui/material/DialogActions\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\nimport { useTheme } from \"@mui/material/styles\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport DialogContentText from \"@mui/material/DialogContentText\";\n// import DatePicker from \"react-datepicker\";\nimport { min18yerslet } from \"./DateOfBirthValidation\";\nimport dropimg from \"../../../assets/Images/dummydropdowndatepickeimg.svg\";\nimport inputPath from \"../../../assets/Images/inputPath.png\";\nimport calander from \"../../../assets/Images/calendar.png\";\nimport TextField from \"@mui/material/TextField\";\nimport AdapterDateFns from \"@mui/lab/AdapterDateFns\";\nimport LocalizationProvider from \"@mui/lab/LocalizationProvider\";\nimport DatePicker from \"@mui/lab/DatePicker\";\nimport isWeekend from \"date-fns/isWeekend\";\nimport moment from \"moment\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\n\nexport default function CustomizedDialogs(props) {\n const theme = useTheme();\n const fullScreen = useMediaQuery(theme.breakpoints.down(\"md\"));\n const setNotifi = useNotificationActionsContext();\n const [min18yers, setmin18yers] = useState(min18yerslet);\n\n let maxDayhere = new Date();\n\n let minDate = new Date(new Date().setDate(new Date().getDate() + 1));\n const formateDate = moment(minDate).format(\"DD/MM/YYYY\");\n\n const [mindisplay, setmindisplay] = useState(minDate);\n const [startDate, setStartDate] = useState(minDate);\n const [maxDayhereCOnst, setmaxDayhereCOnst] = useState();\n const [openPoPUp, setOpenPoPUP] = useState(false);\n let count = 0;\n useEffect(() => {\n // console.log(props,'props Called')\n // console.log('calleduse Effect',)\n let today = new Date();\n // console.log((today.getUTCDay() + 6) % 7)\n const daysToAdd = mapToWorkdays(today, 7);\n maxDayhere.setDate(today.getDate() + daysToAdd);\n // console.log(maxDayhere);\n setmaxDayhereCOnst(maxDayhere);\n count = 0;\n // setOpenPoPUP(true);\n // console.log(mindisplay);\n props.setScheduleForFutureDate(mindisplay);\n // console.log(document.getElementsByClassName(\"MuiOutlinedInput-input\"),'useEffecr 1')\n }, []);\n\n useEffect(() => {\n // console.log('Schedule For Future Data sads Called',mindisplay)\n // console.log(document.getElementsByClassName(\"MuiOutlinedInput-input\"),'useEffecr 2')\n // if(document.getElementsByClassName(\"MuiOutlinedInput-input\").length !== 0){\n // document.getElementsByClassName(\"MuiOutlinedInput-input\")[0].setAttribute('disabled', true)\n // }\n props.setScheduleForFutureDate(mindisplay);\n }, []);\n\n useLayoutEffect(() => {\n // if(document.getElementsByClassName(\"MuiOutlinedInput-input\").length !== 0){\n // }\n document\n .querySelectorAll(\".MuiOutlinedInput-input\")[0]\n ?.setAttribute(\"readOnly\", true);\n console.log(\n document.querySelectorAll(\".MuiOutlinedInput-input\"),\n \"use layout\"\n );\n }, [openPoPUp]);\n\n // console.log(typeof(startDate))\n const mapToWorkdays = (date, add) => {\n const wd = weekday(date);\n\n let r = Math.trunc(add / 5) * 2;\n\n const rem = add % 5;\n\n if (wd > 4) r += 6 - wd;\n else if (wd + rem > 4) r += 2;\n console.log(\"map work day Called\", add + 2);\n\n return add + r;\n };\n\n const weekday = (date) => {\n return (date.getUTCDay() + 6) % 7;\n };\n\n const ondobchange = (date) => {\n console.log(date);\n props.setScheduleForFutureDate(date);\n setStartDate(date);\n };\n\n const handleRedirect = () => {\n // console.log('handle Redirect Called')\n if (startDate) {\n props.setScheduleStatus(true);\n props.nextStep();\n }\n\n // if(startDate < mindisplay){\n // setNotifi({ val: true, msg: \"selected Date should not be less than the currentDate\" });\n // }\n // else if(startDate > maxDayhereCOnst){\n // setNotifi({ val: true, msg: \"selected date should be only from the 7 working days\" });\n // }\n // else if(startDate !==\"\"){\n // props.setScheduleStatus(true)\n // props.nextStep()\n // }\n };\n\n // const openDatePicker = () =>{\n // setOpenPoPUP(~openPoPUp)\n // }\n\n // console.log(openPoPUp)\n return (\n \n {Transact === \"switch\" ? \"Switch Type\" : \"Redemption Type\"}\n
\n \n \n \n \n )} */}\n
\n \n \n \n \n
\n\n \n {radioValue !== \"\" && radioValue !== \"full\" ? (\n
\n\n {/* \n \n Amount/ Units*\n \n \n Please select amount or unit from the below dropdown\n \n
\n ) : (\n <>\n )}\n \n
\n\n \n
\n \n \n \n \n \n {\n updateBtnName(\"Amount\");\n // onHandelChanges(\"btnAmountValue\", \"Amount\");\n }}\n >\n Amount\n \n\n {\n updateBtnName(\"Unit\");\n // onHandelChanges(\"btnAmountValue\", \"Unit\");\n }}\n >\n Unit\n \n \n \n \n\n
\n \n {/* {btnAmountValue} */}\n {RedeemHandleRedeemBtn === \"\" ||\n RedeemHandleRedeemBtn === \"Amount\"\n ? \"Amount\"\n : \"Unit\"}\n
\n \n\n {\n // enteredInputData(e.target.value);\n onHandelChanges_bypass(\"inputValue\", e.target.value);\n // onHandelChanges(\"inputValue\", e.target.value);\n }}\n // onKeyPress={(event) =>{\n // if (!/^[0-9]/.test(event.key)) {\n // event.preventDefault();\n // }\n // }}\n />\n
\n \n {radioValue !== \"full\" &&\n RedeemHandleRedeemBtn === \"Amount\" &&\n inputVal.redeemAmt != \"\" &&\n `(Rupees ${price_in_words(inputVal.redeemAmt)} only)`}\n
\n{AmountOrUnitErrorMsg}
\n\n \n {RedeemHandleRedeemBtn == \"\" || RedeemHandleRedeemBtn === \"Amount\"\n ? Transact === \"switch\"\n ? \"Min. Switch Amount :\"\n : \"Min. Redeem Amount :\"\n : // \"Applicable Exit Load:\"\n \"\"}\n \n\n {/* : */}\n \n {RedeemHandleRedeemBtn === \"\" ||\n RedeemHandleRedeemBtn === \"Amount\"\n ? minValueDetails[\"Min. Switch-In Amount\"] + \"\"\n : // minValueDetails[\"Total Applicable Units\"]\n \"\"}\n \n
\n \n Total Available Unit:\n \n\n {/* \n :\n */}\n \n {minValueDetails[\"Current Value\"]}\n \n
\n \n Free Unit : \n \n\n {/* \n :\n */}\n \n {selectedDetails?.Mt_scheme === \"TG\" ? balUnitsTaxSavr?.ClearedUnits:balUnitsTaxSavr?.TotUnits} Units\n \n
\n \n \n Total Available Unit:\n \n\n {/* \n :\n */}\n \n {minValueDetails[\"Current Value\"]}\n \n
\n \n Free Unit : \n \n\n {/* \n :\n */}\n \n {selectedDetails?.Mt_scheme === \"TG\" ? balUnitsTaxSavr?.ClearedUnits:balUnitsTaxSavr?.TotUnits} Units\n \n
\n
*/}\n {/* \n {\n updateValue(e);\n onHandelChanges(\"selectedinput\", e.target.checked);\n }}\n />\n \n {btnAmountValue == \"Amount\" ? \"Full\" : \"All units\"}\n \n
\n \n
*/}\n\n {/* ) : (\n \n {\n updateValue(e);\n onHandelChanges(\"selectedinput\", e.target.checked);\n }}\n />\n \n {btnAmountValue == \"Unit\" ? \"Partial\" : \"Partial units\"}\n \n
\n \n {/* {\"Schedule for future\"} */}\n
\n Schedule For Future
\n\n
\n \n
\n \n setOpenPoPUP(true)}\n />\n \n\n \n {\n setOpenPoPUP(true);\n }}\n onChange={(newValue) => {\n setStartDate(newValue);\n props.setScheduleForFutureDate(newValue);\n setOpenPoPUP(false);\n }}\n className=\"Date\"\n open={openPoPUp}\n renderInput={(params) => (\n setOpenPoPUP(true)}\n />\n )}\n >\n \n {/* */}\n
\n \n
\n \n Redemption\n
\n \n {frequencyErrorState}\n
\n )}\n {/*\n
*/}\n \n
\n \n
\n \n
\n\n \n \n \n {amountErrorState}\n \n )}\n {/*
\n \n getMinAmountAwait()}\n onKeyPress={(event) => {\n if (!/[0-9]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n onChange={(e) => {\n props.handleInputPage4(\"amount\", e.target.value);\n onAmountChange(e.target.value);\n }}\n />\n
\n \n
\n \n {(props.values.amount) && `(Rupees ${price_in_words(props.values.amount)} only)`}\n
\n \n {amountErrorState && (\n\n
\n \n \n
\n \n {\n props.handleInputPage4(\n \"noOfInstallment\",\n e.target.value\n );\n getNoOfInstallment(e.target.value);\n }}\n onKeyPress={(event) => {\n if (!/[0-9]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n onBlur={(e) => chekNoOFInstallMent(props.values.SWPDate)}\n />\n
\n {noOfInstallmentErrorState && (\n \n {noOfInstallmentErrorState}\n
\n )}\n {/*\n \n
\n \n {\n props.handleInputPage4(\"SWPDate\", e.target.value);\n getStpDateFromDropDown(e.target.value);\n }}\n >\n \n {props.swpDates !== null ? (\n props.swpDates &&\n props.swpDates.map((date, index) => (\n \n ))\n ) : (\n <>\n )}\n \n
\n {props.values.frequency === \"Daily\" && (\n \n (29, 30 & 31 are not allowed)\n \n )}\n {STPDateErrorState && (\n \n {STPDateErrorState}\n
\n )}\n {/*\n
\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n {\n props.handleInputPage4(\"TermsCheckBox\", e.target.checked);\n onTermsChange(\"TermsCheckBox\", e.target.checked);\n }}\n id=\"flexCheckChecked\"\n />\n \n I have read the{\" \"}\n
\n {checkboxErrorState && (\n \n Scheme information Documents\n
\n and I accept the\n\n Terms and Conditions\n
\n \n\n {checkboxErrorState}\n
\n )}\n {/*\n handleRedirect()}\n type=\"button\"\n >\n Proceed\n \n
\n \n \n Your Investment Details\n \n
\n \n );\n};\n\nexport default STPRegistration4;","import React from \"react\";\n\nconst LeftContentLogo = () => {\n return (\n \n \n \n {props.constructFinalPageObject.userSelectedFolioNum}\n \n
\n {/* \n \n \n Fixed\n \n
*/}\n \n \n \n {props.constructFinalPageObject.userSelectedFolioScheme.Mt_funddesc}\n \n
\n {/* \n \n
*/}\n \n \n \n {props.constructFinalPageObject.userSelectedFolioScheme.Mt_balunit}\n \n
\n \n \n \n {props.constructFinalPageObject.userSelectedFolioScheme.Mt_mktvalue}\n \n
\n \n \n \n {JSON.parse(props.constructFinalPageObject.toScheme).fm_schdesc +\n \" - \" +\n JSON.parse(props.constructFinalPageObject.toPlan).fm_plandesc +\n \" - \" +\n JSON.parse(props.constructFinalPageObject.toOption).fm_optiondesc}\n \n
\n {/* \n \n
*/}\n \n \n
\n );\n};\n\nexport default LeftContentLogo;\n","import React, { useState } from \"react\";\nimport LeftContentLogo from \"../svg/svgRegistrationPage5/LeftContentLogo\";\nimport \"./css/TransactionConfirmationPage.css\";\n\nconst TransactionConfirmationPage = (props) => {\n const handleRedirect = () => {\n // console.log(props.setStep(props.step+1));\n props.setStep(props.step + 1);\n // props.submitUserConfirmation(true);\n };\n\n const handleRedirectBack = () => {\n props.setStep(props.step - 1);\n };\n\n return (\n \n
\n );\n};\n\nexport default TransactionConfirmationPage;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport TransactionConfirmationPage from \"../../STPRegistration/RegistrationReusableComponents/TransactionConfirmationPage\";\n\n\nconst STPTransactionConfirmationPage = (props) => {\n \n \n const history = useHistory();\n const [submitUserConfirmation, setSubmitUserConfirmation] = useState(false);\n\n // console.log(submitUserConfirmation);\n const handleRedirectCancel = () => {\n console.log(\"hello\");\n };\n\n useEffect(async () => {\n window.scrollTo(0,0)\n if(props.constructFinalPageObject){\n // await saveSWPTransactionDetails();\n }\n }, []);\n\n \n // console.log(submitUserConfirmation)\n // console.log(props.constructFinalPageObject);\n\n return (\n \n
\n \n
\n \n
\n \n \n {/* Transaction Confirmation */}\n {props.HeadingText}\n \n
\n
\n \n
\n \n Please check the following details. If the details displayed below\n are correct click the ‘Confirm’ button. On your confirmation an\n e-maill will be sent to your registered e-mail address\n
\n\n
\n
\n \n \n \n {/* 23456123454 */}\n {props.FolioNum}\n \n
\n \n \n \n {/* 000000-0 */}\n {props.ARNorRIA}\n \n
\n \n \n \n {/* 000000-0 */}\n {props.EuinNum}\n \n
\n \n
\n \n \n Scheme Details\n \n
\n \n \n \n {/* JMF Mutual Equity Savings fund */}\n {props.SchemeInValue}\n \n
\n\n {\n props.TypeLabel && \n \n \n \n {/* JMF Mutual Tax Saver Fund-DirectGrowth-Growth */}\n {props.TypeLabelVal}\n \n
\n }\n\n {\n props.SchemeOutLabel && \n \n \n \n {/* JMF Mutual Tax Saver Fund-DirectGrowth-Growth */}\n {props.SchemeOutVal}\n \n
\n }\n \n {/* */}\n {/* */}\n {/* */}\n {/* Fixed */}\n {/* {props.TypeLabelVal} */}\n {/* \n
*/}\n \n \n \n {/* ₹5000 */}\n {props.InstallmentAmtVal}\n \n
\n \n \n \n {/* Daily */}\n {props.FrequencyValue}\n \n
\n \n \n \n {/* 04/01/2021 */}\n {props.StartingDateVal}\n \n
\n \n \n \n {/* 04/07/2022 */}\n {props.EndDateVal}\n \n
\n \n \n \n {/* 391 */}\n {props.NumOfInstallmentsVal}\n \n
\n \n handleRedirectBack()}\n >\n Back\n \n handleRedirect()}\n >\n {\" \"}\n Confirm{\" \"}\n \n
\n \n
\n );\n};\n\nexport default STPTransactionConfirmationPage;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useGlobalSideNavActionsContext } from \"../../components/SideNavBar/useSidenav\";\nimport TransactSuccess from \"../CommonComponents/Transact/TransactSuccess\";\nimport configData from \"../../config/config.json\";\nimport { Context } from \"../../services/apiContext\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport STPRegistration1 from \"./components/STPRegistration1\";\nimport STPRegistration2 from \"./components/STPRegistration2\";\nimport STPRegistration3 from \"./components/STPRegistration3\";\nimport STPRegistration4 from \"./components/STPRegistration4\";\nimport STPTransactionConfirmationPage from \"./components/STPTransactionConfirmationPage\";\nimport VerifyOTP from \"../PersonalDetails/VerifyOTP\";\nimport { getUserDetailsFromLocal } from \"../../helperFunctions/helperFunctions\";\nimport { useSelector } from \"react-redux\";\nimport moment from \"moment\";\n\nconst STPMain = () => {\n const user = useSelector((state) => state.authentication.user);\n\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n const [step, setStep] = useState(1);\n const [schemeOption, setSchemeOption] = useState(\"\");\n const [panAssoiciatedFolios, setPANAssociatedFolios] = useState(null);\n // console.log(\"26\");\n const [inputVal, setInputVal] = useState({\n installmentPeriod: \"\",\n amount: \"\",\n Frequency: \"\",\n SWPDate: \"\",\n SWPStartDate: \"\",\n SWPEndDate: \"\",\n withDrawalOption: \"capital\",\n noOfWithDrawal: \"\",\n });\n\n const [schemeInputVal, setSchemeInputVal] = useState({\n SchemeCategory: \"\",\n SchemeName: \"\",\n SchemePlan: \"\",\n SchemeOption: \"\",\n SchemeCategory: \"\",\n });\n\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [userSelectedFolioNum, setUserSelectedFolioNum] = useState(\"\");\n const [selectedSchemeInfo, setSelectedSchemeInfo] = useState(null);\n const [submitResultRef, setSubmitResultRef] = useState(null);\n const [transactionConfirmation, setTransactionConfirmation] = useState(false);\n const [schemeConfirmationDetails, setSchemeConfirmationDetails] =\n useState(null);\n\n //STPRegistrationPage2 form validation states\n const [ArnValid, setArnValid] = useState(null);\n const [EuinBasedOnArn, setEuinBasedOnArn] = useState(null);\n const [EuinValid, setEuinValid] = useState(null);\n const [RiaValid, setRiaValid] = useState(null);\n\n //STPRegistrationPage2 form validation error States\n const [ArnValidError, setArnValidError] = useState(null);\n\n //Regex for validating SubBrokerCode and SubBrokerArnCode need to replace after Api creation\n var subBrokerArnValid = /^[A]{1}[R]{1}[N]{1}[-]{1}[a-zA-Z0-9]{1,7}$/;\n\n useEffect(async () => {\n try {\n await getPANAssociatedFolios();\n // if (transactionConfirmation === true) {\n // await saveSTPTransactionDetails();\n // }\n } catch (err) {\n console.log(err);\n }\n }, [transactionConfirmation]);\n\n const getSubmitResultRef = (result) => {\n console.log(result);\n setSubmitResultRef(result);\n };\n\n const saveSTPTransactionDetails = async () => {\n let formatDateFrom = constructFinalPageObject.SWPStartDate.split(\"/\");\n let formatDateto = constructFinalPageObject.SWPEndDate.split(\"/\");\n\n console.log(\n constructFinalPageObject.userSelectedFolioScheme,\n \"constructFinalPageObject.userSelectedFolioScheme\",\n\n );\n var url = \"/stp/saveSTPTransactionDetails\";\n var postobjt = {\n fund: \"105\",\n scheme: constructFinalPageObject.userSelectedFolioScheme.Mt_scheme,\n plan: constructFinalPageObject.userSelectedFolioScheme.Mt_plan,\n option: constructFinalPageObject.userSelectedFolioScheme.Mt_option,\n accountNumber: constructFinalPageObject.userSelectedFolioNum.toString(),\n toScheme:\n constructFinalPageObject.toScheme === \"\"\n ? \"\"\n : JSON.parse(constructFinalPageObject.toScheme).fm_scheme,\n toPlan:\n constructFinalPageObject.toPlan === \"\"\n ? \"\"\n : JSON.parse(constructFinalPageObject.toPlan).fm_plan,\n toOption:\n constructFinalPageObject.toOption === \"\"\n ? \"\"\n : JSON.parse(constructFinalPageObject.toOption).fm_option,\n distributor: constructFinalPageObject.investThrough,\n euinNo:\n inputValPage3.investThrough === \"Distributor\"\n ? constructFinalPageObject.euinNo\n : \"\",\n euinFlag:\n inputValPage3.investThrough === \"Distributor\"\n ? constructFinalPageObject.euinFlag\n : \"\",\n euinOption: \"\",\n subBrokerArnCode:\n inputValPage3.investThrough === \"Distributor\"\n ? inputValPage3.subBrokerArnCode\n : \"\",\n riaCode: inputValPage3.investThrough === \"RIA\" ? inputValPage3.ria : \"\",\n// var myDate = \"2017-08-30T14:24:03\";\n// console.log(moment(myDate).format(\"HH:mm\")); // 24 hour format\n// console.log(moment(myDate).format(\"hh:mm a\")); // use 'A' for uppercase AM/PM\n// console.log(moment(myDate).format(\"hh:mm:ss A\"))\n // transactionDate: moment(new Date()),\n transactionDate: moment(new Date()).format(\"YYYY/MM/DD\") + \" \" +moment(new Date()).format(\"hh:mm:ss A\") ,\n branch: \"WB99\",\n transactionType: \"STP\",\n amount:\n inputValPage4.amount !== \"\"\n ? constructFinalPageObject.amount.toString()\n : \"\",\n lastName: user ? user.Investor_Name : \"\",\n entBy: user ? user.Email_ID : \"\",\n frequency:\n inputValPage4.frequency !== \"\"\n ? constructFinalPageObject.Frequency.substring(0, 1)\n : \"\",\n startDate:\n formatDateFrom[2] + \"/\" + formatDateFrom[1] + \"/\" + formatDateFrom[0], //constructFinalPageObject.SWPStartDate,\n endDate: formatDateto[2] + \"/\" + formatDateto[1] + \"/\" + formatDateto[0], //constructFinalPageObject.SWPEndDate,\n stpSwpType: \"1\",\n portalTrackingId: \"\",\n ip: \"\",\n stpOption: \"F\", //F Fixed C Capital Appreciation we are keeping it hard code because Harish sir(Sai) are confirmed it has to fixed\n rcpNo: \"\",\n applDate: \"\",\n userID: user ? user.Email_ID : \"\",\n NameOfInvestor: user ? user.Investor_Name : \"\",\n // STPOutName:\n STPOutName:\n selectedSchemeInfo !== null ? selectedSchemeInfo.Mt_funddesc : \"\",\n // STPOutName:\n STPInName:\n schemeInputVal.SchemeName !== \"\" &&\n schemeInputVal.SchemePlan !== \"\" &&\n schemeInputVal.SchemeOption !== \"\"\n ? JSON.parse(schemeInputVal.SchemeName).fm_schdesc +\n \"-\" +\n JSON.parse(schemeInputVal.SchemePlan).fm_plandesc +\n \"-\" +\n JSON.parse(schemeInputVal.SchemeOption).fm_optiondesc\n : \"\",\n period: \"10\",\n installments:\n inputValPage4.noOfInstallment !== \"\"\n ? inputValPage4.noOfInstallment\n : \"\",\n brokerCode: ArnValid !== null ? ArnValid[0].Abm_agent : \"\",\n brokerName: ArnValid !== null ? ArnValid[0].Abm_name : \"\",\n modeOfTransaction: ArnValid !== null ? \"ARN\" : \"\",\n mobileNo: user ? String(user.Mobile_No) : \"\",\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n console.log(postobjt, \"postobjtpostobjt\");\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res, \"final response\");\n getSubmitResultRef(res);\n setGlobalSpinner(false);\n setStep(step + 1);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n setStep(step - 1);\n });\n };\n\n const getPANAssociatedFolios = async () => {\n var url = \"/quickAdditionalPurchase/getPANAssociatedFolios\";\n console.log(getUserDetailsFromLocal());\n var postobjt = {\n fund: configData.amcCode,\n pan: user.Pan?.toUpperCase(),\n email: user.Email_ID,\n bankAccNo: null,\n };\n\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n if (res) {\n if (res.length != 0) {\n setUserSelectedFolioNum(res[0].folios[0].Folio);\n setPANAssociatedFolios(res[0].folios);\n }\n // setGlobalSpinner(false);\n }\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const handleInput = (input, value) => {\n // console.log(input, value);\n setInputVal((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n };\n\n const handleScheme = (scheme, selectedSchemeDetails) => {\n // console.log(panAssoiciatedFolios);\n if (scheme !== \"\") {\n setSchemeOption(scheme);\n if (schemeOption.Scheme === \"option1\") {\n setStep(step + 1);\n }\n }\n if (selectedSchemeDetails !== null) {\n setSelectedSchemeInfo(selectedSchemeDetails);\n console.log(selectedSchemeDetails);\n }\n };\n\n if (step === 1 || step === 2 || step === 3 || step === 4) {\n setGlobalSideNav(true);\n } else {\n setGlobalSideNav(false);\n }\n\n // console.log(userSelectedFolioNum);\n\n const submitUserConfirmation = (status) => {\n console.log(status);\n setTransactionConfirmation(status);\n };\n\n const [inputValPage3, setInputValPage3] = useState({\n investThrough: \"Direct\",\n arn: \"ARN-\",\n subBrokerCode: \"\",\n subBrokerArnCode: \"ARN-\",\n euin: \"Yes\",\n EuinValue: \"\",\n euinDecleration: false,\n ria: \"\",\n });\n\n const handleInputPage2 = (input, value) => {\n setSchemeInputVal((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n };\n\n const handleInputPage3 = (input, value) => {\n setInputValPage3((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n };\n\n const [inputValPage4, setInputValPage4] = useState({\n frequency: \"\",\n startDate: \"\",\n endDate: \"\",\n amount: \"\",\n TermsCheckBox: false,\n installmentPeriod: \"\",\n noOfInstallment: \"\",\n SWPDate: \"\",\n SWPStartDate: \"\",\n SWPEndDate: \"\",\n SWPStartDate_Format: \"\",\n SWPEndDate_Format: \"\",\n });\n\n const handleInputPage4 = (input, value) => {\n setInputValPage4((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n };\n\n const otpverified = async (e) => {\n console.log(e, \"otpverifiedotpverifiedotpverified\");\n if (e === \"error\") {\n setStep(step - 1);\n } else {\n await saveSTPTransactionDetails();\n }\n };\n\n const constructFinalPageObject = {\n userSelectedFolioNum: userSelectedFolioNum,\n ARNorRIALabel:\n inputValPage3.investThrough === \"Distributor\"\n ? \"ARN Num\"\n : inputValPage3.investThrough === \"RIA\"\n ? \"RIA Num\"\n : \"Direct\",\n ARNorRIA:\n inputValPage3.investThrough === \"Distributor\" && ArnValid !== null\n ? inputValPage3.arn + \"-\" + ArnValid[0].Abm_name\n : inputValPage3.investThrough === \"RIA\"\n ? inputValPage3.ria\n : \"000000-0/Direct\",\n EuinNum:\n inputValPage3.investThrough === \"Distributor\"\n ? inputValPage3.euin === \"No\"\n ? inputValPage3.EuinValue\n : \"\"\n : \"\",\n userSelectedFolioScheme: selectedSchemeInfo,\n Frequency: inputValPage4.frequency,\n installmentPeriod: inputValPage4.installmentPeriod,\n amount: inputValPage4.amount,\n SWPStartDate: inputValPage4.SWPStartDate,\n SWPEndDate: inputValPage4.SWPEndDate,\n noOfInstallment: inputValPage4.noOfInstallment,\n toScheme: schemeInputVal.SchemeName,\n toPlan: schemeInputVal.SchemePlan,\n toOption: schemeInputVal.SchemeOption,\n investThrough: inputValPage3.investThrough,\n euinFlag: inputValPage3.euin == \"Yes\" ? \"Y\" : \"N\",\n euinNo: inputValPage3.EuinValue,\n schemeConfirmationDetails: schemeConfirmationDetails,\n };\n\n // console.log(userSelectedFolioNum);\n\n const TransactionSuccessPageObject = {\n TransactSuccessHeading: \"Thank you for your STP transaction!\",\n TransactionSuccessMsg: `Your transaction has been processed succesfully and the same will be processed based on the applicable NAV.`,\n TransactionRefNumberMsg:\n \"Please note that the reference number for this transaction is\",\n };\n const [swpDates, setSWPDates] = useState(null);\n const [minAmt, setMinAmt] = useState(\"\");\n const [mininst, setMininst] = useState(\"\");\n\n const goToStepOne = () => {\n setGlobalSideNav(true);\n // setstep(1);\n window.location.reload();\n };\n\n // console.log(ArnValid)\n // console.log(EuinBasedOnArn)\n console.log(step);\n return (\n <>\n {step === 1 && panAssoiciatedFolios !== null ? (\n \n
\n \n
\n \n \n \n Your Investment Details\n \n
\n \n );\n};\n\nexport default STPRegistrationPage3;\n","import React, { useContext, useState, useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport SchemeLogo from \"./svg/svgRegistrationPage2/SchemeLogo\";\nimport PathLogo from \"./svg/svgRegistrationPage2/PathLogo\";\nimport UserIcon from \"../AccountDetailsTransactions/svg/NomineeSvgs/NomineeUserLogo\";\nimport RegistrationPageHeader from \"./RegistrationReusableComponents/RegistrationPageHeader\";\nimport { Formerror } from \"../../components/formerror\";\nimport {\n FormControl,\n FormControlLabel,\n Radio,\n RadioGroup,\n} from \"@mui/material\";\n\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport \"./css/STPRegistrationPage2.css\";\n// import { FormControl, RadioGroup } from \"@mui/material\";\nimport STPRegistrationPage3 from \"./STPRegistrationPage3\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\n\nconst STPRegistrationPage2 = (props) => {\n const contextapi = useContext(Context);\n const history = useHistory();\n const [step, setStep] = useState(1);\n const [STPSelectSchemeErrors, setSTPSelectSchemeErrors] = useState({});\n\n const [withdrawalStatus, setwithdrawalStatus] = useState(false);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const [schemeCategoryType, setSchemeCategoryType] = useState(null);\n const [selectedRadio, setSelectedRadio] = useState(\"\");\n console.log(selectedRadio);\n const [data, setData] = useState({\n selectedScheme: \"\",\n selectCategory: \"DEBT FUND\",\n selectedPlan: \"\",\n selectedInvestment: \"\",\n selectedAmount: \"\",\n });\n console.log(data.selectCategory);\n const [schemeValues, setSchemeValues] = useState([]);\n console.log(schemeValues);\n const [schemePlanDetails, setSchemePlanDetails] = useState([]);\n //console.log(scheme)\n // const [inputVal, setInputVal] = useState({\n // schemeCategory: \"\",\n // scheme: \"\",\n // schemePlan: \"\",\n // schemeOption: \"\",\n // subOption: \"\",\n // });\n\n // const handleInput = (event) => {\n // setInputVal({\n // ...inputVal,\n // [event.target.name]: event.target.value,\n // });\n // };\n // const [schemePlan, setSchemePlan] = useState()\n // const handleSchemeCataegory = (event) =>{\n // setSchemePlan(event.target.value)\n // }\n\n useEffect(async () => {\n try {\n await getSchemeCategory();\n await getPopulateSchemesLumpsum();\n await getSchemePlanDetails();\n } catch (err) {\n console.log(err);\n }\n }, []);\n\n const closeandStepDown = () => {\n setwithdrawalStatus(false);\n // prevStep();\n };\n\n const checkErrors = async (data) => {\n let errors = {};\n if (data.schemeCategory.trim() === \"\") {\n await contextapi\n .getErrorMsg(configData.ErrorCode.Email.EmailReq)\n .then((dataret) => {\n // console.log(dataret)\n errors.schemeCategory = dataret;\n });\n }\n if (data.scheme.trim() === \"\") {\n await contextapi.getErrorMsg(\"100002\").then((dataret) => {\n errors.scheme = dataret;\n });\n }\n if (data.schemePlan.trim() === \"\") {\n await contextapi.getErrorMsg(\"100002\").then((dataret) => {\n errors.schemePlan = dataret;\n });\n }\n if (data.schemeOption.trim() === \"\") {\n await contextapi.getErrorMsg(\"100002\").then((dataret) => {\n errors.schemeOption = dataret;\n });\n }\n if (data.subOption.trim() === \"\") {\n await contextapi.getErrorMsg(\"100002\").then((dataret) => {\n errors.subOption = dataret;\n });\n }\n\n return errors;\n };\n\n const handleProceed = async () => {\n // const error = await checkErrors(props.values);\n // // console.log(error);\n // if (Object.keys(error).length > 0) {\n // await setSTPSelectSchemeErrors(error);\n // } else {\n props.setStep(props.step + 1);\n // }\n };\n\n const getSchemeCategory = async () => {\n var url = \"/quickAdditionalPurchase/getschemecategory\";\n var postobjt = {\n devicedetails: \"null\",\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n setSchemeCategoryType(res);\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const getPopulateSchemesLumpsum = async () => {\n var url = \"/quickAdditionalPurchase/populateSchemesLumpsum\";\n var postobjt = {\n category: data.selectCategory,\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n setSchemeValues(res);\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const getSchemePlanDetails = async () => {\n var url = \"/quickAdditionalPurchase/getSchemePlanDetails\";\n var postobjt = {\n fund: \"105\",\n scheme: \"K4\",\n planMode: \"REGULAR\",\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n setSchemePlanDetails(res);\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const callRadio = (e) => {\n console.log(e);\n };\n\n const updateSelectCat = (e) => {\n console.log(e);\n setData({\n ...data,\n selectCategory: e,\n });\n };\n\n return (\n \n \n \n 23456123454\n \n
\n \n \n \n Fixed\n \n
\n \n \n \n JMF Mutual Tax Saver Fund - Direct Growth - Growth\n \n
\n \n \n
\n \n \n \n 715.331\n \n
\n \n \n \n {\" \"}\n 16866.07\n \n
\n \n \n \n JMF Mutual Hybrid Equity Fund - Direct Growth - Growth\n \n
\n \n \n
\n \n
\n );\n};\n\nexport default STPRegistrationPage2;\n","import React, { useContext, useState } from \"react\";\n// import { useHistory } from \"react-router-dom\";\nimport history from \"../../History/history\";\nimport InfoLogo from \"./svg/svgRegistrationPage4/InfoLogo\";\nimport CalanderLogo from \"./svg/svgRegistrationPage4/CalenderLogo\";\nimport PathLogo from \"./svg/svgRegistrationPage2/PathLogo\";\nimport SchemeLogo from \"./svg/svgRegistrationPage2/SchemeLogo\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { Formerror } from \"../../components/formerror\";\nimport RedirectArrowLogo from \"../ISIP/svg/ISIP_Page2/RedirectArrowLogo\";\nimport \"./css/STPRegistrationPage4.css\";\n\nconst STPRegistrationPage4 = (props) => {\n const contextapi = useContext(Context);\n // const history = useHistory();\n const [STPRegistrationPage4ErrorMsgs, setSTPRegistrationPage3ErrorMsgs] =\n useState({});\n const [inputVal, setInputVal] = useState({\n frequency: \"daily\",\n startDate: \"\",\n endDate: \"\",\n minFrequencyAmt: \"\",\n });\n\n const handleInput = (event) => {\n setInputVal({\n ...inputVal,\n [event.target.name]: event.target.value,\n });\n };\n\n const checkErrors = async (data) => {\n let errors = {};\n if (data.startDate.trim() === \"\") {\n await contextapi\n .getErrorMsg(configData.ErrorCode.Email.EmailReq)\n .then((dataret) => {\n errors.startDate = dataret;\n });\n }\n if (data.endDate.trim() === \"\") {\n await contextapi.getErrorMsg(\"100002\").then((dataret) => {\n errors.endDate = dataret;\n });\n }\n if (data.minFrequencyAmt.trim() === \"\") {\n await contextapi.getErrorMsg(\"100002\").then((dataret) => {\n errors.minFrequencyAmt = dataret;\n });\n }\n return errors;\n };\n\n const handleRedirect = async () => {\n const error = await checkErrors(props.values);\n if (Object.keys(error).length > 0) {\n setSTPRegistrationPage3ErrorMsgs(error);\n } else {\n props.setStep(props.step + 1);\n }\n };\n\n return (\n \n {/*
\n \n \n Select Destination Scheme\n \n
\n \n \n \n \n \n props.handleInputPage4(\"frequency\", e.target.value)\n }\n />\n \n Monthly\n \n
\n \n
\n \n
*/}\n \n
\n \n
\n \n \n
\n \n \n props.handleInputPage4(\"startDate\", e.target.value)\n }\n />\n
\n \n
\n \n \n
\n \n \n props.handleInputPage4(\"endDate\", e.target.value)\n }\n />\n
\n \n
\n \n
\n \n \n
\n \n \n props.handleInputPage4(\n \"minFrequencyAmt\",\n e.target.value\n )\n }\n />\n
\n \n
\n \n
\n \n
\n \n \n \n \n \n );\n};\n\nexport default STPRegistrationPage4;\n","import React, { useState, useContext, useEffect } from \"react\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useGlobalSideNavActionsContext } from \"../../components/SideNavBar/useSidenav\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport PanAdharStatus from \"../CommonComponents/Transact/PanAdharStatus\";\n\nconst MainSWPRegistration = (props) => {\n console.log(props);\n const [schemeValue, setSchemeValue] = useState(\"\");\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [folioNumber, setFolioNumber] = useState(\"\");\n const [selectedScheme, setselectedScheme] = useState(null);\n const [panAdharStatus, setPanAdharStatus] = useState(true);\n\n // useEffect(() => {\n // // setFolioNumber(props.panAssoiciatedFolios[0].Folio)\n // if (props.userSelectedFolioNum !== \"\") {\n // folioWiseSchemeDetails(props.userSelectedFolioNum);\n // checkPanAdharStatus(props.userSelectedFolioNum);\n // }\n // // getFolioNumber(props.panAssoiciatedFolios[0].Folio)\n // // folioWiseSchemeDetails();\n // }, []);\n\n // useEffect(() => {\n // if(folioNumber){\n // folioWiseSchemeDetails();\n // }\n // }, [folioNumber]);\n\n const handleSchemeSelect = (event, item) => {\n // console.log(item);\n setselectedScheme(item);\n setSchemeValue({\n [event.target.name]: event.target.value,\n });\n // setSchemeValue(item.SchemeName);\n };\n\n // console.log(schemeValue);\n\n props.RedirectScheme(schemeValue, selectedScheme);\n\n const [filterScheme, setFilterScheme] = useState(null);\n // console.log(filterScheme);\n\n const getFolioNumber = (e, item) => {\n // console.log(e.target.value);\n folioWiseSchemeDetails(e);\n setFolioNumber(e);\n props.getSelectedFolioFromDropDown(e);\n // checkPanAdharStatus(e);\n };\n\n const folioWiseSchemeDetails = async (folioNumber) => {\n var url = \"/quickAdditionalPurchase/folioWiseSchemeDetails\";\n var postobjt = {\n fund: \"105\",\n folio: folioNumber.toString(),\n trnType: \"P\",\n category: \"11\",\n pageNumber: 1,\n pageSize: 10,\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n var temArr = res[0].level2;\n var filteredScheme = temArr.filter((x) => {\n if (x.Mt_clrbalunit > 0) {\n return true;\n }\n });\n setFilterScheme(filteredScheme);\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const checkPanAdharStatus = async (acNo) => {\n var url = \"/panAadhar/checkStatus\";\n var postobjt = {\n Acno: acNo.toString(),\n Trxntype: \"ADD\",\n Branch: \"WB99\",\n Fund: \"105\",\n Pan: \"AZOPJ7205R\",\n JH1_Pan: \"\",\n JH2_Pan: \"\",\n G_Pan: \"\",\n };\n\n console.log(\"postObj\", postobjt);\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n setPanAdharStatus(true);\n console.log(res);\n })\n .catch((err) => {\n console.log(err);\n });\n };\n {\n if (panAdharStatus) {\n return (\n \n \n props.handleInputPage4(\"TermsCheckBox\", e.target.checked)\n }\n id=\"flexCheckChecked\"\n />\n \n I have read the{\" \"}\n
\n \n Scheme information Documents\n
\n and I accept the\n\n Terms and Conditions\n
\n \n\n handleRedirect()}\n type=\"button\"\n >\n Proceed\n \n
\n \n
\n \n );\n } else {\n return \n
\n \n \n {props.MainHeading}\n \n
\n \n {props.panAssoiciatedFolios !== null ? (\n
\n \n
\n ) : (\n <>\n )}\n\n \n {props.SchemeHeading}\n \n \n getFolioNumber(e.target.value)}\n >\n \n {props.panAssoiciatedFolios.map((item, index) => (\n \n ))}\n \n
\n \n {filterScheme !== null &&\n filterScheme.map((item, index) => (\n \n
\n ))}\n \n \n
\n \n {item.Mt_funddesc}\n \n \n \n |\n
\n\n {item.Mt_category}\n \n\n
\n \n SWP Registration\n
\n \n
\n \n
\n \n \n
\n {props.values.withDrawalOption === \"Fixed Amount Withdrawal\" ? (\n \n {\n props.handleInput(\"Frequency\", e.target.value);\n getMinInstallments(e.target.value);\n }}\n >\n \n {props.withdrawalFrequncy !== null ? (\n props.withdrawalFrequncy.map((frq, index) => (\n \n ))\n ) : (\n <>\n )}\n \n
\n {FrequencyError && (\n \n {FrequencyError}\n
\n )}\n\n \n \n {AmountError}\n \n )}\n
\n ) : (\n \"\"\n )}\n \n validateMinimunamount(e.target.value)}\n disabled={props.values.Frequency == \"\" ? true : false}\n maxLength={25}\n onKeyPress={(e) => {\n validateinput(e);\n }}\n onChange={(e) => {\n validateMinimunamount(e.target.value);\n\n props.handleInput(\"amount\", e.target.value);\n }}\n />\n
\n\n \n
\n \n {(props.values.amount !=\"\") && `(Rupees ${price_in_words(props.values.amount)} only)`}\n
\n\n {AmountError && (\n\n
\n \n \n
\n \n {\n validateinput(e);\n }}\n onChange={(e) => {\n props.handleInput(\"noOfWithDrawal\", e.target.value);\n getnoOfWithDrawal(e.target.value);\n }}\n // onBlur={(e) => getnoOfWithDrawal(e.target.value)}\n />\n
\n {withdrawalError && (\n \n {withdrawalError}\n
\n )}\n\n \n
\n \n {\n props.handleInput(\"SWPDate\", e.target.value);\n getSwpDateFromDropDown(e.target.value);\n }}\n >\n \n {props.swpDates !== null ? (\n props.swpDates &&\n props.swpDates.map((date, index) => (\n \n ))\n ) : (\n <>\n )}\n \n
\n {SwpDateError && (\n \n {SwpDateError}\n
\n )}\n\n
\n \n \n
\n \n \n // props.handleInput(\"SWPStartDate\", e.target.value)\n // }\n />\n
\n \n
\n \n \n
\n \n {\n // props.handleInput(\"SWPEndDate\", e.target.value);\n // }}\n disabled\n />\n
\n \n
\n \n
\n \n \n checkDecleration(e.target.checked)\n }\n id=\"flexCheckDefault\"\n />\n \n {\" \"}\n I/We hereby confirm and make the {\" \"}\n Declaration\n \n
\n \n {declerationError && (\n
\n \n {declerationError}\n
\n )}\n\n handleWithdrawalSubmit()}\n >\n Proceed\n \n\n {open ? (\n
\n \n \n \n );\n};\n\nexport default SWPRegistrationPage2;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport TransactionConfirmationPage from \"../STPRegistration/RegistrationReusableComponents/TransactionConfirmationPage\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\n\nconst SWPTransactionConfirmationPage = (props) => {\n console.log(props.constructFinalPageObject)\n console.log(props.constructFinalPageObject.userSelectedFolioNum)\n console.log(props.constructFinalPageObject.widthdrawalFrequency)\n \n const history = useHistory();\n // console.log(props.submitResult);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [submitUserConfirmation, setSubmitUserConfirmation] = useState(false);\n\n // console.log(submitUserConfirmation);\n const handleRedirectCancel = () => {\n console.log(\"hello\");\n };\n\n useEffect(async () => {\n if(props.constructFinalPageObject){\n // await saveSWPTransactionDetails();\n }\n }, []);\n\n const saveSWPTransactionDetails = async () => {\n var url = \"/swp/saveSWPTransactionDetails\";\n var postobjt = {\n fund: \"105\",\n scheme:\n props.constructFinalPageObject.userSelectedFolioScheme.Mt_funddesc,\n plan: \"GP\",\n option: \"G\",\n accountNumber: props.constructFinalPageObject.userSelectedFolioNum,\n transactionDate: \"2021-01-20 00:00:00.000\",\n branch: \"WB99\",\n transactionType: \"SIN\",\n amount: props.constructFinalPageObject.amount,\n lastName: \"test\",\n entBy: \"kfin\",\n frequency: props.constructFinalPageObject.installmentPeriod,\n startDate: props.constructFinalPageObject.SWPStartDate,\n endDate: props.constructFinalPageObject.SWPEndDate,\n stpType: \"1\",\n portalTrackingId: \"\",\n ip: \"\",\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n // console.log(res);\n\n // props.submitResultRef(res);\n props.getSubmitResultRef(res)\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n // console.log(submitUserConfirmation)\n // console.log(props.constructFinalPageObject);\n\n return (\n \n
\n );\n};\n\nexport default SWPTransactionConfirmationPage;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { useHistory } from \"react-router-dom\";\nimport MainSWPRegistration from \"./MainSWPRegistration\";\nimport RegistrationPage1 from \"../STPRegistration/RegistrationReusableComponents/RegistrationPage1\";\nimport SWPRegistrationPage2 from \"./SWPRegistrationPage2\";\nimport SWPTransactionConfirmationPage from \"./SWPTransactionConfirmationPage\";\nimport { useGlobalSideNavActionsContext } from \"../../components/SideNavBar/useSidenav\";\nimport TransactSuccess from \"../CommonComponents/Transact/TransactSuccess\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport VerifyOTP from \"../PersonalDetails/VerifyOTP\";\nimport moment from \"moment\";\n\nconst SWPRegistrationPage1 = () => {\n const user = useSelector((state) => state.authentication.user);\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n const [step, setStep] = useState(1);\n const [swpScheme, setSwpScheme] = useState(\"\");\n const [panAssoiciatedFolios, setPANAssociatedFolios] = useState(null);\n // console.log('swpRegistration');\n const [inputVal, setInputVal] = useState({\n installmentPeriod: \"\",\n amount: \"\",\n minAmount: \"\",\n Frequency: \"\",\n SWPDate: \"\",\n SWPStartDate: \"\",\n SWPEndDate: \"\",\n SWPStartDate_Format: \"\",\n SWPEndDate_Format: \"\",\n withDrawalOption: \"Capital Appreciation Withdrawal\",\n minWithDrawals: \"\",\n noOfWithDrawal: \"\",\n declerationStatus: false,\n });\n // console.log(inputVal.withDrawalOption);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [selectedSchemeInfo, setSelectedSchemeInfo] = useState(null);\n // const [selectedFolioNum, setSelectedFolioNum] = useState(\"\")\n const [userSelectedFolioNum, setUserSelectedFolioNum] = useState(\"\");\n const [swpDates, setSwpDates] = useState(null);\n const [withdrawalFrequncy, setWithDrawalFrequency] = useState(null);\n const [submitResultRef, setSubmitResultRef] = useState(null);\n // const [SwpDates, SetSwpDates] = useState(null);\n const [transactionConfirmation, setTransactionConfirmation] = useState(false);\n const [schemeConfirmationDetails, setSchemeConfirmationDetails] =\n useState(null);\n let currentDate;\n // console.log(submitResultRef);\n useEffect(async () => {\n try {\n await getPANAssociatedFolios();\n if (transactionConfirmation === true) {\n // currentDate = new Date();\n // await saveSWPTransactionDetails();\n // newInsertRedeemFutureTransaction()\n }\n } catch (err) {\n console.log(err);\n }\n }, [transactionConfirmation]);\n\n const getSubmitResultRef = (result) => {\n console.log(result);\n setSubmitResultRef(result);\n };\n\n const clearInp = async () => {\n setInputVal((prevState) => ({\n ...prevState,\n installmentPeriod: \"\",\n amount: \"\",\n minAmount: \"\",\n Frequency: \"\",\n SWPDate: \"\",\n SWPStartDate: \"\",\n SWPEndDate: \"\",\n SWPStartDate_Format: \"\",\n SWPEndDate_Format: \"\",\n minWithDrawals: \"\",\n noOfWithDrawal: \"\",\n }));\n setSwpDates(null);\n };\n\n const cleanInputAfterChangingFre = () => {\n setInputVal((prevState) => ({\n ...prevState,\n amount: \"\",\n noOfWithDrawal: \"\",\n SWPDate: \"\",\n SWPStartDate: \"\",\n SWPEndDate: \"\",\n SWPStartDate_Format: \"\",\n SWPEndDate_Format: \"\",\n }));\n setSwpDates(null);\n };\n\n const getPANAssociatedFolios = async () => {\n var url = \"/quickAdditionalPurchase/getPANAssociatedFolios\";\n var postobjt = {\n fund: configData.amcCode,\n pan: user.Pan?.toUpperCase(),\n email: user.Email_ID,\n bankAccNo: null,\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n if (res) {\n // console.log(res);\n setUserSelectedFolioNum(res[0].folios[0].Folio);\n setPANAssociatedFolios(res[0].folios);\n // setGlobalSpinner(false);\n }\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n // const saveSWPTransactionDetails = async () => {\n // var url = \"/swp/saveSWPTransactionDetails\";\n // var postobjt = {\n // \"fund\": \"105\",\n // \"scheme\": \"AFAAAAAAAAAAAAAAAAAAAAAA\",\n // \"plan\": \"GP\",\n // \"option\": \"G\",\n // \"accountNumber\": \"6011004413\",\n // \"transactionDate\": \"2021-01-20 00:00:00.000\",\n // \"branch\": \"WB99\",\n // \"transactionType\": \"SIN\",\n // \"amount\": \"2000.00\",\n // \"lastName\": \"test\",\n // \"entBy\": \"kfin\",\n // \"frequency\": \"\",\n // \"startDate\": \"\",\n // \"endDate\": \"\",\n // \"stpType\": \"1\",\n // \"portalTrackingId\": \"\",\n // \"ip\": \"\"\n // };\n // console.log(postobjt)\n // const options = {\n // headers: {\n // amc_key: configData.amcCode,\n // // token:JSON.parse(sessionStorage.getItem(\"user\"))\n // },\n // };\n // await contextapi\n // .postApiEncrpCalling(url, postobjt, options)\n // .then((res) => {\n // console.log(res);\n // setSchemeConfirmationDetails(res);\n // setGlobalSpinner(false);\n // })\n // .catch((err) => {\n // console.log(err);\n // setGlobalSpinner(false);\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n // });\n // };\n\n const saveSWPTransactionDetails = async () => {\n let newFormatStartDate =\n inputVal.SWPStartDate !== \"\" ? inputVal.SWPStartDate : \"\";\n if (newFormatStartDate != \"\") {\n let splitFormat = newFormatStartDate.split(\"/\");\n newFormatStartDate =\n splitFormat[2] + \"-\" + splitFormat[1] + \"-\" + splitFormat[0];\n }\n let newFormatEndDate =\n inputVal.SWPEndDate !== \"\" ? inputVal.SWPEndDate : \"\";\n if (newFormatEndDate != \"\") {\n let splitFormat = newFormatEndDate.split(\"/\");\n newFormatEndDate =\n splitFormat[2] + \"-\" + splitFormat[1] + \"-\" + splitFormat[0];\n }\n\n var url = \"/swp/saveSWPTransactionDetails\";\n var postobjt = {\n fund: configData.amcCode,\n scheme: selectedSchemeInfo !== null ? selectedSchemeInfo.Mt_scheme : \"\",\n plan: selectedSchemeInfo !== null ? selectedSchemeInfo.Mt_plan : \"\",\n option: selectedSchemeInfo !== null ? selectedSchemeInfo.Mt_option : \"\",\n accountNumber: userSelectedFolioNum.toString(),\n transactionDate: moment(currentDate).format(\"YYYY-MM-DD\"),\n branch: \"WB99\",\n transactionType: \"SWP\", //from SIN on april 06042022\n amount: inputVal.amount !== \"\" ? inputVal.amount : \"\",\n lastName: user ? user.Investor_Name : \"\",\n entBy: user ? user.Email_ID : \"\",\n frequency:\n inputVal.Frequency !== \"\"\n ? inputVal.Frequency === \"Weekly\"\n ? \"W\"\n : inputVal.Frequency === \"Fortnightly\"\n ? \"F\"\n : inputVal.Frequency === \"Quarterly\"\n ? \"Q\"\n : inputVal.Frequency === \"Monthly\"\n ? \"M\"\n : \"\"\n : \"\",\n startDate: newFormatStartDate,\n endDate: newFormatEndDate,\n stpType: \"1\",\n portalTrackingId: \"\",\n ip: \"\",\n stpOption:\n inputVal.withDrawalOption == \"Fixed Amount Withdrawal\" ? \"F\" : \"C\", //F Fixed C Capital Appreciation\n userID: user ? user.Email_ID : \"\",\n period: inputVal.noOfWithDrawal !== \"\" ? inputVal.noOfWithDrawal : \"\",\n installments:\n inputVal.noOfWithDrawal !== \"\" ? inputVal.noOfWithDrawal : \"\",\n swptype:\n inputVal.withDrawalOption === \"Fixed Amount Withdrawal\" ? \"FAW\" : \"CAW\",\n frequencyName: inputVal.Frequency !== \"\" ? inputVal.Frequency : \"\",\n schemeName: selectedSchemeInfo ? selectedSchemeInfo.Mt_funddesc : \"\",\n mobileNo: user ? String(user.Mobile_No) : \"\",\n };\n console.log(postobjt);\n const options = {\n headers: {\n amc_key: configData.amcCode,\n // token:JSON.parse(sessionStorage.getItem(\"user\"))\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n setSchemeConfirmationDetails(res);\n setGlobalSpinner(false);\n setStep(step + 1);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n //OnClick of Another Transaction in Transact Success it will redirect to mainPage\n const goToStepOne = () => {\n setGlobalSideNav(true);\n setStep(1);\n };\n\n const getSelectedFolioFromDropDown = (selectedFolioNum) => {\n // console.log(selectedFolioNum);\n setUserSelectedFolioNum(selectedFolioNum);\n };\n const handleInput = (input, value) => {\n // console.log(input, value);\n setInputVal((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n };\n\n const handleSwpScheme = (schemeOption, selectedSchemeDetails) => {\n // console.log(selectedSchemeDetails);\n setSelectedSchemeInfo(selectedSchemeDetails);\n console.log(schemeOption);\n setSwpScheme(schemeOption);\n if (schemeOption.Scheme === \"option1\") {\n console.log(step + 1);\n setStep(step + 1);\n }\n };\n\n const otpverified = async (that) => {\n // console.log(that);\n if (that == \"error\") {\n setStep(step - 1);\n } else {\n currentDate = new Date();\n await saveSWPTransactionDetails();\n }\n };\n\n if (step === 1 || step === 2) {\n setGlobalSideNav(true);\n } else {\n setGlobalSideNav(false);\n }\n\n const constructFinalPageObject = {\n userSelectedFolioNum: userSelectedFolioNum,\n ARNorRIALabel: \"\",\n ARNorRIA: \"\",\n EuinNum: \"\",\n userSelectedFolioScheme: selectedSchemeInfo,\n Frequency: inputVal.Frequency,\n installmentPeriod: inputVal.noOfWithDrawal,\n noOfInstallment: inputVal.noOfWithDrawal,\n amount: `₹${inputVal.amount}`,\n SWPStartDate: inputVal.SWPStartDate,\n SWPEndDate: inputVal.SWPEndDate,\n widthdrawalFrequency: inputVal.withDrawalOption,\n };\n\n const submitUserConfirmation = (status) => {\n // console.log(status);\n setTransactionConfirmation(status);\n };\n\n // Kindly note that the units will be alloted as per guidlines on the applicable NAV\n // for the given purchase\n const TransactionSuccessPageObject = {\n TransactSuccessHeading: \"Thank you for your SWP transaction!\",\n TransactionSuccessMsg: `Your transaction has been processed succesfully and the same will be processed based on the applicable NAV.`,\n TransactionRefNumberMsg: \"Please Note the reference Number\",\n };\n\n // console.log(selectedSchemeInfo)\n return (\n <>\n {step === 1 && panAssoiciatedFolios !== null ? (\n \n
\n \n );\n } else {\n return \n
\n \n
\n \n \n Switch\n \n
\n \n
\n \n
\n \n Please select scheme you wish to Switch-Out from\n \n \n getFolioNumber(e.target.value)}\n >\n \n {panAssoiciatedFolios !== null ? (\n panAssoiciatedFolios.map((item, index) => (\n \n ))\n ) : (\n <>\n )}\n \n
\n \n {filterScheme !== null &&\n filterScheme.map((item, index) => (\n \n
\n ))}\n \n \n
\n \n {item.Mt_funddesc}\n \n \n \n |\n
\n {item.Mt_category}\n \n\n
\n );\n};\n\nexport default SwitchRegistrationPage2;\n","export const ISIP_RightContentScheme = [{\n FolioNo:\"23456123454\",\n InvestingThrough:\"\"\n}]","import React from \"react\";\nimport { ISIP_RightContentScheme } from \"./schema/ISIP_RightContentSchema\";\nimport \"./css/ISIP_RightContent.css\";\nimport { useSelector } from \"react-redux\";\nimport { VscTrash } from \"react-icons/vsc\";\nimport { FaRegEdit } from \"react-icons/fa\";\n\nconst ISIP_RightContent = ({prevStepper}) => {\n const {defaultFolioNumberState,investingThroughScheme} = useSelector(state => state.getFolioNumberReducer)\n const {cartData} = useSelector(state => state.cartReducer)\n console.log(\"Hello\",cartData)\n const editStepper = () => {\n console.log(\"Hello\")\n }\n return (\n \n Switch\n
\n\n \n
\n \n
\n \n Switch-Out from Scheme\n \n\n \n \n {panAssoiciatedFolios.map((item, index) => (\n \n ))}\n \n
\n \n
\n\n {/* */}\n \n
\n \n goToprevStep()}>Go Back\n \n \n \n
\n \n {dispadetails.Mt_funddesc}\n \n \n \n |\n
\n {dispadetails.Mt_category}\n \n\n \n Your Investment Details\n \n
\n );\n};\n\nexport default ISIP_RightContent;","import React, { useContext, useEffect, useState } from \"react\";\nimport {\n FormControl,\n FormControlLabel,\n Radio,\n RadioGroup,\n} from \"@mui/material\";\nimport RedirectArrowLogo from \"./svg/ISIP_Page2/RedirectArrowLogo\";\nimport SchemeLogo from \"../STPRegistration/svg/svgRegistrationPage2/SchemeLogo\";\nimport PathLogo from \"../STPRegistration/svg/svgRegistrationPage2/PathLogo\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport history from \"../../History/history\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { Formerror } from \"../../components/formerror\";\nimport \"./css/ISIP_Page2.css\";\nimport ISIP_RightContent from \"./ISIP_RightContent\";\nimport { useDispatch } from \"react-redux\";\nimport { getSchemeNameCode, getSchemeNameValue, getSchemePlanValue, getSchemeOptionValue, getSchemeCategoryValue } from \"../../redux/quickpurchaseSip/actions\";\n\nconst ISIP_Page2 = (props,{schemePlanHandler}) => {\n // console.log(props.values)\n\n const contextapi = useContext(Context);\n const dispatch = useDispatch()\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const [SIPSchemeError, SetSIPSchemeError] = useState({});\n const [schemeCategory, setSchemCategory] = useState([]);\n const [SchemeName, setSchemeName] = useState(\"\");\n const [schemeNameValues, setSchemeNameValues] = useState([]);\n const [schemePlan, setSchemePlan] = useState([]);\n const [schemeOption, setSchemeOption] = useState([]);\n const [data, setData] = useState({\n // selectedScheme: \"\",\n selectedSchemeCategory: \"\",\n selectedScheme: \"\",\n selectedPlan: \"\",\n selectedOption:\"\",\n selectedAmount: \"\",\n });\n\n \n const handleRedirect = async () => {\n // const error = await checkErrors(props.values);\n // if (Object.keys(error).length > 0) {\n // SetSIPSchemeError(error);\n // }\n // else {\n if(data.selectedSchemeCategory !== \"\"){\n if(data.selectedScheme === \"\"){\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Select a scheme name\" });\n }else if(data.selectedPlan === \"\"){\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Select a scheme plan\" });\n }else if(data.selectedOption === \"\"){\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Select a scheme option\" });\n }else{\n props.stepActivity(props.step + 1);\n }\n }else{\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Select a Scheme Category\" });\n }\n \n // }\n };\n\n // To get radio button Schemes\n const SipSchemeDetails = () => {\n \n const url = \"/quickAdditionalPurchase/getschemecategory\";\n var postobj = {\n devicedetails: null,\n };\n\n contextapi\n .postApiEncrpCalling(url, postobj)\n .then((res) => {\n if(res.message !== \"Not Found\"){\n // console.log(\"scheme category\",res)\n setSchemCategory(res);\n }else{\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"No Scheme Category Found\" });\n }\n \n })\n .catch((err) => {\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something Went Wrong\" });\n // console.log(err);\n });\n };\n\n // to get SchemNames When we click on radio buttons\n const getSchemesByCategory = async (value) => {\n dispatch(getSchemeCategoryValue(value))\n setSchemeNameValues([]);\n setSchemePlan([])\n setSchemeOption([])\n setData({\n ...data,\n selectedSchemeCategory: value,\n });\n props.handleInputPage2(\"schemeCategory\", value);\n\n var url = \"/quickAdditionalPurchase/populateSchemesLumpsum\";\n var postobjt = {\n category: value,\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n console.log(\"Scheme Name\",res);\n if (res.message !== \"Not Found\") {\n setSchemeNameValues(res);\n } else {\n setSchemeNameValues([]);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"No Scheme Plan Exist\" });\n }\n })\n .catch((err) => {\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something Went Wrong\" });\n });\n };\n\n // To Get the Scheme name from SchemeName DropDown\n const changeSchemeName = async (e) => {\n console.log('135')\n const schemeNameVallCode = JSON.parse(e).fm_scheme\n const schemeNameVall = JSON.parse(e).fm_schdesc\n dispatch(getSchemeNameCode(schemeNameVallCode))\n dispatch(getSchemeNameValue(schemeNameVall))\n // console.log(\"scheme name\",schemeNameVallCode)\n setSchemePlan([])\n setSchemeOption([])\n setData({\n ...data,\n selectedScheme: e,\n });\n props.getSchemeName(JSON.parse(e).fm_scheme)\n props.handleInputPage2(\"SchemeCategory\", e);\n var url = \"/quickAdditionalPurchase/getSchemePlanDetails\";\n var postobjt = {\n fund: configData.amcCode,\n scheme: JSON.parse(e).fm_scheme,\n planMode: \"REGULAR\",\n };\n\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n if (res.message !== \"no records found\") {\n console.log(\"Scheme Plan\",res);\n setSchemePlan(res);\n } else {\n setGlobalSpinner(false);\n setNotifi({\n val: true,\n msg: \"No Scheme Plan exist for this Scheme Name\",\n });\n setSchemePlan([]);\n }\n })\n .catch((err) => {\n setSchemePlan([]);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something Went Wrong\" });\n });\n };\n\n const changeSchemePlan = async (e) => {\n const schemePlanVall = JSON.parse(e).fm_plandesc\n dispatch(getSchemePlanValue(schemePlanVall))\n // console.log(\"Scheme Plan\",schemePlanVall)\n setSchemeOption([])\n // console.log(JSON.parse(e));\n setData({\n ...data,\n selectedPlan: e,\n });\n props.handleInputPage2(\"SchemeOption\", e);\n var url = \"/quickAdditionalPurchase/populateOptions\";\n const postobj = {\n // \"scheme\":\"3J\",\n // \"plan\":\"BP\"\n scheme: JSON.parse(data.selectedScheme).fm_scheme,\n plan: JSON.parse(e).fm_plan,\n };\n\n await contextapi\n .postApiEncrpCalling(url, postobj)\n .then((res) => {\n if (res.message !== \"no records found\") {\n console.log(\"scheme options\",res);\n setGlobalSpinner(false);\n setSchemeOption(res);\n } else {\n setGlobalSpinner(false);\n setNotifi({\n val: true,\n msg: \"No Scheme Options available for this Scheme Plan\",\n });\n setSchemeOption([]);\n }\n \n })\n .catch((err) => {\n setSchemeOption([]);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something Went Wrong\" });\n });\n };\n\n const changeSchemeOption = async(val) => {\n const schemeOptionVall = JSON.parse(val).fm_optiondesc\n dispatch(getSchemeOptionValue(schemeOptionVall))\n // console.log(\"Scheme Option\",schemeOptionVall)\n setData({\n ...data,\n selectedOption: val,\n });\n // const url = `/quickAdditionalPurchase/addPurMinAmount`;\n // const options = {\n // headers: {\n // amc_key: configData.amcKey,\n // },\n // };\n // var postdata = {\n // fund: configData.amcCode,\n // scheme: props.schemeName,\n // plan: JSON.parse(data.selectedPlan).fm_plan,\n // trnType: data.selectedInvestment,\n // category: \"11\",\n // };\n // await contextapi\n // .postApiEncrpCalling(url, postdata, options)\n // .then((res) => {\n // if(res.message !== \"no records found\"){\n // // console.log(\"changeSchemeOptionResponse\",res)\n // getFrequencyOption()\n // var decrMinimumAmount = res;\n // setMinimumAmount(decrMinimumAmount[0]);\n // }else{\n // getFrequencyOption()\n // setMinimumAmount({});\n // setGlobalSpinner(false);\n // setNotifi({ val: true, msg: \"There is no minimum amount for this Scheme Option\" });\n // } \n // })\n // .catch((err) => {\n // // console.log(err);\n // setGlobalSpinner(false);\n // setNotifi({ val: true, msg: \"Something Went Wrong\" });\n // });\n }\n\n useEffect(() => {\n SipSchemeDetails();\n // getSchemeName();\n // changeSchemePlan();\n // changeSchemePlan();\n }, []);\n\n // console.log(data.selectedScheme.fm_scheme)\n return (\n \n {ISIP_RightContentScheme.map((item) => {\n // console.log(item)\n return (\n
\n \n \n
\n );\n })}\n \n Folio No:\n \n {defaultFolioNumberState}\n \n
\n \n \n InvestingThrough:\n \n \n {investingThroughScheme}\n \n
\n \n \n {cartData.length > 0 ? \n cartData.map((item,index) => (\n
\n \n
\n ))\n :\n <>\n }\n \n Scheme ({index + 1})\n \n
\n {item.schemeName} - {item.schemePlan} - {item.schemeOption}\n
\n\n {item.schemeCategory}\n
\n\n Investment Amount\n ₹{item.schemePrice}\n
\n\n
\n \n
\n \n props.stepActivity(props.step - 1)}\n >\n
\n \n Systematic Investment Plan (SIP(OTM))\n \n \n \n SCHEME Details\n \n
\n \n \n
\n \n );\n};\n\nexport default ISIP_Page2;\n","import React from \"react\";\nimport { Modal, Button } from \"react-bootstrap\";\nimport history from \"../../History/history\";\nimport \"./css/ISIP_PurchaseConfirmationModel.css\";\n\nconst ISIP_PurchaseConfirmationModal = (props) => {\n console.log(props);\n const handleActivity = () => {\n // props.setActivity(props.step+1)\n props.setActivity(props.step + 1);\n };\n // console.log(props.step);\n return (\n \n \n \n \n \n
\n );\n};\n\nexport default ISIP_PurchaseConfirmationModal;\n","import React, { useState } from \"react\";\nimport { MdShoppingCart } from \"react-icons/md\";\nimport { FiEdit } from \"react-icons/fi\";\nimport LeftContentLogo from \"../STPRegistration/svg/svgRegistrationPage5/LeftContentLogo\";\nimport \"./css/ISIPBillerConfirmationPage.css\";\nimport ISIP_PurchaseConfirmationModal from \"./ISIP_PurchaseConfirmationModal\";\n\nconst ISIPBillerConfirmationPage = (props) => {\n console.log(props);\n const handlePreviousPage = () => {\n props.stepActivity(props.step - 1);\n };\n const [sipConfirmationStatus, setSipConfirmationStatus] = useState(false);\n return (\n \n \n PurchaseConfirmation\n \n
\n \n
\n \n Your iSIP{\" \"}\n registration with us in JMF Mutual Tax Saver Fund - Direct\n Growth - Growth has been completed and the Unique Registration\n Number (URN) for this transaction is MAAF7707-A23571. This URN\n will expire on 01/01/2021. Hence, we request you to register\n this URN with your bank on or before the expiry date.\n
\n\n
\n \n Once you click the ‘Submit’ button, you will be redirected to\n the payment gateway to make your online purchase.\n
\n \n
\n \n If you have any queries, please call us on Customer Service\n Center on 1860 425 7237 or please email us at investor@jmfl.com\n mentioning the subject line as, 'Transaction reference number\n XXXXXXXXXX'\n
\n \n props.hide(false)}\n >\n Back\n \n handleActivity()}\n >\n Proceed\n \n
\n \n
\n );\n};\n\nexport default ISIPBillerConfirmationPage;\n","import React from \"react\";\n\nconst KYCCheckLogo = () => {\n return (\n \n
\n
\n \n \n Biller (SIP) Confirmation\n \n \n Your InvestMent Summary\n \n
\n \n
\n \n \n \n 23456123454\n \n
\n \n \n \n 000000-0\n \n
\n \n \n \n State Bank of India - 83286032186\n \n
\n \n \n \n Biller (SIP)\n \n
\n \n \n \n ₹6000\n \n
\n \n
\n \n Disclaimer :\n \n \n {\" \"}\n Users may note that there may be a time lag between the time a\n transaction is completed and before it appears on your account\n information. Please note that your transaction would be processed on\n the business day your funds are credited to our bank account. Should\n you require any clarifications please contact{\" \"}\n investor@jmfl.com\n \n
\n \n
\n \n
\n \n
\n \n \n Scheme Details\n \n
\n \n
\n \n
\n \n
\n
\n \n \n JM Financial Mutual Tax Saver Fund - Direct Growth - Growth\n \n
\n \n
\n \n
\n
\n \n
\n \n \n Frequency\n \n \n Monthly\n \n
\n {/* \n \n SIP Date\n \n \n Monday\n \n
*/}\n \n \n Amount\n \n \n ₹6000\n \n
\n \n
\n \n \n Start Date\n \n \n 04/01/2022\n \n
\n \n \n End Date\n \n \n 04/07/2022\n \n
\n \n \n No. of Installments\n \n \n 391\n \n
\n \n handlePreviousPage()}\n >\n Back\n \n setSipConfirmationStatus(true)}\n >\n confirm\n \n {sipConfirmationStatus === true ? (\n
\n \n \n
\n );\n};\n\nexport default KYCCheckLogo;\n","import * as React from \"react\";\n\nfunction RedEdit(props) {\n return (\n \n
\n );\n};\n\nexport default InvesterDetails;\n","let oneday = 86400000;\nlet today = new Date();\nlet min18yersletnew = new Date(today.getTime() - oneday * 365 * 18);\nmin18yersletnew.setDate(today.getDate());\nexport const min18yerslet = min18yersletnew;\n","export default __webpack_public_path__ + \"static/media/sbiimg.6fc4ed58.svg\";","export default __webpack_public_path__ + \"static/media/buildingimg.c0e17a0d.svg\";","export default __webpack_public_path__ + \"static/media/credit-card.94849640.svg\";","export default __webpack_public_path__ + \"static/media/icon_upload_cancel_cheque.0e64521f.svg\";","export default __webpack_public_path__ + \"static/media/chooseafile.3ce68171.svg\";","export default __webpack_public_path__ + \"static/media/sbi.25408341.svg\";","export default __webpack_public_path__ + \"static/media/hdfc.e827189b.svg\";","export default __webpack_public_path__ + \"static/media/axis.170d0d7a.svg\";","export default __webpack_public_path__ + \"static/media/icici.8d67f91f.svg\";","import React, { useState, useEffect, useContext } from \"react\";\nimport inputPath from \"../../assets/Images/inputPath.png\";\nimport bankimg from \"../../assets/Images/quickpirchase/bankdetails.svg\";\n// import './BankDetails.css'\nimport sbiimg from '../../assets/Images/FTP/sbiimg.svg'\nimport buildingimg from '../../assets/Images/FTP/buildingimg.svg'\nimport creditcardimg from '../../assets/Images/FTP/credit-card.svg';\nimport chequeupload from '../../assets/Images/FTP/icon_upload_cancel_cheque.svg'\nimport chooseafile from '../../assets/Images/FTP/chooseafile.svg';\nimport sbiimgbnk from '../../assets/Images/FTP/bankimg/sbi.svg'\nimport hdfcimg from '../../assets/Images/FTP/bankimg/hdfc.svg'\nimport axisimg from '../../assets/Images/FTP/bankimg/axis.svg'\nimport iciciimg from '../../assets/Images/FTP/bankimg/icici.svg'\nimport arrowDown from \"../../assets/Images/rightArrow.svg\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport { reset } from \"mousetrap\";\nimport { MdOutlineArrowBackIosNew } from \"react-icons/md\";\nimport { useSelector, useDispatch } from \"react-redux\";\nexport default function AddBankByIFSC({ ifsc,investorDetails,backTonominee,setonsuccessSave }) {\n\n useEffect(async () => {\n \n }, []);\n const user = useSelector((state) => state.authentication.user);\n\n // console.log(investorDetails,'called gaurav')\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n\n const [ifsccode, setifsccode] = useState('');\n const [validIFSC, setvalidIFSC] = useState();\n const [bankDetails, setbankDetails] = useState({});\n const [dropdownBank, setdropdownBank] = useState('');\n const [genericerror, setgenericerror] = useState('');\n const [accountNo, setaccountNo] = useState('')\n const [confirmaccountNo, setconfirmaccountNo] = useState('')\n const selectthisBank = (that) => {\n setdropdownBank(that);\n setbankDetails({\n bankname: that,\n bankadd1: '',\n bankadd2: '',\n bankadd3: '',\n bankcity: ''\n })\n }\n const [ifPennyDropFails, setifPennyDropFails] = useState(false);\n const [pennyDropFails, setPennyDropFails] = useState(false);\n const [pennyDropFailschequeupload, setpennyDropFailschequeupload] = useState(true);\n\n const dropdownSelected = (e) => {\n setdropdownBank(e.target.value);\n }\n const backTonomineeP = () => {\n backTonominee(\"list\");\n }\n\n\n const addAccountNO = (e) => {\n setaccountNo(e.target.value)\n }\n const confirmaddAccountNO = (e) => {\n setconfirmaccountNo(e.target.value)\n if (confirmaccountNo == accountNo) {\n\n // verifyPennyDrop();\n }\n }\n\n const [pennyuError, setpennyuError] = useState(\"\")\n const verifyPennyDrop = () => {\n setGlobalSpinner(true);\n // \n if (confirmaccountNo == accountNo) {\n var url = \"/pennyDrop/pennydropValidation\";\n // var url = \"/pennyDrop/validateBankDetails\";\n var postobjt = {\n \"ifsc\": ifsccode?.toUpperCase(),\n \"accountNo\": confirmaccountNo,\n \"mobileNo\": user ? user.Mobile_No : \"\", //\"9972378936\",\n \"pan\":user ? user.Pan : \"\", // \"CGEPG3182M\", //\n \"investorName\": user ? user.Investor_Name : \"\", //\"MADHU\",\n \"requestType\": \"PennyDrop\"\n }\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0] && res[0].Status == \"Y\") {\n setpennyuError(\"\");\n setifPennyDropFails(false);\n setPennyDropFails(false) // if penny drop success\n } else {\n setpennyuError(\"Invalid Account Number. Please Upload Cancelled Cheque\");\n setifPennyDropFails(true);\n setPennyDropFails(true) // if penny drop fails\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setpennyuError(\"Invalid Account Number. Please Upload Cancelled Cheque\");\n\n // console.log(err.statusCode);\n // if(err.statusCode == \"10001\"){\n setifPennyDropFails(true);\n setPennyDropFails(true) // if penny drop fails\n // }\n setGlobalSpinner(false);\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n }\n\n }\n const testIFSC = (val) => {\n setvalidIFSC(false);\n console.log(val)\n setifsccode(val);\n\n console.log(ifsccode);\n\n var url = \"/ftp/getBankByIFSCorMICR\";\n var postobjt = {\n \"ifsc\": val,\n \"micr\": \"\"\n }\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n setvalidIFSC(true);\n setbankDetails(res[0]);\n\n } else {\n setvalidIFSC(false);\n setbankDetails({});\n }\n\n\n getAccountTypeByUserDetails();\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n\n // if (val === 'SBIN0021327') {\n // setvalidIFSC(true)\n // } else {\n // \n // }\n }\n\n const [accountType, setaccountType] = useState([])\n const getAccountTypeByUserDetails = (val) => {\n // console.log(\"Called add Bank By Ifsc Dteails\")\n var url = configData.paymentOption[configData.ENV];\n let categoryType;\n if(investorDetails.StatusDesc == \"22\"){\n // console.log(\"Called add Bank By Ifsc Dteails insisde condition also\")\n let JSON = {\n Account_Type: \"NRO\"\n }\n setaccountType([JSON])\n }else {\n \n \n if(investorDetails.StatusDesc == \"11\"){\n categoryType = \"I\"\n }else {\n categoryType = \"N\"\n }\n var postobjt = {\n \"option\": \"AC\", // Account type\n \"fund\": \"\",\n \"assetSchemeType\": categoryType , //\"RI\", // Y N RI -- (N - NRE and NRO) (RI -- S and C)\n \"planMode\": \"\",\n \"customFund\":configData.sipCustomFund,\n }\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n .postApiEncr2pCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n if(categoryType == \"N R I - NON - REPATRIABLE\" || categoryType == \"22\"){\n let JSON = {\n Account_Type: \"NRO\"\n }\n setaccountType([JSON])\n }else {\n setaccountType(res);\n }\n \n } else {\n }\n setGlobalSpinner(false);\n\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n }\n }\n\n const [bankDetailsdd, setBankDetailsDD] = useState([\n {\n img: sbiimgbnk,\n bankname: 'SBIN',\n bankcode: 'SBIN'\n },\n {\n img: hdfcimg,\n bankname: 'HDFC',\n bankcode: 'HDFC'\n }, {\n img: axisimg,\n bankname: 'Axis',\n bankcode: 'Axis'\n }, {\n img: iciciimg,\n bankname: 'ICICI',\n bankcode: 'ICICI'\n }\n ]);\n\n\n const [accType, setaccType] = useState('Savings');\n const toggleTab = (that) => {\n setaccType(that)\n }\n\n const openfile = () => {\n document.getElementById('openFile').click();\n }\n\n const validateinput = (e) => {\n var code = ('charCode' in e) ? e.charCode : e.keyCode;\n\n if (e.target.name == 'accountNo' || e.target.name == 'confirmaccountNo') {\n if (// space\n !(code > 47 && code < 58)) { // lower alpha (a-z)\n e.preventDefault();\n }\n }\n\n\n }\n const [errorMessage, seterrorMessage] = useState(\"\");\n const [selectedFile, setSelectedFile] = useState(null)\n\n const fileUpload = async(e) => {\n const file = e;\n // if (file.size > 1024)\n console.log(file.name)\n console.log(file.type)\n if (file && (file.type == \"image/png\" || file.type == \"image/jpeg\" || file.type == \"image/jpg\")) {\n setSelectedFile(e);\n await verifyChequeBook(e);\n\n } else {\n seterrorMessage('Invalid Format')\n }\n\n }\n\n const verifyChequeBook = async (file) => {\n setGlobalSpinner(true);\n // \n\n \n if (confirmaccountNo == accountNo) {\n setpennyuError(\"\");\n var url = \"/pennyDrop/pennydropChequeValidation\";\n // var url = \"/pennyDrop/uploadCancelledCheque\";\n let formData = new FormData();\n formData.append('ifsc', ifsccode);\n formData.append('accountNo', confirmaccountNo);\n formData.append('mobileNo', user ? user.Mobile_No : \"\");\n formData.append('pan', user ? user.Pan : \"\");\n formData.append('investorName', user ? user.Investor_Name : \"\");\n formData.append('requestType', \"PennyDrop\");\n formData.append('file', file);\n\n\n // Display the values\nfor (var value of formData.values()) {\n console.log(value);\n\n }\n const options = {\n headers: {\n amc_key: configData.amcCode,\n // \"Content-Type\": \"application/json\"\n },\n };\n console.log(formData);\n await contextapi\n .postApiEncrpCallingFormData(url, formData, options)\n .then((res) => {\n console.log(res);\n if (res && res[0] && res[0].Status == \"Y\") {\n setpennyDropFailschequeupload(false);\n setPennyDropFails(false);\n setifPennyDropFails(false);\n } else {\n setpennyDropFailschequeupload(true);\n setPennyDropFails(true)\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n }\n\n }\n\n\n const proceedPayment = (savetype) => {\n setgenericerror('');\n console.log(ifsccode);\n if (ifsccode == \"\") {\n setgenericerror('Please select IFSC code')\n } else if (accountNo == \"\" && accountNo.length>= 10) {\n setgenericerror('Please enter correct Account no')\n } else if (confirmaccountNo == \"\") {\n setgenericerror('Please confirm your Account no')\n } else if (confirmaccountNo != accountNo) {\n setgenericerror('Account no not matching')\n } else if (pennyDropFails == true) {\n setgenericerror('Account not Verified')\n } else if (ifPennyDropFails == true && selectedFile == null && pennyDropFailschequeupload == true) {\n setgenericerror('Account not Verified')\n } else {\n let json=\n {\n \"pan\": user.Pan,\n \"ifscCode\": ifsccode?.toUpperCase(), //\"icic0000002\",\n \"micrCode\": bankDetails.micrno, //\"560229002\",\n \"name\": bankDetails.bankname, //\"ICICI BANK LIMITED\",\n \"branchName\": bankDetails.branch, //\"icicicicici\",\n \"branchAccNo\": confirmaccountNo, //\"02020154659\",\n \"accountType\": accType,\n \"bankAddress\": bankDetails.bankadd1 + \", \" + bankDetails.bankadd2 + \", \" + bankDetails.bankadd3 + \", \" + bankDetails.bankcity,\n // \"slNo\": null,\n \"customFund\": \"\",\n \"cheque\": \"\",\n \"pennydropStatus\": pennyDropFails,\n \"chequePath\": \"\"\n }\n \n // \n // json = {\n // \"page_code\": \"BD\",\n // \"refno\": personalData && personalData.personalDetails.pd1_refNo && personalData.personalDetails.pd1_refNo.toString(),\n // \"ifsc_code\": ifsccode,\n // \"bankname\": bankDetails.bankname,\n // \"bankaddress\": bankDetails.bankadd1 + \", \" + bankDetails.bankadd2 + \", \" + bankDetails.bankadd3 + \", \" + bankDetails.bankcity,\n // \"accounttype\": accType,\n // \"accountnumber\": confirmaccountNo,\n // // \"paymode\":\"12345678\",\n // // \"link\":\"12345678\",\n // // \"link_gencount\":\"12345678\",\n // // \"guid\":\"12345678\"\n // }\n saveBankDetailsProfile(json)\n \n }\n\n }\n\n\n\n const saveBankDetailsProfile = async (json) =>{\n const url = `/accountDetails/saveBankDetails`;\n const finalData = json\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n backTonominee(\"Success\")\n if(res && res[0].level1){\n setonsuccessSave(res[0].level2[0].Msg)\n }else {\n setonsuccessSave(\"Please try again\")\n }\n \n \n })\n .catch((err) => {\n console.log(err);\n });\n }\n\n return (\n\n <>\n \n
\n
\n \n
\n \n \n \n {investorDetails && investorDetails.InvName}\n \n
\n \n \n
\n \n \n {investorDetails && investorDetails.pangir && investorDetails.pangir.toUpperCase()}\n \n
\n \n \n \n {investorDetails &&\n investorDetails.Add1 +\n \" \" +\n investorDetails.Add2 +\n \" \" +\n investorDetails.Add3 +\n \" \" +\n investorDetails.City +\n \" \" +\n investorDetails.Country +\n \" \" +\n investorDetails.Pin +\n \" \"}\n \n
\n \n \n
\n \n \n {investorDetails && investorDetails.Email}\n \n {/* \n
\n \n \n
\n \n \n {investorDetails && investorDetails.Mobile}\n \n {/* \n
\n \n
\n
\n \n \n Investor Profile\n \n
\n \n {/*
\n \n \n {investorDetails && investorDetails.investor }\n
*/}\n \n \n \n {investorDetails && investorDetails.kr_Occpn}\n \n
\n \n \n \n {investorDetails && investorDetails.StatusDesc}\n \n
\n \n \n \n {investorDetails && investorDetails.MOHDesc}\n \n
\n \n \n \n {investorDetails && investorDetails.DOB != null\n ? dateCoverted(investorDetails.DOB, \"\", \"DD/MM/YYYY\")\n : \"\"}\n \n
\n \n
\n \n\n )\n}","import React, { useState, useEffect, useContext } from \"react\";\n\nimport AddBankByIFSC from \"./AddBankByIFSC\";\nimport \"./css/BankDetails.css\";\n\nconst BankDetails = ({\n bankDetails,\n investorDetails\n}) => {\n\n const [showSection, setshowSection] = useState('list');\n const addBank = () => {\n setshowSection(\"addbank\")\n }\n\n const ifsc = () =>{\n console.log()\n }\n\n const backTonominee = (that) => {\n setshowSection(that);\n}\nconst [onsuccessSave, setonsuccessSave] = useState(\"\")\n return (\n \n \n\n
\n Select Bank
\n\n
\n\n \n\n\n {\n validIFSC == true &&\n \n \n\n
\n\n\n <>\n {\n validIFSC === true ?\n <>\n \n
\n \n \n
\n \n\n
\n\n {/* Bank Name */}\n {/* */}\n : validIFSC === false ?\n \n \n
\n\n \n 
\n
\n {bankDetails.bankname}
\n\n \n \n
\n\n \n 
\n
\n {bankDetails.bankadd1 + \", \" + bankDetails.bankadd2 + \", \" + bankDetails.bankadd3 + \", \" + bankDetails.bankcity + \", \" + (bankDetails.bankpin == null ? '' : bankDetails.bankpin)}
\nUnable to fetch bank details
\n : ''\n }\n \n\n
\n }\n \n
\n\n \n
\n Account Type*
\n\n \n \n {accountType && accountType.map((e) => (\n \n ))\n }\n \n {/* */}\n\n {/* */}\n\n\n \n
\n\n \n 
\n
\n \n \n
\n\n {\n ifPennyDropFails &&\n\n \n \n
\n \n {\n pennyuError !=\"\" && \n
\n }\n {pennyuError}
\n }\n\n
\n \n
\n \n 
\n
\n Upload Cancelled Cheque
\n\n
\n (Upload Cancelled Cheque in *.jpg/ *.png/ format only) (Optional)
\n\n
\n\n {errorMessage}
\n\n 
{ openfile() }} />\n fileUpload(e.target.files[0])}\n />\n\n
\n \n
\n {genericerror}
\n\n {/*\n
*/}\n \n testIFSC()}\n >\n Proceed\n \n
\n \n \n\n \n\n
\n\n \n
\n );\n};\n\nexport default BankDetails;\n","import React from \"react\";\nimport KYCCheckLogo from \"./svg/InvesterDetailsSvgs/KYCCheckLogo\";\nimport \"./css/PanDetails.scss\";\n\nimport activeimg from \"../../assets/Images/siptables/successtable.svg\";\nimport cancletable from \"../../assets/Images/siptables/cancletable.svg\";\nimport pausetable from \"../../assets/Images/siptables/pausetable.svg\";\n// import { Flag } from \"@mui/icons-material\";\n\nconst PanDetails = ({ fatcaDetails }) => {\n const primaryApplicant = fatcaDetails[0].level1[0];\n // console.log(primaryApplicant,'getPaNDetails')\n let res = fatcaDetails[0].level2.filter(function (item) {\n\n return item.FACTA_Status != null;\n });\n\n // console.log(res,'after Filter in Pan Details')\n const jointHolderApplicant = res;\n \n const isPoliticallyExposed = (flag) => {\n // console.log(\"function Trigger\", flag);\n if (!flag?.trim()) {\n return null;\n }\n return [\"YES\", \"Y\"].includes(flag?.trim().toUpperCase()) ? \"Yes\" : \"No\";\n };\n \n\n return (\n \n\n {/* ONholde add bank */}\n {/* {showSection === \"list\" &&\n
\n \n \n
\n } */}\n {showSection === \"list\" && bankDetails && (bankDetails.length > 0) && bankDetails.map((entry, index) => (\n\n \n
\n ))\n }\n {showSection === \"addbank\" &&\n \n\n
\n \n \n {/* Primary Bank */}\n {entry.InfoType}\n \n
\n
\n \n
\n
\n\n\n \n Bank A/C Number\n {entry.BankAcno}\n
\n \n Bank Name\n {entry.BankName}\n
\n \n Bank A/C type\n {entry.BnkAcType}\n
\n \n IFSC Code\n {entry.ifsccode?.toUpperCase()}\n
\n {/* \n MICR No\n {entry.micrno}\n
*/}\n {\n (entry.BankAdd1 != \"\" ) && \n \n Branch Address
\n {(entry.BankAdd1 != \"\" ? entry.BankAdd1 : \"\") + \" \" + (entry.BankAdd2 != null ? entry.BankAdd2 : \"\") + \" \" + (entry.BankAdd3 != null ? entry.BankAdd3 : \"\") + \" \" + (entry.BankCity != null ? entry.BankCity : \"\")}\n
\n }\n \n \n {(entry.BankAdd1 != \"\" ? entry.BankAdd1 : \"\") + \" \" + (entry.BankAdd2 != null ? entry.BankAdd2 : \"\") + \" \" + (entry.BankAdd3 != null ? entry.BankAdd3 : \"\") + \" \" + (entry.BankCity != null ? entry.BankCity : \"\")}\n
\n \n
\n }\n\n\n{\n showSection == 'Success' && onsuccessSave != undefined && onsuccessSave != \"\" &&\n \n
\n\n }\n\n {/* \n {/*
\n \n
\n \n
\n \n {onsuccessSave}
\n \n
*/}\n \n
\n );\n};\n\nexport default PanDetails;\n","export default __webpack_public_path__ + \"static/media/editIcon.3d2667a1.svg\";","export default __webpack_public_path__ + \"static/media/delete.5f213d96.svg\";","\nlet oneday = 86400000;\nlet today = new Date();\nlet min18yersletnew = new Date((today.getTime() - (oneday * 365 * 18)));\nmin18yersletnew.setDate(today.getDate())\nexport const min18yerslet = min18yersletnew;","export default __webpack_public_path__ + \"static/media/percentage.0bcb3fb1.svg\";","import React, { useState, useEffect, useContext } from \"react\";\n\nimport username from \"../../assets/Images/user.svg\";\nimport inputPath from \"../../assets/Images/inputPath.png\";\nimport emailid from \"../../assets/Images/envelope.svg\";\nimport telephone from \"../../assets/Images/telephone.svg\";\nimport percentage from \"../../assets/Images/percentage.svg\";\n\nimport { min18yerslet } from \"./DateOfBirthValidation\";\nimport chooseafile from '../../assets/Images/FTP/chooseafile.svg';\n// import DatePicker from \"react-datepicker\";\n// import \"react-datepicker/dist/react-datepicker.css\";\n\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport dateofbirth from \"../../assets/Images/calendar-inactive.svg\";\n\n// !DatePicker Import\nimport InputBase from \"@mui/material/InputBase\";\nimport AdapterDateFns from \"@mui/lab/AdapterDateFns\";\nimport LocalizationProvider from \"@mui/lab/LocalizationProvider\";\nimport DatePicker from \"@mui/lab/DatePicker\";\nimport moment from \"moment\";\n\nconst ProfileAddNominee = ({\n onhandlechange,\n inputdata,\n ondobchangeinparent,\n errors,\n kycRegistred,\n kycRegistredNomineePan,\n relationshipList,\n getRelationshipList,\n proofrelationshipList\n}) => {\n const contextapi = useContext(Context);\n\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n\n const [min18yers, setmin18yers] = useState(new Date());\n const [startDate, setStartDate] = useState(null);\n const [doblessthen18, setdoblessthen18] = useState(false);\n const [percentageinput, setpercentageinput] = useState();\n const [name, setname] = useState();\n const [pan, setpan] = useState();\n const [guardianName, setguardianName] = useState();\n const [guardianPan, setguardianPan] = useState();\n const [guardinarelationship, setguardinarelationship] = useState();\n const [guardinaproof, setguardinaproof] = useState();\n \n \n const [relationship, setrelationship] = useState();\n\n useEffect(() => {\n console.log(inputdata);\n setname(inputdata.name);\n setpan(inputdata.pan)\n // getRelationShipList();\n setpercentageinput(inputdata.percentage);\n setrelationship(inputdata.relationship);\n setguardinarelationship(inputdata.gaurdianrelationship);\n setguardianName(inputdata.guardianName);\n setguardianPan(inputdata.guardianPan);\n setguardinaproof(inputdata.proofofrelationship)\n // validationDOB(doblessthen18)\n // setdoblessthen18(false);\n if (inputdata.DOB == \"\") {\n setStartDate(\"\");\n // let dateher = inputdata.DOB.split('/') // inputdata.DOB\n } else {\n // if(inputdata.DOB !== undefined) {\n // const dob = inputdata.DOB.split('/');\n // let curDate = new Date(dob[1]+\"/\"+dob[0]+\"/\"+dob[2]);\n // setStartDate(curDate)\n // }\n }\n\n console.log(inputdata);\n }, [inputdata]);\n\n\n const ondobchange = (date) => {\n console.log(date);\n let customdate = new Date(date);\n setStartDate(date);\n console.log(date.getTime());\n let oneday = 86400000;\n let today = new Date();\n let min18yersletnew = new Date(today.getTime() - oneday * 365 * 18);\n console.log(date.getTime() > min18yersletnew);\n\n let isMinor = false;\n if (date.getTime() > min18yersletnew) {\n setdoblessthen18(true);\n // validationDOB(true);\n isMinor = true;\n } else {\n setdoblessthen18(false);\n isMinor = false;\n }\n\n let dateformat =\n customdate.getDate().toString().length == 1\n ? \"0\" + customdate.getDate()\n : customdate.getDate();\n let monthformat =\n (customdate.getMonth() + 1).toString().length == 1\n ? \"0\" + (customdate.getMonth() + 1)\n : customdate.getMonth();\n console.log(\n monthformat + \"/\" + dateformat + \"/\" + customdate.getFullYear(),\n \"date\"\n );\n const updatedValue = {\n minor: isMinor,\n DOB: monthformat + \"/\" + dateformat + \"/\" + customdate.getFullYear(),\n };\n ondobchangeinparent(updatedValue);\n onhandlechange(\"minor\", isMinor);\n getRelationshipList();\n // setfirstNominee({\n // ...inputdata,\n // ['DOB']: date\n // });\n // nomineedata(firstNominee)\n };\n\n const validateinput = (e) => {\n var code = \"charCode\" in e ? e.charCode : e.keyCode;\n if (e.target.name == \"pan\" || e.target.name == \"guardianPan\" || e.target.name === \"percentage\") {\n if (\n // space\n !(code > 47 && code < 58) && // numeric (0-9)\n !(code > 64 && code < 91) && // upper alpha (A-Z)\n !(code > 96 && code < 123)\n ) {\n // lower alpha (a-z)\n e.preventDefault();\n }\n }\n };\n\n const validateNumber = (e) => {\n var code = \"charCode\" in e ? e.charCode : e.keyCode;\n\n if (\n // space\n !(code > 47 && code < 58)\n ) {\n // lower alpha (a-z)\n e.preventDefault();\n }\n };\n\n const validatePan = (e) =>{\n let txt = e.target.value;\n txt = txt.toUpperCase();\n var regex = /[a-zA-Z]{3}[PCHFATBLJG]{1}[a-zA-Z]{1}[0-9]{4}[a-zA-Z]{1}$/;\n var panVar = {C:\"Company\", P:\"Personal\", H:\"Hindu Undivided Family (HUF)\", F:\"Firm\", A:\"Association of Persons (AOP)\", T:\"AOP (Trust)\", B:\"Body of Individuals (BOI)\", L:\"Local Authority\", J:\"Artificial Juridical Person\", G:\"Govt\"};\n panVar=panVar[txt[3]];\n console.log(panVar)\n if(regex.test(txt))\n {\n if(pan == guardianPan){\n if(e.target.name == \"guardianPan\"){\n kycRegistred(false,\"Guardian PAN cannot be same as nominee PAN\")\n }else if(e.target.name == \"pan\"){\n kycRegistredNomineePan(false, \"Nominee PAN cannot be same as Guardian PAN\")\n }\n return; }\n if(panVar!=\"undefined\"){\n \n if(e.target.name == \"guardianPan\"){\n if(panVar == 'Personal'){\n validateAPI_PAN_Justcheck(e.target.name,e.target.value)\n }else{\n kycRegistred(false, \"Only Individuals are allowed\")\n }\n }else if(e.target.name == 'pan'){\n if(panVar == 'Personal'){\n validateAPI_PAN_Justcheck(e.target.name,e.target.value)\n }else{\n kycRegistredNomineePan(false, \"Only Individuals are allowed\")\n }\n }\n \n \n }else {\n if(e.target.name == \"guardianPan\"){\n kycRegistred(false, \"Invalid Pan Number\")\n }else if(e.target.name == \"pan\"){\n kycRegistredNomineePan(false, \"Invalid Pan Number\")\n }\n }\n \n }else {\n if(e.target.name == \"guardianPan\"){\n kycRegistred(false,\"Invalid Pan Number\")\n }else if(e.target.name == \"pan\"){\n kycRegistredNomineePan(false, \"Invalid Pan Number\")\n }\n }\n}\n\nconst validateAPI_PAN_Justcheck = (pan, panvalue) =>{\n var url = \"/service/pan/validate\";\n var postobjt = {\n pan: panvalue.toUpperCase()\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if(res.Status == \"KYC Registered\"){\n if(pan == \"guardianPan\"){\n kycRegistred(true)\n }else if(pan == \"pan\"){\n kycRegistredNomineePan(true)\n }\n \n }else {\n if(pan == \"guardianPan\"){\n kycRegistred(false)\n }else if(pan == \"pan\"){\n kycRegistredNomineePan(false)\n }\n \n }\n \n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n if(pan == \"guardianPan\"){\n kycRegistred(false)\n }else if(pan == \"pan\"){\n kycRegistredNomineePan(false)\n }\n \n \n });\n}\n\n\n // !DatePicker Togle\n const [openDatePicker, setDatePickerOpen] = useState(false);\n\n const checkRelationship = () =>{\n if(relationshipList.length<=0){\n getRelationshipList()\n }\n \n }\n \n return (\n \n \n \n
\n
\n | \n | Primary Applicant | \n\n {jointHolderApplicant.length >= 1 && (\n1st Applicant | \n )}\n {jointHolderApplicant.length >= 2 && (\n2nd Applicant | \n )}\n\n {/*Gaurdian | */}\n
|---|---|---|---|---|
| FATCA Status | \n\n {primaryApplicant && primaryApplicant.FACTA_Status == \"Y\"\n ? \"Compliant\"\n : \"Not Compliant\"}\n | \n {jointHolderApplicant && jointHolderApplicant.length >= 1 && (\n\n {jointHolderApplicant &&\n jointHolderApplicant[0].FACTA_Status == \"Y\"\n ? \"Compliant\"\n : \"Not Compliant\"}\n | \n )}\n {jointHolderApplicant && jointHolderApplicant.length >= 2 && (\n\n {jointHolderApplicant &&\n jointHolderApplicant[1].FACTA_Status == \"Y\"\n ? \"Compliant\"\n : \"Not Compliant\"}\n | \n )}\n|
| Gross Annual Income | \n\n {primaryApplicant && primaryApplicant.GrossAnnualIncome}\n | \n {jointHolderApplicant && jointHolderApplicant.length >= 1 && (\n\n {jointHolderApplicant &&\n jointHolderApplicant[0].GrossAnnualIncome}\n | \n )}\n {jointHolderApplicant && jointHolderApplicant.length >= 2 && (\n\n {jointHolderApplicant &&\n jointHolderApplicant[1].GrossAnnualIncome}\n | \n )}\n|
| Source Of Wealth | \n\n {primaryApplicant && primaryApplicant.SourceOfWealth}\n | \n {jointHolderApplicant.length >= 1 && (\n\n {jointHolderApplicant[0].SourceOfWealth}\n | \n )}\n {jointHolderApplicant.length >= 2 && (\n\n {jointHolderApplicant[1].SourceOfWealth}\n | \n )}\n|
| Politically Exposed Person | \n\n {isPoliticallyExposed(primaryApplicant?.PepFlag) ||\n isPoliticallyExposed(primaryApplicant?.pep_flag) ||\n \"No\"}\n | \n\n {jointHolderApplicant.length >= 1 && (\n\n {jointHolderApplicant[0].PepFlag == \"\" ||\n jointHolderApplicant[0].PepFlag == \" \"\n ? jointHolderApplicant[0].pep_flag\n : jointHolderApplicant[0].pep_flag == \"N\"\n ? \"No\"\n : jointHolderApplicant[0].pep_flag}\n | \n )}\n {jointHolderApplicant.length >= 2 && (\n\n {jointHolderApplicant[1].PepFlag == \"\" ||\n jointHolderApplicant[1].PepFlag == \" \"\n ? jointHolderApplicant[1].pep_flag\n : jointHolderApplicant[1].pep_flag == \"N\"\n ? \"No\"\n : jointHolderApplicant[1].pep_flag}\n | \n )}\n|
| \n Are you a Tax resident of any country other than India?\n | \n\n\n {primaryApplicant &&\n primaryApplicant.TaxResidentOfNonIndiaFlag &&\n (primaryApplicant.TaxResidentOfNonIndiaFlag == \"N\" ||\n primaryApplicant.TaxResidentOfNonIndiaFlag == \"I\")\n ? \"No\"\n : primaryApplicant &&\n primaryApplicant.TaxResidentOfNonIndiaFlag}\n | \n\n {jointHolderApplicant.length >= 1 && (\n\n {jointHolderApplicant[0].TaxResidentOfNonIndiaFlag &&\n (jointHolderApplicant[0].TaxResidentOfNonIndiaFlag == \"N\" ||\n jointHolderApplicant[0].TaxResidentOfNonIndiaFlag == \"I\")\n ? \"No\"\n : jointHolderApplicant[0].TaxResidentOfNonIndiaFlag}\n | \n )}\n {jointHolderApplicant.length >= 2 && (\n\n {jointHolderApplicant[0].TaxResidentOfNonIndiaFlag &&\n (jointHolderApplicant[1].TaxResidentOfNonIndiaFlag == \"N\" ||\n jointHolderApplicant[1].TaxResidentOfNonIndiaFlag == \"I\")\n ? \"No\"\n : jointHolderApplicant[1].TaxResidentOfNonIndiaFlag2}\n | \n )}\n
\n
\n );\n};\n\nexport default ProfileAddNominee;\n","import React, { useState, useContext, useEffect } from 'react';\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport CryptoJS from \"crypto-js\";\nconst ProfileNomineeAddress = ({\n nomineeaddressparm,\n addredddetails\n}) => {\n const decryption = (body) => {\n const Bytes = CryptoJS.AES.decrypt(body, \"COREAPIV012021NDRS\");\n return JSON.parse(Bytes.toString(CryptoJS.enc.Utf8));\n };\n const [nomineeAddress, setnomineeAddress] = useState({\n address1: addredddetails ?addredddetails.address1:\"\",\n address2:addredddetails ?addredddetails.address2:\"\",\n address3: addredddetails ?addredddetails.address3:\"\",\n country: addredddetails ?addredddetails.country:\"\",\n state: addredddetails ?addredddetails.state:\"\",\n city: addredddetails ?addredddetails.city:\"\",\n pincode: addredddetails ?addredddetails.pincode:\"\",\n });\n // const {addredddetailslocal} = addredddetails == undefined?\"\":addredddetails\n useEffect(() => {\n getCountryList();\n console.log(addredddetails)\n if(addredddetails != undefined){\n \n \n // setnomineeAddress({\n // address1: addredddetails.address1,\n // address2: addredddetails.address2,\n // address3: addredddetails.address3,\n // country: addredddetails.country,\n // state: addredddetails.state,\n // city: addredddetails.city,\n // pincode: addredddetails.pincode,\n // });\n\n }\n \n // nomineeaddressparm(nomineeAddress)\n }, [nomineeAddress]);\n\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n\n \n const [stateList, setstateList] = useState([]);\n const [countryList, setcountryList] = useState([]);\n const [distList, setdistList] = useState([]);\n \n let count = 0;\n const getCountryList = () => {\n var url = \"/ftp/populateCountryDetails\";\n var postobjt = {\n\n }\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n // .postApiEncrpCalling(url, postobjt, options)\n .getApiCalling(url)\n .then((res) => {\n // console.log(res);\n if (res) {\n let decrypttext = decryption(res.data);\n setcountryList(decrypttext)\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n // console.log(err);\n setGlobalSpinner(false);\n count += 1;\n if(count<4){\n getCountryList();\n }\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n\n }\n const onCountyChange = (val) => {\n var url = \"/ftp/populateStateDetails\";\n var postobjt = {\n \"country\": val\n }\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res) {\n setstateList(res)\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n // console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n\n }\n //\n \n const onStateChange = (val) => {\n var url = \"/ftp/populateCityDetails\";\n var postobjt = {\n \"stateName\": val\n }\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n // console.log(res);\n if (res) {\n setdistList(res)\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n // console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n\n }\n\n const onchangeCountry= (e) => {\n setnomineeAddress({\n ...nomineeAddress,\n country: e.target.value\n });\n onCountyChange(e.target.value);\n // setTimeout( () =>{\n nomineeaddressparm(nomineeAddress)\n // },500);\n \n }\n \n const onchangeState = (e) => {\n setnomineeAddress({\n ...nomineeAddress,\n state: e.target.value\n });\n onStateChange(e.target.value)\n // setTimeout( () =>{\n nomineeaddressparm(nomineeAddress)\n // },500);\n }\n const onChangeCity = (e) => {\n setnomineeAddress({\n ...nomineeAddress,\n city: e.target.value\n });\n // onStateChange(e.target.value)\n // setTimeout( () =>{\n nomineeaddressparm(nomineeAddress)\n // },500);\n }\n \n const handleaddress = (e) => {\n setnomineeAddress({\n ...nomineeAddress,\n [e.target.name]: e.target.value\n });\n nomineeaddressparm(nomineeAddress)\n }\n return (\n \n \n
\n\n \n 
\n \n\n {\n setname(e.target.value);\n onhandlechange(\"name\", e.target.value, inputdata.nominee);\n }}\n value={name}\n onKeyPress={(event) => { if (!/[a-zA-Z ]/.test(event.key)) { event.preventDefault(); } }}\n onBlur={checkRelationship}\n />\n
\n {errors && errors.name}
\n\n \n
\n\n \n 
\n \n\n {\n setpan(e.target.value);\n onhandlechange(\n \"pan\",\n e.target.value,\n inputdata.pan\n );\n }}\n maxLength=\"10\"\n onBlur={(e) => {\n validatePan(e);\n }}\n onKeyPress={(e) => {\n validateinput(e);\n }}\n value={pan}\n />\n
\n {errors && errors.pan}
\n\n \n
\n {doblessthen18 && (\n <>\n \n {/* */}\n {\n setDatePickerOpen(true);\n }}\n />\n \n\n \n setDatePickerOpen(true)}\n onClose={() => setDatePickerOpen(false)}\n value={startDate}\n onChange={(date) => ondobchange(date)}\n maxDate={new Date()}\n // maxDate={moment().subtract(18, \"years\")._d}\n // defaultCalendarMonth={moment().subtract(18, \"years\")._d}\n renderInput={(params) => {\n return (\n setDatePickerOpen(true)}\n />\n );\n }}\n />\n \n\n {/* ondobchange(date)}\n maxDate={min18yers}\n selected={startDate}\n dateFormat=\"MM/dd/yyyy\"\n value={startDate}\n /> */}\n {/* */}\n
\n {errors && errors.DOB}
\n\n \n
\n\n \n \n {\n setguardianName(e.target.value);\n onhandlechange(\n \"guardianName\",\n e.target.value,\n inputdata.nominee\n );\n }}\n value={guardianName}\n onKeyPress={(event) => { if (!/[a-zA-Z ]/.test(event.key)) { event.preventDefault(); } }}\n />\n
\n {errors && errors.guardianName}
\n\n \n
\n\n \n \n \n\n {\n setguardianPan(e.target.value);\n onhandlechange(\n \"guardianPan\",\n e.target.value,\n inputdata.nominee\n );\n }}\n maxLength=\"10\"\n onBlur={(e) => {\n validatePan(e);\n }}\n onKeyPress={(e) => {\n validateinput(e);\n }}\n value={guardianPan}\n />\n
\n {errors && errors.guardianPan}
\n\n \n
\n\n \n \n \n\n {\n\n setguardinarelationship(e.target.value);\n onhandlechange(\"gaurdianrelationship\", e.target.value, inputdata.nominee);\n }}\n >\n \n {relationshipList.length === 0 ? (\n \n ) : (\n relationshipList.map((item, index) => (\n \n {item.rm_relation}\n \n ))\n )}\n \n
\n {errors && errors.gaurdianrelationship}
\n\n \n
\n\n\n \n \n \n {\n\n setguardinaproof(e.target.value);\n onhandlechange(\"proofofrelationship\", e.target.value, inputdata.nominee);\n }}\n >\n \n {proofrelationshipList.length === 0 ? (\n \n ) : (\n proofrelationshipList.map((item, index) => (\n \n {item.Proof_of_relation}\n \n ))\n )}\n \n
\n {errors && errors.proofofrelationship}
\n\n {\n guardinaproof == \"Others\" &&\n
\n\n \n )}\n {/* \n \n
\n }\n\n \n { openfile() }}\n />\n fileUpload(e.target.files[0])}\n />\n\n
\n \n \n
*/}\n\n \n 
\n \n\n {\n setpercentageinput(e.target.value);\n onhandlechange('percentage', e.target.value, inputdata.nominee);\n }}\n onKeyPress={(e) => { validateNumber(e) }}\n value={percentageinput} \n maxLength=\"3\"/>\n
\n { errors && errors.percentage}
\n\n\n \n
\n \n \n \n\n {/* {\n setrelationship(e.target.value);\n onhandlechange('relationship', e.target.value, inputdata.nominee);\n }}\n value={relationship} /> */}\n\n {\n setrelationship(e.target.value);\n onhandlechange(\"relationship\", e.target.value, inputdata.nominee);\n }}\n >\n \n {relationshipList.length === 0 ? (\n \n ) : (\n relationshipList.map((item, index) => (\n \n {item.rm_relation}\n \n ))\n )}\n \n
\n {errors && errors.relationship}
\n\n
\n );\n};\n\nexport default ProfileNomineeAddress;","export default __webpack_public_path__ + \"static/media/myfoliodelete.f59ac823.svg\";","import React, { useState, useContext, useEffect } from \"react\";\nimport KYCCheckLogo from \"./svg/InvesterDetailsSvgs/KYCCheckLogo\";\nimport EditLogo from \"./svg/InvesterDetailsSvgs/EditLogo\";\nimport \"./css/InvesterDetails.scss\";\nimport RedEdit from \"../../assets/svg/RedEdit\";\nimport { dateCoverted } from \"../../helperFunctions/helperFunctions\";\nimport ProfileAddNominee from \"./ProfileAddNominee\";\nimport ProfileNomineeAddress from \"./ProfileNomineeAddress\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { Button } from \"react-bootstrap\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport deleteLinkimg from \"../../assets/Images/myfolio/myfoliodelete.svg\";\nimport CryptoJS from \"crypto-js\";\nconst NomineeList = ({ nomineeDetails, getNomineeDetails }) => {\n console.log(nomineeDetails);\n const contextapi = useContext(Context);\n const setNotifi = useNotificationActionsContext();\n const [showSection, setshowSection] = useState(\"list\");\n const [isCheckedAddress1, setIsCheckedAddress1] = useState(false);\n const user = useSelector((state) => state.authentication.user);\n console.log(user);\n\n const setIsCheckedAddressFunc = (that) => {\n console.log(that);\n setIsCheckedAddress1(that);\n if (that == true) {\n getTheaddressList();\n }\n };\n const addNominee = () => {\n setshowSection(\"addnominee\");\n };\n\n useEffect( async() => {\n await getRelationShipList();\n await getProofRelationShipList();\n }, []);\n const [firstNominee, setfirstNominee] = useState({\n name: \"\",\n DOB: \"\",\n pan:\"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n minor: false,\n gaurdianrelationship:\"\",\n proofofrelationship:\"\"\n });\n const [firstNomineeErrors, setfirstNomineeErrors] = useState({\n name: \"\",\n pan:\"\",\n DOB: \"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n gaurdianrelationship:\"\",\n proofofrelationship:\"\"\n });\n\n const [completeNomineeinone, setcompleteNomineeinone] = useState({\n first: \"\",\n second: \"\",\n third: \"\",\n });\n\n const getthenomineedata = (personaldathere) => {\n setcompleteNomineeinone({\n ...completeNomineeinone,\n first: {\n ...completeNomineeinone.first,\n data: personaldathere,\n },\n });\n };\n\n const handleInput = (name, value) => {\n // setcartadderror('');\n setfirstNominee((prevState) => ({\n ...prevState,\n [name]: value,\n }));\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n [name]: \"\",\n });\n };\n\n const updatedob = (date) => {\n console.log(date);\n // setcartadderror('');\n\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n DOB: \"\",\n });\n setfirstNominee({\n ...firstNominee,\n [\"DOB\"]: date.DOB,\n });\n };\n\n const onsubmituser = () => {\n console.log(firstNominee);\n console.log(completeNomineeinone);\n console.log(completeNomineeinone.first);\n let localCheck = true;\n if (firstNominee.name == \"\") {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n name: \"Please enter nominee name\",\n });\n } else if (firstNominee.DOB == \"\") {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n DOB: \"Please Select DOB\",\n });\n } else if (firstNominee.minor == true && firstNominee.guardianName == \"\") {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n guardianName: \"Please enter guardian Name\",\n });\n } else if (\n (firstNominee.minor == true && firstNominee.guardianPan == \"\") ||\n (firstNominee.minor == true && kycCheck1 == false)\n ) {\n // localCheck = false;\n // setfirstNomineeErrors({\n // ...firstNomineeErrors,\n // guardianPan: \"Please enter guardian pan\"\n // })\n if (kycCheck1 == false) {\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n guardianPan: \"PAN entered is Not KYC Registered.\",\n });\n } else {\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n guardianPan: \"Please enter guardian pan\",\n });\n }\n } else if (firstNominee.relationship == \"\") {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n relationship: \"Please select relationship\",\n });\n } else if (\n isCheckedAddress1 == false &&\n completeNomineeinone.first == \"\" || (completeNomineeinone.first != \"\" && completeNomineeinone.first.address && completeNomineeinone.first.address.address1 == \"\" \n // ||\n // completeNomineeinone.first.address.address2 == \"\" || completeNomineeinone.first.address.address3 == \"\"\n )\n \n ) {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n address: \"Add address\",\n });\n } else if (\n isCheckedAddress1 == false &&\n completeNomineeinone.first == \"\" &&\n completeNomineeinone.first.address.country == \"\"\n ) {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n address: \"Select country\",\n });\n } else if (\n isCheckedAddress1 == false &&\n completeNomineeinone.first == \"\" &&\n completeNomineeinone.first.address.state == \"\"\n ) {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n address: \"Select state\",\n });\n } else if (\n isCheckedAddress1 == false &&\n completeNomineeinone.first == \"\" &&\n completeNomineeinone.first.address.city == \"\"\n ) {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n address: \"Select city\",\n });\n } else if (\n isCheckedAddress1 == false &&\n completeNomineeinone.first == \"\" &&\n completeNomineeinone.first.address.pincode == \"\"\n ) {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n address: \"Select pincode\",\n });\n } else {\n setfirstNomineeErrors({\n name: \"\",\n DOB: \"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n });\n console.log(firstNominee);\n console.log(completeNomineeinone);\n let json = {\n refno:user.Ref_no, // \"7033\", //user.Ref_no, //\"7033\",\n nomType: \"NOM\",\n nomName: firstNominee.name,\n nomDOB: firstNominee.DOB,\n // \"nomPercent\": \"50\",\n nomRelation: firstNominee.relationship,\n isAddrSametoFInv: \"f\",\n\n nomGuardianName: firstNominee.guardianName,\n flg: \"I\",\n\n // \"pan\": user.Pan,\n // \"name\": firstNominee.name,\n // \"relation\": firstNominee.relationship,\n // \"dob\": firstNominee.DOB, //\"07/07/2018\",\n // \"address\": completeNomineeinone.first.address.address1 + \" \" + completeNomineeinone.first.address.address2 + \" \" + completeNomineeinone.first.address.address3,\n // \"city\": completeNomineeinone.first.address.city,\n // \"state\": completeNomineeinone.first.address.state,\n // \"country\": completeNomineeinone.first.address.country,\n // \"pin\": completeNomineeinone.first.address.pincode,\n // // \"slno\": \"478150\",\n // \"customFund\": \"\",\n // \"guardianPan\": firstNominee.guardianPan,\n // \"guardianName\": firstNominee.guardianName\n };\n if (isCheckedAddress1 == true) {\n json.nomAddress1 =\n primaryHolderAddress && primaryHolderAddress[0].kr_CorAdd1;\n json.nomAddress2 =\n primaryHolderAddress && primaryHolderAddress[0].kr_CorAdd2;\n json.nomAddress3 =\n primaryHolderAddress && primaryHolderAddress[0].kr_CorAdd3;\n json.nomCountry =\n primaryHolderAddress && primaryHolderAddress[0].kr_CorCountry;\n json.nomState =\n primaryHolderAddress && primaryHolderAddress[0].kr_CorState;\n json.nomCity =\n primaryHolderAddress && primaryHolderAddress[0].kr_CorCity;\n json.nomPin = primaryHolderAddress && primaryHolderAddress[0].kr_CorPin;\n } else if (\n isCheckedAddress1 == false &&\n completeNomineeinone.first != \"\"\n ) {\n json.nomAddress1 = completeNomineeinone.first.address.address1;\n json.nomAddress2 = completeNomineeinone.first.address.address2;\n json.nomAddress3 = completeNomineeinone.first.address.address3;\n json.nomCountry = completeNomineeinone.first.address.country;\n json.nomState = completeNomineeinone.first.address.state;\n json.nomCity = completeNomineeinone.first.address.city;\n json.nomPin = completeNomineeinone.first.address.pincode;\n }\n saveNomineeProfile(json, \"Nominee Added \");\n }\n };\n\n const [onsuccessSave, setonsuccessSave] = useState(\"\");\n const saveNomineeProfile = async (json, reqType) => {\n const url = `/ftp/saveForLaterRegistrationByPan`;\n const finalData = json;\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n setshowSection(\"Success\");\n getNomineeDetails();\n if (res && res[0].level1) {\n setonsuccessSave(res[0].level2[0].Msg);\n } else if (res && res[0].ErrorMessage == \"Executed Successfully.\") {\n setonsuccessSave(reqType + \"Successfully.\");\n } else {\n setonsuccessSave(\"Please try again\");\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const backTonominee = () => {\n setfirstNominee({\n name: \"\",\n DOB: \"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n minor: false,\n });\n setfirstNomineeErrors({\n name: \"\",\n DOB: \"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n });\n setcompleteNomineeinone({\n ...completeNomineeinone,\n first: \"\",\n });\n setshowSection(\"list\");\n };\n\n const getthenomineeaddress = (personalddress) => {\n setcompleteNomineeinone({\n ...completeNomineeinone,\n first: {\n ...completeNomineeinone.first,\n address: personalddress,\n },\n });\n };\n\n const [kycCheck1, setkycCheck1] = useState(false);\n\n const kycRegistred = (status,errormsg) => {\n if (status == true) {\n setkycCheck1(true);\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n guardianPan: \"\",\n });\n } else {\n setkycCheck1(false);\n\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n guardianPan: errormsg, //\"PAN entered is Not KYC Registered.\",\n });\n }\n };\n\n const kycRegistredNomineePan = (status,errormsg) => {\n if (status == true) {\n setkycCheck1(true);\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n pan: \"\",\n });\n } else {\n setkycCheck1(false);\n\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n pan: errormsg, //\"PAN entered is Not KYC Registered.\",\n });\n }\n };\n\n const [relationshipList, setrelationshipList] = useState([]);\n\n const getRelationshipList = async() =>{\n await getRelationShipList();\n }\n const getRelationShipList = async () => {\n var url = \"/accountDetails/newPurchaseRegistrationMasters\";\n var postobjt = {\n option: \"NR\",\n fund: \"\",\n assetSchemeType: \"\",\n planMode: \"\",\n };\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res.statusCode) {\n setrelationshipList([]);\n } else {\n // console.log(res);\n setrelationshipList(res);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const [proofrelationshipList, setproofrelationshipList] = useState([]);\n const decryption = (body) => {\n const Bytes = CryptoJS.AES.decrypt(body, \"COREAPIV012021NDRS\");\n return JSON.parse(Bytes.toString(CryptoJS.enc.Utf8));\n };\n const getProofRelationShipList = async () => {\n var url = \"/ftp/proofOfNominee\";\n var postobjt = { \n }\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n \n await contextapi\n .getApiCalling(url)\n .then((res) => {\n console.log(res);\n if (res) {\n setproofrelationshipList([]);\n let decrypttext = decryption(res.data);\n console.log(decrypttext)\n if(decrypttext.length >0 && decrypttext[0].level1 && decrypttext[0].level1[0].Error_Message == \"Success\"){\n setproofrelationshipList(decrypttext[0].level2)\n }else if(decrypttext.length >0){\n setproofrelationshipList(decrypttext)\n }\n \n }\n\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const deleteNominee = (list) => {\n let json = {\n refno: list.RefNo.toString(),\n nomType: list.Nom_Type,\n nomName: list.Nom_Name,\n nomId: list.Nominee_ID,\n flg: \"D\",\n };\n saveNomineeProfile(json, \"Nominee Deleted\");\n };\n\n const [primaryHolderAddress, setprimaryHolderAddress] = useState([]);\n const getTheaddressList = async () => {\n var url = \"/ftp/nomAdd\";\n var postobjt = {\n pan: user.Pan, // \"CGEPG3182M\", //user.Pan,\n iCustomFund: configData.amcCode,\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n let addressList = res[0];\n setprimaryHolderAddress(res);\n // setcompleteNomineeinone({\n // ...completeNomineeinone,\n // first: {\n // ...completeNomineeinone.first,\n // address: {\n // address1: addressList && addressList.kr_CorAdd1,\n // address2: addressList && addressList.kr_CorAdd2,\n // address3: addressList && addressList.kr_CorAdd3,\n // country: addressList && capitalizeFirstLetter(addressList.kr_CorCountry),\n // state: addressList && capitalizeFirstLetter(addressList.kr_CorState),\n // city:addressList && capitalizeFirstLetter(addressList.kr_CorCity),\n // pincode:addressList && addressList.kr_CorPin,\n // },\n\n // },\n // });\n } else if (res.message == \"No records found\") {\n //show error\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const capitalizeFirstLetter = (string) => {\n return string.charAt(0).toUpperCase() + string.slice(1);\n };\n\n return (\n Address Details:
\n\n\n
\n \n \n
\n \n\n \n
\n \n \n
\n\n \n\n \n
\n \n \n
\n \n\n \n
\n \n \n\n
\n\n \n\n {/* */}\n\n {/* {countryList !== \"\" && countryList.length > 0 && ( */}\n \n \n {countryList !== \"\" && countryList.length > 0 && countryList.map((item, index) => (\n \n ))}\n \n {/* )} */}\n\n
\n {/* \n \n \n
*/}\n {/* countryList */}\n \n \n
\n\n \n\n {/* */}\n\n {/* {stateList !== \"\" && stateList.length > 0 && ( */}\n \n \n {stateList !== \"\" && stateList.length > 0 && stateList.map((item, index) => (\n \n ))}\n \n {/* )} */}\n\n
\n \n \n
\n\n \n\n \n \n {distList !== \"\" && distList.length > 0 && distList.map((item, index) => (\n \n ))}\n
\n \n \n
\n \n\n { if (!/[0-9]/.test(event.key)) { event.preventDefault(); } }}\n />\n
\n \n
\n \n );\n};\n\nexport default NomineeList;\n","import React, { useEffect, useState, useContext } from \"react\";\nimport \"./css/AccountDetails.scss\";\nimport InvesterDetails from \"./InvesterDetails\";\nimport NomineeDetails from \"./NomineeDetails\";\nimport BankDetails from \"./BankDetails\";\nimport PanDetails from \"./PanDetails\";\nimport Nominee from \"./Nominee/Nominee\";\nimport DownBar from \"./svg/AccountDetailsSvgs/AccountDetailsDownBarLogo\";\nimport DownTriangle from \"./svg/AccountDetailsSvgs/AccountDetailsDownTriangleLogo\";\nimport TabDownBar from \"./svg/AccountDetailsSvgs/AccountDetailsTabDownBarLogo\";\nimport AccountDetailsEmptyNomineeLogo from \"./svg/AccountDetailsSvgs/AccountDetailsEmptyNomineeLogo\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { Context } from \"../../services/apiContext\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport NomineeList from \"./displayNomineeList\";\nimport configData from \"../../config/config.json\";\nconst AccountDetails = () => {\n const contextapi = useContext(Context);\n const setNotifi = useNotificationActionsContext();\n useEffect(async () => {\n getAccountDetails();\n }, []);\n const [folioStatus, setFolioStatus] = useState(false);\n const [activity, setActivity] = useState(0);\n const [panNumber, setPanNumber] = useState(\"\");\n const user = useSelector((state) => state.authentication.user);\n console.log(user)\n const activities = [\"Investor Details\", \"Nominee\", \"Bank Details\", \"Fatca\"];\n\n const activityHandler = (index) => {\n if (index === 0) {\n setActivity(0);\n getAccountDetails();\n }\n if (index === 1) {\n getNomineeDetails();\n }\n if (index === 2) {\n getBankDetails();\n }\n if (index === 3) {\n getfatca();\n }\n };\n\n const getPanNumber = (e) => {\n setPanNumber(e.target.value);\n console.log(\"get Pan Numbers\");\n };\n\n const [investorDetails, setinvestorDetails] = useState();\n const getAccountDetails = async () => {\n const url = `/accountDetails/investorDetailsByPan`;\n const finalData = {\n pan: user.Pan, //\"AEWPA9117N\", //user.Pan, \"ABWPR5337A\", //\n \"fund\":configData.sipCustomFund,\n };\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n setinvestorDetails(res[0]);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const [nomineeDetails, setnomineeDetails] = useState();\n \n const getNomineeDetails = async () => {\n const url = `/accountDetails/investorNomineeDetailsByPan`;\n let finalData;\n if(user && user.Ref_no != null){\n finalData = {\n pan: user.Pan, //\"CGEPG3182M\" //user.Pan\n refNo:user && user.Ref_no != null && user.Ref_no.toString(),\n };\n }else {\n finalData = {\n pan: user.Pan, //\"CGEPG3182M\" //user.Pan\n };\n }\n \n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n console.log(res.length);\n if (res && res.length>0) {\n setnomineeDetails(\n res.filter(function (item) {\n // return item.Nom_Type != null;\n return (item.Nom_Type != null && item.Nom_Name != null && item.Nom_Relation!= null);\n // return item.Page_Code == \"PD4\";\n })\n );\n setActivity(1);\n }else {\n setnomineeDetails([]);\n setActivity(1);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const [bankDetails, setbankDetails] = useState();\n const getBankDetails = async () => {\n const url = `/accountDetails/investorBankDetailsByPan`;\n const finalData = {\n pan: user.Pan, //user.Pan, // AOLPK2176E-param ->\n };\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n if (res) {\n setbankDetails(\n res.filter(function (item) {\n return item.ifsccode !== \"\" && item.ifsccode !== null;\n })\n );\n console.log(\n res.filter(function (item) {\n return item.ifsccode !== \"\" && item.ifsccode !== null;\n })\n );\n setActivity(2);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const [fatcaDetails, setfatcaDetails] = useState();\n const getfatca = async () => {\n const url = `/accountDetails/investorFatcaDetails`;\n const finalData = {\n // \"pan\": user.Pan\n pan: user.Pan, //\"AAAPD6832H\"// user.Pan\n };\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n if (res) {\n \n setfatcaDetails(res);\n\n setActivity(3);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n return (\n \n {showSection === \"list\" && (\n
\n
\n ))}\n\n {showSection === \"addnominee\" && (\n \n \n + Add Nominee\n \n
\n )}\n\n {showSection === \"list\" &&\n nomineeDetails &&\n nomineeDetails.length > 0 &&\n nomineeDetails.map((entry, index) => (\n entry.Nom_Name != \"\" && entry.Nom_Relation != \"\" &&\n \n
\n \n
\n }\n \n\n {/*\n\n {/* \n
\n Nominee {index + 1}
\n\n \n \n {entry.Nom_Name}\n \n
\n \n \n
\n\n {\n entry.gm_acno != 0 && entry.RefNo == 0 && \n \n \n {entry.Nom_Relation}\n \n
\n \n \n
\n }\n {entry.RefNo != 0 && \n \n \n {entry.gm_acno}\n \n
\n \n \n deleteNominee(entry)}\n >\n
\n Remove
\n\n \n \n {entry.Nom_Percent + \"%\"}\n \n
*/}\n \n
\n
\n )}\n\n {showSection == \"Success\" &&\n onsuccessSave != undefined &&\n onsuccessSave != \"\" && (\n \n setIsCheckedAddressFunc(!isCheckedAddress1)}\n />\n\n
\n {!isCheckedAddress1 && (\n Same as First holder’s address
\n\n
\n )}\n\n \n
\n \n {firstNomineeErrors && firstNomineeErrors.address}\n
\n\n backTonominee()}\n >\n Back\n \n\n onsubmituser(\"later\")}\n >\n Save{\" \"}\n \n
\n \n
\n )}\n \n {/*
\n \n backTonominee()}\n >\n OK\n \n
\n \n
\n {onsuccessSave}
\n\n
\n );\n};\n\nexport default AccountDetails;\n","export default __webpack_public_path__ + \"static/media/successcheckedGreen.fbce02dc.svg\";","import React, { useState, useMemo, useEffect, useContext } from \"react\";\nimport \"./MyFolios.css\";\nimport deleteLinkimg from \"../../assets/Images/myfolio/myfoliodelete.svg\";\nimport username from \"../../assets/Images/user.svg\";\nimport inputPath from \"../../assets/Images/inputPath.png\";\nimport emailenv from \"../../assets/Images/mailEnv.svg\";\nimport mobileimg from \"../../assets/Images/telephone.svg\";\nimport RedEdit from \"../../assets/svg/RedEdit\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport { useHistory } from \"react-router-dom\";\nimport {\n Box,\n Button,\n Checkbox,\n Collapse,\n FormControl,\n FormControlLabel,\n Radio,\n RadioGroup,\n FormGroup,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n Divider,\n List,\n ListItemText,\n ListItemButton,\n Card,\n CardContent,\n Typography,\n Table,\n TableHead,\n TableRow,\n TableCell,\n TableBody,\n TableContainer\n} from \"@mui/material\";\nimport IconButton from \"@mui/material/IconButton\";\nimport Paper from \"@mui/material/Paper\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport KeyboardArrowUpIcon from \"@mui/icons-material/KeyboardArrowUp\";\nimport successImg from '../../assets/Images/successcheckedGreen.svg';\nimport { sortDataSchemewise } from \"../../helperFunctions/helperFunctions\";\nexport default function MyFoliosPage({ nextStep,prevStep, specificstep }) {\n const createFunc = () => {\n // nextStep();\n history.push('/MyFolios?tab=AssociateFolio')\n };\n // const list = [\"My Folios\", \"Family Folios\"];\n const list = [\"My Folios\"];\n const OptionList = [\"Link PAN\", \"De Link PAN\"];\n const [tab, selectedTab] = useState(0);\n const [familyFolioStep,setFamilyFolioStep]=useState(0);\n const [toggleFamilyFolioStep,setToggleFamilyFolioStep]=useState(0);\n const user = useSelector((state) => state.authentication.user);\n const contextapi = useContext(Context);\n const setNotifi = useNotificationActionsContext();\n const history = useHistory() \n useEffect( async() => {\n await getFolioDetails();\n checkHistory();\n \n \n history.listen((location) => { \n // var url = new URL(window.location.href);\n // var c = url.searchParams.get(\"tab\");\n // if(c != null){\n // if(c == \"AssociateFolio\" || c == \"DelinkFolio\"){\n // selectedTab(1);\n // if(c == \"AssociateFolio\"){\n // specificstep(2);\n // }\n // }else {\n // selectedTab(0);\n // specificstep(1)\n // }\n // }else{\n // selectedTab(0) ;\n // specificstep(1)\n // }\n\n checkHistory();\n }) \n\n \n \n \n\n }, [history]);\n\n const checkHistory = () =>{\n var url = new URL(window.location.href);\n var c = url.searchParams.get(\"tab\");\n if(c != null){\n if(c == \"AssociateFolio\" || c == \"DelinkFolio\"){\n selectedTab(1);\n setToggleFamilyFolioStep(1);\n if(c == \"AssociateFolio\"){\n specificstep(2);\n setFamilyFolioStep(0);\n }else{\n setFamilyFolioStep(1);\n getListByPan();\n }\n }else {\n selectedTab(0);\n specificstep(1)\n setToggleFamilyFolioStep(0);\n getFolioDetails();\n }\n }else{\n selectedTab(0) ;\n specificstep(1)\n setToggleFamilyFolioStep(0);\n getFolioDetails();\n }\n }\n const [dataDetails, setdataDetails] = useState([]);\n // API to load all the folios of user for My Folios\n const getFolioDetails = async () => {\n setdataDetails([])\n const url = `/accountDetails/getFoliosByPan`;\n const finalData = {\n \"pan\": user.Pan, //\"ABVPL6244P\",//user.Pan\n }\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n if (res) {\n setdataDetails(res)\n }\n\n\n })\n .catch((err) => {\n console.log(err);\n });\n }\n\n const editthispath = (details, formName, index) => {\n\n if (formName === \"mobile\") {\n\n let items = [...dataDetails];\n let item = { ...items[index] };\n item.statusMob = false\n\n items[index] = item;\n\n setdataDetails(items);\n\n } else if (formName === \"email\") {\n let items = [...dataDetails];\n let item = { ...items[index] };\n item.statusEmail = false\n\n items[index] = item;\n\n setdataDetails(items);\n\n }\n };\n\n const handleInput = (that, index, formName) => {\n if (formName === \"mobile\") {\n\n let items = [...dataDetails];\n let item = { ...items[index] };\n item.mobile = that;\n items[index] = item;\n\n setdataDetails(items);\n } else if (formName === \"email\") {\n let items = [...dataDetails];\n let item = { ...items[index] };\n item.email = that;\n items[index] = item;\n\n setdataDetails(items);\n }\n };\n\n const savepath = (details, formName, index) => {\n if (formName == \"mobile\") {\n\n let items = [...dataDetails];\n let item = { ...items[index] };\n item.statusMob = true\n\n items[index] = item;\n\n setdataDetails(items);\n } else if (formName == \"email\") {\n let items = [...dataDetails];\n let item = { ...items[index] };\n item.statusEmail = true\n\n items[index] = item;\n\n setdataDetails(items);\n }\n };\n\n \n const folioOnClickHandler = (index) => {\n let url = window.location.href;\n selectedTab(index);\n if(index == 1){\n history.push('/MyFolios?tab=DelinkFolio')\n setFamilyFolioStep(1);\n setToggleFamilyFolioStep(1);\n }else{\n // history.push(\"/MyFolios\");\n history.push(\"/MyFolios?tab=AssociateFolio\");\n setFamilyFolioStep(0);\n }\n if (index == 1) {\n getListByPan();\n \n\n }\n\n }\n \n const [familyFolioNameList, setfamilyFolioNameList] = useState([]);\n const [schemewiseFamilyFolioList, setschemewiseFamilyFolioList] = useState(\n []\n );\n const [familyFolioName, setfamilyFolioName] = useState(\"\");\n const [retrievefamilyFolioName, setRetrievefamilyFolioName] = useState(\"\");\n const onhandlechange = (name, value) => {\n if (name === \"retrievefamilyfolio\") {\n setRetrievefamilyFolioName(value);\n getSchemewiseFamilyFolios(value);\n } else {\n setfamilyFolioName(value);\n getFolioByPanand_Userid(value)\n }\n };\n //API to get family names\n const getListByPan = async () => {\n setfamilyFolioNameList([]);\n setChecked([]);\n setcommonError(\"\");\n setSuccessmessage(\"\");\n setfamilyFolioName('')\n const url = `/familyFolios/associatePanByUid`;\n const finalData = {\n // \"fund\":configData.amcCode,\n userId: user.Email_ID,\n \"customFund\": configData.amcCode,\n // \"pan\":\"AUOPJ4780C\", // \"AFNPR1643A\"\n }\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n if (res && res[0].ErrorMessage != \"Folios is De Associated\") {\n setfamilyFolioNameList(res)\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const getSchemewiseFamilyFolios = async (value) => {\n const url = `/familyFolios/getAssociatedSchemewisefolios`;\n const finalData = {\n pan: value, // \"AFNPR1643A\"\n };\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n if (res && res[0].level1[0].Error_code === \"0\") {\n const response = sortDataSchemewise(res[0].level2 && res[0].level2);\n console.log(response);\n setschemewiseFamilyFolioList(response);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const getFolioByPanand_Userid = async (value) => {\n console.log(value)\n setChecked([]);\n if (value != \"\") {\n\n\n const url = `/familyFolios/getAssociateFolios`;\n const finalData = {\n \"userId\": user.Email_ID,\n \"pan\": value,\n \"customFund\": configData.amcCode,\n }\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n let json = [];\n // for(let i=0;i<3;i++){\n for (let i = 0; i < res[0].level1.length; i++) {\n json.push({\n folio: res[0].level1[i].cm_acno,\n // relationship: res[0].level1.length,\n initial: true,\n name: res[0].level1[i].InvName\n })\n }\n setChecked(json)\n\n }\n\n })\n .catch((err) => {\n console.log(err);\n });\n }\n }\n\n const [allchecked, setallchecked] = useState(\"\");\n const [checked, setChecked] = React.useState([]);\n\n const childern = () => {\n console.log(checked);\n\n return (\n checked &&\n checked.map((entry, index) => (\n \n
\n \n
\n \n \n Account Details\n \n
\n\n \n PAN Number - {user.Pan}\n {/* \n \n \n // {/* {panNumbers.map((item, index) => (\n // \n // ))} */}\n {/* */}\n
\n {/* \n
*/}\n \n \n Folio - 23456123454\n \n
\n \n
\n \n
\n \n {activities.map((activitie, index) => (\n <>\n activityHandler(index)}\n key={index}\n type=\"button\"\n className={\n index === activity\n ? \"activeState btncoloractive customdesign1\"\n : \"customdesign1 addborder\"\n }\n >\n {activitie}\n \n \n ))}\n \n
\n \n {activity === 0 ? (\n
\n \n handleChangeCheck(e, index)}\n />\n }\n />\n
\n ))\n );\n };\n const handleChangeCheck = (value, index) => {\n console.log(checked);\n let items;\n let item;\n if (checked.length > 0) {\n let newitem = [];\n if (index == \"all\") {\n for (let i = 0; i < checked.length; i++) {\n newitem.push({\n initial: !allchecked,\n folio: checked[i].folio,\n });\n }\n setallchecked(!allchecked);\n } else {\n items = [...checked];\n item = { ...items[index] };\n item = {\n initial: value.target.checked,\n folio: checked[index].folio,\n };\n items[index] = item;\n // getcheckedStatus();\n let testchecks = items.find((el) => el.initial == false);\n\n if (testchecks == undefined) {\n setallchecked(true);\n } else {\n setallchecked(false);\n }\n }\n if (newitem.length > 0) {\n items = newitem;\n }\n console.log(items);\n setChecked(items);\n }\n };\n\n const [commonError, setcommonError] = useState(\"\");\n const [successmessage, setSuccessmessage] = useState(\"\");\n const [openModalUser, setopenModalUser] = useState(false);\n\n const generateAccountStatements = () => {\n setcommonError(\"\");\n setSuccessmessage(\"\")\n if (checked.length > 0) {\n let testchecks = checked.find((el) => el.initial == true);\n let selectedList = [];\n for (let i = 0; i < checked.length; i++) {\n if (checked[i].initial == true) {\n selectedList.push(checked[i].folio)\n }\n }\n\n if (testchecks == undefined) {\n setcommonError(\"Please select folio\");\n } else {\n\n\n const url = \"/familyFolios/deassociatedFolios\";\n const postObj = {\n \"fund\": configData.amcCode,\n \"accountNo\": selectedList.toString().split(\",\").join(\"~\")\n }\n contextapi\n .postApiEncrpCalling(url, postObj)\n .then((res) => {\n console.log(res);\n if (res && res[0] && res[0].level2[0].Error_Code == 0) {\n setSuccessmessage(res[0].level2[0].Error_Message);\n\n setopenModalUser(true)\n } else {\n setSuccessmessage(\"Please try again\");\n setopenModalUser(false)\n\n }\n\n // level1: Array(1)\n // 0: {Error_Code: 0, Error_Message: 'Success'}\n // length: 1\n // [[Prototype]]: Array(0)\n // level2: Array(1)\n // 0:\n // Error_Code: 0\n // Error_Message: \"Folio deassociated successfully\"\n // [[Prototype]]: Object\n // length: 1\n // [[Prototype]]: Array(0)\n // [[Prototype]]: Object\n // length: 1\n // [[Prototype]]: Array(0)\n\n\n\n })\n .catch((err) => {\n console.log(err);\n });\n }\n } else {\n\n }\n };\n\n const closeModal = () => {\n setopenModalUser(false);\n // window.location.reload();\n history.push('/MyFolios')\n\n };\n return (\n \n
\n\n <>\n {openModalUser && (\n \n
\n \n {/*
\n )} */}\n\n {tab == 0 && (\n \n
*/}\n\n { toggleFamilyFolioStep===1 &&\n OptionList.map((option, index) => {\n console.log(option,index,toggleFamilyFolioStep)\n return (\n \n
\n My Folios
\n createFunc()}>\n
\n + Add Folio
\n\n folioOnClickHandler(index)}\n key={index}\n type=\"button\"\n className={`btn btn-light portfolioButtonnew\" ${\n index == familyFolioStep ? \"activebtn\" : \"\"\n }`}\n >\n {option}\n \n
\n )\n })}\n\n {toggleFamilyFolioStep!=1 && list.map((folio, index) => (\n \n folioOnClickHandler(index)}\n onClick={() => {}}\n key={index}\n type=\"button\"\n className={`btn btn-light portfolioButtonnew\" ${\n index == tab ? \"activebtn\" : \"\"\n }`}\n >\n {folio}\n \n
\n ))}\n {/* {tab == 1 && (\n \n
\n )} */}\n {/* {tab == 1 && (\n createFunc()}>\n
\n + Link Family Folios
\n\n setToggleFolioButton(!ToggleFolioButton)}\n >\n
\n - DeLink Family Folios
\n\n {dataDetails &&\n dataDetails.length > 0 &&\n dataDetails.map((mydetails, index) => (\n
\n )}\n \n {/* {\n retrievefamilyFolioName!==\"\" && schemewiseFamilyFolioList!=\"\" &&\n (\n <>\n {CollapsibleTable(schemewiseFamilyFolioList)}\n \n )\n } */}\n {tab == 1 && (\n <>\n \n
\n ))}\n \n
\n\n \n
\n\n {/* Folio: {mydetails.Folio}
\n\n
*/}\n Remove
\n\n
\n \n
\n \n
\n {mydetails.app_name}
\n\n
\n\n \n \n editthispath(mydetails, \"mobile\", index)\n }\n >\n \n handleInput(e.target.value, index,'mobile')\n }\n />\n \n savepath(mydetails, \"mobile\", index)\n }\n >\n \n \n \n )} */}\n
\n {mydetails.app_mobile}
\n {/*\n
\n \n \n editthispath(mydetails, \"email\", index)\n }\n >\n \n handleInput(e.target.value, index,'email')\n }\n />\n \n savepath(mydetails, \"email\", index)\n }\n >\n \n \n \n )} */}\n
\n {mydetails.app_email}
\n {/*\n
\n\n \n ) }\n \n
\n\n\n \n
\n \n
\n \n {/*
\n Add Folio
*/}\nDelink Family Folios
\n\n
\n\n \n \n
\n\n {familyFolioName != \"\" && (\n \n \n \n\n\n {\n onhandlechange(\"delinkname\", e.target.value);\n }}\n >\n \n {familyFolioNameList.length === 0 ? (\n \n ) : (\n familyFolioNameList.map((item, index) => (\n \n {item.Pangir + \" - \" + item.InvName}\n \n ))\n )}\n \n
\n {/* {addFolioerror && addFolioerror.relationship}
*/}\n\n {/*
\n ) }\n \n Folio\n
\n \n
*/}\n\n \n handleChangeCheck(e, \"all\")}\n />\n }\n />\n
\n {childern()}\n \n {commonError != \"\" && {commonError}}\n
\n {\n successmessage != \"\" && {successmessage}\n }\n\n Delink Folio\n \n
\n\n \n {\n successmessage != \"\" && {successmessage}\n }\n
\n
\n \n \n 
\n
\n
\n \n
Success
\n {successmessage}\n\n
\n closeModal()}\n >\n OK\n \n\n
\n \n \n )}\n \n\n \n );\n}\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport RedemptionPage1 from \"./RedemptionPage1\";\nimport RedemptionPage2 from \"./RedemptionPage2\";\nimport WithdrawalModel from \"../CommonComponents/Transact/WithDrawModel\";\nimport TransactSummaryPage from \"../CommonComponents/Transact/TransactSummaryPage\";\nimport { useGlobalSideNavActionsContext } from \"../../components/SideNavBar/useSidenav\";\nimport VerifyOTP from \"../PersonalDetails/VerifyOTP\";\nimport TransactSuccess from \"../CommonComponents/Transact/TransactSuccess\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport moment from \"moment\";\n\nlet currentDate,\n currentTimeInHours = \"\",\n currentTimeInMins;\nconst Redeem = (props) => {\n const user = useSelector((state) => state.authentication.user);\n let redirectFromRepeatTransact;\n let myTransactionRedirectState;\n if (props.location.state) {\n redirectFromRepeatTransact = props.location.state.step;\n myTransactionRedirectState = props.location.state;\n } else {\n redirectFromRepeatTransact = \"\";\n myTransactionRedirectState = \"\";\n }\n\n // console.log(myTransactionRedirectState.data)\n\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [panAssoiciatedFolios, setPANAssociatedFolios] = useState(null);\n // const [bankDetailsdd, setBankDetailsDD] = useState([]);\n const [step, setstep] = useState(1);\n const [selectedFolioNum, setSelectedFolioNum] = useState(\"\");\n const [sendSelecteddetails, setsendSelecteddetails] = useState(null);\n const [enteredValue, setEnteredValue] = useState(\"\");\n const [withdrawalStatus, setwithdrawalStatus] = useState(false);\n const [selectedBank, setSelectedBank] = useState(\"\");\n // const [selectedBankDetails, setSelectedBankDetails] = useState(null)\n const [confirmTransaction, setConfirmTransaction] = useState(false);\n const [radioValue, setRadioValue] = useState(\"full\");\n const [RedeemHandleRedeemBtn, setRedeemHandleRedeemBtn] = useState(\"Amount\");\n const [scheduleForFutureDate, setScheduleForFutureDate] = useState(\"\");\n const [scheduleStatus, setScheduleStatus] = useState(false);\n const [balUnitsTaxSavr,setBalUnitsTaxSavr] = useState(null)\n\n //Transaction state values\n console.log(scheduleForFutureDate);\n // console.log(confirmTransaction);\n const [schemeConfirmationDetails, setSchemeConfirmationDetails] =\n useState(null);\n\n // console.log(schemeConfirmationDetails);\n const [inputVal, setInputVal] = useState({\n redeemAmt: \"\",\n RedeemUintOrAmoutBtn: \"\",\n delcleration: false,\n });\n\n const handleInput = (name, value) => {\n // console.log('set Input Value', name,value)\n setInputVal({\n ...inputVal,\n [name]: value,\n });\n };\n\n const nextStep = () => {\n // console.log('nextStep Called')\n setstep(step + 1);\n\n if (step + 1 >= 3) {\n setGlobalSideNav(false);\n } else {\n setGlobalSideNav(true);\n }\n };\n const prevStep = () => {\n setstep(step - 1);\n };\n\n useEffect(async () => {\n await getPANAssociatedFolios();\n // if(bankDetailsdd !==null){\n // await populateBanksOptions();\n // }\n if (confirmTransaction) {\n // currentDate = new Date();\n // currentTimeInHours = currentDate.getHours();\n // currentTimeInMins = currentDate.getMinutes();\n // // console.log(currentDate)\n // await newInsertRedeemFutureTransaction();\n // await schemeConfirmation();\n }\n }, [confirmTransaction]);\n\n useEffect(() => {\n if (redirectFromRepeatTransact == 3) {\n setstep(3);\n }\n }, []);\n\n // useEffect(() =>{\n // // console.log(panAssoiciatedFolios)\n\n // if(panAssoiciatedFolios !== null){\n // // alert(panAssoiciatedFolios[0].Folio)\n // setSelectedFolioNum(panAssoiciatedFolios[0].Folio +\"\")\n // }\n // },[])\n\n const getPANAssociatedFolios = async () => {\n var url = \"/quickAdditionalPurchase/getPANAssociatedFolios\";\n var postobjt = {\n fund: configData.amcCode,\n pan: user.Pan?.toUpperCase(),\n email: user.Email_ID,\n bankAccNo: null,\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n if (res) {\n // setSelectedFolioNum(res[0].folios[0].Folio)\n if (selectedFolioNum == \"\") {\n setSelectedFolioNum(res[0].folios[0].Folio);\n }\n setPANAssociatedFolios(res[0].folios);\n }\n })\n .catch((err) => {\n console.log(err);\n // if(\"message\"=\"Invalid Token\")\n // setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n // const newInsertRedeemFutureTransaction = async () => {\n // var url = \"/redemption/newInsertRedeemFutureTransaction\";\n // var postobjt = {\n // fund: \"105\",\n // scheme: \"EF\",\n // plan: \"GP\",\n // option: \"G\",\n // acNo: \"6011004413\",\n // redFlag: \"P\",\n // untAmtFlg: \"U\",\n // untAmtValue: \"100\", //enteredValue.toString()\n // userId: \"diwakarmamidi1964\",\n // msStatus: \"\",\n // cutTime: \"\",\n // ip: \"\",\n // trDate: \"2020-02-12 00:00:00.000\",\n // ddRemarks: \"\",\n // ddDcr: \"\",\n // multiBankFlag: \"\",\n // multiBankDet: \"\",\n // instaRedFlag: \"Y\",\n // bnkAcName: \"IDBI BANK\",\n // bnkAcNo: \"002104000122689\",\n // bnkAccType: \"Savings\",\n // bankCity: \"\",\n // ifscCode: \"\",\n // mktValue: \"0\",\n // };\n // const options = {\n // headers: {\n // amc_key: configData.amcCode,\n // },\n // };\n // console.log(postobjt)\n // await contextapi\n // .postApiEncrpCalling(url, postobjt, options)\n // .then((res) => {\n // console.log(res);\n // setSchemeConfirmationDetails(res)\n // setGlobalSpinner(false);\n // })\n // .catch((err) => {\n // console.log(err);\n // setGlobalSpinner(false);\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n // });\n // };\n\n const newInsertRedeemFutureTransaction = async () => {\n const val = selectedBank.split(\"-\");\n // console.log(val)\n var url = \"/redemption/newInsertRedeemFutureTransaction\";\n let mktvalue =\n sendSelecteddetails !== null ? sendSelecteddetails.Mt_mktvalue : \"\";\n var postobjt = {\n fund: configData.amcCode,\n scheme:\n sendSelecteddetails !== null\n ? sendSelecteddetails.Mt_scheme\n : JSON.parse(myTransactionRedirectState.data).data.sch,\n plan:\n sendSelecteddetails !== null\n ? sendSelecteddetails.Mt_plan\n : JSON.parse(myTransactionRedirectState.data).data.Pln,\n option:\n sendSelecteddetails !== null\n ? sendSelecteddetails.Mt_option\n : JSON.parse(myTransactionRedirectState.data).data.opt,\n acNo: summarry ? String(summarry[0].FolioNum) : \"\",\n redFlag: radioValue === \"full\" ? \"F\" : \"P\",\n untAmtFlg:\n radioValue === \"full\"\n ? \"U\"\n : RedeemHandleRedeemBtn == \"\" || RedeemHandleRedeemBtn === \"Amount\"\n ? \"A\"\n : \"U\",\n untAmtValue:\n radioValue === \"full\"\n ? (sendSelecteddetails !== null && sendSelecteddetails.Mt_scheme === \"TG\")\n ? balUnitsTaxSavr.ClearedUnits.toString()\n : sendSelecteddetails.Mt_clrbalunit.toString()\n : radioValue === \"partial\" && inputVal.redeemAmt !== \"\"\n ? inputVal.redeemAmt\n : \"\",\n //enteredValue.toString()\n userId: user ? user.Email_ID : \"\",\n msStatus: \"\",\n cutTime:\n sendSelecteddetails !== null ? sendSelecteddetails.Mt_cuttime : \"\",\n ip: \"\",\n trDate:\n scheduleStatus === false\n ? currentDate.toString()\n : scheduleForFutureDate.toString(),\n scheduleTxn: scheduleStatus === false ? \"N\" : \"Y\",\n ddRemarks: \"\",\n ddDcr: \"\",\n multiBankFlag: \"\",\n scheduleTrxRedflag: scheduleStatus === true ? \"S\" :\"N\",\n multiBankDet:\n selectedBank !== \"\"\n ? `${JSON.parse(selectedBank).BankName}~~ ${\n JSON.parse(selectedBank).BankAcno\n }~~ ${JSON.parse(selectedBank).BnkAcType}~~ ${\n JSON.parse(selectedBank).ifsccode !== null\n ? JSON.parse(selectedBank).ifsccode?.toUpperCase()\n : \" \"\n }~~ ~~ ~~ ~~ ~~ ~~ ~~0`\n : \"\",\n instaRedFlag: \"Y\",\n bnkAcName:\n selectedBank !== \"\"\n ? JSON.parse(selectedBank).BankName\n : JSON.parse(myTransactionRedirectState.data).data.bnkacname,\n bnkAcNo:\n selectedBank !== \"\"\n ? JSON.parse(selectedBank).BankAcno\n : JSON.parse(myTransactionRedirectState.data).data.bnkAcNo,\n bnkAccType: selectedBank !== \"\" ? JSON.parse(selectedBank).BnkAcType : \"\",\n bankCity:\n selectedBank !== \"\"\n ? JSON.parse(selectedBank).BankCity !== null\n ? JSON.parse(selectedBank).BankCity\n : \"\"\n : \"\",\n ifscCode:\n selectedBank !== \"\"\n ? JSON.parse(selectedBank).ifsccode !== null\n ? JSON.parse(selectedBank).ifsccode?.toUpperCase()\n : \"\"\n : \"\",\n mktValue:\n sendSelecteddetails !== null\n ? sendSelecteddetails.Mt_mktvalue.toString()\n : \"\",\n nameOfInvestor: user.Investor_Name,\n planName: sendSelecteddetails.Mt_funddesc,\nmobileNo:user ? String(user.Mobile_No) : \"\",\n };\n console.log(postobjt);\n const options = {\n headers: {\n amc_key: configData.amcCode,\n // token:JSON.parse(sessionStorage.getItem(\"user\"))\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n setSchemeConfirmationDetails(res);\n setGlobalSpinner(false);\n nextStep();\n })\n .catch((err) => {\n console.log(err);\n console.log(err.response);\n console.log(err.response.data.message);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: err.response.data.message });\n });\n };\n\n const folioDetailForQP = [\n {\n Folio: 12345,\n SchemeName: \"JM Financial Tax Saver Fund - Direct Growth - Growth\",\n SchemeType: \"Equity\",\n },\n {\n Folio: 23456123454,\n SchemeName: \"JM Financial Tax Saver Fund - Growth - Growth\",\n SchemeType: \"Equity\",\n },\n ];\n\n let summarry;\n if (sendSelecteddetails !== null) {\n // let value=\"\";\n\n // console.log(value)\n summarry = [\n {\n TransactSuccessHeading:\n \"Your redemption request has been registered Successfully!\",\n TransactionRefNumberMsg: \"Your Transaction request number\",\n HeadingText: \"Redemption Confirmation\",\n HeadingParagraphText: `Please check the Scheme-Plan-Option and Value/Units you have chosen for Redemption. In case, the\n details displayed are correct, please click the \"Confirm\" button. On your confirmation, an e-mail will be\n sent to your registered e-mail address confirming the transaction made by you.`,\n FolioNum: selectedFolioNum,\n SchemeInLabel: \"Scheme\",\n SchemeInValue: \"JMF Asset Tax Saver Fund - Direct Growth - Growth\",\n TypeLabel: \"SWP Type\",\n TypeLabelVal: \"Fixed\",\n InstallmentAmtLabel: \"SWP Installment Amount\",\n InstallmentAmtVal: \"5000\",\n FrequencyLabel: \"Frequency\",\n FrequencyValue: \"Monthly\",\n StartingDate: \"Start Date\",\n StartingDateVal: \"10/01/2021\",\n EndDate: \"End Date\",\n EndDateVal: \"10/01/2022\",\n NumOfInstallments: \"No.of Installments\",\n NumOfInstallmentsVal: \"391\",\n\n schemedetails: {\n \"Scheme and Plan\": `${sendSelecteddetails.Mt_funddesc}`,\n\n // value:inputVal.RedeemUintOrAmoutBtn,\n \"Investor Bank\":\n selectedBank !== \"\"\n ? `${JSON.parse(selectedBank).BankName}-${\n JSON.parse(selectedBank).BankAcno\n }`\n : \"\",\n },\n },\n ];\n if (radioValue === \"partial\") {\n if (RedeemHandleRedeemBtn === \"\") {\n // console.log(inputVal.redeemAmt);\n summarry[0].schemedetails[\n \"Redeem Amount\"\n ] = `₹${inputVal.redeemAmt} Amount`;\n } else if (RedeemHandleRedeemBtn === \"Amount\") {\n summarry[0].schemedetails[\n \"Redeem Amount\"\n ] = `₹${inputVal.redeemAmt} Amount`;\n } else if (RedeemHandleRedeemBtn === \"Unit\") {\n summarry[0].schemedetails[\n \"Redeem Units\"\n ] = `${inputVal.redeemAmt} Units`;\n } else if (RedeemHandleRedeemBtn === \"Unit\") {\n summarry[0].schemedetails[\n \"Redemption Units\"\n ] = `${inputVal.redeemAmt} Units`;\n }\n } else {\n // console.log(\"Reddem amount is not displayed\")\n summarry[0].schemedetails[\n \"Redemption Units\"\n ] = `${sendSelecteddetails?.Mt_scheme === \"TG\" ? balUnitsTaxSavr?.ClearedUnits:balUnitsTaxSavr?.TotUnits} Units`;\n }\n }\n\n const selectecScheme = (data) => {\n // console.log(data, 'select schem called from gaurav');\n setsendSelecteddetails(data);\n };\n\n const selectBalUnitTaxSaver = (data) => {\n // console.log(data,'select balUnit From Tax Saver')\n setBalUnitsTaxSavr(data);\n }\n\n const otpverified = async (that) => {\n // console.log(that);\n if (that == \"error\") {\n prevStep();\n } else {\n currentDate = new Date();\n currentTimeInHours = currentDate.getHours();\n currentTimeInMins = currentDate.getMinutes();\n await newInsertRedeemFutureTransaction();\n }\n };\n\n const callTwoTimes = () => {\n setstep(step - 1);\n setGlobalSideNav(true);\n // calling two times as model is not required\n };\n const closeandStepDown = () => {\n setwithdrawalStatus(false);\n prevStep();\n };\n const goToStepOne = () => {\n setGlobalSideNav(true);\n // setstep(1);\n window.location.reload();\n };\n\n const getSelectedFolioFromDropDown = (selectedFolioNum) => {\n console.log(\"selectd Drowpdowm folio Redemption\")\n // console.log(selectedFolioNum);\n setSelectedFolioNum(selectedFolioNum);\n };\n\n const getSelectedFolioScheme = (scheme) => {\n console.log(selectedFolioNum);\n };\n\n const getEnteredValues = (value) => {\n // console.log(value);\n setEnteredValue(value);\n };\n\n const getSelectedBank = (value) => {\n console.log(value);\n setSelectedBank(value);\n };\n\n const giveConfirmationBack = (flag) => {\n // console.log(flag);\n setConfirmTransaction(flag);\n };\n\n console.log(radioValue);\n const renderRedeem = () => {\n // console.log(step);\n switch (step) {\n case 1:\n if (panAssoiciatedFolios === null) {\n setGlobalSpinner(false);\n } else {\n return (\n {renderRedeem()}
;\n};\n\nexport default Redeem;\n","import React, { useState, useContext, useEffect } from \"react\";\nimport MyFoliosPage from \"./MyFoliosPage\";\nimport username from \"../../assets/Images/user.svg\";\nimport panImage from \"../../assets/Images/pan.svg\";\nimport inputPath from \"../../assets/Images/inputPath.png\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport {\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n} from \"@mui/material\";\nimport successImg from \"../../assets/Images/successcheckedGreen.svg\";\nimport { useHistory } from \"react-router-dom\";\nconst AddFolio = ({ nextStep, prevStep }) => {\n const contextapi = useContext(Context);\n const setNotifi = useNotificationActionsContext();\n const user = useSelector((state) => state.authentication.user);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const OptionList = [\"Link PAN\", \"De Link PAN\"];\n const history = useHistory();\n useEffect( async() => {\n await getRelationShipList();\n }, []);\n\n const [panno, setpanno] = useState(\"\");\n const handleInput = (e) => {\n setpanno(e.target.value);\n };\n\n const [commonerror, setcommonerror] = useState(\"\");\n const [addFolioerror, setaddFolioerror] = useState({\n pan: \"\",\n relationship: \"\",\n otp: \"\",\n });\n\n const [otpVerification, setotpVerification] = useState(\"\");\n const [otpRefNo, setotpRefNo] = useState(\"\");\n\n const onsubmituser = () => {\n // nextStep()\n setaddFolioerror({\n ...addFolioerror,\n pan: \"\",\n relationship: \"\",\n });\n if (panno == \"\") {\n setaddFolioerror({\n ...addFolioerror,\n pan: \"Please enter the PAN number\",\n });\n // setcommonerror(\"Please enter the PAN number\")\n } else if (panno == user.Pan) {\n setaddFolioerror({\n ...addFolioerror,\n pan: \"You have entered your PAN. Please enter your family member PAN\",\n });\n // setcommonerror(\"Please enter the PAN number\")\n } else if (relationship == \"\") {\n // setcommonerror(\"Please select the relationship\");\n setaddFolioerror({\n ...addFolioerror,\n relationship: \"Please select the relationship\",\n });\n } else {\n checkthePanassociateFolio();\n }\n };\n\n const verifyOTP = () => {\n setaddFolioerror({\n ...addFolioerror,\n pan: \"\",\n relationship: \"\",\n otp: \"\",\n });\n if (otpvalue == \"\") {\n setaddFolioerror({\n ...addFolioerror,\n otp: \"Invalid OTP\",\n });\n } else {\n var url = \"/familyFolios/associatedFolios\";\n var postobjt = {\n refNo: Number(otpRefNo),\n otp: otpvalue,\n customFund: configData.amcCode,\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0] && res[0].Error_Code == 0) {\n setoptMessage(res[0].displaymsg);\n setopenModalUser(true);\n } else {\n setopenModalUser(false);\n\n setaddFolioerror({\n ...addFolioerror,\n otp: res[0].Error_Message,\n });\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n });\n }\n };\n const prevStepFunc = () => {\n // prevStep()\n history.push(\"/MyFolios?tab=DelinkFolio\");\n };\n\n const [relationship, setrelationship] = useState(\"\");\n const [relationshipList, setrelationshipList] = useState([]);\n const getRelationShipList = async () => {\n var url = \"/accountDetails/newPurchaseRegistrationMasters\";\n var postobjt = {\n option: \"NR\",\n fund: \"\",\n assetSchemeType: \"\",\n planMode: \"\",\n };\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res.statusCode) {\n setrelationshipList([]);\n } else {\n // console.log(res);\n setrelationshipList(res);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const onhandlechange = (name, value) => {\n setrelationship(value);\n };\n\n const [disablebothfields, setdisablebothfields] = useState(false);\n const [optMessage, setoptMessage] = useState(\"\");\n const [openModalUser, setopenModalUser] = useState(false);\n const checkthePanassociateFolio = () => {\n var url = \"/familyFolios/getInvpin\";\n var postobjt = {\n userId: user.Email_ID, //\"lakshmi.narayanan@kfintech.com\", //user.Email_ID, // \"diwaka.m@gmail.com\",\n pan: panno.toUpperCase(), //\"AUOPJ4780C\", //panno.toUpperCase(),\n relation: relationship,\n customFund: configData.amcCode,\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n\n if (res && res[0] && res[0].level1) {\n setotpRefNo(res[0].level2[0].Refno);\n setotpVerification(\"otp\");\n setdisablebothfields(true);\n setoptMessage(res[0].level1[0].Error_Message);\n } else {\n setotpVerification(\"\");\n setdisablebothfields(false);\n setaddFolioerror({\n ...addFolioerror,\n relationship: res[0].Error_Message,\n });\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n });\n };\n\n const validatePan = async(e) => {\n\n setaddFolioerror({\n ...addFolioerror,\n pan: \"\",\n });\n let txt = e.target.value;\n txt = txt.toUpperCase();\n var regex = /[a-zA-Z]{3}[PCHFATBLJG]{1}[a-zA-Z]{1}[0-9]{4}[a-zA-Z]{1}$/;\n var pan = {\n C: \"Company\",\n P: \"Personal\",\n H: \"Hindu Undivided Family (HUF)\",\n F: \"Firm\",\n A: \"Association of Persons (AOP)\",\n T: \"AOP (Trust)\",\n B: \"Body of Individuals (BOI)\",\n L: \"Local Authority\",\n J: \"Artificial Juridical Person\",\n G: \"Govt\",\n };\n pan = pan[txt[3]];\n if (regex.test(txt)) {\n if (pan != \"undefined\") {\n if (pan != \"Personal\") {\n setaddFolioerror({\n ...addFolioerror,\n pan: \"Individual Investor are allowed\",\n });\n }else if(txt===user.Pan){\n setaddFolioerror({\n ...addFolioerror,\n pan: \"Primary PAN Not allowed\",\n });\n } else {\n await getRelationShipList();\n if (e.target.name == \"pan\") {\n setaddFolioerror({\n ...addFolioerror,\n pan: \"\",\n });\n }\n }\n } else {\n if (e.target.name == \"pan\") {\n setaddFolioerror({\n ...addFolioerror,\n pan: \"Invalid PAN\",\n });\n }\n }\n } else {\n if (e.target.name == \"pan\") {\n setaddFolioerror({\n ...addFolioerror,\n pan: \"Invalid PAN\",\n });\n }\n }\n };\n\n const validateinput = (e) => {\n setaddFolioerror({\n ...addFolioerror,\n pan: \"\",\n relationship: \"\",\n });\n var code = \"charCode\" in e ? e.charCode : e.keyCode;\n if (e.target.name == \"pan\") {\n if (\n // space\n !(code > 47 && code < 58) && // numeric (0-9)\n !(code > 64 && code < 91) && // upper alpha (A-Z)\n !(code > 96 && code < 123)\n ) {\n // lower alpha (a-z)\n e.preventDefault();\n }\n }\n };\n\n const [otpvalue, setotpvalue] = useState(\"\");\n const validateOTP = (e) => {\n setotpvalue(e.target.value);\n setaddFolioerror({\n ...addFolioerror,\n otp: \"\",\n });\n };\n\n const closeModal = () => {\n setopenModalUser(false);\n // window.location.reload();\n history.push(\"/MyFolios\");\n };\n \n const folioOnClickHandler = (index) => {\n // let url = window.location.href;\n // selectedTab(index);\n if (index == 1) {\n history.push(\"/MyFolios?tab=DelinkFolio\");\n }\n };\n\n return (\n \n \n \n \n
\n \n \n
\n );\n};\nexport default AddFolio;\n","import React, { useState } from \"react\";\n\nconst FolioSummaryPage = ({ prevStep, nextStep }) => {\n const onsubmituser = () => {\n nextStep();\n };\n\n const prevStepFunc = () => {\n prevStep();\n };\n\n return (\n \n
\n\n <>\n {openModalUser && (\n \n {\n OptionList.map((option, index) => {\n console.log(option,index)\n return (\n
\n \n folioOnClickHandler(index)}\n key={index}\n type=\"button\"\n className={`btn btn-light portfolioButtonnew\" ${\n index == 0 ? \"activebtn\" : \"\"\n }`}\n >\n {option}\n \n
\n )\n })}\n \n
\n\n \n {/*
\n Add Folio
*/}\nLink Family Folios
\n\n
\n \n Please enter the Pan Number you wish to map to your Account\n
\n\n\n
\n \n \n
\n \n 
\n {\n validatePan(e);\n }}\n onKeyPress={(e) => {\n validateinput(e);\n }}\n disabled={disablebothfields}\n />\n
\n \n {addFolioerror && addFolioerror.pan}\n
\n\n
\n\n {otpVerification == \"otp\" && (\n <>\n \n \n
\n \n \n {\n onhandlechange(\"relationship\", e.target.value);\n }}\n disabled={disablebothfields}\n >\n \n {relationshipList.length === 0 ? (\n \n ) : (\n relationshipList.map((item, index) => (\n \n {item.rm_relation}\n \n ))\n )}\n \n
\n \n {addFolioerror && addFolioerror.relationship}\n
\n\n
\n \n \n
\n \n
\n \n {addFolioerror && addFolioerror.otp}\n
\n\n
\n Resend OTP
\n\n
\n \n )}\n\n {otpVerification != \"otp\" && (\n <>\n \n
\n {optMessage}
\n\n \n Submit{\" \"}\n \n \n Back\n \n
\n \n
\n \n )}\n {otpVerification == \"otp\" && (\n <>\n \n {addFolioerror && addFolioerror.pan}\n
\n\n \n Submit{\" \"}\n \n
\n \n )}\n\n \n Please note that by associating the folio, the investor is deemed\n to have obtained consent from the folio holder whose folio is\n being associated for processing of transactions on their behalf.\n The AMC shall not be responsible or liable for processing of\n transactions which it believes are carried out the folio holder on\n behalf of the associated folio. The AMC shall act in good faith\n and will be held harmless for any loss if any, suffered by the\n Investor for processing such transactions. The Investor shall\n indemnify the AMC from and against all claims, liability, loss,\n damage, cost and expenses incurred by the AMC arising out of or\n relating to processing of transactions and any unauthorized or\n fraudulent transaction request received by the AMC. The Fund/ its\n service provider may, in its absolute discretion decide not to\n carry out any such transaction where the service provider or the\n Fund has reason to believe that the instructions are not genuine,\n are unclear, are such as to raise a doubt, are otherwise improper\n or there is ground to believe that the same is in contravention of\n any statute/ laws in India and cannot be put into effect.\n
\n\n
\n \n \n
\n
\n \n
Success
\n {optMessage}\n\n
\n closeModal()}\n >\n OK\n \n
\n \n \n )}\n \n \n
\n );\n};\nexport default FolioSummaryPage;\n","import React, { useState } from 'react';\nimport successImg from '../../assets/Images/successcheckedGreen.svg'\nimport close from '../../assets/Images/close.svg'\nimport { useHistory } from \"react-router-dom\";\nimport {\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n IconButton,\n} from \"@mui/material\";\nimport { useGlobalSideNavActionsContext } from '../../components/SideNavBar/useSidenav'\n\nconst SuccessFolioAdded = ({\n prevStep,\n nextStep\n}) => {\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n const closeModal = () => {\n setGlobalSideNav(true);\n history.push(\"./dashboard\");\n };\n\n const history = useHistory();\n const routeLink = (url) =>{\n setGlobalSideNav(true);\n history.push(\"./dashboard\");\n }\n\n const [open, setOpen] = useState(true);\n return(\n \n
\n \n
\n Add Folio
\n\n \n
\n 23456123454
\n\n \n
\n Vinay Varma
\n\n \n
\n --
\n\n \n
\n --
\n\n \n
\n\n Single
\n\n \n Get OTP{\" \"}\n \n \n Back\n \n
\n \n \n
\n
\n\n \n
Folio Number is added to the user ID.
\n\n \n
\n \n\n \n
\n );\n}\nexport default ManageFolios;","import React from \"react\";\n\nconst NomineeUserLogo = () => {\n return (\n \n {\n renderFoliospages()\n }\n
\n \n \n
\n );\n};\n\nexport default NomineeUserLogo;\n","import React from \"react\";\n\nconst PathLogo = () => {\n return (\n \n \n \n \n \n \n
\n );\n};\n\nexport default PathLogo;\n","import React, { useContext, useEffect, useState } from \"react\";\nimport \"./ChangePassword.scss\";\nimport NomineeUserLogo from \"../../assets/svg/NomineeUserLogo\";\nimport PathLogo from \"../../assets/svg/PathLogo\";\nimport { Button } from \"react-bootstrap\";\nimport { Context } from \"../../services/apiContext\";\nimport { useNotificationActionsContext } from \"../notificationModal/useModal\";\nimport { useSelector } from \"react-redux\";\nimport { useGlobalSpinnerActionsContext } from \"../loader/useloader\";\nimport { Formerror } from \"../formerror\";\nimport { validPass } from \"../../helperFunctions/helperFunctions\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faEye, faEyeSlash } from \"@fortawesome/free-solid-svg-icons\";\n\nconst ChangePassword = () => {\n const userSession = useSelector((state) => state.authentication.user);\n console.log(userSession)\n const [changePasswordForm, setChangePasswordForm] = useState({\n userId: \"\",\n oldPassword: \"\",\n newPassword: \"\",\n cnfPassword: \"\",\n });\n const [passwordType, setpasswordType] = useState(\"password\");\n const [passwordTypeOld, setpasswordTypeOld] = useState(\"password\");\n\n const showpasswordOld = (that) => {\n setpasswordTypeOld(that);\n };\n const showpassword = (that) => {\n setpasswordType(that);\n };\n useEffect(() => {\n console.log(userSession)\n setChangePasswordForm({\n ...changePasswordForm,\n userId: userSession.Email_ID,\n });\n }, []);\n const contextapi = useContext(Context);\n const [formErrors, setFormErrors] = useState({});\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const checkErrors = async () => {\n console.log(\"ss\");\n const errors = {};\n if (changePasswordForm.oldPassword === \"\") {\n errors.oldPassword = \"Old Password is required\";\n }\n if (changePasswordForm.newPassword === \"\") {\n errors.newPassword = \"New Password is required\";\n }\n if (changePasswordForm.cnfPassword === \"\") {\n errors.cnfPassword = \"Confirm Password is required\";\n }\n if (changePasswordForm.newPassword === changePasswordForm.oldPassword) {\n errors.newPassword = \"New Password and Old password can't be same\";\n }\n if (changePasswordForm.cnfPassword !== changePasswordForm.newPassword) {\n errors.cnfPassword = \"New Password are not same\";\n }\n if (!validPass(changePasswordForm.newPassword)) {\n errors.newPassword = \"Enter a valid password format\";\n }\n\n var userid = userSession.Email_ID.substring(\n 0,\n userSession.Email_ID.lastIndexOf(\"@\")\n );\n console.log(changePasswordForm.newPassword);\n console.log(userid.toLowerCase());\n console.log(\n changePasswordForm.newPassword\n .toLowerCase()\n .includes(userid.toLowerCase())\n );\n if (\n changePasswordForm.newPassword\n .toLowerCase()\n .includes(userid.toLowerCase())\n ) {\n errors.newPassword = \"Password cannot contain userId\";\n }\n return errors;\n };\n const handleInputs = (input, value) => {\n setChangePasswordForm((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n };\n const submitForm = async (e) => {\n e.preventDefault();\n setGlobalSpinner(true);\n\n const error = await checkErrors();\n if (Object.keys(error).length > 0) {\n await setFormErrors(error);\n setGlobalSpinner(false);\n } else {\n changePassword();\n }\n };\n\n const changePassword = async () => {\n const url = `/changepassword`;\n let categoryObj = {\n userid: changePasswordForm.userId,\n\n newpassword: changePasswordForm.newPassword,\n oldpassword: changePasswordForm.oldPassword,\n\n reqby: \"I\",\n };\n console.log(categoryObj);\n await contextapi\n .postApiEncrpCalling(url, categoryObj)\n .then((res) => {\n console.log(res);\n if (\n res[0].level1 &&\n res[0].level1[0].Error_Code === 0 &&\n res[0].level2 &&\n res[0].level2[0].Error_Code === 0\n ) {\n setGlobalSpinner(false);\n setNotifi({\n val: true,\n msg: `${res[0].level2[0].Error_Message}. Please Login again with the new password`,\n });\n contextapi.logutUser();\n } else {\n setGlobalSpinner(false);\n setNotifi({\n val: true,\n msg: `${res[0].Error_Message}`,\n });\n }\n setChangePasswordForm({\n // userId: \"\",\n oldPassword: \"\",\n newPassword: \"\",\n cnfPassword: \"\",\n });\n })\n .catch((err) => {\n console.log(err);\n setChangePasswordForm({\n // userId: \"\",\n oldPassword: \"\",\n newPassword: \"\",\n cnfPassword: \"\",\n });\n setNotifi({ val: true, msg: JSON.stringify(err.message) });\n });\n };\n\n return (\n \n
\n );\n};\n\nexport default ChangePassword;\n","import React from \"react\";\n\nconst LeftContentLogo = () => {\n return (\n Change Password 1
\n \n \n
\n \n \n
\n );\n};\n\nexport default LeftContentLogo;\n","import React, { useState } from \"react\";\nimport LeftContentLogo from \"./svg/svgRegistrationPage5/LeftContentLogo\";\nimport \"./css/TransactionConfirmationPage.css\";\nimport { useHistory } from \"react-router-dom\";\nimport moment from \"moment\";\n\nconst TransactSummaryPage = ({\n summarry,\n nextStep,\n prevStep,\n giveConfirmationBack,\n myTransactionRedirectState,\n TransactionType,\n scheduleForFutureDate,\n date\n}) => {\n const history = useHistory();\n const displayData = summarry ? summarry[0]:\"\";\n // console.log(displayData,date ,'display data in transact summery page')\n const handleRedirectNext = () => {\n nextStep();\n giveConfirmationBack(true);\n };\n const handleRedirectBack = () => {\n if(myTransactionRedirectState.redirectRepeatTransactionType === \"redemption\"){\n history.push(\"/mytransactions\")\n }else{\n prevStep();\n } \n };\n\n // Object.keys(JSON.parse(myTransactionRedirectState.data).data).map((key) =>{\n // // console.log(key)\n // console.log(JSON.parse(myTransactionRedirectState.data).data[key])\n // })\n // console.log(summarry[0].schemedetails[\"switch Units\"])\n return (\n \n
\n );\n};\n\nexport default TransactSummaryPage;\n","export default __webpack_public_path__ + \"static/media/personalDetails.72198286.svg\";","export default __webpack_public_path__ + \"static/media/Group 53.149fcdfd.svg\";","export default __webpack_public_path__ + \"static/media/personalINvestment.ec2bf259.svg\";","export default __webpack_public_path__ + \"static/media/personalBank.3ba8ee9f.svg\";","export default __webpack_public_path__ + \"static/media/personalPayment.5f811ab4.svg\";","import React from 'react'\n \nconst Progressbar = ({bgcolor,progress,height}) => {\n \n const Parentdiv = {\n height: height,\n width: '100%',\n backgroundColor: 'rgb(235 205 204)',\n // borderRadius: 40,\n // margin: 50\n }\n \n const Childdiv = {\n height: '100%',\n width: `${progress}%`,\n backgroundColor: bgcolor,\n borderRadius:40,\n textAlign: 'right'\n }\n \n const progresstext = {\n padding: 10,\n color: 'black',\n fontWeight: 900\n }\n \n return (\n \n
\n \n \n {/* Redemption Confirmation */}\n {myTransactionRedirectState.redirectRepeatTransactionType === \"redemption\" ?\n \"Redeem Confirmation\"\n :\n TransactionType === \"redeem\" && summarry !== null ? summarry[0].HeadingText:\"\" \n }\n \n \n {myTransactionRedirectState.redirectRepeatTransactionType === \"switch\" ?\n \"Switch details\"\n :\n TransactionType === \"switch\" && summarry !== null ? summarry[0].HeadingText : \"\"\n }\n \n
\n
\n \n
\n \n {/* Please check the Scheme-Plan-Option and Value/Units You have chosen\n for Redemption If the details displayed below\n are correct click the ‘Confirm’ button. On your confirmation an\n e-maill will be sent to your registered e-mail address confirming The \n transaction submitted by you. */}\n {myTransactionRedirectState.redirectRepeatTransactionType === \"redemption\" ?\n `Please check the Scheme-Plan-Option and Value/Units You have chosen\n for Redemption If the details displayed below\n are correct click the ‘Confirm’ button. On your confirmation an\n e-maill will be sent to your registered e-mail address confirming The \n transaction submitted by you.`\n :\n TransactionType === \"redeem\" && summarry !==null ? summarry[0].HeadingParagraphText : \"\"\n }\n
\n\n {myTransactionRedirectState.redirectRepeatTransactionType === \"switch\" ?\n `Please check the following details.If the details displayed are correct click\n the \"Confirm\" button.On your confirmation an e-mail has been send to your registered email address`\n :\n TransactionType === \"switch\" && summarry !==null ? summarry[0].HeadingParagraphText : \"\"\n }\n
\n\n
\n
\n \n \n \n {/* 23456123454 */}\n {/* {displayData.FolioNum} */}\n {myTransactionRedirectState.redirectRepeatTransactionType === \"redemption\" ? \n myTransactionRedirectState.FolioNum\n :\n summarry ? summarry[0].FolioNum : \"\"\n }\n \n
\n {TransactionType === \"switch\" ?summarry !== null && summarry[0].ARNorRIA !== \"ARN-\" ?\n \n \n \n {summarry[0].ARNorRIA}\n \n
\n :\n \"\"\n :\n \"\"\n }\n {TransactionType === \"switch\" ? summarry !== null && summarry[0].EUINNum !== \"\" ?\n \n \n \n {summarry[0].EUINNum}\n \n
\n :\n \"\"\n :\"\"\n }\n {/* {(TransactionType === \"redeem\" || TransactionType === \"switch\") && scheduleForFutureDate ? \n \n \n \n {moment(scheduleForFutureDate).format(\"DD/MM/YYYY\")}\n \n
\n :\n \"\"\n } */}\n \n \n \n {/* 000000-0 */}\n {/* {displayData.BrokerCodeValue} */}\n \n
\n \n \n \n {/* 000000-0 */}\n {/* {displayData.RIACodeValue} */}\n \n
\n \n
\n \n \n Scheme Details\n \n {myTransactionRedirectState.redirectRepeatTransactionType === \"redemption\" ?\n
\n \n
\n :\n Object.keys(displayData.schemedetails).map((key, i) => (\n \n \n
\n \n {JSON.parse(myTransactionRedirectState.data).data.SchDesc}\n
\n\n \n
\n \n {`${JSON.parse(myTransactionRedirectState.data).data.bnkacname}-${JSON.parse(myTransactionRedirectState.data).data.bnkAcNo}`}\n
\n\n \n
\n\n \n\n \n ))}\n { date !== undefined &&\n \n {displayData.schemedetails[key]}\n
\n\n \n
\n \n }\n \n {/* \n {moment(date).format(\"DD/MM/YYYY\")}\n
\n\n \n \n \n {displayData.SchemeInValue}\n \n
\n \n \n \n \n {displayData.SchemeOutVal}\n \n
\n \n \n \n \n {displayData.TypeLabelVal}\n \n
\n \n \n \n \n {displayData.InstallmentAmtVal}\n \n
\n \n \n \n \n {displayData.FrequencyValue}\n \n
\n \n \n \n \n {displayData.StartingDateVal}\n \n
\n \n \n \n \n {displayData.EndDateVal}\n \n
\n \n \n \n \n {displayData.NumOfInstallmentsVal}\n \n
*/}\n\n \n handleRedirectBack()}\n >\n Back\n \n handleRedirectNext()}\n >\n {\" \"}\n Confirm{\" \"}\n \n
\n \n
\n )\n}\n \nexport default Progressbar;","import React from \"react\";\nimport \"./css/SideNav.css\"\nimport personaldetailsImg from \"../../../assets/Images/Group 53.svg\";\nimport personalDetails from '../../../assets/Images/personalDetails.svg';\nimport personaldetailsInvestment from '../../../assets/Images/personalINvestment.svg';\nimport personalBank from '../../../assets/Images/personalBank.svg';\nimport personalPayment from '../../../assets/Images/personalPayment.svg';\n\nimport Progressbar from \"../Progressbar.js\"\nconst SideNav = ({pregressbar,enablesidebar,showprogress}) => {\n // console.log(pregressbar)\n return (\n \n {/* {`${progress}%`} */}\n
\n \n
\n );\n};\n\nexport default SideNav;\n","export default __webpack_public_path__ + \"static/media/stepsLeft3.c5b33422.svg\";","import React, { useEffect, useState } from \"react\";\nimport stepleft3 from \"../../../assets/Images/stepsLeft3.svg\"\nimport deleteimage from \"../../../assets/Images/quickpirchase/deletescheme.svg\";\nimport editimage from \"../../../assets/Images/quickpirchase/Edit.svg\";\nconst UserDetails = ({\n personaldetails,\n investmentDetails,\n deletFromCart,\n editCartItem,\n stepsInRight\n}) => {\n \n let listData =personaldetails;\n const [totalAmount, settotalAmount] = useState('')\n // investmentDetails.schemeDetailsarray\n \n useEffect( ()=>{\n let json = investmentDetails;\n // console.log(investmentDetails)\n if (personaldetails && investmentDetails) {\n personaldetails.schemeList = investmentDetails.schemeDetailsarray;\n }\n let total = json &&\n json.schemeDetailsarray.length > 0\n ? json.schemeDetailsarray\n .map((bill) => Number(bill.selectedAmount))\n .reduce((acc, bill) => bill + acc)\n : 0;\n // console.log(total);\n settotalAmount(total)\n });\n \n // const { listData } =personaldetails!= ''? personaldetails[0]:'';\n // console.log(listData)\n\n const deleteSchemeFromCart = (data) => {\n deletFromCart(data);\n };\n const editSchemeCartItem = (data,index) => {\n data.index = index;\n editCartItem(data,index);\n };\n\n return (\n \n\n
\n Create my Folio
\n\n\n
\n\n \n\n
\n\n \n\n
\n\n \n\n 
\n\n
\n \t
\n\n \n
\n\n\n \n Step 01\n
\n\n\n Personal Details\n
\n\n {showprogress &&= 2? \"imgContainer \": 'imgContainer blur'} >\n\n
\n\n \n\n 
\n\n
\n \t
\n\n \n
\n\n\n \n Step 02\n
\n\n\n Investment Details\n
\n\n= 3? \"imgContainer \": 'imgContainer blur'}>\n
\n\n\n \n\n 
\n\n
\n \t
\n\n \n
\n\n\n \n Step 03\n
\n\n\n Bank Details\n
\n\n= 4? \"imgContainer last\": 'imgContainer blur last'}>\n
\n\n\n\n \n\n 
\n\n
\n \t
\n\n \n
\n\n\n \n Step 04\n
\n\n\n Payment Details\n
\n\n\n
\n One-stop shop for all your needs! Get started!
\n\n \n
\n {\n investmentDetails && investmentDetails.schemeDetailsarray.length > 0 ? (\n investmentDetails.schemeDetailsarray.map((data, index) => (\n
\n );\n\n\n};\n\nexport default UserDetails;","export default __webpack_public_path__ + \"static/media/Rectangle.0d44c16a.svg\";","export default __webpack_public_path__ + \"static/media/Rectangle_middle.c131015b.svg\";","export default __webpack_public_path__ + \"static/media/Rectangle_last.9781dbeb.svg\";","export default __webpack_public_path__ + \"static/media/successTickGreen.e4d52533.svg\";","import React, { useState,useEffect,useImperativeHandle } from 'react';\nimport arrowfirstimage from '../../../../assets/Images/Rectangle.svg'\nimport arrowfirstimage_middle from '../../../../assets/Images/Rectangle_middle.svg'\nimport arrowfirstimage_last from '../../../../assets/Images/Rectangle_last.svg'\nimport successtick from '../../../../assets/Images/successTickGreen.svg'\nimport './PersonalDetails.css';\nimport { MdOutlineArrowBackIosNew } from \"react-icons/md\";\nconst PersonalDetailsHeader = ({\n value,\n onSelectLanguage,\n ref,\n personalData,\n setpreviousstate\n}) => {\n \n \n useEffect(() => {\n console.log(personalData)\n // call api or anything\n changepage(value)\n });\n\n const [applicantpos, setapplicant] = useState(value);\n\n\n\n const changepage = (index) => {\n setapplicant(index);\n onSelectLanguage(index); \n };\n\n // \n return (\n Applicant Details
\n {\n listData != '' &&\n \n\n {/* {\n listData.personalDetails && listData.personalDetails != '' && listData.personalDetails.folio != '' && \n
\n}\n\n {/* \n
\n } */}\n \n {\n listData.personalDetails.name && \n Temporary Folio:
\n{listData.folio}
\n\n
\n}\n{\n listData.personalDetails.pan && \n Name:
\n{listData.personalDetails.name}
\n\n
\n}\n{\n listData.modeofHolding && \n PAN:
\n{listData.personalDetails.pan.toUpperCase()}
\n\n
\n}\n\n\n\n Mode of Holding:
\n{listData.modeofHolding}
\n\n \n
*/}\n \n {\n investmentDetails && investmentDetails.schemeDetailsarray.length > 0 ? (\n investmentDetails.schemeDetailsarray.map((data, index) => (\n
\n
\n ))\n ) : (\n \n )\n }\n {\n investmentDetails && investmentDetails.schemeDetailsarray.length > 1 &&\n\n \n
\n \n {`Scheme (${index + 1})`}
\n \n\n editSchemeCartItem(data,(index ))}\n />\n deleteSchemeFromCart(data)}\n />\n
\n \n
\n {`${\n data && data.selectedScheme && JSON.parse(data.selectedScheme).fm_schdesc\n }-${data && data.selectedPlan && JSON.parse(data.selectedPlan).fm_plandesc}-${data && data.selectedPlan && \n JSON.parse(data.selectedPlan).fm_plandesc\n } `}
\n\n
\n \n \n
\n {data.selectCategory}
\n\n
\n \n \n \n \n\n Investment Amount:
\n₹{data.selectedAmount}
\n\n
\n\n }\n \n Total Amount:
\n₹{totalAmount}
\n\n \n
\n\n \n
\n Only {stepsInRight} Steps Left
\n\n 
\n
\n\n \n {/*
\n )\n}\n\nexport default PersonalDetailsHeader\n","import React, { useState,useEffect } from 'react';\nconst GrossIncome = ({incomevalue,resultrefno }) => {\n\n const [categorykyc, setcategorykyc] = useState('indian')\n \n useEffect(() => {\n console.log(resultrefno)\n \n if(resultrefno){\n setcategorykyc(resultrefno.FInvAnnualIncome);\n setTimeout( ()=>{\n incomevalue(resultrefno.FInvAnnualIncome);\n },500); \n }\n \n },[resultrefno]);\n\n const changenominee = (that) => {\n setcategorykyc(that);\n incomevalue(that);\n };\n \n return (\n */}\n \n \n {/*
*/}\n\n\n
\n \n\n
\n changepage('FirstApplicant')}>\n 
\n\n \n
\n\n {\n personalData.modeofHolding != \"Single\" && personalData.personalDetails.count >=2 &&\n \n Primary Applicant Details\n {\n applicantpos == \"SecondApplicant\" &&\n \n }\n
changepage('SecondApplicant')}>\n 
\n\n \n
\n}\n{\n personalData.modeofHolding != \"Single\"&& personalData.personalDetails.count >= 3 &&\n Second Applicant Details\n {\n applicantpos == \"ThirdApplicant\" &&\n \n }\n
changepage('ThirdApplicant')}>\n 
\n\n \n
\n}\n Third Applicant Details\n {\n applicantpos == \"All\" &&\n \n }
\n
\n )\n}\n\n\nexport default GrossIncome;\n\n ","import React, { useState,useEffect } from 'react';\nimport { Radio, FormControl,RadioGroup} from \"@mui/material\";\nimport { Checkbox, FormControlLabel } from \"@mui/material\";\nimport './Pep.css'\nconst Pep = ({pepstatus,resultrefno}) => {\n\n //as per DB\n // PEP\n // RPEP\n // NA is not there pl check\n \n useEffect(() => { \n if(resultrefno){\n let coustomName;\n if(resultrefno.FInvPEP_Status == \"PEP\"){\n coustomName = 'I am PEP'\n }else if(resultrefno.FInvPEP_Status == \"RPEP\"){\n coustomName = 'I am related to a PEP'\n } else if(resultrefno.FInvPEP_Status == \"NA\"){\n coustomName = \"Not Applicable\"\n }\n setValue(coustomName);\n setTimeout( ()=>{\n pepstatus(resultrefno.FInvPEP_Status)\n },500);\n \n } \n },[resultrefno]);\n const [kyccateg, setValue] = useState('Not Applicable');\n const toggleTab = (index) => {\n setValue(index);\n let passString ='';\n if(index === \"I am PEP\"){\n passString = \"PEP\"; \n }else if(index === \"I am related to a PEP\"){\n passString = \"RPEP\"; \n }else {\n passString = \"NA\";\n }\n pepstatus(passString)\n };\n\n return (\n \n
\n \n
\n \n {/* Select income details */}\n Gross Annual Income*
\n \n {/*(Gross Annual Income of Guardian in case First Applicant is minor)
*/}\n \n\n \n
\n \n \n
\n changenominee('Below 1 Lakh')} >\n
\n \n Below 1 Lakh
\n changenominee('1-5 Lakh')}>\n
\n \n 1-5 Lakh
\n changenominee('5-10 Lakh')}>\n
\n \n 5-10 Lakh
\n changenominee('10-25 Lakh')}>\n
\n \n 10-25 Lakh
\n changenominee('>25 Lakh')}>\n
\n \n {'>25 Lakh'}
\n changenominee('> 1 Crore')}>\n
\n \n \n {'> 1 Crore'}
\n\n\n\n
\n )\n}\n\n\nexport default Pep;","export default __webpack_public_path__ + \"static/media/globe.acf9e4f8.svg\";","export default __webpack_public_path__ + \"static/media/suitcase.aae129da.svg\";","import React, { useState ,useEffect,useContext} from 'react';\nimport globe from '../../../assets/Images/globe.svg'\nimport suitcase from '../../../assets/Images/suitcase.svg'\nimport inputPath from \"../../../assets/Images/inputPath.png\";\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\nimport CryptoJS from \"crypto-js\";\nimport {\n Radio,\n FormControl,\n FormControlLabel,\n RadioGroup,\n } from \"@mui/material\";\nconst Fatca = ({\n value,\n indefatcadetails,\n variables\n}) => {\n const decryption = (body) => {\n const Bytes = CryptoJS.AES.decrypt(body, \"COREAPIV012021NDRS\");\n return JSON.parse(Bytes.toString(CryptoJS.enc.Utf8));\n };\n // console.log(variables)\n // console.log(variables[0])\n // const { fatcaDetails } = variables;\n // console.log(variables)\n // console.log(variables)\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [countryList, setcountryList] = useState([]);\n const [countryListOtherindia, setcountryListOtherindia] = useState([]);\n useEffect(() => {\n getCountryList()\n }, []);\n let count = 0;\n const getCountryList = () => {\n var url = \"/ftp/populateCountryDetails\";\n var postobjt = {\n }\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n // .postApiEncrpCalling(url, postobjt, options)\n .getApiCalling(url)\n .then((res) => {\n console.log(res);\n if (res) {\n let decrypttext = decryption(res.data);\n console.log(decrypttext);\n setcountryList(decrypttext);\n let otherIndia_decrypttext = decrypttext.filter(function( obj ) {\n return obj.country_name !== \"India\"\n });\n // otherIndia_decrypttext = otherIndia_decrypttext.filter(function( obj ) {\n // return obj.country_name !== \"United Arab Emirates\"\n // });\n otherIndia_decrypttext = otherIndia_decrypttext.filter(function( obj ) {\n return obj.country_name !== \"Canada\"\n });\n // otherIndia_decrypttext = otherIndia_decrypttext.filter(function( obj ) {\n // return obj.country_name !== \"United Arab Emirates\"\n // });\n \n console.log(otherIndia_decrypttext)\n setcountryListOtherindia(otherIndia_decrypttext);\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n count += 1;\n if(count<4){\n getCountryList();\n }\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n\n }\n\n \n const handleInput = (e) => {\n\n // setfatcadetails({\n // ...fatcadetails,\n // [e.target.name]: e.target.value,\n // ['applicanttype']:value\n // });\n // indefatcadetails(fatcadetails)\n indefatcadetails(e.target.name,e.target.value,value)\n }\n\n const selectercountryofbirth= (key,e) => {\n \n // setfatcadetails({\n // ...fatcadetails,\n // ['countrybirth']: e.target.value,\n // ['applicanttype']:value\n // });\n indefatcadetails(key,e.target.value,value)\n }\n\n\n const [taxOtherIndia, settaxOtherIndia] = useState(\"No\")\n const toggleTaxRes = (index) => {\n settaxOtherIndia(index);\n indefatcadetails(\"newRadio\",index);\n indefatcadetails(\"resident\", \"\");\n }\n return(\n\n \n Politically Exposed Person (PEP) Status*
\n\n(Also applicable for authorised signatories/Promoters/Karta/Trustee/‘Whole-time’ Directors)
\n\n\n\n \n \n \n\n \n
\n\n\n \n
\n )\n\n}\n\nexport default Fatca;","import React, { useState,useEffect } from 'react';\nconst FatcaDesclaimer = ({pepstatus,resultrefno}) => {\n return(\n \n
\n \n Fatca Details\n
\n\n\n
\n {/* \n \n
\n\n \n 
\n \n\n {/* */}\n
\n {/* (Country of Birth of Guardian in case First Applicant is minor) */}\n\n \n selectercountryofbirth('countrybirth',e)}\n >\n \n {countryList !== \"\" && countryList.length > 0 && countryList.map((item, index) => (\n \n ))}\n \n\n
\n\n \n \n
\n\n\n \n \n \n\n
\n {/* (Country of Citizenship/ Nationality of Guardian in case First Applicant is minor) */}\n\n \n selectercountryofbirth('nationality',e)}\n >\n \n {countryList !== \"\" && countryList.length > 0 && countryList.map((item, index) => (\n \n ))}\n \n\n
\n\n {/* */}\n\n \n \n\n \n \n \n
\n\n{\n taxOtherIndia === \"Yes\" &&\n \n \n
\n}\n \n\n {\n variables.resident && variables.resident !== \"\" && variables.resident.toLowerCase() !== \"india\" && \n \n \n \n \n\n
\n {/* (Guardian in case First Applicant is minor) */}\n\n\n selectercountryofbirth('resident',e)}\n >\n \n {countryListOtherindia !== \"\" && countryListOtherindia.length > 0 && countryListOtherindia.map((item, index) => (\n \n ))}\n \n\n
\n \n \n
\n}\n{\n variables.resident && variables.resident !== \"\" && variables.resident.toLowerCase() !== \"india\" && \n \n 
\n \n\n { if (!/[a-zA-Z0-9]/.test(event.key)) { event.preventDefault(); } }} />\n\n
\n\n\n \n \n
\n \n}\n \n \n \n \n\n { if (!/[a-zA-Z0-9]/.test(event.key)) { event.preventDefault(); } }}/>\n\n
\n\n\n \n \n\n
*/}\n\n\n I have read and agree to the website’s Terms & Conditions\n
\n\n {/*
\n );\n}\nexport default FatcaDesclaimer;","import React, { useState, useEffect, useContext, useRef } from \"react\";\nimport { Checkbox, FormControlLabel } from \"@mui/material\";\nimport username from \"../../../../assets/Images/user.svg\";\nimport inputPath from \"../../../../assets/Images/inputPath.png\";\nimport emailid from \"../../../../assets/Images/envelope.svg\";\nimport { Radio, FormControl, RadioGroup } from \"@mui/material\";\n\nimport GrossIncome from \"../Grossincome/Grossincome\";\nimport Pep from \"../Pep/Pep\";\nimport arrowDown from \"../../../../assets/Images/rightArrow.svg\";\nimport Fatca from \"../Fatca\";\n\nimport { Context } from \"../../../../services/apiContext\";\nimport configData from \"../../../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../../../components/notificationModal/useModal\";\nimport CryptoJS from \"crypto-js\";\nimport FatcaDesclaimer from \"../commonDesclaimer\";\nimport { validateResponse } from \"../../regulatoryValidation\";\nconst FirstApplicant = ({\n value,\n handeldatakyc,\n resultrefno,\n kycPersonalDetailsFirstApplicant,\n setkycPersonalDetailsFirstApplicant,\n}) => {\n console.log(resultrefno);\n const toggleTabRef = useRef()\n const [regulatoryResponse,setRegulatoryResponse]= useState()\n\n\n useEffect(async () => {\n console.log(value,'value');\n \n if (value == \"personaldetails\") {\n await listCatagoryList();\n // toggleTab(kyccategArray[0])\n await getByCategory(\"Resident Indian\")\n await getOccupation();\n\n // setusertype(value);\n }\n // console.log(resultrefno);\n }, [resultrefno]);\n\n useEffect(()=>{\n if(sessionStorage.getItem('regulatory')){\n const regulatoryRespons =sessionStorage.getItem('regulatory')\n setRegulatoryResponse(JSON.parse(regulatoryRespons));\n }\n },[])\n\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n\n const [usertype, setusertype] = useState(value);\n const [occupation, setoccupation] = useState([]);\n const [statusDrop, setstatusDrop] = useState([]);\n const [seaFerer, setSeaFerer] = useState(false);\n // const [statusDrop, setstatusDrop] = useState([]);\n\n const [kyccateg, setValue] = useState(\"\");\n const [kyccategArray, setValuekyccategArray] = useState([]);\n\n const [fatcadetails, setfatcadetails] = useState({\n countrybirth: \"\",\n nationality: \"\",\n resident: \"\",\n taxid: \"\",\n foreigntax: \"\",\n newRadio: \"No\",\n });\n\n const [commonError, setcommonError] = useState(\"\");\n const encryption = (body) => {\n return CryptoJS.AES.encrypt(\n JSON.stringify(body),\n \"COREAPIV012021NDRS\"\n ).toString();\n };\n const decryption = (body) => {\n const Bytes = CryptoJS.AES.decrypt(body, \"COREAPIV012021NDRS\");\n return JSON.parse(Bytes.toString(CryptoJS.enc.Utf8));\n };\n\n //\n let countcat = 0;\n const listCatagoryList = async (that) => {\n console.log(that);\n var url = \"/ftp/populateCategories\";\n // var postobjt = {\n // \"category\": that //'NRI-Repatriable(NRE)','NRI-Non Repatriable(NRE)'\n // }\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n await contextapi\n .getApiCalling(url)\n .then((res) => {\n console.log(res, \"\");\n\n if (res && res.data) {\n let decrypttext = decryption(res.data);\n console.log(decrypttext, \"categoryListCalled\");\n setValuekyccategArray(decrypttext);\n\n //first time hardcode it will be dynamic on change category\n setValue(decrypttext[0].cat_code);\n console.log(\"calledFunction From Gaurav\")\n // \n \n \n // console.log(kycPersonalDetailsFirstApplicant.category,'insode if')\n if(kycPersonalDetailsFirstApplicant.catagory === ''){\n setkycPersonalDetailsFirstApplicant((prev) => {\n return { ...prev, \"catagory\": decrypttext[0].cat_code.toString(), }\n });\n }\n \n \n \n \n\n if (resultrefno) {\n // edit by refNo\n console.log('called inside refNumber')\n setValue(resultrefno.InvCategory);\n let catName = decrypttext.find(\n (item) => item.cat_code === resultrefno.InvCategory\n );\n \n setkycPersonalDetailsFirstApplicant((prev) => {\n return { ...prev, \"catagory\": catName.cat_code.toString(), }\n });\n getByCategory(catName.cat_desc);\n // sessionStorage.setItem(\"categoryCode\", catName.cat_code.toString())\n }\n \n\n // setValue(decrypttext[0].cat_desc)\n // setstatusDrop(res)\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n countcat += 1;\n // if (countcat < 4) {\n // listCatagoryList();\n // }\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n //\n const getByCategory = async (that) => {\n var url = \"/ftp/getPopulateStatusDetails\";\n var postobjt = {\n category: that, //'NRI-Repatriable(NRE)','NRI-Non Repatriable(NRE)'\n };\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res) {\n setstatusDrop(res);\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n let count = 0;\n const getOccupation = async (val) => {\n var url = \"/ftp/getPopulateOccupationDetails\";\n var postobjt = {};\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n await contextapi\n // .postApiEncrpCalling(url, postobjt, options)\n .getApiCalling(url)\n .then((res) => {\n if (res) {\n let decrypttext = decryption(res.data);\n setoccupation(decrypttext);\n console.log(decrypttext);\n console.log(resultrefno,'resresultrefno First Applicat');\n\n if (resultrefno) {\n // edit by refNo\n for (let i = 0; i < decrypttext.length; i++) {\n if (resultrefno.FInvOccpn == decrypttext[i].om_occp) {\n let json = decrypttext[i];\n console.log(json);\n let jsonstatus;\n setTimeout(() => {\n if (resultrefno.InvStatus == \"I\") {\n jsonstatus = {\n sm_category: 11,\n sm_desc: \"INDIVIDUAL\",\n };\n }\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n [\"occupation\"]: JSON.stringify(json),\n\n [\"status\"]: JSON.stringify(jsonstatus),\n [\"catagory\"]: resultrefno.InvCategory.toString(),\n [\"pepstatus\"]: resultrefno.FInvPEP_Status,\n [\"grossIncome\"]: resultrefno.FInvAnnualIncome,\n });\n // sessionStorage.setItem(\"categoryCode\",resultrefno.InvCategory.toString())\n console.log(kycPersonalDetailsFirstApplicant,\"check Guarav\");\n }, 1500);\n console.log(kycPersonalDetailsFirstApplicant);\n // setoccupation(JSON.stringify(json));\n break;\n }\n }\n }\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n count += 1;\n // if (count < 4) {\n // getOccupation();\n // }\n setGlobalSpinner(false);\n\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const onchangeOccupation = (e) => {\n console.log(e.target.value);\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n [\"occupation\"]: e.target.value,\n });\n };\n const onchangeStatus = (e) => {\n //as per DB\n // we are changing pl cross verify and correct it\n\n // INDIVIDUAL - I\n\n // NRI - N\n\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n [\"status\"]: e.target.value,\n });\n };\n\n // const occupation = [\n // \"BUSINESS\",\n // \"FARMER\",\n // \"FOREX DEALER\",\n // \"HOUSEHOLD\",\n // \"LABOUR\",\n // \"POLITICALLY EXPOSED PERSON\",\n // \"PROFESSIONAL\",\n // \"RETIRED\",\n // \"SALARIED\",\n // \"SELF EMPLOYED\",\n // \"SERVICE\",\n // \"STUDENT\",\n // \"UNEMPLOYED\",\n // \"OTHERS\"\n // ]\n const toggleTab = (index) => {\n // console.log(index,'set NRI oRnRo')\n setValue(index.cat_code);\n getByCategory(index.cat_desc);\n setkycPersonalDetailsFirstApplicant((prev) => {\n return { ...prev, \"catagory\": index?.cat_code?.toString(), }\n });\n clearFields()\n getOccupation();\n // sessionStorage.setItem(\"categoryCode\",index.cat_code.toString())\n // console.log(\"called OnSlecet toggle\")\n\n };\n const clearFields =() => {\n setkycPersonalDetailsFirstApplicant((prev)=>{\n return{\n ...prev,\n resident: \"\",\n status: \"\",\n occupation: \"\",\n grossIncome: \"\",\n pepstatus: \"NA\",\n seaFerer: false,\n cdcUpload: false,\n nriAddress1: \"\",\n nriAddress2: \"\",\n nriAddress3: \"\",\n nriCity: \"\",\n nriCountry: \"\",\n nriPinCode: \"\",\n }\n });\n setcommonError(\"\");\n }\n const handleChange = (e) => {\n let isChecked = e.target.checked;\n\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n [\"resident\"]: isChecked,\n });\n };\n\n const getIncomevalue = (selectedIncome) => {\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n [\"grossIncome\"]: selectedIncome,\n });\n };\n\n const getPepstatus = (getPepstatus) => {\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n [\"pepstatus\"]: getPepstatus,\n });\n };\n const handleNRIAddress = (id, e) => {\n switch(id){\n case \"address1\" :\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n \"nriAddress1\": e.target.value,\n });\n break;\n case \"address2\" :\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n \"nriAddress2\": e.target.value,\n });\n break;\n case \"address3\" :\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n \"nriAddress3\": e.target.value,\n });\n break;\n case \"city\" :\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n \"nriCity\": e.target.value,\n });\n break;\n case \"country\" :\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n \"nriCountry\": e.target.value,\n });\n break;\n case \"pinCode\" :\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n \"nriPinCode\": e.target.value,\n });\n break;\n } \n }\n\n const checkNRIRegulatoryMatch = () => {\n if(configData.ENV === \"PROD\" && value === \"personaldetails\"){\n const validateRegulatoryResponse = regulatoryResponse?.PASFlag === 'Y' && regulatoryResponse?.PANNameMatch === 'Y' && regulatoryResponse?.PH_KYC === '02'\n const validateNRIFeild = kyccateg === 11 ; \n const errorMessage = validateResponse(regulatoryResponse);\n if(regulatoryResponse?.Transaction_allow === 'Y'){\n saveApplicantdetails(\"saveandproceed\");\n }else if(regulatoryResponse?.Transaction_allow === 'N' && (!validateNRIFeild && validateRegulatoryResponse)){\n saveApplicantdetails(\"saveandproceed\")\n }else{\n setNotifi({ val: true, msg: errorMessage });\n }\n }else{\n saveApplicantdetails(\"saveandproceed\");\n }\n \n };\n\n const saveApplicantdetails = (e) => {\n // e.preventdefault();\n let localBoo = false;\n setcommonError(\"Please check all the mandatory fields\");\n if (value === \"personaldetails\") {\n if (kyccateg!== 11 ) {\n if(kycPersonalDetailsFirstApplicant.nriAddress1 === \"\"){\n setcommonError(\"Please fill Nri address 1\");\n }else if (kycPersonalDetailsFirstApplicant.nriAddress2 === \"\"){\n setcommonError(\"Please fill Nri address 2\");\n }else if (kycPersonalDetailsFirstApplicant.nriAddress3 === \"\"){\n setcommonError(\"Please fill NRI address 3\");\n }else if (kycPersonalDetailsFirstApplicant.nriCity === \"\"){\n setcommonError(\"Please fill NRI City\");\n }else if (kycPersonalDetailsFirstApplicant.nriCountry === \"\"){\n setcommonError(\"Please fill NRI Country\");\n }else if (kycPersonalDetailsFirstApplicant.nriPinCode === \"\"){\n setcommonError(\"Please fill NRI Postal Code\");\n }else {\n localBoo = true;\n }\n }else if (kycPersonalDetailsFirstApplicant.catagory === \"\") {\n setcommonError(\"Please select category \");\n } else if (kycPersonalDetailsFirstApplicant.status === \"\") {\n setcommonError(\"Please select status \");\n } else if (kycPersonalDetailsFirstApplicant.occupation === \"\") {\n setcommonError(\"Please select occupation \");\n } else if (kycPersonalDetailsFirstApplicant.grossIncome === \"\") {\n setcommonError(\"Please select gross income \");\n } else if (kycPersonalDetailsFirstApplicant.pepstatus === \"\") {\n setcommonError(\"Please select PEP status \");\n } else if (acceptTermsandconditionsFirst === false) {\n setcommonError(\"Please check terms and conditions\");\n } else {\n localBoo = true;\n }\n } else if (value === \"fatca\") {\n if (fatcadetails.countrybirth === \"\") {\n setcommonError(\"Please select Country of Birth \");\n } else if (fatcadetails.nationality === \"\") {\n setcommonError(\"Please select Nationality \");\n } else if (\n fatcadetails.newRadio === \"Yes\" &&\n fatcadetails.resident === \"\"\n ) {\n setcommonError(\"Please select Tax Resident \");\n } else if (\n fatcadetails.newRadio === \"Yes\" &&\n fatcadetails.resident.toLowerCase() !== \"india\" &&\n fatcadetails.taxid === \"\"\n ) {\n setcommonError(\"Please select Foreign Tax ID No.\");\n } else if (\n fatcadetails.newRadio === \"Yes\" &&\n fatcadetails.resident.toLowerCase() !== \"india\" &&\n fatcadetails.foreigntax === \"\"\n ) {\n setcommonError(\"Please select Foreign Tax ID Type.\");\n } else if (acceptTermsandconditionsFirst === false) {\n setcommonError(\"Please check terms and conditions\");\n } else {\n localBoo = true;\n }\n }\n\n if (localBoo === true) {\n console.log(kycPersonalDetailsFirstApplicant);\n console.log(fatcadetails);\n\n let neJSON = {\n countrybirth: fatcadetails ? fatcadetails.countrybirth : \"\",\n nationality: fatcadetails ? fatcadetails.nationality : \"\",\n radioButton: fatcadetails ? fatcadetails.newRadio : \"\",\n resident: fatcadetails ? fatcadetails.resident : \"\",\n taxid: fatcadetails ? fatcadetails.taxid : \"\",\n foreigntax: fatcadetails ? fatcadetails.foreigntax : \"\",\n };\n\n if (fatcadetails.newRadio === \"No\") {\n neJSON.resident = \"India\";\n }\n\n setcommonError(\"\");\n window.scrollTo(0, 0);\n if (e === \"later\") {\n } else if (e === \"saveandproceed\") {\n }\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n [\"Fatca\"]: neJSON,\n });\n console.log(kycPersonalDetailsFirstApplicant);\n console.log(fatcadetails);\n // setkycPersonalDetailsFirstApplicant({\n // ...kycPersonalDetailsFirstApplicant,\n // });\n handeldatakyc(kycPersonalDetailsFirstApplicant, e, neJSON);\n } else {\n }\n };\n\n const getfatcadetails = (key, value, applicationtype) => {\n setfatcadetails({\n ...fatcadetails,\n [key]: value,\n [\"applicanttype\"]: applicationtype,\n });\n // setkycPersonalDetailsFirstApplicant({\n // ...kycPersonalDetailsFirstApplicant,\n // [\"Fatca\"]: fatcadetails,\n // });\n };\n\n const [acceptTermsandconditionsFirst, setacceptTermsandconditionsFirst] =\n useState(false);\n\n const setacceptTermsandconditionsFirstFunc = (e) => {\n setacceptTermsandconditionsFirst(e.target.checked);\n };\n return (\n DECLARATION */}\n {/* AND SIGNATURES / THUMB IMPRESSION OF APPLICANT(s) */}\n {/*
[Refer Instructions 2(f) of KIM] */}\n\n{/*
\n Terms & Conditions of FATCA (Foreign Account Tax\n Compliance provisions)\n
\n\n\n Required for regulatory purposes to establish your country\n of tax residence and tax identification number. Please\n indicate all countries in which you are a resident for tax\n purposes and associated tax id number. If you are a US\n citizen or resident or greencard holder, please include\n United States in the foreign country information field\n along with your US Tax Identification Number.\n\n\n
\n\n\n {value == \"personaldetails\" && (\n
\n );\n};\n\nexport default FirstApplicant;\n","import React, { useState,useEffect, useContext } from \"react\";\nimport occupationpath from \"../../../../assets/Images/suitcase.svg\";\nimport inputPath from \"../../../../assets/Images/inputPath.png\";\nimport \"./SecondApplicant.css\";\nimport GrossIncome from \"../Grossincome/Grossincome\";\nimport Pep from \"../Pep/Pep\";\nimport arrowDown from \"../../../../assets/Images/rightArrow.svg\";\nimport Fatca from \"../Fatca\";\nimport { Context } from \"../../../../services/apiContext\";\nimport configData from \"../../../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../../../components/notificationModal/useModal\";\nimport CryptoJS from \"crypto-js\";\nimport FatcaDesclaimer from \"../commonDesclaimer\";\nconst SecondApplicant = ({ value, handeldatakyc }) => {\n console.log('enter Second ');\n\n useEffect(() => {\n getOccupation();\n setusertype(value)\n }, []);\n\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n\n const [usertype, setusertype] = useState(value);\n const [occupation, setoccupation] = useState([]);\n \n\n const [\n kycPersonalDetailsSecondApplicant,\n setkyckycPersonalDetailsSecondApplicant,\n ] = useState({\n resident: \"\",\n catagory: \"\",\n status: \"\",\n occupation: \"\",\n grossIncome: \"\",\n pepstatus: \"NA\",\n secondApplicant: \"true\",\n });\n\n const [fatcadetails, setfatcadetails] = useState({\n // countrybirth:'',\n countrybirth: '',\n nationality: '',\n resident: '',\n taxid: '',\n foreigntax: '',\n newRadio:\"No\"\n });\n const decryption = (body) => {\n const Bytes = CryptoJS.AES.decrypt(body, \"COREAPIV012021NDRS\");\n return JSON.parse(Bytes.toString(CryptoJS.enc.Utf8));\n };\n let count = 0;\n const getOccupation = (val) => {\n var url = \"/ftp/getPopulateOccupationDetails\";\n var postobjt = {\n }\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n // .postApiEncrpCalling(url, postobjt, options)\n .getApiCalling(url)\n .then((res) => {\n // console.log(res);\n if (res) {\n // setoccupation(res)\n let decrypttext = decryption(res.data);\n setoccupation(decrypttext)\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n count += 1;\n if(count<4){\n getOccupation();\n }\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n\n }\n\n // const occupation = [\n // \"BUSINESS\",\n // \"FARMER\",\n // \"FOREX DEALER\",\n // \"HOUSEHOLD\",\n // \"LABOUR\",\n // \"POLITICALLY EXPOSED PERSON\",\n // \"PROFESSIONAL\",\n // \"RETIRED\",\n // \"SALARIED\",\n // \"SELF EMPLOYED\",\n // \"SERVICE\",\n // \"STUDENT\",\n // \"UNEMPLOYED\",\n // \"OTHERS\"\n // ]\n\n const getIncomevalue = (selectedIncome) => {\n console.log(selectedIncome);\n setkyckycPersonalDetailsSecondApplicant({\n ...kycPersonalDetailsSecondApplicant,\n [\"grossIncome\"]: selectedIncome,\n });\n };\n\n \n const onchangeOccupation = (e) => {\n setkyckycPersonalDetailsSecondApplicant({\n ...kycPersonalDetailsSecondApplicant,\n [\"occupation\"]: e.target.value,\n });\n }\n\n const getPepstatus = (getPepstatus) => {\n console.log(getPepstatus);\n setkyckycPersonalDetailsSecondApplicant({\n ...kycPersonalDetailsSecondApplicant,\n [\"pepstatus\"]: getPepstatus,\n });\n };\n\n // const saveApplicantdetails = () => {\n // handeldata(kycPersonalDetailsSecondApplicant);\n // };\n const [acceptTermsandconditionsFirst, setacceptTermsandconditionsFirst] = useState(true);\n\n const setacceptTermsandconditionsFirstFunc = (e) => {\n setacceptTermsandconditionsFirst(e.target.checked);\n };\n\n const [disbaleTanC, setdisbaleTanC] = useState(true);\n\n const [commonError, setcommonError] = useState('')\n const saveApplicantdetails = (e) => {\n let localBoo = false;\n setcommonError('Please check all the mandatory fields')\n if (value == \"personaldetails\") {\n // if(kycPersonalDetailsSecondApplicant.catagory == \"\"){\n // setcommonError('Please select category ')\n // }else \n // if(kycPersonalDetailsSecondApplicant.status == \"\"){\n // setcommonError('Please select status ')\n // }else\n if(kycPersonalDetailsSecondApplicant.occupation == \"\"){\n setcommonError('Please select occupation ')\n }else if(kycPersonalDetailsSecondApplicant.grossIncome == \"\"){\n setcommonError('Please select grossIncome ')\n }else if(kycPersonalDetailsSecondApplicant.pepstatus == \"\"){\n setcommonError('Please select PEP status ')\n } else if (acceptTermsandconditionsFirst == false) {\n setcommonError('Please check terms and conditions')\n } else {\n localBoo = true;\n }\n\n} else if (value == \"fatca\") {\n if (fatcadetails.countrybirth == \"\") {\n setcommonError('Please select Country of Birth ')\n } else if (fatcadetails.nationality == \"\") {\n setcommonError('Please select Nationality ')\n } else if (fatcadetails.newRadio == \"Yes\" && fatcadetails.resident == \"\") {\n setcommonError('Please select Tax Resident ')\n } else if ( fatcadetails.newRadio == \"Yes\" && fatcadetails.resident.toLowerCase() != \"india\" && fatcadetails.taxid == \"\") {\n setcommonError('Please select Foreign Tax ID No.')\n } else if (fatcadetails.newRadio == \"Yes\" && fatcadetails.resident.toLowerCase() != \"india\" && fatcadetails.foreigntax == \"\") {\n setcommonError('Please select Foreign Tax ID Type.')\n } else if (acceptTermsandconditionsFirst == false) {\n setcommonError('Please check terms and conditions')\n } else {\n localBoo = true;\n }\n\n}\n\nif (localBoo == true) {\n\n \n\n setcommonError('');\n window.scrollTo(0, 0);\n if (e === 'later') {\n\n } else if (e === 'saveandproceed') {\n\n }\n setkyckycPersonalDetailsSecondApplicant({\n ...kycPersonalDetailsSecondApplicant,\n });\n handeldatakyc(kycPersonalDetailsSecondApplicant, e,fatcadetails);\n} else {\n\n}\n\n };\n\n const getfatcadetails = (key, value, applicationtype) => {\n\n // console.log(fdata);\n setfatcadetails({\n ...fatcadetails,\n [key]: value,\n ['applicanttype']: applicationtype\n })\n // setkycPersonalDetailsFirstApplicant({\n // ...kycPersonalDetailsFirstApplicant,\n // [\"Fatca\"]: fatcadetails,\n // });\n\n setkyckycPersonalDetailsSecondApplicant({\n ...kycPersonalDetailsSecondApplicant,\n [\"Fatca\"]: fatcadetails,\n });\n\n };\n\n return (\n \n
\n )}\n\n {value == \"fatca\" && (\n \n
\n\n kycdetails
\n\n {/* handleChange(e)} />}\n label=\"I/We am/are . View details’\"\n /> */}\n
\n\n Residents of U.S. and Canada
*/}\n\n {/*\n
\n {(kyccateg === 21 || kyccateg === 22) &&\n <>\n {/* \n Category*\n
\n\n
\n \n \n \n {kyccategArray.map((value, index) => (\n \n
\n \n\n \n\n
*/}\n \n \n { setSeaFerer(!seaFerer) }}\n />\n
\n {seaFerer &&\n \n Sea Ferer\n
\n openfile()}>\n 
\n fileUpload(e.target.files[0])}\n />\n
\n }\n Choose File
\n\n
\n \n \n
\n\n \n handleNRIAddress(\"address1\", e)}\n // readOnly\n value={kycPersonalDetailsFirstApplicant?.nriAddress1}\n />\n
\n {/* \n {commonerrorAtthebottomall.name}\n
*/}\n\n \n
\n \n handleNRIAddress(\"address2\",e)}\n // readOnly\n value={kycPersonalDetailsFirstApplicant?.nriAddress2}\n />\n
\n {/* \n {commonerrorAtthebottomall.name}\n
*/}\n\n
\n \n \n
\n\n \n handleNRIAddress(\"address3\", e)}\n // readOnly\n value={kycPersonalDetailsFirstApplicant?.nriAddress3}\n />\n
\n {/* \n {commonerrorAtthebottomall.name}\n
*/}\n\n \n
\n \n handleNRIAddress(\"city\", e)}\n // readOnly\n value={kycPersonalDetailsFirstApplicant?.nriCity}\n />\n
\n {/* \n {commonerrorAtthebottomall.name}\n
*/}\n\n\n
\n \n }\n \n \n
\n\n \n handleNRIAddress(\"country\", e)}\n // readOnly\n value={kycPersonalDetailsFirstApplicant?.nriCountry}\n />\n
\n {/* \n {commonerrorAtthebottomall.name}\n
*/}\n\n \n
\n \n handleNRIAddress(\"pinCode\", e)}\n // readOnly\n value={kycPersonalDetailsFirstApplicant?.nriPinCode}\n />\n
\n {/* \n {commonerrorAtthebottomall.name}\n
*/}\n\n
\n \n \n
\n\n \n \n \n \n {statusDrop.map((item, index) => (\n \n ))}\n \n )}\n\n {/* \n \n statusDrop\n */}\n
\n \n \n
\n \n \n \n \n {occupation.map((item, index) => (\n \n ))}\n \n )}\n\n {/* \n \n {occupation.map((value,index) =>{\n return(\n // <>\n \n // \n )\n \n })}\n */}\n
\n {/* \n (Occupation of Guardian in case First Applicant is minor)\n */}\n \n
\n )}\n {value == \"fatca\" && (\n \n U.S. Persons and Residents of Canada\n
\n\n\n
\n \n I / We hereby declare that I am not a U.S. person or a Resident of\n Canada. (Please note JM Financial does not accept applications\n from U.S. & Canada citizens).\n {/* Terms & Conditions */}\n
\n\n
\n )}\n \n
\n \n I/We declare that the information provided in this form is to the\n best of my knowledge and belief, accurate and complete. I/We agree\n to notify JM Financial Mutual Fund site immediately in the event\n the information in the self-certification changes.\n {/* Terms & Conditions */}\n
\n\n
\n\n {commonError}
\n\n {/* {\n saveApplicantdetails('later');\n }}\n >\n Save for Later\n */}\n\n {\n checkNRIRegulatoryMatch()\n // saveApplicantdetails(\"saveandproceed\");\n }}\n >\n Save and Proceed 
\n \n
\n \n {usertype == \"personaldetails\" && (\n \n )}\n\n \n{value == \"personaldetails\" && (\n
\n );\n};\n\nexport default SecondApplicant;\n","import React, { useState,useEffect,useContext } from \"react\";\nimport occupationpath from \"../../../../assets/Images/suitcase.svg\";\nimport inputPath from \"../../../../assets/Images/inputPath.png\";\nimport \"../SecondApplicant/SecondApplicant.css\";\nimport GrossIncome from \"../Grossincome/Grossincome\";\nimport Pep from \"../Pep/Pep\";\nimport arrowDown from \"../../../../assets/Images/rightArrow.svg\";\nimport Fatca from \"../Fatca\";\nimport { Context } from \"../../../../services/apiContext\";\nimport configData from \"../../../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../../../components/notificationModal/useModal\";\nimport CryptoJS from \"crypto-js\";\nimport FatcaDesclaimer from \"../commonDesclaimer\";\nconst ThirdApplicant = ({ value, handeldatakyc }) => {\n console.log('enter third ')\n useEffect(() => {\n getOccupation();\n setusertype(value)\n }, []);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n\n const [usertype, setusertype] = useState(value);\n const [occupation, setoccupation] = useState([]);\n \n const [\n kycPersonalDetailsSecondApplicant,\n setkyckycPersonalDetailsSecondApplicant,\n ] = useState({\n resident: \"\",\n catagory: \"\",\n status: \"\",\n occupation: \"\",\n grossIncome: \"\",\n pepstatus: \"NA\",\n thirdApplicant: \"true\",\n });\n const [fatcadetails, setfatcadetails] = useState({\n countrybirth: '',\n nationality: '',\n resident: '',\n taxid: '',\n foreigntax: '',\n newRadio:\"No\"\n });\n\n const decryption = (body) => {\n const Bytes = CryptoJS.AES.decrypt(body, \"COREAPIV012021NDRS\");\n return JSON.parse(Bytes.toString(CryptoJS.enc.Utf8));\n };\n let count = 0;\n const getOccupation = (val) => {\n var url = \"/ftp/getPopulateOccupationDetails\";\n var postobjt = {\n }\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n // .postApiEncrpCalling(url, postobjt, options)\n .getApiCalling(url)\n .then((res) => {\n // console.log(res);\n if (res) {\n let decrypttext = decryption(res.data);\n setoccupation(decrypttext)\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n count += 1;\n if(count<4){\n getOccupation();\n }\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n\n }\n\n // const occupation = [\n // \"BUSINESS\",\n // \"FARMER\",\n // \"FOREX DEALER\",\n // \"HOUSEHOLD\",\n // \"LABOUR\",\n // \"POLITICALLY EXPOSED PERSON\",\n // \"PROFESSIONAL\",\n // \"RETIRED\",\n // \"SALARIED\",\n // \"SELF EMPLOYED\",\n // \"SERVICE\",\n // \"STUDENT\",\n // \"UNEMPLOYED\",\n // \"OTHERS\"\n // ];\n\n const getIncomevalue = (selectedIncome) => {\n console.log(selectedIncome);\n setkyckycPersonalDetailsSecondApplicant({\n ...kycPersonalDetailsSecondApplicant,\n [\"grossIncome\"]: selectedIncome,\n });\n };\n\n const onchangeOccupation = (e) => {\n setkyckycPersonalDetailsSecondApplicant({\n ...kycPersonalDetailsSecondApplicant,\n [\"occupation\"]: e.target.value,\n });\n }\n const getPepstatus = (getPepstatus) => {\n console.log(getPepstatus);\n setkyckycPersonalDetailsSecondApplicant({\n ...kycPersonalDetailsSecondApplicant,\n [\"pepstatus\"]: getPepstatus,\n });\n };\n\n // const saveApplicantdetails = () => {\n // handeldata(kycPersonalDetailsSecondApplicant);\n // };\n\n const [acceptTermsandconditionsFirst, setacceptTermsandconditionsFirst] = useState(true);\n\n const setacceptTermsandconditionsFirstFunc = (e) => {\n setacceptTermsandconditionsFirst(e.target.checked);\n };\n\n const [disbaleTanC, setdisbaleTanC] = useState(true);\n\n const [commonError, setcommonError] = useState('')\n const saveApplicantdetails = (e) => {\n let localBoo = false;\n setcommonError('Please check all the mandatory fields')\n if (value == \"personaldetails\") {\n // if(kycPersonalDetailsSecondApplicant.catagory == \"\"){\n // setcommonError('Please select category ')\n // }else \n // if(kycPersonalDetailsSecondApplicant.status == \"\"){\n // setcommonError('Please select status ')\n // }else\n if(kycPersonalDetailsSecondApplicant.occupation == \"\"){\n setcommonError('Please select occupation ')\n }else if(kycPersonalDetailsSecondApplicant.grossIncome == \"\"){\n setcommonError('Please select grossIncome ')\n }else if(kycPersonalDetailsSecondApplicant.pepstatus == \"\"){\n setcommonError('Please select PEP status ')\n } else if (acceptTermsandconditionsFirst == false) {\n setcommonError('Please check terms and conditions')\n } else {\n localBoo = true;\n }\n\n} else if (value == \"fatca\") {\n if (fatcadetails.countrybirth == \"\") {\n setcommonError('Please select Country of Birth ')\n } else if (fatcadetails.nationality == \"\") {\n setcommonError('Please select Nationality ')\n } else if (fatcadetails.newRadio == \"Yes\" && fatcadetails.resident == \"\") {\n setcommonError('Please select Tax Resident ')\n } else if ( fatcadetails.newRadio == \"Yes\" && fatcadetails.resident.toLowerCase() != \"india\" && fatcadetails.taxid == \"\") {\n setcommonError('Please select Foreign Tax ID No.')\n } else if (fatcadetails.newRadio == \"Yes\" && fatcadetails.resident.toLowerCase() != \"india\" && fatcadetails.foreigntax == \"\") {\n setcommonError('Please select Foreign Tax ID Type.')\n } else if (acceptTermsandconditionsFirst == false) {\n setcommonError('Please check terms and conditions')\n }else {\n localBoo = true;\n }\n\n}\n\nif (localBoo == true) {\n\n \n\n setcommonError('');\n window.scrollTo(0, 0);\n if (e === 'later') {\n\n } else if (e === 'saveandproceed') {\n\n }\n setkyckycPersonalDetailsSecondApplicant({\n ...kycPersonalDetailsSecondApplicant,\n });\n handeldatakyc(kycPersonalDetailsSecondApplicant, e,fatcadetails);\n} else {\n\n}\n\n };\n const getfatcadetails = (key, value, applicationtype) => {\n\n // console.log(fdata);\n setfatcadetails({\n ...fatcadetails,\n [key]: value,\n ['applicanttype']: applicationtype\n })\n // setkycPersonalDetailsFirstApplicant({\n // ...kycPersonalDetailsFirstApplicant,\n // [\"Fatca\"]: fatcadetails,\n // });\n setkyckycPersonalDetailsSecondApplicant({\n ...kycPersonalDetailsSecondApplicant,\n [\"Fatca\"]: fatcadetails,\n });\n };\n\n return (\n \n
\n )}\n\n {usertype == \"fatca\" && (\n \n
\n \n \n
\n\n \n \n \n {occupation.map((item, index) => (\n \n ))}\n \n )}\n\n {/* \n \n {occupation.map((value,index) =>{\n return(\n // <>\n \n // \n )\n \n })}\n */}\n
\n \n\n
\n\n )}\n {value == \"fatca\" && (\n U.S. Persons and Residents of Canada
\n\n\n
\n \n I / We hereby declare that I am not a U.S. person or a Resident\n of Canada. (Please note JM Financial does not accept\n applications from U.S. & Canada citizens.)\n {/* Terms & Conditions */}\n
\n\n\n
\n )}\n\n \n
\n \n I/We\n declare that the information provided in this form is to\n the best of my knowledge and belief, accurate and\n complete. I/We agree to notify JM Financial Mutual Fund\n site immediately in the event the information in the\n self-certification changes.\n\n {/* Terms & Conditions */}\n
\n\n
\n {commonError}
\n\n {/* {\n saveApplicantdetails('later');\n }}\n >\n Save for Later\n */}\n\n \n
\n \n {usertype == \"personaldetails\" && (\n \n )}\n\n{value == \"personaldetails\" && (\n
\n );\n};\n\nexport default ThirdApplicant;\n","\nimport React, { useState, useRef, useContext, useEffect } from 'react';\nimport SideNav from \"../SideNav/SideNav.js\"\nimport UserDetails from \"../UserdetailsRightnav/UserdetailsRightnav\"\nimport './css/KYC.css'\n\n\n\nimport PersonalDetailsHeader from './PersonalDetailsHeader/PersonalDetailsHeader.js';\nimport FirstApplicant from './FirstApplicant/FirstApplicant.js';\nimport SecondApplicant from './SecondApplicant/SecondApplicant.js';\nimport ThirdApplicant from './ThirdApplicant/ThirdApplicant.js';\n\n\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\n\nconst KYCPersonaldetails = ({\n nextStep,\n handleFormData,\n personalData,\n setpreviousstate\n}) => {\n // window.scrollTo(0, 0);\n useEffect(async () => {\n console.log(personalData)\n if (personalData && personalData.pd1_refNo) {\n // await getUserDetailsByRefNo(5080); \n await getUserDetailsByRefNo(personalData.pd1_refNo);\n }\n\n }, []);\n\n const [resultrefno, setresultrefno] = useState(\"\");\n const [fatcarefno, setfatcarefno] = useState(\"\");\n const getUserDetailsByRefNo = async (refNo) => {\n\n var url = \"/ftp/getInvestorKYCDetails\";\n var postobjt = {\n \"refNo\": refNo\n }\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n setresultrefno(res[0]);\n }\n\n if (personalData && personalData.pd1_refNo) {\n getFatcaByRefNo(personalData.pd1_refNo.toString());\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n }\n\n const getFatcaByRefNo = async (refNo) => {\n\n var url = \"/ftp/getInvestorFATCADetails\";\n var postobjt = {\n \"refNo\": refNo\n }\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n setfatcarefno(res[0]);\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n }\n\n const checkandMovetoPrev = () => {\n if (applicantType == \"fatca\") {\n setapplicantType('personaldetails');\n setapplicantpage('FirstApplicant');\n } else {\n setpreviousstate();\n }\n }\n // const history = useHistory();\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [pageNav, setapplicantpage] = useState('FirstApplicant');\n const [firstApplicantJson, setFirstApplicantJson] = useState();\n const [secondApplicantJson, setSecondApplicantJson] = useState();\n const [thirdApplicantJson, setThirdApplicantJson] = useState();\n const [applicantType, setapplicantType] = useState('personaldetails'); //fatca personaldetails\n const [kycPersonalDetails, setkycPersonalDetails] = useState([]);\n\n const handlepageNav = (langValue) => {\n\n setapplicantpage(langValue)\n }\n // const childRef = useRef();\n\n const firstapplcantdetails = (data, saveType, Fatca) => {\n\n setkycPersonalDetailsFirstApplicant({\n ...kycPersonalDetailsFirstApplicant,\n \"Fatca\": Fatca,\n });\n\n\n let moh;\n if (personalData.modeofHolding === \"Single\") {\n moh = '1';\n } else if (personalData.modeofHolding === \"Either or Survivor\") {\n moh = '3';\n }\n\n console.log(data, 'checking categeroryData')\n console.log(Fatca, \"checking categoryFacta\")\n data.Fatca = Fatca;\n console.log(data.usertype);\n setkycPersonalDetails({\n firstapplcantdetails: data\n });\n personalData.firstApplicantKYC = data;\n // personalData.firstApplicantKYC.Fatca = Fatca;\n setapplicantpage(data.usertype);\n\n // childRef.current.getAlert()\n let json;\n if (applicantType == \"fatca\") {\n json = {\n \"page_code\": \"PD3\",\n \"MOH\": moh,\n \"refno\": personalData.personalDetails.pd1_refNo && personalData.personalDetails.pd1_refNo.toString(),\n \"finvcountryofbirth\": data.Fatca.countrybirth,\n \"finvnationality\": data.Fatca.nationality,\n \"finvtaxresident\": ((data.Fatca.resident?.toLowerCase() !== \"india\" && data.Fatca.resident !== \"\") ? data.Fatca.resident : \"India\"),\n \"finvforeigntaxid\": data.Fatca.taxid,\n \"finvforeigntaxidtype\": data.Fatca.foreigntax,\n }\n } else {\n\n //as per DB\n // we are changing pl cross verify and correct it \n\n // INDIVIDUAL - I \n // - INRI - N\n // NRO - 2\n\n\n let statusDes;\n if (data && data.status != '' && JSON.parse(data.status).sm_category.toString() == \"11\") {\n statusDes = \"I\"\n } else if (data && data.status != '' && JSON.parse(data.status).sm_category.toString() == \"21\") {\n statusDes = \"N\"\n } else if (data && data.status != '' && JSON.parse(data.status).sm_category.toString() == \"22\") {\n statusDes = \"2\"\n }\n json = {\n \"page_code\": \"PD2\",\n \"MOH\": moh,\n \"refno\": personalData.personalDetails.pd1_refNo && personalData.personalDetails.pd1_refNo.toString(),\n \"finvoccpn\": data && data.occupation != '' && JSON.parse(data.occupation).om_occp.toString(),\n // \"finvoption\":data.catagory,\n \"invcategory\": data.catagory,\n \"finvannualincome\": data.grossIncome,\n \"invstatus\": statusDes,\n \"finvpep_status\": data.pepstatus,\n \"nri_add1\": data.nriAddress1,\n \"nri_add2\": data.nriAddress2,\n \"nri_add3\": data.nriAddress3,\n \"nri_city\": data.nriCity,\n \"nri_country\": data.nriCountry,\n \"nri_pin\": data.nriPinCode,\n\n }\n }\n setFirstApplicantJson(json);\n if (saveType == \"later\") {\n\n\n if (personalData.modeofHolding !== \"Single\") {\n saveAPiData(json, (data.firstApplicant === true || data.firstApplicant === 'true') ? 'SecondApplicant' : 'FirstApplicant');\n } else {\n saveAPiData(json, (data.thirdApplicant === true || data.thirdApplicant === 'true') ? 'FirstApplicant' : 'ThirdApplicant');\n }\n } else {\n if (personalData.modeofHolding !== \"Single\") {\n if (data.firstApplicant === true || data.firstApplicant === 'true') {\n setapplicantpage('SecondApplicant');\n saveAPiData(json, 'SecondApplicant');\n }\n if (data.SecondApplicant === true || data.SecondApplicant === 'true') {\n //check for no of either or survior and add here\n if (personalData.personalDetails.count >= 2) {\n setapplicantpage('ThirdApplicant');\n saveAPiData(json, 'ThirdApplicant');\n } else {\n setapplicantpage('FirstApplicant');\n saveAPiData(json, 'FirstApplicant');\n }\n }\n if (data.ThirdApplicant == true || data.ThirdApplicant == 'true') {\n setapplicantpage('FirstApplicant');\n saveAPiData(json, 'FirstApplicant');\n }\n\n\n // if(applicantType == 'personaldetails'){ \n // setapplicantType('fatca')\n // } else if(applicantType == 'fatca'){\n // nextStep();\n // }\n } else {\n saveAPiData(json, data.firstApplicant === true ? 'SecondApplicant' : 'FirstApplicant');\n\n // setapplicantpage('FirstApplicant') ;\n // if(applicantType == 'personaldetails'){\n\n // setapplicantType('fatca');\n // setapplicantpage('FirstApplicant') ;\n // } else if(applicantType == 'fatca'){\n // nextStep();\n // }\n }\n\n\n }\n\n\n\n // if(data.firstApplicant == \"true\"){\n // setapplicantpage('SecondApplicant') \n // }\n }\n const secondapplcantdetails = (data, savetype, Fatca) => {\n window.scrollTo(0, 0);\n console.log(data)\n setkycPersonalDetails({\n secondapplcantdetails: data\n })\n data.Fatca = Fatca;\n personalData.secondApplicantKYC = data;\n\n let json;\n let moh;\n if (personalData.modeofHolding === \"Single\") {\n moh = '1';\n } else if (personalData.modeofHolding === \"Either or Survivor\") {\n moh = '3';\n }\n if (applicantType == \"fatca\") {\n json = {\n \"page_code\": \"PD3\",\n \"MOH\": moh,\n \"refno\": personalData.personalDetails.pd1_refNo && personalData.personalDetails.pd1_refNo.toString(),\n \"sinvcountryofbirth\": data.Fatca.countrybirth,\n \"sinvnationality\": data.Fatca.nationality,\n \"sinvtaxresident\": ((data.Fatca.resident?.toLowerCase() !== \"india\" && data.Fatca.resident !== \"\") ? data.Fatca.resident : \"India\"),\n \"sinvforeigntaxid\": data.Fatca.taxid,\n \"sinvforeigntaxidtype\": data.Fatca.foreigntax\n\n }\n } else {\n json = {\n \"page_code\": \"PD2\",\n \"MOH\": moh,\n \"refno\": personalData.personalDetails.pd1_refNo && personalData.personalDetails.pd1_refNo.toString(),\n \"sinvoccpn\": data && data.occupation != '' && JSON.parse(data.occupation).om_occp.toString(),\n // \"invcategory\":data.catagory,\n // \"finvoption\":data.catagory,\n \"sinvannualincome\": data.grossIncome,\n \"sinvpep_status\": data.pepstatus,\n }\n }\n\n const secondInvJson = { ...firstApplicantJson, ...json };\n setSecondApplicantJson(secondInvJson);\n // saveAPiData(json, data.secondApplicant== true?'ThirdApplicant':'SecondApplicant');\n if (personalData.modeofHolding != \"Single\") {\n\n\n //check for no of either or survior and add here\n if (personalData.personalDetails.count >= 3) {\n setapplicantpage('ThirdApplicant');\n saveAPiData(secondInvJson, 'ThirdApplicant');\n } else {\n setapplicantpage('FirstApplicant');\n saveAPiData(secondInvJson, 'FirstApplicant');\n }\n\n // if(data.ThirdApplicant== true || data.ThirdApplicant== 'true'){\n // setapplicantpage('FirstApplicant') ;\n // saveAPiData(json, 'FirstApplicant');\n // }\n }\n // if(data.secondApplicant == \"true\"){\n // setapplicantpage('ThirdApplicant')\n // }\n }\n const thirdapplcantdetails = (data, savetype, Fatca) => {\n window.scrollTo(0, 0);\n console.log(data);\n setkycPersonalDetails({\n thirdapplcantdetails: data\n })\n data.Fatca = Fatca;\n personalData.thirdApplicantKYC = data;\n\n let json;\n let moh;\n if (personalData.modeofHolding === \"Single\") {\n moh = '1';\n } else if (personalData.modeofHolding === \"Either or Survivor\") {\n moh = '3';\n }\n if (applicantType === \"fatca\") {\n json = {\n \"page_code\": \"PD3\",\n \"MOH\": moh,\n \"refno\": personalData.personalDetails.pd1_refNo && personalData.personalDetails.pd1_refNo.toString(),\n \"tinvcountryofbirth\": data.Fatca.countrybirth,\n \"tinvnationality\": data.Fatca.nationality,\n \"tinvtaxresident\": ((data.Fatca.resident?.toLowerCase() !== \"india\" && data.Fatca.resident !== \"\") ? data.Fatca.resident : \"India\"), \"tinvforeigntaxid\": data.Fatca.taxid,\n \"tinvforeigntaxidtype\": data.Fatca.foreigntax,\n }\n } else {\n json = {\n \"page_code\": \"PD2\",\n \"MOH\": moh,\n \"refno\": personalData.personalDetails.pd1_refNo && personalData.personalDetails.pd1_refNo.toString(),\n \"tinvoccpn\": data && data.occupation != '' && JSON.parse(data.occupation).om_occp.toString(),\n // \"invcategory\":data.catagory,\n \"tinvannualincome\": data.grossIncome,\n \"tinvpep_status\": data.pepstatus,\n }\n }\n const thirdInvJson = { ...secondApplicantJson, ...json };\n setThirdApplicantJson(thirdInvJson);\n if (data.thirdApplicant === \"true\") {\n // setapplicantpage('SecondApplicant')\n if (applicantType === 'personaldetails') {\n saveAPiData(thirdInvJson, (data.thirdApplicant == true || data.thirdApplicant === \"true\") ? 'FirstApplicant' : 'ThirdApplicant');\n // setapplicantType('fatca')\n // setapplicantpage('FirstApplicant');\n } else if (applicantType === 'fatca') {\n saveAPiData(thirdInvJson, (data.thirdApplicant === true || data.thirdApplicant === \"true\") ? 'FirstApplicant' : 'ThirdApplicant');\n nextStep();\n }\n\n\n }\n }\n\n const saveAPiData = (json, type) => {\n var url = \"/ftp/saveForLaterRegistration\";\n var postobjt = json;\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n console.log(res[0]);\n window.scrollTo(0, 0);\n // personalData.personalDetails.pd1_refNo = res[0].RefNo;\n if (personalData.saveType === \"saveandproceed\") {\n // nextStep();\n // if(type == 'firstapplicantTosecond'){\n // setapplicantpage('SecondApplicant') \n // }\n setapplicantpage(type);\n\n if (applicantType === 'personaldetails') {\n // setapplicantpage(type) ;\n if (type === 'FirstApplicant') {\n setapplicantType('fatca')\n }\n } else if (applicantType === 'fatca') {\n if (type === 'FirstApplicant') {\n nextStep();\n }\n\n }\n\n\n\n }\n }\n\n\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n }\n // const saveApplicantdetails=()=>{\n // if(pageNav == \"FirstApplicant\"){\n // setapplicantpage('SecondApplicant')\n // }\n // if(pageNav == \"SecondApplicant\"){\n // setapplicantpage('ThirdApplicant')\n // }\n // if(pageNav == \"ThirdApplicant\"){\n\n // }\n // }\n\n const [\n kycPersonalDetailsFirstApplicant,\n setkycPersonalDetailsFirstApplicant,\n ] = useState({\n resident: \"\",\n catagory: \"\",\n status: \"\",\n occupation: \"\",\n grossIncome: \"\",\n pepstatus: \"NA\",\n nriAddress1: \"\",\n nriAddress2: \"\",\n nriAddress3: \"\",\n nriCity: \"\",\n nriCountry: \"\",\n nriPinCode: \"\",\n firstApplicant: \"true\",\n usertype: applicantType,\n });\n\n return (\n \n
\n )}\n\n {usertype == \"fatca\" && (\n \n
\n \n \n
\n\n \n \n \n {occupation.map((item, index) => (\n \n ))}\n \n )}\n\n {/* \n \n {occupation.map((value,index) =>{\n return(\n // <>\n \n // \n )\n \n })}\n */}\n
\n \n \n\n \n\n
*/}\n \n\n
\n\n )}\n {value == \"fatca\" && (\n U.S. Persons and Residents of Canada
\n\n\n
\n \n I / We hereby declare that I am not a U.S. person or a Resident\n of Canada. Please note JM Financial does not accept\n applications from U.S. & Canada citizens.\n {/* Terms & Conditions */}\n
\n\n\n
\n )}\n\n\n
\n \n I/We\n declare that the information provided in this form is to\n the best of my knowledge and belief, accurate and\n complete. I/We agree to notify JM Financial Mutual Fund\n site immediately in the event the information in the\n self-certification changes.\n\n {/* Terms & Conditions */}\n
\n\n
\n {commonError}
\n\n {/* {\n saveApplicantdetails('later');\n }}\n >\n Save for Later\n */}\n\n \n
\n \n
\n );\n}\n\nexport default KYCPersonaldetails;","import React, { useState, useContext, useEffect } from 'react';\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\nimport CryptoJS from \"crypto-js\";\nconst NomineeAddress = ({\n nomineeaddressparm,\n addredddetails\n}) => {\n const decryption = (body) => {\n const Bytes = CryptoJS.AES.decrypt(body, \"COREAPIV012021NDRS\");\n return JSON.parse(Bytes.toString(CryptoJS.enc.Utf8));\n };\n // const {addredddetailslocal} = addredddetails == undefined?\"\":addredddetails\n useEffect(() => {\n getCountryList();\n console.log(addredddetails)\n if(addredddetails != undefined){\n if(addredddetails.country){\n onCountyChange(addredddetails.country)\n }\n if(addredddetails.state){\n onStateChange(addredddetails.state)\n }\n // setnomineeAddress({\n // address1: addredddetails.address1,\n // address2: addredddetails.address2,\n // address3: addredddetails.address3,\n // country: addredddetails.country,\n // state: addredddetails.state,\n // city: addredddetails.city,\n // pincode: addredddetails.pincode,\n // });\n\n }\n // onCountyChange();\n }, []);\n\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n\n const [nomineeAddress, setnomineeAddress] = useState({\n address1: addredddetails ?addredddetails.address1:\"\",\n address2:addredddetails ?addredddetails.address2:\"\",\n address3: addredddetails ?addredddetails.address3:\"\",\n country: addredddetails ?addredddetails.country:\"\",\n state: addredddetails ?addredddetails.state:\"\",\n city: addredddetails ?addredddetails.city:\"\",\n pincode: addredddetails ?addredddetails.pincode:\"\",\n });\n const [stateList, setstateList] = useState([]);\n const [countryList, setcountryList] = useState([]);\n const [distList, setdistList] = useState([]);\n \n let count = 0;\n const getCountryList = () => {\n var url = \"/ftp/populateCountryDetails\";\n var postobjt = {\n\n }\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n // .postApiEncrpCalling(url, postobjt, options)\n .getApiCalling(url)\n .then((res) => {\n // console.log(res);\n if (res) {\n let decrypttext = decryption(res.data);\n setcountryList(decrypttext)\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n // console.log(err);\n setGlobalSpinner(false);\n count += 1;\n if(count<4){\n getCountryList();\n }\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n\n }\n const onCountyChange = (val) => {\n var url = \"/ftp/populateStateDetails\";\n var postobjt = {\n \"country\": val\n }\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n // console.log(res);\n if (res) {\n setstateList(res)\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n // console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n\n }\n //\n \n const onStateChange = (val) => {\n var url = \"/ftp/populateCityDetails\";\n var postobjt = {\n \"stateName\": val\n }\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n // console.log(res);\n if (res) {\n setdistList(res)\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n // console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n\n }\n\n const onchangeCountry= (e) => {\n setnomineeAddress({\n ...nomineeAddress,\n country: e.target.value\n });\n onCountyChange(e.target.value)\n }\n \n const onchangeState = (e) => {\n setnomineeAddress({\n ...nomineeAddress,\n state: e.target.value\n });\n onStateChange(e.target.value)\n }\n const onChangeCity = (e) => {\n setnomineeAddress({\n ...nomineeAddress,\n city: e.target.value\n });\n // onStateChange(e.target.value)\n }\n \n const handleaddress = (e) => {\n setnomineeAddress({\n ...nomineeAddress,\n [e.target.name]: e.target.value\n });\n nomineeaddressparm(nomineeAddress)\n }\n return (\n \n {/*
\n \n
*/}\n \n
\n {/* \n
\n \n
\n \n\n\n
\n\n \n
*/}\n \n
\n );\n};\n\nexport default NomineeAddress;","import React, { useState } from \"react\";\nimport \"./Nomineecart.css\";\n\nimport editIcon from \"../../../assets/Images/editIcon.svg\";\nimport deleteicon from \"../../../assets/Images/delete.svg\";\nconst Nomineecart = ({ value,editNominee,deleteNominee }) => {\n // console.log(value.first)\n // console.log(value.second)\n // console.log(value.third)\n let arraydetails = [];\n if (value.first && value.first != \"\" && value.first.data) {\n arraydetails.push(value.first);\n }\n if (value.second && value.second != \"\" && value.second.data) {\n arraydetails.push(value.second);\n }\n if (value.third && value.third != \"\" && value.third.data) {\n arraydetails.push(value.third);\n }\n console.log(arraydetails);\n // const firstUser = value;\n // console.log(firstUser)\n // console.log(firstUser.length)\n // console.log(firstUser.length)\n\n const changetheFormat = (that) =>{\n const dob = that.split(\"/\");\n console.log(dob)\n console.log(dob[1] + \"/\" + dob[0] + \"/\" + dob[2])\n let curDate = new Date(dob[0] + \"/\" + dob[1] + \"/\" + dob[2]);\n return dob[1] + \"/\" + dob[0] + \"/\" + dob[2]\n\n }\n return (\n <>\n {/* // Address Details:
\n\n\n
\n \n \n
\n \n\n \n
\n \n \n
\n\n \n\n \n
\n \n \n
\n \n\n \n
\n \n \n\n
\n\n \n\n {/* */}\n\n {/* {countryList !== \"\" && countryList.length > 0 && ( */}\n \n \n {countryList !== \"\" && countryList.length > 0 && countryList.map((item, index) => (\n \n ))}\n \n {/* )} */}\n\n
\n {/* \n \n \n
*/}\n {/* countryList */}\n \n \n
\n\n \n\n {/* */}\n\n {/* {stateList !== \"\" && stateList.length > 0 && ( */}\n \n \n {stateList !== \"\" && stateList.length > 0 && stateList.map((item, index) => (\n \n ))}\n \n {/* )} */}\n\n
\n \n \n
\n\n \n\n \n \n {distList !== \"\" && distList.length > 0 && distList.map((item, index) => (\n \n ))}\n
\n \n \n
\n \n\n { if (!/[0-9]/.test(event.key)) { event.preventDefault(); } }}/>\n
\n \n \n\n \n \n \n\n \n \n\n\n \n \n \n \n \n );\n }\n };\n const renderPersonalDetails = () => {\n console.log(stateActive);\n console.log(stateActiveTotalNo);\n switch (stateActive) {\n case 1:\n return (\n <>\n
\n {/* ) */}\n <>\n {openModalUser && (\n \n
\n \n );\n};\n\nexport default Nomineecart;\n","let oneday = 86400000;\nlet today = new Date();\nlet min18yersletnew = new Date(today.getTime() - oneday * 365 * 18);\nmin18yersletnew.setDate(today.getDate());\nexport const min18yerslet = min18yersletnew;\n","import React, { useState, useEffect, useContext } from \"react\";\n\nimport username from \"../../assets/Images/user.svg\";\nimport inputPath from \"../../assets/Images/inputPath.png\";\nimport kycComplete from \"../../assets/Images/kycComplete.svg\";\nimport emailid from \"../../assets/Images/envelope.svg\";\nimport telephone from \"../../assets/Images/telephone.svg\";\nimport percentage from \"../../assets/Images/percentage.svg\";\nimport chooseafile from \"../../assets/Images/FTP/chooseafile.svg\";\n\nimport { min18yerslet } from \"./DateOfBirthValidation\";\n\nimport dateofbirth from \"../../assets/Images/calendar-inactive.svg\";\n\n// import DatePicker from \"react-datepicker\";\n// import \"react-datepicker/dist/react-datepicker.css\";\nimport { Context } from \"../../services/apiContext\";\n\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\n\nimport configData from \"../../config/config.json\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\n\n// !Date Picker Imports\nimport InputBase from \"@mui/material/InputBase\";\nimport AdapterDateFns from \"@mui/lab/AdapterDateFns\";\nimport LocalizationProvider from \"@mui/lab/LocalizationProvider\";\nimport DatePicker from \"@mui/lab/DatePicker\";\nimport moment from \"moment\";\n\nconst NomineePersonalDetails = ({\n nomineedata,\n onhandlechange,\n inputdata,\n ondobchangeinparent,\n errors,\n kycRegistred,\n relationshipList,\n stateActive,\n checkNameerror,\n personalData,\n guardinarelationshipList,\n proofrelationshipList,\n // validationDOB\n}) => {\n const contextapi = useContext(Context);\n const [min18yers, setmin18yers] = useState(new Date());\n const [startDate, setStartDate] = useState(null);\n const [doblessthen18, setdoblessthen18] = useState(false);\n const [percentageinput, setpercentageinput] = useState();\n const [name, setname] = useState();\n const [pan, setpan] = useState();\n const [guardianName, setguardianName] = useState();\n const [guardianPan, setguardianPan] = useState();\n const [relationship, setrelationship] = useState();\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n\n const [guardinarelationship, setguardinarelationship] = useState();\n const [guardinaproof, setguardinaproof] = useState();\n const [showKycImage, setShowKycImage] = useState({\n nominneImage:false,\n gardianImag:false\n });\n\n useEffect(() => {\n console.log(\"useEffect cALLED NommonePersonal details\", inputdata);\n console.log(inputdata);\n console.log(guardinaproof);\n setname(inputdata.name);\n setpan(inputdata.pan);\n setpercentageinput(inputdata.percentage);\n setrelationship(inputdata.relationship);\n setguardianName(inputdata.guardianName);\n setguardianPan(inputdata.guardianPan);\n\n setguardinarelationship(inputdata.gaurdianrelationship);\n setguardinaproof(inputdata.proofofrelationship);\n\n // getRelationShipList();\n // validationDOB(doblessthen18)\n // setdoblessthen18(false);\n if (inputdata.DOB == \"\") {\n setStartDate(null);\n // let dateher = inputdata.DOB.split('/') // inputdata.DOB\n } else {\n if (inputdata.DOB !== undefined) {\n console.log(inputdata.DOB.split(\"/\"));\n const dob = inputdata.DOB.split(\"/\");\n let curDate = new Date(dob[0] + \"/\" + dob[1] + \"/\" + dob[2]);\n // let curDate = new Date(dob[1] + \"/\" + dob[0] + \"/\" + dob[2]);\n setStartDate(curDate);\n let oneday = 86400000;\n let today = new Date();\n let min18yersletnew = new Date(today.getTime() - oneday * 365 * 18);\n if (curDate.getTime() > min18yersletnew) {\n setdoblessthen18(true);\n // validationDOB(true);\n \n } else {\n setdoblessthen18(false);\n \n }\n }\n }\n\n if (inputdata.minor === true) {\n console.log(\"cekck cond\", inputdata.minor === true);\n setdoblessthen18(true);\n }\n console.log(inputdata);\n }, [inputdata]);\n\n const ondobchange = (date) => {\n console.log(date, \"dateCalleds\");\n let customdate = new Date(date);\n setStartDate(date);\n console.log(customdate);\n\n console.log(date.getTime());\n let oneday = 86400000;\n let today = new Date();\n let min18yersletnew = new Date(today.getTime() - oneday * 365 * 18);\n console.log(date.getTime() > min18yersletnew);\n\n let isMinor = false;\n if (date.getTime() > min18yersletnew) {\n setdoblessthen18(true);\n // validationDOB(true);\n isMinor = true;\n } else {\n setdoblessthen18(false);\n isMinor = false;\n }\n\n let dateformat =\n customdate.getDate().toString().length == 1\n ? \"0\" + customdate.getDate()\n : customdate.getDate();\n\n let monthformat =\n (customdate.getMonth() + 1).toString().length == 1\n ? \"0\" + (customdate.getMonth() + 1)\n : customdate.getMonth() + 1;\n\n console.log(\n monthformat + \"/\" + dateformat + \"/\" + customdate.getFullYear(),\n \"date\"\n );\n const updatedValue = {\n minor: isMinor,\n DOB: monthformat + \"/\" + dateformat + \"/\" + customdate.getFullYear(),\n };\n ondobchangeinparent(updatedValue);\n setStartDate(date);\n // setfirstNominee({\n // ...inputdata,\n // ['DOB']: date\n // });\n // nomineedata(firstNominee)\n console.log(date);\n };\n\n const validateinput = (e) => {\n var code = \"charCode\" in e ? e.charCode : e.keyCode;\n if (\n e.target.name == \"pan\" ||\n e.target.name == \"guardianPan\" ||\n e.target.name === \"percentage\"\n ) {\n if (\n // space\n !(code > 47 && code < 58) && // numeric (0-9)\n !(code > 64 && code < 91) && // upper alpha (A-Z)\n !(code > 96 && code < 123)\n ) {\n // lower alpha (a-z)\n e.preventDefault();\n }\n }\n };\n\n const validateNumber = (e) => {\n var code = \"charCode\" in e ? e.charCode : e.keyCode;\n\n if (\n // space\n !(code > 47 && code < 58)\n ) {\n // lower alpha (a-z)\n e.preventDefault();\n }\n };\n\n const validatePan = (e) => {\n let txt = e.target.value;\n txt = txt.toUpperCase();\n var regex = /[a-zA-Z]{3}[PCHFATBLJG]{1}[a-zA-Z]{1}[0-9]{4}[a-zA-Z]{1}$/;\n var pan = {\n C: \"Company\",\n P: \"Personal\",\n H: \"Hindu Undivided Family (HUF)\",\n F: \"Firm\",\n A: \"Association of Persons (AOP)\",\n T: \"AOP (Trust)\",\n B: \"Body of Individuals (BOI)\",\n L: \"Local Authority\",\n J: \"Artificial Juridical Person\",\n G: \"Govt\",\n };\n pan = pan[txt[3]];\n // console.log(pan)\n\n if (txt !== \"\") {\n if (regex.test(txt)) {\n if (pan != \"undefined\") {\n if (pan == \"Personal\") {\n //vaidate pan if investor\n\n let pan1 =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.pan\n ? personalData.personalDetails.pan\n : personalData.personalDetails.first.pan);\n\n let panjh1 =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.second\n ? personalData.personalDetails.second.pan2\n : \"\");\n\n let panjh2 =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.third\n ? personalData.personalDetails.third.pan3\n : \"\");\n if (\n e.target.value.toUpperCase() == pan1.toUpperCase() ||\n e.target.value.toUpperCase() == panjh1.toUpperCase() ||\n e.target.value.toUpperCase() == panjh2.toUpperCase()\n ) {\n kycRegistred(\n false,\n \"Nominee Pan cannot same as investor or holder\",\n e.target.name\n );\n } else {\n // validateAPI_PAN_Justcheck(e.target.name, e.target.value);\n return;\n }\n } else {\n kycRegistred(false, \"Only Individuals are allowed\", e.target.name);\n }\n } else {\n kycRegistred(false, \"Invalid Pan Number\", e.target.name);\n }\n } else {\n kycRegistred(false, \"Invalid Pan Number\", e.target.name);\n }\n }\n };\n\n const validateAPI_PAN_Justcheck = (pan, panvalue) => {\n console.log(pan, \"calleddd just pancheck\");\n var url = \"/service/pan/validate\";\n var postobjt = {\n pan: panvalue.toUpperCase(),\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res.Status == \"KYC Registered\") {\n if (pan === \"pan\") {\n setname(res.Name);\n onhandlechange(\"name\", res.Name, inputdata.nominee);\n setShowKycImage({\n ...showKycImage,\n nominneImage: true,\n });\n } else if (pan === \"guardianPan\") {\n setShowKycImage(true);\n setguardianName(res.Name);\n onhandlechange(\"guardianName\", res.Name, inputdata.nominee);\n setShowKycImage({\n ...showKycImage,\n gardianImag: true,\n });\n }\n\n kycRegistred(true);\n } else {\n if (pan === \"pan\") {\n setname(\"\");\n onhandlechange(\"name\", \"\", inputdata.nominee);\n setShowKycImage({\n ...showKycImage,\n nominneImage: false,\n });\n } else if (pan === \"guardianPan\") {\n setguardianName(\"\");\n setguardianName(\"\");\n onhandlechange(\"guardianName\", \"\", inputdata.nominee);\n setShowKycImage({\n ...showKycImage,\n gardianImag: true,\n });\n }\n kycRegistred(false);\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n kycRegistred(false);\n if (pan === \"pan\") {\n setname(\"\");\n onhandlechange(\"name\", \"\", inputdata.nominee);\n setShowKycImage({\n ...showKycImage,\n nominneImage: false,\n });\n } else if (pan === \"guardianPan\") {\n setguardianName(\"\");\n setguardianName(\"\");\n onhandlechange(\"guardianName\", \"\", inputdata.nominee);\n setShowKycImage({\n ...showKycImage,\n gardianImag: false,\n });\n }\n });\n };\n\n // const [relationshipList, setrelationshipList] = useState([]);\n // const getRelationShipList = async () => {\n // var url = \"/accountDetails/newPurchaseRegistrationMasters\";\n // var postobjt = {\n // option: \"NR\",\n // fund: \"\",\n // assetSchemeType: \"\",\n // planMode: \"\",\n // };\n\n // const options = {\n // headers: {\n // amc_key: \"\",\n // },\n // };\n // await contextapi\n // .postApiEncrpCalling(url, postobjt, options)\n // .then((res) => {\n // console.log(res);\n // if (res.statusCode) {\n // setrelationshipList([]);\n // } else {\n // // console.log(res);\n // setrelationshipList(res);\n // }\n // })\n // .catch((err) => {\n // console.log(err);\n // });\n // };\n\n // !DatePicker Toggle\n const [openDatePicker, setDatePickerOpen] = useState(false);\n\n return (\n \n
\n \n {arraydetails.map((entry, index) => (\n //
\n \n
\n \n
\n ))}\n {/* \n
\n\n {/* {firstUser.map((item) => {\n \n editNominee(entry.data,index) }\n >\n deleteNominee(entry.data,index)}\n >\n \n
\n \n Nominee
\n \n\n
\n\n Name:
\n{entry.data.name}
\n\n
\n\n Share:
\n\n {entry.data.percentage}\n {\" %\"}\n
\n\n
\n\n DOB:
\n{changetheFormat(entry.data.DOB)}
\n\n
\n Relationship:
\n{entry.data.relationship}
\n{item}
\n })} */}\n\n\n
\n \n\n
*/}\n \n
\n );\n};\n\nexport default NomineePersonalDetails;\n","import React, { useState, useEffect } from \"react\";\nimport Button from \"@mui/material/Button\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogTitle from \"@mui/material/DialogTitle\";\nimport DialogActions from \"@mui/material/DialogActions\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport DialogContentText from \"@mui/material/DialogContentText\";\nimport CloseIcon from \"@mui/icons-material/Close\";\n\nexport default function Nominee_Annexure({\n closeModal,\n handleRedirect,\n erromsg\n}) {\n const [isChecked, setIsChecked] = useState(false);\n const handleOnChange = () => {\n setIsChecked(!isChecked);\n\n\n };\n\n const closeModalNew = () =>{\n erromsg(\"\");\n setnoierror(\"\")\n closeModal();\n }\n const [noierror, setnoierror] = useState(\"\");\n const handleRedirect_validate = () => {\n if(isChecked){\n erromsg(\"\");\n setnoierror(\"\")\n handleRedirect();\n }else {\n erromsg(\"Please agree to proceed\");\n setnoierror(\"Please agree to proceed\")\n\n }\n \n }\n return (\n \n \n
\n \n \n
\n {\n \n \n \n\n {\n setname(e.target.value);\n onhandlechange(\"name\", e.target.value, inputdata.nominee);\n }}\n onKeyPress={(event) => {\n if (!/[a-zA-Z ]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n onBlur={checkNameerror}\n value={name}\n // readOnly\n // onChange={(e) => {\n // if (/[^A-Za-z\\s]/.test(e.target.value)) {\n // e.preventDefault();\n // } else {\n // console.log(\"called\");\n // setname(e.target.value);\n // onhandlechange(\"name\", e.target.value, inputdata.nominee);\n // }\n // }}\n // onKeyPress={(event) => {\n // if (!/[a-zA-Z ]/.test(event.key)) {\n // event.preventDefault();\n // }\n // }}\n // onBlur={checkNameerror}\n />\n
\n {errors && errors.name}
\n\n
\n }\n\n \n \n {showKycImage.nominneImage && (\n 
\n )}\n {/* KycComplaint */}\n
\n\n \n \n \n\n {\n setpan(e.target.value);\n onhandlechange(\"pan\", e.target.value, inputdata.pan);\n }}\n maxLength=\"10\"\n onBlur={(e) => {\n validatePan(e);\n }}\n onKeyPress={(e) => {\n validateinput(e);\n }}\n value={pan}\n />\n
\n {errors && errors.pan}
\n\n \n
\n {doblessthen18 && (\n <>\n \n {\n setDatePickerOpen(true);\n }}\n />\n \n\n \n setDatePickerOpen(true)}\n onClose={() => setDatePickerOpen(false)}\n value={startDate}\n onChange={(date) => ondobchange(date)}\n maxDate={new Date()}\n renderInput={(params) => {\n return (\n setDatePickerOpen(true)}\n />\n );\n }}\n />\n \n\n {/* ondobchange(date)}\n maxDate={min18yers}\n selected={startDate}\n dateFormat=\"MM/dd/yyyy\"\n value={startDate}\n /> */}\n {/* */}\n
\n {errors && errors.DOB}
\n\n \n
\n \n \n \n\n {/* {\n setrelationship(e.target.value);\n onhandlechange('relationship', e.target.value, inputdata.nominee);\n }}\n value={relationship} /> */}\n\n {\n setguardinarelationship(e.target.value);\n onhandlechange(\n \"gaurdianrelationship\",\n e.target.value,\n inputdata.nominee\n );\n }}\n >\n \n {guardinarelationshipList.length === 0 ? (\n \n ) : (\n guardinarelationshipList.map((item, index) => (\n \n {item.rm_relation}\n \n ))\n )}\n \n
\n \n {errors && errors.gaurdianrelationship}\n
\n\n \n
\n \n \n {\n setguardianName(e.target.value);\n onhandlechange(\n \"guardianName\",\n e.target.value,\n inputdata.nominee\n );\n }}\n value={guardianName}\n />\n
\n {errors && errors.guardianName}
\n\n
\n\n \n \n {showKycImage.gardianImag && (\n \n )}\n
\n \n \n \n\n {\n setguardianPan(e.target.value);\n onhandlechange(\n \"guardianPan\",\n e.target.value,\n inputdata.nominee\n );\n }}\n maxLength=\"10\"\n onBlur={(e) => {\n validatePan(e);\n }}\n onKeyPress={(e) => {\n validateinput(e);\n }}\n value={guardianPan}\n />\n
\n {errors && errors.guardianPan}
\n\n \n
\n\n \n \n \n {\n setguardinaproof(e.target.value);\n onhandlechange(\n \"proofofrelationship\",\n e.target.value,\n inputdata.nominee\n );\n }}\n >\n \n {proofrelationshipList.length === 0 ? (\n \n ) : (\n proofrelationshipList.map((item, index) => (\n \n {item.Proof_of_relation}\n \n ))\n )}\n \n
\n {errors && errors.proofofrelationship}
\n\n {guardinaproof == \"Others\" && (\n
\n \n )}\n \n \n
\n )}\n \n { openfile() }}\n />\n fileUpload(e.target.files[0])}\n />\n
\n \n \n
\n\n \n \n \n\n {\n setpercentageinput(e.target.value);\n onhandlechange(\"percentage\", e.target.value, inputdata.nominee);\n }}\n onKeyPress={(e) => {\n validateNumber(e);\n }}\n value={percentageinput}\n maxLength=\"3\"\n />\n
\n {errors && errors.percentage}
\n\n \n
\n \n \n \n\n {/* {\n setrelationship(e.target.value);\n onhandlechange('relationship', e.target.value, inputdata.nominee);\n }}\n value={relationship} /> */}\n\n {\n setrelationship(e.target.value);\n onhandlechange(\"relationship\", e.target.value, inputdata.nominee);\n }}\n >\n \n {relationshipList.length === 0 ? (\n \n ) : (\n relationshipList.map((item, index) => (\n \n {item.rm_relation}\n \n ))\n )}\n \n
\n {errors && errors.relationship}
\n\n
\n Annexure
\n\n
\n I / We hereby confirm that I / We do not wish to appoint any nominee(s) for my mutual fund units held in my / our mutual fund folio and understand the issues involved in non-appointment of nominee(s) and further are aware that in case of death of all the account holder(s), my / our legal heirs would need to submit all the requisite documents issued by Court or other such competent authority, based on the value of assets held in the mutual fund folio.
\n\n
\n \n \n );\n}","import React, { useState, useContext, useEffect } from \"react\";\nimport \"./css/Nominee.css\";\nimport history from \"../../History/history\";\nimport { MdShoppingCart, MdOutlineArrowBackIosNew } from \"react-icons/md\";\nimport SideNav from \"../PersonalDetails/SideNav/SideNav.js\";\nimport UserDetails from \"../PersonalDetails/UserdetailsRightnav/UserdetailsRightnav\";\nimport arrowDown from \"../../assets/Images/rightArrow.svg\";\n\nimport NomineeAddress from \"./NomineeAddress/NomineeAddress\";\nimport Nomineecart from \"./Nomineecart/Nomineecart\";\nimport NomineePersonalDetails from \"./NomineePersonalDetails\";\n\nimport { useGlobalSideNavActionsContext } from \"../../components/SideNavBar/useSidenav\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport Nominee_Annexure from \"./Nominee_Annexure\";\nimport CryptoJS from \"crypto-js\";\nimport { SettingsSystemDaydreamOutlined } from \"@mui/icons-material\";\nconst Nominee = ({\n nextStep,\n passprogress,\n setFinal100,\n setpreviousstate,\n sendFullDetails,\n personalData,\n}) => {\n const decryption = (body) => {\n const Bytes = CryptoJS.AES.decrypt(body, \"COREAPIV012021NDRS\");\n return JSON.parse(Bytes.toString(CryptoJS.enc.Utf8));\n };\n\n useEffect(async () => {\n await getRelationShipList();\n await getGuardianRelationShipList();\n await getProofRelationShipList();\n }, []);\n const [isChecked, setIsChecked] = useState(true);\n const [isCheckedAddress1, setIsCheckedAddress1] = useState(true);\n const [isCheckedAddress2, setIsCheckedAddress2] = useState(true);\n const [isCheckedAddress3, setIsCheckedAddress3] = useState(true);\n const [cartadderror, setcartadderror] = useState(\"\");\n\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n\n // getRelationShipList\n const [completeNomineeinone, setcompleteNomineeinone] = useState({\n first: \"\",\n second: \"\",\n third: \"\",\n });\n console.log(\"vaheb\");\n\n const [stateActive, setstateActive] = useState(1);\n const [stateActiveTotalNo, setstateActiveTotalNo] = useState(1);\n const [isaddNotFeilds, setisaddNotFeilds] = useState(false);\n\n const [firstNominee, setfirstNominee] = useState({\n name: \"\",\n pan: \"\",\n DOB: \"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n minor: false,\n gaurdianrelationship: \"\",\n proofofrelationship: \"\",\n });\n const [firstNomineeErrors, setfirstNomineeErrors] = useState({\n name: \"\",\n pan: \"\",\n DOB: \"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n gaurdianrelationship: \"\",\n proofofrelationship: \"\",\n });\n const [secondNominee, setsecondNominee] = useState({\n name: \"\",\n pan: \"\",\n DOB: \"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n minor: false,\n gaurdianrelationship: \"\",\n proofofrelationship: \"\",\n });\n\n const [secondNomineeErrors, setsecondNomineeErrors] = useState({\n name: \"\",\n pan: \"\",\n DOB: \"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n gaurdianrelationship: \"\",\n proofofrelationship: \"\",\n });\n const [thirdNominee, setthirdNominee] = useState({\n name: \"\",\n pan: \"\",\n DOB: \"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n minor: false,\n gaurdianrelationship: \"\",\n proofofrelationship: \"\",\n });\n const [thirdNomineeErrors, setthirdNomineeErrors] = useState({\n name: \"\",\n pan: \"\",\n DOB: \"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n gaurdianrelationship: \"\",\n proofofrelationship: \"\",\n });\n\n const checkAddFilledorNot = (addressList) => {\n // console.log(\"called funcnk\")\n let isaddFilled = false;\n // completeNomineeinone.first.address\n // console.log(completeNomineeinone.first.address,'inside add')\n for (let addList in addressList) {\n // console.log(completeNomineeinone.first.address[addList],'inside for')\n if (addressList[addList] === \"\" || addressList[addList] === undefined) {\n // setisaddNotFeilds\n // isaddNotFeilds\n console.log(\"caallled\", addressList[addList]);\n isaddFilled = true;\n }\n }\n // console.log(isaddFilled);\n if (isaddFilled) {\n return true;\n } else {\n return false;\n }\n };\n\n const editNominee = (details, index) => {\n window.scrollTo(0, 0);\n\n if (index == 0) {\n setstateActive(1);\n // setcompleteNomineeinone({\n // ...completeNomineeinone,\n // first: {\n // data:{\n // name: details.data.name,\n // DOB: details.data.DOB,\n // percentage: details.data.percentage,\n // relationship: details.data.relationship,\n // address: details.data.address,\n // guardianName: details.data.guardianName,\n // guardianPan: details.data.guardianPan,\n // minor: details.data.minor,\n // }\n // }\n // });\n if (completeNomineeinone.first.address) {\n setIsCheckedAddress1(false);\n }\n } else if (index == 1) {\n setstateActive(2);\n\n // setcompleteNomineeinone({\n // ...completeNomineeinone,\n // second:{\n // data:{\n // name: details.data.name,\n // DOB: details.data.DOB,\n // percentage: details.data.percentage,\n // relationship: details.data.relationship,\n // address: details.data.address,\n // guardianName: details.data.guardianName,\n // guardianPan: details.data.guardianPan,\n // minor: details.data.minor,\n // }\n // }\n // });\n if (completeNomineeinone.second.address) {\n setIsCheckedAddress2(false);\n }\n } else if (index == 2) {\n setstateActive(3);\n\n // setcompleteNomineeinone({\n // ...completeNomineeinone,\n // third:{\n // data:{\n // name: details.data.name,\n // DOB: details.data.DOB,\n // percentage: details.data.percentage,\n // relationship: details.data.relationship,\n // address: details.data.address,\n // guardianName: details.data.guardianName,\n // guardianPan: details.data.guardianPan,\n // minor: details.data.minor,\n // }\n // }\n\n // });\n if (completeNomineeinone.third.address) {\n setIsCheckedAddress3(false);\n }\n }\n };\n const deleteNominee = (details, index) => {\n let filteredArray;\n if (index == 0) {\n setcompleteNomineeinone({\n ...completeNomineeinone,\n first: \"\",\n });\n } else if (index == 1) {\n setcompleteNomineeinone({\n ...completeNomineeinone,\n second: \"\",\n });\n } else if (index == 2) {\n setcompleteNomineeinone({\n ...completeNomineeinone,\n third: \"\",\n });\n }\n setstateActive(index + 1);\n\n // //\n\n // console.log(datatodelete);\n // console.log(filteredArray);\n // setschemeDetails({\n // ...schemeDetails,\n // schemeDetailsarray: filteredArray,\n // });\n };\n\n // const [indValidategaurdianDOB, setindValidategaurdianDOB] = useState(false)\n // const validationDOB = (that) => {\n // setindValidategaurdianDOB(that)\n // }\n const addNominee = (typesave) => {\n console.log(\n checkAddFilledorNot(completeNomineeinone.first.address),\n \"helloeCheack add fiirdd\"\n );\n console.log(\n \"addNomiinee Called\",\n firstNominee.minor == true,\n firstNominee.gaurdianrelationship\n );\n setcartadderror(\"\");\n let localCheck = true;\n\n if (stateActiveTotalNo >= 1) {\n console.log(firstNominee, \"first\");\n let name =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.name\n ? personalData.personalDetails.name\n : personalData.personalDetails.first.name);\n let name2 =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.name\n ? personalData.personalDetails.name\n : personalData.personalDetails.second.name2);\n\n let name3 =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.name\n ? personalData.personalDetails.name\n : personalData.personalDetails.third.name3);\n\n let pan1 =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.pan\n ? personalData.personalDetails.pan\n : personalData.personalDetails.first.pan);\n\n let panjh1 =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.second\n ? personalData.personalDetails.second.pan2\n : \"\");\n\n let panjh2 =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.third\n ? personalData.personalDetails.third.pan3\n : \"\");\n\n console.log(\n \"pan card check\",\n firstNominee,\n secondNominee,\n thirdNominee,\n isCheckedAddress1\n // checkAddFilledorNot(completeNomineeinone.first.address),\n // Object.keys(completeNomineeinone.first.address)\n );\n\n if (\n firstNominee.name == \"\" ||\n firstNominee.name.toLowerCase() == \"na\" ||\n firstNominee.name.toLowerCase() == \"n.a\" ||\n firstNominee.name.toLowerCase() == \"n a\" ||\n firstNominee.name.toLowerCase() == \"not applicable\" ||\n firstNominee.name.toLowerCase() == (name && name.toLowerCase()) ||\n firstNominee.name.toLowerCase() == (name2 && name2.toLowerCase()) ||\n firstNominee.name.toLowerCase() == (name3 && name3.toLowerCase())\n ) {\n localCheck = false;\n if (firstNominee.name == \"\") {\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n name: \"Please enter nominee name\",\n });\n } else if (\n firstNominee.name.toLowerCase() == (name && name.toLowerCase()) ||\n firstNominee.name.toLowerCase() == (name2 && name2.toLowerCase()) ||\n firstNominee.name.toLowerCase() == (name3 && name3.toLowerCase())\n ) {\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n name: \"Nominee name cannot same as investor name\",\n });\n } else {\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n name: \"Please enter correct nominee name\",\n });\n }\n } else if (\n firstNominee.pan !== \"\"&&(firstNominee.pan?.toUpperCase() == pan1?.toUpperCase() || firstNominee.pan?.toUpperCase() == panjh1?.toUpperCase() || firstNominee.pan?.toUpperCase() == panjh2?.toUpperCase() || secondNominee.pan?.toUpperCase() == firstNominee.pan?.toUpperCase() || thirdNominee.pan?.toUpperCase() == firstNominee.pan?.toUpperCase()))\n {\n localCheck = false;\n // if (firstNominee.pan == \"\") {\n // setfirstNomineeErrors({\n // ...firstNomineeErrors,\n // pan: \"Please enter PAN\",\n // });\n // } else {\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n pan: \"Please enter nominee PAN, same PAN are not allowed\",\n });\n // }\n } else if (firstNominee.DOB == \"\") {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n DOB: \"Please Select DOB\",\n });\n } else if (\n firstNominee.minor == true &&\n firstNominee.guardianName == \"\"\n ) {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n guardianName: \"Please enter guardian Name\",\n });\n } else if (\n firstNominee.minor == true && firstNominee.guardianPan == \"\")\n {\n localCheck = false;\n // if (kycCheck1 == false) {\n // setfirstNomineeErrors({\n // ...firstNomineeErrors,\n // guardianPan: \"PAN entered is Not KYC Registered.\",\n // });\n // } else {\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n guardianPan: \"Please enter guardian pan\",\n });\n // }\n } else if (\n firstNominee.minor == true &&\n firstNominee.gaurdianrelationship == \"\"\n ) {\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n gaurdianrelationship: \"Please Select Guardian Relation\",\n });\n } else if (\n firstNominee.minor == true &&\n firstNominee.proofofrelationship === \"\"\n ) {\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n proofofrelationship: \"Please Select Proof Of Relation\",\n });\n } else if (\n firstNominee.minor === true &&\n firstNominee.pan === firstNominee.guardianPan\n ) {\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n guardianPan: \"pan and guardian pan cannot be same\",\n });\n } else if (firstNominee.percentage == \"\") {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n percentage: \"Please enter percentage\",\n });\n } else if (firstNominee.relationship == \"\") {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n relationship: \"Please select relationship\",\n });\n } else if (\n stateActiveTotalNo === 1 &&\n Number(firstNominee.percentage) === 0\n ) {\n localCheck = false;\n console.log(\"called 4\");\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n // percentage: \"Percentage should be equal to 100\"\n percentage: \"Nominee percentages should not be 0%\",\n });\n } else if (\n stateActiveTotalNo === 1 &&\n Number(firstNominee.percentage) != 100\n ) {\n localCheck = false;\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n // percentage: \"Percentage should be equal to 100\"\n percentage: \"The sum of share amongst nominees must be 100%\",\n });\n } else if (\n !isCheckedAddress1 &&\n Object.keys(completeNomineeinone.first.address).length === 0\n ) {\n console.log(\"emplty obj condition\");\n setisaddNotFeilds(true);\n } else if (\n checkAddFilledorNot(completeNomineeinone.first.address) === true\n ) {\n console.log(\"called inside first col\");\n console.log(\"filed obj condition\");\n setisaddNotFeilds(true);\n } else {\n // if (localCheck == true) {\n console.log(stateActive);\n console.log(firstNominee);\n if (stateActive >= 1) {\n // setcompleteNomineeinone({\n // ...completeNomineeinone,\n // first: {\n // ...completeNomineeinone.first,\n // data: firstNominee,\n // },\n // });\n\n console.log(completeNomineeinone.first);\n if (stateActive == 1) {\n if (Number(stateActive) + 1 == 2) {\n setfirstNomineeErrors({\n name: \"\",\n DOB: \"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n });\n }\n setstateActive(Number(stateActive) + 1);\n let json = {\n Nominee_ID: \"0\", //as per mirae\n Nom_Type: \"NOM\", //NOM is the first nominee\n Nom_Name: firstNominee.name,\n // Nom_Pan: firstNominee.pan,\n Nom_DOB: firstNominee.DOB,\n Nom_Percent: firstNominee.percentage,\n Nom_Relation: firstNominee.relationship,\n IsAddrSametoFInv: isCheckedAddress1,\n Nom_Address1: completeNomineeinone.first.address\n ? completeNomineeinone.first.address.address1\n : \"\",\n Nom_Address2: completeNomineeinone.first.address\n ? completeNomineeinone.first.address.address2\n : \"\",\n Nom_Address3: completeNomineeinone.first.address\n ? completeNomineeinone.first.address.address3\n : \"\",\n Nom_Country: completeNomineeinone.first.address\n ? completeNomineeinone.first.address.country\n : \"\",\n Nom_State: completeNomineeinone.first.address\n ? completeNomineeinone.first.address.state\n : \"\",\n Nom_City: completeNomineeinone.first.address\n ? completeNomineeinone.first.address.city\n : \"\",\n Nom_PIN: completeNomineeinone.first.address\n ? completeNomineeinone.first.address.pincode\n : \"\",\n Nom_GuardianName: firstNominee.guardianName,\n gaurdian_relation:\n firstNominee && firstNominee.gaurdianrelationship,\n proof_of_relation:\n firstNominee && firstNominee.proofofrelationship,\n pan_for_nominee: firstNominee && firstNominee.pan?.toUpperCase(),\n };\n // saveAPiData(json)\n setcompleteNomineeinone({\n ...completeNomineeinone,\n first: {\n ...completeNomineeinone.first,\n data: firstNominee,\n API: json,\n },\n });\n console.log(completeNomineeinone.first);\n window.scrollTo(0, 0);\n }\n }\n // }\n }\n }\n\n if (stateActiveTotalNo >= 2) {\n console.log(secondNominee, \"secondNommoi\");\n if (secondNominee.name == \"\") {\n localCheck = false;\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n name: \"Please enter nominee name\",\n });\n } else if (secondNominee.DOB == \"\") {\n localCheck = false;\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n DOB: \"Please Select DOB\",\n });\n } else if (\n secondNominee.minor == true &&\n secondNominee.guardianName == \"\"\n ) {\n localCheck = false;\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n guardianName: \"Please enter guardian Name\",\n });\n } else if (\n (secondNominee.minor == true && secondNominee.guardianPan == \"\") \n ) {\n localCheck = false;\n\n // if (kycCheck2 == false) {\n // setsecondNomineeErrors({\n // ...secondNomineeErrors,\n // guardianPan: \"PAN entered is Not KYC Registered.\",\n // });\n // } else {\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n guardianPan: \"Please enter guardian pan\",\n });\n // }\n } else if (\n secondNominee.minor == true &&\n secondNominee.gaurdianrelationship == \"\"\n ) {\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n gaurdianrelationship: \"Please Select Guardian Relation\",\n });\n } else if (\n secondNominee.minor == true &&\n secondNominee.proofofrelationship == \"\"\n ) {\n setfirstNomineeErrors({\n ...secondNomineeErrors,\n proofofrelationship: \"Please Select Proof Of Relation\",\n });\n } else if (\n secondNominee.minor === true &&\n secondNominee.pan === secondNominee.guardianPan\n ) {\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n guardianPan: \"pan and guardian pan cannot be same\",\n });\n } else if (secondNominee.percentage == \"\") {\n localCheck = false;\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n percentage: \"Please enter percentage\",\n });\n } else if (secondNominee.relationship == \"\") {\n localCheck = false;\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n relationship: \"Please select relationship\",\n });\n } else if (\n stateActiveTotalNo &&\n Number(stateActiveTotalNo) == 2 &&\n Number(secondNominee.percentage) === 0\n ) {\n localCheck = false;\n console.log(\"called 4\");\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n // percentage: \"Percentage should be equal to 100\"\n percentage: \"Nominee percentages should not be 0%\",\n });\n } else if (\n stateActiveTotalNo &&\n Number(stateActiveTotalNo) == 2 &&\n Number(firstNominee.percentage) + Number(secondNominee.percentage) !=\n 100\n ) {\n localCheck = false;\n console.log(\"called 4\");\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n // percentage: \"Percentage should be equal to 100\"\n percentage: \"The sum of share amongst nominees must be 100%\",\n });\n } else if (\n !isCheckedAddress2 &&\n Object.keys(completeNomineeinone.second.address).length === 0 &&\n completeNomineeinone.second.address.constructor === Object\n ) {\n console.log(\"emplty obj condition\");\n setisaddNotFeilds(true);\n } else if (\n checkAddFilledorNot(completeNomineeinone.second.address) === true\n ) {\n console.log(\"filed obj condition\");\n setisaddNotFeilds(true);\n } else {\n // if (localCheck == true) {\n if (stateActive >= 2) {\n if (stateActive == 2) {\n if (Number(stateActive) + 1 == 2) {\n setsecondNominee({\n name: \"\",\n DOB: \"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n });\n }\n if (Number(stateActive) + 1 == 3) {\n setthirdNominee({\n name: \"\",\n DOB: \"\",\n percentage: \"\",\n relationship: \"\",\n address: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n });\n }\n setstateActive(Number(stateActive) + 1);\n let json = {\n Nominee_ID: \"0\", //as per mirae\n Nom_Type: \"NOM1\", //NOM is the Second nominee\n Nom_Name: secondNominee && secondNominee.name,\n // Nom_Pan: secondNominee && secondNominee.pan,\n Nom_DOB: secondNominee && secondNominee.DOB,\n Nom_Percent: secondNominee && secondNominee.percentage,\n Nom_Relation: secondNominee && secondNominee.relationship,\n IsAddrSametoFInv: isCheckedAddress1,\n Nom_Address1: completeNomineeinone.second.address\n ? completeNomineeinone.second.address.address1\n : \"\",\n Nom_Address2: completeNomineeinone.second.address\n ? completeNomineeinone.second.address.address2\n : \"\",\n Nom_Address3: completeNomineeinone.second.address\n ? completeNomineeinone.second.address.address3\n : \"\",\n Nom_Country: completeNomineeinone.second.address\n ? completeNomineeinone.second.address.country\n : \"\",\n Nom_State: completeNomineeinone.second.address\n ? completeNomineeinone.second.address.state\n : \"\",\n Nom_City: completeNomineeinone.second.address\n ? completeNomineeinone.second.address.city\n : \"\",\n Nom_PIN: completeNomineeinone.second.address\n ? completeNomineeinone.second.address.pincode\n : \"\",\n Nom_GuardianName: secondNominee && secondNominee.guardianName,\n\n gaurdian_relation:\n secondNominee && secondNominee.gaurdianrelationship,\n proof_of_relation:\n secondNominee && secondNominee.proofofrelationship,\n pan_for_nominee: secondNominee && secondNominee.pan?.toUpperCase(),\n };\n window.scrollTo(0, 0);\n // saveAPiData(json)\n // setcompleteNomineeinone({\n // ...completeNomineeinone,\n // second: {\n // ...completeNomineeinone.second,\n //\n // },\n // });\n setcompleteNomineeinone({\n ...completeNomineeinone,\n second: {\n ...completeNomineeinone.second,\n data: secondNominee,\n API: json,\n },\n });\n }\n }\n\n // }\n }\n }\n if (stateActiveTotalNo >= 3) {\n console.log(thirdNominee, \"third Nommie\");\n if (thirdNominee.name == \"\") {\n localCheck = false;\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n name: \"Please enter nominee name\",\n });\n } else if (thirdNominee.DOB == \"\") {\n localCheck = false;\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n DOB: \"Please Select DOB\",\n });\n } else if (\n thirdNominee.minor == true &&\n thirdNominee.guardianName == \"\"\n ) {\n localCheck = false;\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n guardianName: \"Please enter guardian Name\",\n });\n } else if (\n (thirdNominee.minor == true && thirdNominee.guardianPan == \"\") ||\n (thirdNominee.minor == true && kycCheck3 == false)\n ) {\n localCheck = false;\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n guardianPan: \"Please enter guardian pan or pan kyc failed\",\n });\n\n if (kycCheck3 == false) {\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n guardianPan: \"PAN entered is Not KYC Registered.\",\n });\n } else {\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n guardianPan: \"Please enter guardian pan\",\n });\n }\n } else if (\n thirdNominee.minor == true &&\n thirdNominee.gaurdianrelationship == \"\"\n ) {\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n gaurdianrelationship: \"Please Select Guardian Relation\",\n });\n } else if (\n thirdNominee.minor == true &&\n thirdNominee.proofofrelationship == \"\"\n ) {\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n proofofrelationship: \"Please Select Proof Of Relation\",\n });\n } else if (\n thirdNominee.minor === true &&\n thirdNominee.pan === thirdNominee.guardianPan\n ) {\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n guardianPan: \"pan and guardian pan cannot be same\",\n });\n } else if (thirdNominee.percentage == \"\") {\n localCheck = false;\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n percentage: \"Please enter percentage\",\n });\n } else if (thirdNominee.relationship == \"\") {\n localCheck = false;\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n relationship: \"Please select relationship\",\n });\n } else if (\n stateActiveTotalNo &&\n Number(stateActiveTotalNo) == 3 &&\n Number(thirdNominee.percentage) === 0\n ) {\n localCheck = false;\n console.log(\"called 4\");\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n // percentage: \"Percentage should be equal to 100\"\n percentage: \"Nominee percentages should not be 0%\",\n });\n } else if (\n stateActiveTotalNo &&\n Number(stateActiveTotalNo) === 3 &&\n Number(firstNominee.percentage) +\n Number(secondNominee.percentage) +\n Number(thirdNominee.percentage) !=\n 100\n ) {\n localCheck = false;\n console.log(\"called 3\");\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n // percentage: \"Percentage should be equal to 100\"\n percentage: \"The sum of share amongst nominees must be 100%\",\n });\n } else if (\n !isCheckedAddress3 &&\n Object.keys(completeNomineeinone.third.address).length === 0 &&\n completeNomineeinone.third.address.constructor === Object\n ) {\n console.log(\"emplty obj condition\");\n setisaddNotFeilds(true);\n } else if (\n checkAddFilledorNot(completeNomineeinone.third.address) === true\n ) {\n console.log(\"filed obj condition\");\n setisaddNotFeilds(true);\n } else {\n // if (localCheck == true) {\n if (stateActive >= 3) {\n setstateActive(Number(stateActive) + 1);\n let json = {\n Nominee_ID: \"0\", //as per mirae\n Nom_Type: \"NOM2\", //NOM2 is the Third nominee\n Nom_Name: thirdNominee && thirdNominee.name,\n // Nom_Pan: thirdNominee && thirdNominee.pan,\n Nom_DOB: thirdNominee && thirdNominee.DOB,\n Nom_Percent: thirdNominee && thirdNominee.percentage,\n Nom_Relation: thirdNominee && thirdNominee.relationship,\n IsAddrSametoFInv: isCheckedAddress1,\n Nom_Address1: completeNomineeinone.third.address\n ? completeNomineeinone.third.address.address1\n : \"\",\n Nom_Address2: completeNomineeinone.third.address\n ? completeNomineeinone.third.address.address2\n : \"\",\n Nom_Address3: completeNomineeinone.third.address\n ? completeNomineeinone.third.address.address3\n : \"\",\n Nom_Country: completeNomineeinone.third.address\n ? completeNomineeinone.third.address.country\n : \"\",\n Nom_State: completeNomineeinone.third.address\n ? completeNomineeinone.third.address.state\n : \"\",\n Nom_City: completeNomineeinone.third.address\n ? completeNomineeinone.third.address.city\n : \"\",\n Nom_PIN: completeNomineeinone.third.address\n ? completeNomineeinone.third.address.pincode\n : \"\",\n Nom_GuardianName: thirdNominee && thirdNominee.guardianName,\n\n gaurdian_relation:\n thirdNominee && thirdNominee.gaurdianrelationship,\n proof_of_relation: thirdNominee && thirdNominee.proofofrelationship,\n pan_for_nominee: thirdNominee && thirdNominee.pan?.toUpperCase(),\n };\n window.scrollTo(0, 0);\n console.log(\"pan chacke\");\n // saveAPiData(json)\n // setcompleteNomineeinone({\n // ...completeNomineeinone,\n // third: {\n // ...completeNomineeinone.third,\n // data: thirdNominee,\n // },\n // });\n setcompleteNomineeinone({\n ...completeNomineeinone,\n third: {\n ...completeNomineeinone.third,\n API: json,\n data: thirdNominee,\n },\n });\n }\n\n // }\n }\n }\n\n console.log(\"Final should be here\");\n // console.log(completeNomineeinone,typesave,stateActiveTotalNo, 'final start');\n // setisaddNotFeilds(false);\n if (typesave == \"add\") {\n console.log(\"add called\");\n } else {\n console.log(\"else called\");\n // console.log(stateActive);\n // console.log(firstNominee);\n // console.log(secondNominee);\n // console.log(thirdNominee);\n // console.log(completeNomineeinone);\n window.scrollTo(0, 0);\n\n if (stateActiveTotalNo == 1) {\n saveandNext();\n // if(completeNomineeinone.first != \"\"){\n\n // setFinal100();\n // }else {\n // setcartadderror('Please check the details again')\n\n // }\n } else if (stateActiveTotalNo == 2) {\n saveandNext();\n // if(completeNomineeinone.first != \"\" && completeNomineeinone.second != \"\"){\n\n // setFinal100();\n // } else {\n // setcartadderror('Please check the details again')\n // }\n } else if (stateActiveTotalNo == 3) {\n if (\n completeNomineeinone.first != \"\" &&\n completeNomineeinone.second != \"\" &&\n completeNomineeinone.third != \"\"\n ) {\n saveandNext();\n } else {\n setcartadderror(\"Please check the details again\");\n }\n }\n }\n // setNomineeHolderpersonalDetails([\n // ...NomineeHolderpersonalDetails,\n // {\n // firstNominee: firstNominee,\n // secondNominee: secondNominee,\n // thirdNominee: thirdNominee,\n // fullDetails: completeNomineeinone\n // },\n // ]);\n };\n\n //save nominee APIS\n const saveAPiData = (json) => {\n console.log(\"Final Json UserDetails\");\n console.log(json);\n // let customeArray = [json]\n Object.keys(json).forEach(\n (key) => json[key] === undefined && delete json[key]\n );\n\n console.log(json);\n let customeArray = json;\n\n let finalJson = {\n page_code: \"PD4\",\n No_Nominee_Flag: \"Y\",\n nominee_details: JSON.stringify(customeArray),\n refno:\n personalData.personalDetails.pd1_refNo &&\n personalData.personalDetails.pd1_refNo.toString(),\n };\n console.log(finalJson);\n var url = \"/ftp/saveForLaterRegistration\";\n var postobjt = finalJson;\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n setFinal100();\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Somthing went wrong\" });\n });\n };\n\n const saveandNext = () => {\n let combainjson = [];\n if (completeNomineeinone && completeNomineeinone.first) {\n combainjson.push(completeNomineeinone.first.API);\n }\n if (completeNomineeinone && completeNomineeinone.second) {\n combainjson.push(completeNomineeinone.second.API);\n }\n if (completeNomineeinone && completeNomineeinone.third) {\n combainjson.push(completeNomineeinone.third.API);\n }\n personalData.nomineeChecked_no_nominee=false;\n personalData.nominee_details=completeNomineeinone;\n\n saveAPiData(combainjson);\n console.log(completeNomineeinone);\n // setFinal100();\n };\n const handleOnChange = () => {\n setIsChecked(!isChecked);\n };\n\n const changenominee = (that) => {\n window.scrollTo(0, 0);\n setstateActiveTotalNo(Number(that));\n if (that != null) {\n const value = that.target.value;\n setstateActiveTotalNo(Number(value));\n }\n };\n\n const handleOnChangesameaddress = () => {\n // if(that == '1'){\n setIsCheckedAddress1(!isCheckedAddress1);\n setcompleteNomineeinone({\n ...completeNomineeinone,\n first: {\n ...completeNomineeinone.second,\n address: {},\n },\n });\n };\n const handleOnChangesameaddress2 = () => {\n setIsCheckedAddress2(!isCheckedAddress2);\n setcompleteNomineeinone({\n ...completeNomineeinone,\n third: {\n ...completeNomineeinone.second,\n address: {},\n },\n });\n };\n const handleOnChangesameaddress3 = () => {\n setIsCheckedAddress3(!isCheckedAddress3);\n setcompleteNomineeinone({\n ...completeNomineeinone,\n third: {\n ...completeNomineeinone.third,\n address: {},\n },\n });\n };\n const getthenomineedata = (personaldathere) => {\n setcompleteNomineeinone({\n ...completeNomineeinone,\n first: {\n ...completeNomineeinone.first,\n data: personaldathere,\n },\n });\n };\n\n const getthenomineeaddress = (personalddress) => {\n setcompleteNomineeinone({\n ...completeNomineeinone,\n first: {\n ...completeNomineeinone.first,\n address: personalddress,\n },\n });\n };\n\n const getthenomineedata2 = (personaldathere) => {\n console.log(personaldathere);\n setcompleteNomineeinone({\n ...completeNomineeinone,\n second: {\n ...completeNomineeinone.second,\n data: personaldathere,\n },\n });\n };\n\n const getthenomineeaddress2 = (personalddress) => {\n setcompleteNomineeinone({\n ...completeNomineeinone,\n second: {\n ...completeNomineeinone.second,\n address: personalddress,\n },\n });\n };\n\n const getthenomineedata3 = (personaldathere) => {\n setcompleteNomineeinone({\n ...completeNomineeinone,\n third: {\n ...completeNomineeinone.third,\n data: personaldathere,\n },\n });\n };\n\n const getthenomineeaddress3 = (personalddress) => {\n setcompleteNomineeinone({\n ...completeNomineeinone,\n third: {\n ...completeNomineeinone.third,\n address: personalddress,\n },\n });\n };\n\n const saveandproceedNominee = () => {\n setcartadderror(\"\");\n // addNominee('saveandproceed');\n if (isChecked === true) {\n setstateActive_ann(1);\n //no nominee Validations\n // setFinal100();\n } else {\n console.log(completeNomineeinone);\n\n setcartadderror(\"\");\n if (\n (stateActiveTotalNo === 1 || stateActiveTotalNo === \"1\") &&\n completeNomineeinone &&\n completeNomineeinone.first != \"\" &&\n Number(completeNomineeinone.first.data.percentage) == 100\n ) {\n saveandNext();\n } else {\n if (completeNomineeinone.first == \"\") {\n setcartadderror(\n \"Please add Nominee and continue, atleast 1 nominee to be added\"\n );\n } else if (\n Number(completeNomineeinone.first.data.percentage) !== 100 &&\n completeNomineeinone.second != \"\" &&\n completeNomineeinone.third != \"\"\n ) {\n console.log(\"called 2\");\n setcartadderror(\"The sum of share amongst nominees must be 100%\");\n // setcartadderror('Entered percentage should be equal to 100.')\n }\n }\n\n if (stateActiveTotalNo === 2 || stateActiveTotalNo === \"2\") {\n if (\n (stateActiveTotalNo === 2 || stateActiveTotalNo === \"2\") &&\n completeNomineeinone &&\n completeNomineeinone.first != \"\" &&\n completeNomineeinone.second != \"\" &&\n Number(completeNomineeinone.first.data.percentage) +\n Number(completeNomineeinone.second.data.percentage) ==\n 100\n ) {\n saveandNext();\n } else {\n if (\n (completeNomineeinone && completeNomineeinone.first == \"\") ||\n completeNomineeinone.second == \"\"\n ) {\n if (completeNomineeinone.first == \"\") {\n setcartadderror(\"Please add Nominee and save\");\n } else if (completeNomineeinone.second == \"\") {\n setcartadderror(\n \"Please add Nominee and save, second nominee is missing!\"\n );\n }\n } else if (\n Number(completeNomineeinone.first.data.percentage) +\n Number(completeNomineeinone.second.data.percentage) !==\n 100\n ) {\n // setcartadderror('Entered percentage should be equal to 100%.')\n console.log(\"callde 1\");\n setcartadderror(\"The sum of share amongst nominees must be 100%\");\n }\n }\n }\n\n if (stateActiveTotalNo === 3 || stateActiveTotalNo === \"3\") {\n if (\n (stateActiveTotalNo === 3 || stateActiveTotalNo === \"3\") &&\n completeNomineeinone &&\n completeNomineeinone.first != \"\" &&\n completeNomineeinone.second != \"\" &&\n completeNomineeinone.third != \"\" &&\n Number(completeNomineeinone.first.data.percentage) +\n Number(completeNomineeinone.second.data.percentage) +\n Number(completeNomineeinone.third.data.percentage) ==\n 100\n ) {\n saveandNext();\n } else {\n if (\n (completeNomineeinone && completeNomineeinone.first == \"\") ||\n completeNomineeinone.second == \"\" ||\n completeNomineeinone.third == \"\"\n ) {\n if (completeNomineeinone.first == \"\") {\n setcartadderror(\"Please add Nominee and save\");\n } else if (completeNomineeinone.second == \"\") {\n setcartadderror(\n \"Please add Nominee and save, second nominee is missing!\"\n );\n } else if (completeNomineeinone.third == \"\") {\n setcartadderror(\n \"Please add Nominee and save, third nominee is missing!\"\n );\n }\n } else if (\n Number(completeNomineeinone.first.data.percentage) +\n Number(completeNomineeinone.second.data.percentage) +\n Number(completeNomineeinone.third.data.percentage) !==\n 100\n ) {\n // setcartadderror('Entered percentage should be equal to 100.')\n console.log(\"called\");\n setcartadderror(\"The sum of share amongst nominees must be 100%\");\n }\n }\n }\n }\n\n // addNominee('saveandproceed');\n\n // sendFullDetails(NomineeHolderpersonalDetails)\n // sendFullDetails(completeNomineeinone)\n // if (stateActive == 1) {\n // setstateActive(Number(stateActive) + 1);\n // } else if (stateActive == 2) {\n // setstateActive(Number(stateActive) + 1);\n // } else if (stateActive == 3) {\n // setFinal100();\n // }\n };\n\n const [NomineeHolderpersonalDetails, setNomineeHolderpersonalDetails] =\n useState([]);\n let customdate = new Date();\n\n let dateformat =\n customdate.getDate().toString().length == 1\n ? \"0\" + customdate.getDate()\n : customdate.getDate();\n let monthformat =\n customdate.getMonth().toString().length == 1\n ? \"0\" + customdate.getDate()\n : customdate.getDate();\n\n const handleInput = async (name, value) => {\n console.log(\"hadlechange Called\", name, value, stateActive);\n setcartadderror(\"\");\n if (relationshipList.length <= 0) {\n await getRelationShipList();\n }\n\n // setNomineeHolderpersonalDetails([...NomineeHolderpersonalDetails, {\n // [name]: value,\n // ['stateActive']: stateActive\n // }])\n if (stateActive == 1) {\n setfirstNominee((prevState) => ({\n ...prevState,\n [name]: value,\n }));\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n [name]: \"\",\n });\n } else if (stateActive == 2) {\n setsecondNominee((prevState) => ({\n ...prevState,\n [name]: value,\n }));\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n [name]: \"\",\n });\n } else if (stateActive == 3) {\n setthirdNominee((prevState) => ({\n ...prevState,\n [name]: value,\n }));\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n [name]: \"\",\n });\n }\n\n console.log(thirdNominee, \"third Nommine\");\n console.log(NomineeHolderpersonalDetails);\n };\n\n const updatedob = (date) => {\n console.log(date, \"date Chacek 1\");\n setcartadderror(\"\");\n\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n DOB: \"\",\n });\n\n // let customdate = date\n // // let customdate = new Date(date);\n // let dateformat = customdate.getDate().toString().length == 1 ? \"0\" + customdate.getDate() : customdate.getDate()\n // let monthformat = (customdate.getMonth()).toString().length == 1 ? \"0\" + (customdate.getMonth()) : (customdate.getDate());\n // console.log(monthformat)\n\n setfirstNominee({\n ...firstNominee,\n [\"DOB\"]: date.DOB,\n [\"minor\"]: date.minor,\n });\n };\n const updatedob2 = (date) => {\n console.log(date, \"date Chacek 2\");\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n DOB: \"\",\n });\n let customdate = date;\n // let customdate = new Date(date);\n // let dateformat = customdate.getDate().toString().length == 1 ? \"0\" + customdate.getDate() : customdate.getDate()\n // let monthformat = (customdate.getMonth()).toString().length == 1 ? \"0\" + (customdate.getMonth()) : (customdate.getDate());\n // console.log(monthformat)\n\n setsecondNominee({\n ...secondNominee,\n [\"DOB\"]: date.DOB,\n [\"minor\"]: date.minor,\n // [\"DOB\"]:(monthformat) + \"/\" + dateformat + \"/\" + customdate.getFullYear(),\n });\n };\n\n const updatedob3 = (date) => {\n console.log(date, \"date Chacek 3\");\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n DOB: \"\",\n });\n let customdate = date;\n // let customdate = new Date(date);\n // let dateformat = customdate.getDate().toString().length == 1 ? \"0\" + customdate.getDate() : customdate.getDate()\n // let monthformat = (customdate.getMonth()).toString().length == 1 ? \"0\" + (customdate.getMonth()) : (customdate.getDate());\n // console.log(monthformat)\n\n setthirdNominee({\n ...thirdNominee,\n [\"DOB\"]: date.DOB,\n [\"minor\"]: date.minor,\n // [\"DOB\"]:(monthformat) + \"/\" + dateformat + \"/\" + customdate.getFullYear(),\n });\n };\n\n const [relationshipList, setrelationshipList] = useState([]);\n const getRelationShipList = async () => {\n var url = \"/accountDetails/newPurchaseRegistrationMasters\";\n var postobjt = {\n option: \"NR\",\n fund: \"\",\n assetSchemeType: \"\",\n planMode: \"\",\n };\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res.statusCode) {\n setrelationshipList([]);\n } else {\n // console.log(res);\n setrelationshipList(res);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const [guardinarelationshipList, setguardinarelationshipList] = useState([]);\n const getGuardianRelationShipList = async () => {\n var url = \"/ftp/newPurchaseRegistrationMasters\";\n var postobjt = {\n option: \"NR\",\n fund: \"105\",\n assetSchemeType: \"\",\n planMode: \"\",\n customFundCode: \"\",\n scheme: \"\",\n plan: \"\",\n uId: \"\",\n };\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n // if (res) {\n // setguardinarelationshipList([]);\n // let decrypttext = decryption(res.data);\n // console.log(decrypttext)\n // if(decrypttext[0].level1[0].Error_Message == \"Success\"){\n // setguardinarelationshipList(decrypttext[0].level2)\n // }\n\n // }\n if (res.statusCode) {\n setguardinarelationshipList([]);\n } else {\n // console.log(res);\n setguardinarelationshipList(res);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const [proofrelationshipList, setproofrelationshipList] = useState([]);\n const getProofRelationShipList = async () => {\n var url = \"/ftp/proofOfNominee\";\n var postobjt = {};\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n\n await contextapi\n .getApiCalling(url)\n .then((res) => {\n console.log(res);\n if (res) {\n setproofrelationshipList([]);\n let decrypttext = decryption(res.data);\n console.log(decrypttext);\n if (\n decrypttext.length > 0 &&\n decrypttext[0].level1 &&\n decrypttext[0].level1[0].Error_Message == \"Success\"\n ) {\n setproofrelationshipList(decrypttext[0].level2);\n } else if (decrypttext.length > 0) {\n setproofrelationshipList(decrypttext);\n }\n }\n\n // if (res.statusCode) {\n // setproofrelationshipList([]);\n // } else {\n // // console.log(res);\n // setproofrelationshipList(res);\n // }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const [kycCheck1, setkycCheck1] = useState(false);\n const [kycCheckMAin, setkycCheckkycCheckMAin] = useState(false);\n\n const kycRegistred1 = (status, errormessage, namep) => {\n if (status == true) {\n if (namep == \"pan\") {\n setkycCheckkycCheckMAin(true);\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n pan: \"\",\n });\n } else {\n setkycCheck1(true);\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n guardianPan: \"\",\n });\n }\n } else {\n if (namep == \"pan\") {\n setkycCheckkycCheckMAin(false);\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n pan: errormessage,\n });\n } else {\n setkycCheck1(false);\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n guardianPan: errormessage, //'PAN entered is Not KYC Registered.',\n });\n }\n }\n };\n const [kycCheck2, setkycCheck2] = useState(false);\n const kycRegistred2 = (status, errormessage, namep) => {\n console.log(\"kycRagister2\", status, errormessage, namep);\n if (status == true) {\n if (namep == \"pan\") {\n setkycCheckkycCheckMAin(true);\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n pan: \"\",\n });\n } else {\n setkycCheck2(true);\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n guardianPan: \"\",\n });\n }\n } else {\n if (namep == \"pan\") {\n setkycCheckkycCheckMAin(false);\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n pan: errormessage,\n });\n } else {\n setkycCheck2(false);\n setsecondNomineeErrors({\n ...secondNomineeErrors,\n guardianPan: errormessage, //'PAN entered is Not KYC Registered.',\n });\n }\n }\n };\n const [kycCheck3, setkycCheck3] = useState(false);\n\n const kycRegistred3 = (status, errormessage, namep) => {\n console.log(\"kycRegistride3\", status, errormessage, namep);\n if (status == true) {\n if (namep == \"pan\") {\n setkycCheckkycCheckMAin(true);\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n pan: \"\",\n });\n } else {\n setkycCheck3(true);\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n guardianPan: \"\",\n });\n }\n } else {\n if (namep == \"pan\") {\n setkycCheckkycCheckMAin(false);\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n pan: errormessage,\n });\n } else {\n setkycCheck3(false);\n setthirdNomineeErrors({\n ...thirdNomineeErrors,\n guardianPan: errormessage, //'PAN entered is Not KYC Registered.',\n });\n }\n }\n };\n\n const closeModal = () => {\n setstateActive_ann(0);\n };\n\n const handleRedirect = () => {\n if (isChecked === true) {\n personalData.nomineeChecked_no_nominee = true;\n }\n setFinal100();\n };\n\n const [stateActive_ann, setstateActive_ann] = useState(0);\n const [noierror, setnoierror] = useState(\"\");\n const erromsg = (that) => {\n setnoierror(that);\n };\n\n const checkNameerror = () => {\n let name =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.name\n ? personalData.personalDetails.name\n : personalData.personalDetails.first.name);\n let name2 =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.name\n ? personalData.personalDetails.name\n : personalData.personalDetails.second.name2);\n\n let name3 =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.name\n ? personalData.personalDetails.name\n : personalData.personalDetails.third.name3);\n\n if (\n firstNominee.name == \"\" ||\n firstNominee.name.toLowerCase() == \"na\" ||\n firstNominee.name.toLowerCase() == \"n.a\" ||\n firstNominee.name.toLowerCase() == \"n a\" ||\n firstNominee.name.toLowerCase() == \"not applicable\" ||\n firstNominee.name.toLowerCase() == (name && name.toLowerCase()) ||\n firstNominee.name.toLowerCase() == (name2 && name2.toLowerCase()) ||\n firstNominee.name.toLowerCase() == (name3 && name3.toLowerCase())\n ) {\n if (firstNominee.name == \"\") {\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n name: \"Please enter nominee name\",\n });\n } else if (\n firstNominee.name.toLowerCase() == (name && name.toLowerCase()) ||\n firstNominee.name.toLowerCase() == (name2 && name2.toLowerCase()) ||\n firstNominee.name.toLowerCase() == (name3 && name3.toLowerCase())\n ) {\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n name: \"Nominee name cannot same as investor name\",\n });\n } else {\n setfirstNomineeErrors({\n ...firstNomineeErrors,\n name: \"Please enter correct nominee name\",\n });\n }\n }\n };\n const renderPersonalDetails_ann = () => {\n switch (stateActive_ann) {\n case 1:\n return (\n {noierror !== \"\" && noierror}
\n\n
\n {isaddNotFeilds && (\n \n please fill the all address feilds\n
\n )}\n \n )}\n\n\n
\n \n );\n case 2:\n return (\n <>\n {Number(stateActiveTotalNo) >= 2 && (\n <>\n Same as First holder’s address
\n\n
\n {isaddNotFeilds && (\n \n please fill the all address feilds\n
\n )}\n \n )}\n\n
\n \n )}\n \n );\n case 3:\n return (\n <>\n {Number(stateActiveTotalNo) >= 3 && (\n <>\n Same as First holder’s address
\n\n
\n {isaddNotFeilds && (\n \n please fill the all address feilds\n
\n )}\n \n )}\n\n
\n \n )}\n \n );\n default:\n return <>;\n }\n };\n\n return (\n Same as First holder’s address
\n\n
\n );\n}\n","import React from \"react\";\n\nexport const LeftContentLogo = () => {\n return (\n \n {/*
\n );\n};\n\nexport default InvestmentThrough;\n","export default __webpack_public_path__ + \"static/media/ftplumpsumcart.e64e6877.svg\";","import React, { useState, useRef, useEffect,useContext } from \"react\";\nimport SideNav from \"../../PersonalDetails/SideNav/SideNav\";\nimport UserDetails from \"../../PersonalDetails/UserdetailsRightnav/UserdetailsRightnav\";\nimport InvestmentThrough from \"../Investingthrough/Investingthrough\";\nimport { useSelector } from \"react-redux\";\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\n// const renderPersonalDetails = \nconst Investment = ({\n FTPNext, FTPPrev,FTPPrevNominee,\n personalData,\n schemeDetails,\n updateSchemeDetails,\n deletecart,\n genderradioRegis,\n setValueRegis\n // setSchemeDetailstopersonaldata\n}) => {\n useEffect( async()=>{\n console.log(schemeDetails)\n if (personalData && personalData.pd1_refNo) {\n // await getInvestmentDetailsByRefNo(5080); \n await getInvestmentDetailsByRefNo(personalData.pd1_refNo);\n}\n },[]);\n\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [values,setValues] = useState({\n selectedPaymnetRegistrationMode:\"\",\n selectedOTMMethodRegistration:'',\n Amount:'',\n otmExiprydate1:'',\n modeOfRegistration:\"\"\n\n })\n const handleUpdateValues = (name,result)=>{\n setValues((prev)=>{\n return {...prev,[name]:result}\n })\n }\n const [resultrefno, setresultrefno] = useState(\"\");\n const getInvestmentDetailsByRefNo = async (refNo) => {\n\n var url = \"/ftp/getInvestorInvestmentDetails\";\n var postobjt = {\n \"refNo\": refNo.toString()\n }\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\"\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n setresultrefno(res[0]); \n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n}\n\n const [editFunc, seteditFunc] = useState(false)\n const editCart = useRef(null);\n const FTPNextupdate = (json, scheme, ftpschemeContinue) => {\n if (personalData) {\n // console.log(schemeDetails)\n if (schemeDetails) {\n personalData.schemeList = schemeDetails[0];\n }\n\n personalData.APIJSON = json;\n }\n // console.log(personalData);\n // console.log(schemeDetails);\n FTPNext(ftpschemeContinue)\n }\n const FTPPrevupdate = () => {\n // FTPPrev()\n FTPPrevNominee()\n }\n // const [schemeDetails, setschemeDetails] = useState({\n // folio: \"\",\n // investmentthrough: \"\",\n // schemeDetailsarray: [],\n // singleDetails:[]\n // });\n const handleAddtocart = (event, type, ftpnextpagehere) => {\n console.log(event)\n if (editFunc == true) {\n let items = [...schemeDetails.schemeDetailsarray];\n let item = { ...items[editIndex] };\n item = event;\n items[editIndex] = item;\n updateSchemeDetails('edit', items[0], \"\")\n seteditFunc(false);\n seteditIndex('');\n } else {\n console.log(schemeDetails)\n console.log(event)\n console.log(data)\n // setschemeDetails({\n // ...schemeDetails,\n // schemeDetailsarray: [...schemeDetails.schemeDetailsarray, event],\n // });\n updateSchemeDetails('add', event, ftpnextpagehere);\n\n console.log(type)\n\n }\n\n\n\n if (personalData) {\n personalData.schemeList = schemeDetails[0];\n }\n console.log(personalData);\n console.log(schemeDetails);\n\n };\n\n // const [editDetailsList, seteditDetailsList] = useState({\n // selectedScheme: \"\",\n // selectCategory: \"\",\n // selectedPlan: \"\",\n // selectedInvestment: \"\",\n // selectedAmount: \"\",\n // selectedOption: \"\",\n // selectedAmount: '',\n // sipfrequency: '',\n // endDate:'', \n // });\n const [data, setData] = useState({\n selectedScheme: (schemeDetails && schemeDetails.schemeDetailsarray.length>0 && schemeDetails.schemeDetailsarray )? schemeDetails.schemeDetailsarray[0].selectedScheme: \"\",\n\n selectCategory: (schemeDetails && schemeDetails.schemeDetailsarray.length>0 && schemeDetails.schemeDetailsarray )? schemeDetails.schemeDetailsarray[0].selectCategory: \"\",\n\n selectedPlan: (schemeDetails && schemeDetails.schemeDetailsarray.length>0 && schemeDetails.schemeDetailsarray )? schemeDetails.schemeDetailsarray[0].selectedPlan: \"\",\n\n selectedInvestment: (schemeDetails && schemeDetails.schemeDetailsarray.length>0 && schemeDetails.schemeDetailsarray )? schemeDetails.schemeDetailsarray[0].selectedInvestment: \"\",\n\n selectedAmount: (schemeDetails && schemeDetails.schemeDetailsarray.length>0 && schemeDetails.schemeDetailsarray )? schemeDetails.schemeDetailsarray[0].selectedAmount: \"\",\n\n selectedOption:(schemeDetails && schemeDetails.schemeDetailsarray.length>0 && schemeDetails.schemeDetailsarray )? schemeDetails.schemeDetailsarray[0].selectedOption: \"\",\n\n selectedAmount: (schemeDetails && schemeDetails.schemeDetailsarray.length>0 && schemeDetails.schemeDetailsarray )? schemeDetails.schemeDetailsarray[0].selectedAmount: \"\",\n\n selectedAmountPurch: (schemeDetails && schemeDetails.schemeDetailsarray.length>0 && schemeDetails.schemeDetailsarray )? schemeDetails.schemeDetailsarray[0].selectedAmountPurch: \"\",\n\n sipfrequency: (schemeDetails && schemeDetails.schemeDetailsarray.length>0 && schemeDetails.schemeDetailsarray )? schemeDetails.schemeDetailsarray[0].sipfrequency: \"\",\n\n endDate: (schemeDetails && schemeDetails.schemeDetailsarray.length>0 && schemeDetails.schemeDetailsarray )? schemeDetails.schemeDetailsarray[0].endDate: \"\",\n\n selectedSchemeUI:(schemeDetails && schemeDetails.schemeDetailsarray.length>0 && schemeDetails.schemeDetailsarray )? \n \n // schemeDetails.schemeDetailsarray[0].selectedSchemeUI\n ( (schemeDetails.schemeDetailsarray[0].selectedSchemeUI == undefined || schemeDetails.schemeDetailsarray[0].selectedSchemeUI == \"\" )?\n JSON.parse(schemeDetails.schemeDetailsarray[0].selectedScheme).fm_scheme :schemeDetails.schemeDetailsarray[0].selectedSchemeUI)\n \n : \"\",\n\n selectedPlanUI:(schemeDetails && schemeDetails.schemeDetailsarray.length>0 && schemeDetails.schemeDetailsarray )? \n\n ( (schemeDetails.schemeDetailsarray[0].selectedPlanUI == undefined || schemeDetails.schemeDetailsarray[0].selectedPlanUI == \"\" )?\n JSON.parse(schemeDetails.schemeDetailsarray[0].selectedPlan).fm_plan :schemeDetails.schemeDetailsarray[0].selectedPlanUI):\n\n \"\",\n selectedOptionUI:(schemeDetails && schemeDetails.schemeDetailsarray.length>0 && schemeDetails.schemeDetailsarray )? \n\n ( (schemeDetails.schemeDetailsarray[0].selectedOptionUI == undefined || schemeDetails.schemeDetailsarray[0].selectedOptionUI == \"\" )?\n JSON.parse(schemeDetails.schemeDetailsarray[0].selectedOption).fm_option :schemeDetails.schemeDetailsarray[0].selectedOptionUI)\n\n\n :\n \"\",\n SIP_PeriodFrom:'',\n SIP_PeriodTo:'',\n selectedSIPPerInstallment:'',\n\n selectedSIPFolio:\"\",\n selectedSIPFolioType:\"\",\n selectedSIPPaymentMode:\"\",\n selectedSIPTrType:\"\",\n\n SIPDate:\"\",\n SIPDuration:\"\",\n\n });\n\n const sip_selectedSIP_type = (e) =>{\n setData({\n ...data,\n 'selectedSIPFolio': e,\n 'selectedSIPFolioType': JSON.parse(e).folio,\n 'selectedSIPPaymentMode':JSON.parse(e).payment,\n 'selectedSIPTrType':JSON.parse(e).trtype,\n 'selectedSIPRemark':JSON.parse(e).lable\n });\n \n console.log(data);\n\n }\n\n const updateSetData_sipdate_duration = (sipdate, duration) =>{\n setData({\n ...data,\n SIPDate:sipdate,\n SIPDuration:duration,\n })\n }\n const updateSetData_star_endDate = ( key1, valu1,key2, value2,key3, value3,key4, value4,key5,value5) =>{\n setData({\n ...data,\n 'SIP_PeriodFrom': valu1,\n 'SIP_PeriodTo': value2,\n 'selectedSIPPerInstallment':value3,\n 'NoOfInstallments':value4,\n'SIPDuration':value5\n })\n }\n const updateSetData = (key, value) => {\n if(key == \"selectedScheme\"){\n setData({\n ...data,\n [key]: value,\n \"selectedSchemeUI\": JSON.parse(value).fm_scheme,\n })\n }else if(key == \"selectedScheme\"){\n setData({\n ...data,\n [key]: value,\n \"selectedPlanUI\": JSON.parse(value).fm_plan,\n })\n }else if(key == \"selectedOption\"){\n setData({\n ...data,\n [key]: value,\n \"selectedOptionUI\": JSON.parse(value).fm_option,\n })\n }else{\n\n setData({\n ...data,\n [key]: value,\n })\n }\n \n }\n const clearall = () => {\n setData({\n ...data,\n selectedScheme: \"\",\n selectCategory: \"\",\n selectedPlan: \"\",\n\n selectedAmount: \"\",\n selectedOption: \"\",\n selectedSchemeUI:\"\",\n selectedPlanUI:\"\",\n selectedOptionUI:\"\",\n });\n }\n\n const [editIndex, seteditIndex] = useState('')\n const editCartItem = (itemToedit, index) => {\n seteditIndex(index)\n seteditFunc(true);\n console.log(itemToedit);\n // setData(itemToedit);\n setData({\n ...data,\n \"selectedScheme\": itemToedit.selectedScheme,\n \"selectCategory\": itemToedit.selectCategory,\n \"selectedAmount\": itemToedit.selectedAmount,\n \"selectedPlan\": itemToedit.selectedPlan,\n \"selectedOption\": itemToedit.selectedOption,\n selectedSchemeUI: itemToedit.selectedScheme && JSON.parse(itemToedit.selectedScheme).fm_scheme,\n selectedPlanUI:itemToedit.selectedPlan && JSON.parse(itemToedit.selectedPlan).fm_plan,\n selectedOptionUI:itemToedit.selectedOption && JSON.parse(itemToedit.selectedOption).fm_option,\n }\n );\n // setstep(2);\n editCart.current(itemToedit);\n console.log(data);\n\n };\n\n\n const deletFromCart = (datatodelete) => {\n let filteredArray = schemeDetails.schemeDetailsarray.filter(\n (item) => item !== datatodelete\n );\n console.log(datatodelete);\n console.log(filteredArray);\n // setschemeDetails({\n // ...schemeDetails,\n // schemeDetailsarray: filteredArray,\n // });\n deletecart(filteredArray);\n\n // setSchemeDetailstopersonaldata(schemeDetails);\n if (personalData) {\n personalData.schemeList = schemeDetails[0];\n }\n };\n const editCarttoScheme = useRef(null);\n return (\n \n
*/}\n \n \n {\n /* console.log(\"showDetailsCalled\", modalModeValue); */\n schemeRef.current();\n setInvestmentTypeValue(modalModeValue);\n setftpInvestmnetDetails({\n ...ftpInvestmnetDetails,\n investMode: modalModeValue,\n });\n // handleFormData(\"investVia\", modalModeValue);\n if (modalModeValue === \"Distributor\") {\n // setFolioDetails(true);\n setShowRiaField(false);\n setOpen(false);\n } else if (modalModeValue === \"RIA\") {\n setShowRiaField(true);\n // setFolioDetails(false);\n setOpen(false);\n\n setinvestingViaData((prevState) => ({\n ...prevState,\n arn: \"ARN-\",\n euinNocb: \"\",\n euinDeclartion: \"Yes\",\n sbCode: \"\",\n sbArn: \"ARN-\",\n EUINnonDeclaration: \"\",\n }));\n } else {\n setShowRiaField(false);\n // setFolioDetails(false);\n setOpen(false);\n\n setinvestingViaData((prevState) => ({\n ...prevState,\n arn: \"ARN-\",\n euinNocb: \"\",\n euinDeclartion: \"Yes\",\n sbCode: \"\",\n sbArn: \"ARN-\",\n riaCode: \"\",\n EUINnonDeclaration: \"\",\n }));\n }\n setErrorMessage({});\n };\n\n //API\n const validateRiaCode = async () => {\n if (riaCodeValue === \"\") {\n setGlobalSpinner(false);\n setNotifi({ value: true, msg: \"RIA Code is empty\" });\n setErrorMessage({\n riaError: \"RIA Code is empty\",\n });\n } else {\n const url = `/quickAdditionalPurchase/validateRIACode`;\n const options = {\n headers: {\n amc_key: configData.amcKey,\n },\n };\n const data = {\n riaCode: riaCodeValue,\n };\n await contextapi\n .postApiEncrpCalling(url, data, options)\n .then((res) => {\n if (res[0].Valid === \"N\") {\n setErrorMessage({\n riaError: \"Please Enter a valid RIA Code\",\n });\n } else {\n setRiaCode(res);\n setErrorMessage({\n riaError: \"\",\n });\n }\n\n console.log(res);\n })\n .catch((err) => {\n console.log(err);\n });\n }\n };\n\n const checkAmount = () => {\n /* console.log(activity);\n console.log(editDetails.selectedAmount);\n console.log(minimumAmount);\n console.log(parseInt(minimumAmount.Tm_mintramt)); */\n if (\n activity === 0 &&\n minimumAmount.Tm_mintramt !== \"\" &&\n minimumAmount.Tm_mintramt !== undefined\n ) {\n if (editDetails.selectedAmount >= parseInt(minimumAmount.Tm_mintramt)) {\n //taxsave validations\n if (minimumAmount.tax_saver_time == \"B1\") {\n if (Number(editDetails.selectedAmount) % 500 === 0) {\n setGlobalSpinner(false);\n setInputValAmount(editDetails.selectedAmount);\n } else {\n setGlobalSpinner(false);\n setNotifi({\n val: true,\n msg: \"Please enter the amount multiple of 500\",\n });\n }\n } else {\n setGlobalSpinner(false);\n setInputValAmount(editDetails.selectedAmount);\n }\n\n // setNotifi({ val: true, msg: \"Selected amount value is greater than minimum amount\" });\n } else {\n setGlobalSpinner(false);\n\n setNotifi({\n val: true,\n msg: \"Selected amount value is lesser than minimum amount\",\n });\n }\n } else if (\n activity === 1 &&\n sipMinimumAmount !== \"\" &&\n sipMinimumAmount !== undefined\n ) {\n if (editDetails.selectedAmount >= parseInt(sipMinimumAmount)) {\n setGlobalSpinner(false);\n setInputValAmount(editDetails.selectedAmount);\n\n // editAmount.current(editDetails.selectedAmount);\n getMinAmount(editDetails.selectedAmount);\n\n // setNotifi({ val: true, msg: \"Selected amount value is greater than minimum amount\" });\n } else {\n setGlobalSpinner(false);\n\n setNotifi({\n val: true,\n msg: \"Selected amount value is lesser than minimum amount\",\n });\n }\n }\n };\n\n const getMinAmount = async (e) => {\n if (editDetails.selectedAmount >= parseInt(sipMinimumAmount)) {\n const url = \"/quickAdditionalPurchase/minAmount\";\n const postObj = {\n fund: configData.amcCode,\n scheme:\n editDetails &&\n editDetails.selectedScheme !== \"\" &&\n JSON.parse(editDetails.selectedScheme).fm_scheme,\n // plan: JSON.parse(data.selectedPlan).fm_plan,\n // trnType: data.selectedInvestment,\n trType: \"SIP\",\n freq: editDetails.sipfrequency,\n amount: e,\n };\n/* console.log(postObj, editDetails, \"min amont api called\"); */\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postObj, options)\n .then((res) => {\n console.log(res);\n if (res[0].level1[0].Error_Message == \"Success\") {\n setFrequencyRadioInstallment(res[0].level2[0].mininst);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n }\n };\n\n const onChangeMinAmt = (event) => {\n console.log(event);\n\n // setschemeData({\n // ...schemeData,\n // selectedAmount: event,\n // })\n };\n const onChangeMinAmtLUmpsum = (event) => {\n updateSetData(\"selectedAmountPurch\", event);\n };\n\n const setAmount = (e, amntVal) => {\n /* console.log(e);\n console.log(schemeData);\n console.log(e.target.value); */\n // editAmount.current(e.target.value);\n getMinAmount(e.target.value);\n let regExp = /^[0-9\\b]+$/;\n let inputVal = e.target.value;\n\n if (amntVal !== undefined) {\n // setschemeData({\n // ...schemeData,\n // selectedAmount: amntVal,\n // });\n // setData({\n // ...data,\n // 'selectedAmount': amntVal,\n // })\n updateSetData(\"selectedAmount\", amntVal);\n if (\n activity === 0 &&\n minimumAmount.Tm_mintramt !== \"\" &&\n minimumAmount.Tm_mintramt !== undefined\n ) {\n if (amntVal >= parseInt(minimumAmount.Tm_mintramt)) {\n setGlobalSpinner(false);\n setInputValAmount(amntVal);\n // setNotifi({ val: true, msg: \"Selected amount value is greater than minimum amount\" });\n } else {\n setGlobalSpinner(false);\n\n setNotifi({\n val: true,\n msg: \"Selected amount value is lesser than minimum amount\",\n });\n }\n } else if (\n activity === 1 &&\n sipMinimumAmount !== \"\" &&\n sipMinimumAmount !== undefined\n ) {\n if (amntVal >= parseInt(sipMinimumAmount)) {\n setGlobalSpinner(false);\n setInputValAmount(amntVal);\n // setNotifi({ val: true, msg: \"Selected amount value is greater than minimum amount\" });\n } else {\n setGlobalSpinner(false);\n\n setNotifi({\n val: true,\n msg: \"Selected amount value is lesser than minimum amount\",\n });\n }\n } else {\n setInputValAmount(\"\");\n // setGlobalSpinner(false)\n // setNotifi({ val: true, msg: \"\" });\n }\n } else {\n // setschemeData({\n // ...schemeData,\n // selectedAmount: e.target.value,\n // });\n // setData({\n // ...data,\n // 'selectedAmount': e.target.value,\n // })\n updateSetData(\"selectedAmount\", e.target.value);\n if (inputVal.match(regExp)) {\n setInputValAmount(e.target.value);\n } else {\n setInputValAmount(\"\");\n }\n }\n };\n\n const setAmountLumpsum = (e, amntVal) => {\n let regExp = /^[0-9\\b]+$/;\n let inputVal = e.target.value;\n\n if (amntVal !== undefined) {\n updateSetData(\"selectedAmountPurch\", amntVal);\n } else {\n updateSetData(\"selectedAmountPurch\", e.target.value);\n }\n\n // if (inputVal.match(regExp)) {\n // setInputValAmount(e.target.value)\n // } else {\n // setInputValAmount(\"\")\n // }\n };\n const schemelist = (ke, val) => {\n/* console.log(ke, val, \"schemilist Called\"); */\n // setData({\n // ...data,\n // [ke]: val\n // })\n updateSetData(ke, val);\n setschemeData(editDetails);\n if (ke === \"minAmount\") {\n passminimumAmountfunc(val);\n }\n };\n\n const proceedToAddToCart = async (type, jsonList, ftpnextpagehere) => {\n // type == 'directclick' ||\n // console.log('proceed ad to card Called',type,ftpnextpagehere);\n\n var locdata = editDetails;\n // console.log(locdata,activity,locdata.selectedSIPRemark,'edit Datails Called');\n /* console.log(editDetails.selectedAmount);\n console.log(minimumAmount.Tm_mintramt);\n console.log(\n Number(locdata.selectedAmount) < Number(minimumAmount.Tm_mintramt)\n ); */\n\n /* console.log(activity === 1,\n stateDuration !== \"Perpetual\",\n changeInstallmentt < frequencyRadioInstallment, 'check Statushjbdejh') */\n // if (locdata.selectCategory == \"\") {\n\n // }else {} will continue post confirmation team\n //\n // if(activity === 1 && selectedSIPFolio === \"\"){\n\n // }\n\n // console.log(activity,selectedSIPFolio,'selectSip Check')\n if (locdata.selectCategory == \"\") {\n setschemeErrormessage(\"Please select Category\");\n } else if (locdata.selectedScheme == \"\") {\n setschemeErrormessage(\"Please select Scheme\");\n } else if (locdata.selectedPlan == \"\") {\n setschemeErrormessage(\"Please select Scheme Plan\");\n } else if (locdata.selectedOption == \"\") {\n setschemeErrormessage(\"Please Select Sub Option\");\n } else if (activity === 1 && locdata?.selectedSIPFolio === \"\") {\n setschemeErrormessage(\"Please Select SIP Type\");\n } else if (activity === 1 && editDetails.sipfrequency == \"\") {\n setschemeErrormessage(\"Please select Frequency\");\n\n }\n else if (activity === 1 && values?.selectedPaymnetRegistrationMode === '') {\n setschemeErrormessage(\"Please select Mode of Registration\")\n }else if ((values.modeOfRegistration === \"AOTM\" || values.modeOfRegistration === \"KOTM\") && JSON.parse(values.selectedOTMMethodRegistration).Error_Code === \"14\") {\n setschemeErrormessage(JSON.parse(values.selectedOTMMethodRegistration).Error_Message);\n } else if (\n activity === 0 &&\n (locdata.selectedAmount == \"\" ||\n Number(locdata.selectedAmount) < Number(minimumAmount.Tm_mintramt))\n ) {\n if (Number(locdata.selectedAmount) < Number(minimumAmount.Tm_mintramt)) {\n setschemeErrormessage(\n \"Amount should be greater than minimum amount has mentioned above\"\n );\n } else {\n setschemeErrormessage(\"Please select Option\");\n }\n } else if (\n activity === 1 &&\n (locdata.selectedAmount == \"\" ||\n Number(locdata.selectedAmount) < Number(sipMinimumAmount))\n ) {\n if (Number(locdata.selectedAmount) < Number(sipMinimumAmount)) {\n setschemeErrormessage(\n \"SIP Amount should be greater than minimum amount has mentioned above\"\n );\n } else {\n // console.log('else Calledsabdmhjgdejhghjdeg');\n setschemeErrormessage(\"Please select SIP Amount\");\n }\n } else if (\n activity === 1 &&\n stateDuration !== \"Perpetual\" &&\n changeInstallmentt === \"0\"\n ) {\n setschemeErrormessage(\"Please Enter No Of Installments\");\n } else if (\n activity === 1 &&\n stateDuration !== \"Perpetual\" &&\n changeInstallmentt < frequencyRadioInstallment\n ) {\n\n setschemeErrormessage(\"Installment should Greater than or equal to minimum Installment\")\n } else if (\n activity === 1 &&\n editDetails.selectedSIPPaymentMode === \"Y\" &&\n (locdata.selectedAmountPurch == \"\" ||\n Number(locdata.selectedAmountPurch) < Number(sipMinimumAmount))\n ) {\n if (Number(locdata.selectedAmountPurch) < Number(sipMinimumAmount)) {\n setschemeErrormessage(\n \"Lumpsum Amount should be greater than minimum amount has mentioned above\"\n );\n } else {\n // console.log('else Calledsabdmhjgdejhghjdeg');\n setschemeErrormessage(\"Please select Lumpsum Amount\");\n }\n } else if (activity === 1 && sipStartDateValue == \"\") {\n setschemeErrormessage(\"Please select SIP date\");\n } else {\n /* console.log(\"check heree\"); */\n\n if (type == \"checkandContinue\") {\n if (schemeDeclararion == false) {\n setschemeErrormessage(\"Please check declaration\");\n } else {\n /* console.log(\"check heree 647\"); */\n //\n window.scrollTo(0, 0);\n locdata.IsPerpetual = stateDuration == \"Perpetual\" ? true : false;\n addtocart(locdata, type, ftpnextpagehere);\n schemeRef.current();\n setInputValAmount(\"\");\n let json;\n let schemeArray;\n if (activity === 0 || activity === 2) {\n let createArray = [];\n // for(let i=0;iSIP end date--> \", endDate) */\n schemeArray = {\n refno: personalData\n ? personalData.personalDetails.pd1_refNo &&\n personalData.personalDetails.pd1_refNo.toString()\n : \"\",\n Cart_ID: \"0\",\n InvestmentType: investmentType,\n SchemeCategory: editDetails.selectCategory,\n Scheme:\n editDetails && JSON.parse(editDetails.selectedScheme).fm_scheme,\n SchPlan:\n editDetails && JSON.parse(editDetails.selectedPlan).fm_plan,\n SchOption:\n editDetails &&\n JSON.parse(editDetails.selectedOption).fm_optiondesc,\n SIP_Frequency: editDetails.sipfrequency,\n SIP_Date: sipStartDateValue, //startDate\n SIP_PeriodFrom: dateCoverted(\n startDate,\n \"DD/MM/YYYY\",\n \"MM/DD/YYYY\"\n ),\n IsPerpetual: stateDuration == \"Perpetual\" ? true : false,\n SIP_PeriodTo: dateCoverted(endDate, \"DD/MM/YYYY\", \"MM/DD/YYYY\"),\n // SIP_PeriodTo: endDate,\n NoOfInstallments: changeInstallmentt,\n Amount: editDetails.selectedAmount,\n // IsGoal_SIP: '',\n // SIP_Goal: '',\n // GoalAmount: ''\n };\n }\n\n let customArray =\n activity === 0 || activity === 2 ? schemeArray : [schemeArray];\n json = {\n page_code: \"ID\",\n refno: personalData\n ? personalData.personalDetails.pd1_refNo &&\n personalData.personalDetails.pd1_refNo.toString()\n : \"\",\n\n investingMode_transactiontype:\n activity == 0\n ? \"NEW\"\n : selectedSIPFolio\n ? JSON.parse(selectedSIPFolio).trtype\n : \"NEW\",\n investingmode: investmentTypeValue, //Distributor , RIA, Direct\n arn_code: investingViaData.arn,\n subbrokercode: investingViaData.sbCode,\n subbrokerarn:\n investingViaData.sbArn == \"ARN-\" ? \"\" : investingViaData.sbArn,\n euin_flag: investingViaData.euinDeclartion == \"No\" ? \"N\" : \"Y\",\n euin_num: investingViaData.euinNocb,\n ria_code: riaCodeValue, //investingViaData.riaCode, //riaCodeValue\n schemecart_details: JSON.stringify(customArray),\n };\n\n callAPIwithJSON(json);\n }\n } else {\n addtocart(locdata, type, ftpnextpagehere);\n schemeRef.current();\n }\n }\n\n // setSchemeValues([]);\n // setSchemePlanValues([]);\n // setSchemeOptions([]);\n // setData({\n // ...data,\n // selectedScheme: \"\",\n // selectCategory: \"\",\n // selectedPlan: \"\",\n\n // selectedAmount: \"\",\n // });\n // setMinimumAmount({});\n // clearDatainpt();\n // console.log(data);\n };\n const getOTMDataRegistration = async () => {\n var url = \"/quickAdditionalPurchase/onlineMandate\";\n var postobjt = {\n pan: personalData?.personalDetails?.pan,\n\n fund: configData.amcCode,\n };\n\n var options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res.statusCode) {\n // dispatch(getFolioDetails(res))\n setoTMDetailsRegis([]);\n setNotifi({\n val: true,\n msg: \"No registerd OTM Found please Register OTM to proceed \",\n });\n } else {\n if (res[0].level2.length > 0) {\n setoTMDetailsRegis(res[0].level2);\n /* const { schemeDetailsarray } = schemeDetailsArr;\n const { schemeAmount } = schemeDetailsarray[0]; */\n const { Amt } = res[0].level2[0];\n handleUpdateValues(\"Amount\", res[0].level2[0]['Amt'])\n if (\n res?.length &&\n !res[0].level2[0].Error_Message /* &&\n +Amt >= +editDetails?.selectedAmount */\n ) {\n handleUpdateValues(\n \"selectedOTMMethodRegistration\",\n JSON.stringify(res[0].level2[0])\n );\n }\n } else {\n setoTMDetailsRegis([]);\n setNotifi({\n val: true,\n msg: \"No registerd OTM Found please Register OTM to proceed \",\n });\n }\n }\n })\n .catch((err) => {\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n const getAOTMDataRegistration = async () => {\n // console.log(\"aotm Called\");\n var url = \"/quickAdditionalPurchase/onlineAotmMandate\";\n var postobjt = {\n pan: personalData?.personalDetails?.pan,\n fund: configData.amcCode,\n };\n // console.log('post obj of aotm', postobjt)\n var options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res, \"resCalled\");\n if (res.statusCode) {\n // dispatch(getFolioDetails(res))\n setoTMDetailsRegis([]);\n setNotifi({\n val: true,\n msg: \"No registerd OTM Found please Register OTM to proceed \",\n });\n } else {\n if (res[0].level2.length > 0) {\n setoTMDetailsRegis(res[0].level2);\n handleUpdateValues(\n \"selectedOTMMethodRegistration\",\n JSON.stringify(res[0].level2[0])\n )\n /* const { schemeDetailsarray } = schemeDetailsArr;\n const { schemeAmount } = schemeDetailsarray[0]; */\n handleUpdateValues('Amount', res[0].level2[0]['Amt'])\n // console.log('', schemeAmount)\n // Amt ===> selectedAmount\n // console.log(\n // \"check Amount\",\n // Amt,\n // schemeAmount,\n // +Amt >= +schemeAmount\n // );\n if (\n res?.length &&\n !res[0].level2[0].Error_Message /* &&\n +Amt >= +selectedAmount */\n ) {\n // console.log(\"hendle Amount Called if called\");\n\n }\n // else{\n // handleFormData(\n // \"selectedOTMMethodRegistration\",\n // \"\"\n // );\n // }\n } else {\n // console.log(\"hendle Amount Called else called\");\n setoTMDetailsRegis([]);\n setNotifi({\n val: true,\n msg: \"No registerd OTM Found please Register OTM to proceed \",\n });\n }\n }\n })\n .catch((err) => {\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n const getRegistration = (val) => {\n /* console.log(val)\n console.log(val?.['Pay_Mode_Val']) */\n if (val?.['Pay_Mode_Val'] === 'AOTM') {\n setSelectedRegisVal('OTM')\n }\n else if (val?.['Pay_Mode_Val'] === 'KOTM') {\n setSelectedRegisVal('OTM')\n }\n else {\n setSelectedRegisVal(val?.['Pay_Mode_Val'])\n }\n }\n const toggleRegistrationPTM = (index) => {\n console.log(index);\n handleUpdateValues('Amount', JSON.parse(index)['Amt'])\n let otmExiprydate1 = JSON.parse(index)[\"MANDATE END DATE\"];\n handleUpdateValues('otmExiprydate1', JSON.parse(index)[\"MANDATE END DATE\"])\n // otmExiprydate1=dateCoverted(otmExiprydate1,\"DD/MM/YYYY\",\"MM/DD/YYYY\");\n /* console.log(otmExiprydate1);\n console.log(\n moment(moment(endDate, \"DD/MM/YYYY\").format(\"YYYY-MM-DD\")).isAfter(\n moment(otmExiprydate1, \"DD/MM/YYYY\").format(\"YYYY-MM-DD\")\n )\n ); */\n/* console.log('values in toggle', values);\n console.log(index); */\n setRegistrationError({ ...registrationError, selectedOTMMethodRegistration: \"\" });\n handleUpdateValues(\"selectedOTMMethodRegistration\", index);\n };\n const callAPIwithJSON = (json) => {\n setGlobalSpinner(true);\n console.log(json);\n var url = \"/ftp/saveForLaterRegistration\";\n var postobjt = json;\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n setTimeout(() => {\n if (res && res[0]) {\n // if(personalData){\n // personalData.schemeList = schemeDetails;\n // }\n FTPNext(json, schemeDetails, \"ftpschemeContinue\");\n }\n setGlobalSpinner(false);\n }, 500);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n //Schemes\n\n const setSipDateValues = (that) => {\n console.log(that, \"setSIPDateValues\");\n setSchemePlanValues(that);\n };\n\n const changeInstallmentFunc = (e) => {\n/* console.log(e, \"chacek On Change Installment Functions\"); */\n const re = /^[0-9\\b]+$/;\n let inputVal = e;\n if (re.test(e)) {\n setchangeInstallmentt(e);\n let json = {\n fund: configData.sipFundCode,\n frequency: editDetails.sipfrequency,\n startDate: sipStartDateValue,\n installments: e,\n transactionType: \"SIP\",\n sch:\n editDetails &&\n editDetails.selectedScheme != \"\" &&\n JSON.parse(editDetails.selectedScheme).fm_scheme,\n modeofregistration: selectedRegisVal ? selectedRegisVal : ''\n };\n // callEndDateAPi(json)\n // setsipDetailsList({\n // ...sipDetailsList,\n // noofINstallment: e,\n // });\n } else {\n setchangeInstallmentt(e);\n return false;\n }\n };\n const changeInstallmentFuncblur = async (e) => {\n const re = /^[0-9\\b]+$/;\n let inputVal = e;\n if (re.test(e)) {\n setchangeInstallmentt(e);\n let json = {\n fund: configData.sipFundCode,\n frequency: editDetails.sipfrequency,\n startDate: sipStartDateValue,\n installments: e,\n transactionType: \"SIP\",\n sch: editDetails && JSON.parse(editDetails.selectedScheme).fm_scheme,\n modeofregistration: selectedRegisVal ? selectedRegisVal : ''\n };\n await callEndDateAPi(json);\n await getMinAmount2(e, editDetails.sipfrequency);\n // setsipDetailsList({\n // ...sipDetailsList,\n // noofINstallment: e,\n // });\n } else {\n setchangeInstallmentt(e);\n return false;\n }\n };\n\n const getMinAmount2 = async (noOFInstallment, freq) => {\n const url = `/quickAdditionalPurchase/addPurMinAmount`;\n const options = {\n headers: {\n amc_key: configData.amcKey,\n },\n };\n console.log(editDetails, \"EDIT DETAILS fROM getminamount2\");\n var postdata = {\n fund: configData.amcCode,\n scheme: editDetails && JSON.parse(editDetails.selectedScheme).fm_scheme,\n plan: editDetails && JSON.parse(editDetails.selectedPlan).fm_plan,\n trnType: \"SIP\", //on 23/03/2022\n category: \"11\",\n freq: freq,\n\n installments: Number(noOFInstallment),\n // amount:\"1000\"\n };\n console.log(postdata);\n await contextapi\n .postApiEncrpCalling(url, postdata, options)\n .then((res) => {\n console.log(res);\n if (res.statusCode) {\n setMinimumAmount({});\n } else {\n var decrMinimumAmount = res;\n setMinimumAmount(decrMinimumAmount[0]);\n setsipMinimumAmount(decrMinimumAmount[0].Tm_mintramt);\n }\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n });\n };\n\n const [sipStartDateValue, setsipStartDateValue] = useState(\"\");\n const getStartEndDates = (e) => {\n let frequency = \"\";\n setsipStartDateValue(e.target.value);\n updateSetData_sipdate_duration(e.target.value, stateDuration);\n if (stateDuration === \"Perpetual\") {\n frequency = \"99\";\n if (editDetails.sipfrequency === \"Monthly\") {\n // let currentDate = new Date();\n // frequency = '99'\n // check current date and selected date and monthly\n }\n } else {\n frequency = frequencyRadioInstallment;\n }\n if (frequency != \"\") {\n let json = {\n fund: configData.sipFundCode,\n frequency: editDetails?.sipfrequency,\n startDate: e.target.value,\n // installments: changeInstallmentt, //frequency.toString() , //Perpetual\n transactionType: \"SIP\",\n sch: editDetails && JSON.parse(editDetails.selectedScheme).fm_scheme,\n modeofregistration: selectedRegisVal ? selectedRegisVal : ''\n };\n\n if (changeInstallmentt != \"\") {\n json.installments = changeInstallmentt;\n } else {\n json.installments = \"99\";\n }\n callEndDateAPi(json);\n }\n };\n\n const [startDate, setStartDate] = useState(\"\");\n const [endDate, setEndDate] = useState(\"\");\n const callEndDateAPi = async (e) => {\n const url = `/quickPurchase/getSIPEndDate`;\n var postdata = e;\n await contextapi\n .postApiEncrpCalling(url, postdata)\n .then((res) => {\n /* console.log(\"Start & End Date\", res[0]); */\n if (res[0]?.Error_code !== undefined && res[0]?.Error_code === \"1\") {\n /* console.log(\"Called inside if\"); */\n setNotifi({ val: true, msg: res[0]?.Error_Message });\n setchangeInstallmentt(\"\");\n setStartDate(\"\");\n setEndDate(\"\");\n } else {\n /* console.log(\"Called inside else\"); */\n\n let startDate = res[0].level2[0].SIP_StartDate;\n let endDate = res[0].level2[0].SIP_EndDate;\n\n if (res.message !== \"no records found\") {\n setStartDate(startDate);\n if (stateDuration === \"Perpetual\") {\n setEndDate(moment(moment(startDate, \"DD/MM/YYYY\").format(\"MM/DD/YYYY\")).add(40, \"years\").format(\"DD/MM/YYYY\"));\n } else {\n setEndDate(endDate);\n }\n if (e.transactionType == \"SIP\") {\n var noInstall = calNoOfInstallmentsPer(e.frequency, startDate);\n /* console.log(`no of installment --> ${noInstall}`); */\n updateSetData_star_endDate(\n \"SIP_PeriodFrom\",\n startDate,\n \"SIP_PeriodTo\",\n stateDuration === \"Perpetual\"\n ? moment(moment(startDate, \"DD/MM/YYYY\").format(\"MM/DD/YYYY\")).add(40, \"years\").format(\"DD/MM/YYYY\")// \"31/12/2099\" \n : endDate,\n \"selectedSIPPerInstallment\",\n noInstall,\n \"NoOfInstallments\",\n changeInstallmentt,\n \"sipDurationType\",\n stateDuration\n );\n\n // updateSetData(\"SIP_PeriodTo\", endDate);\n\n // updateSetData(\"selectedSIPPerInstallment\", noInstall);\n }\n }\n }\n })\n .catch((err) => { });\n };\n\n const [openModalUserdec, setopenModalUserdec] = useState(false);\n const openModalUserdecfunc = () => {\n setopenModalUserdec(true);\n };\n\n const closeModalDec = () => {\n setopenModalUserdec(false);\n };\n\n const [sipTypeList, setSipTypeList] = useState([\n {\n lable: \"New Folio-SIP Registration\",\n value: JSON.stringify({\n folio: \"N\",\n payment: \"N\",\n trtype: \"SINI\",\n lable: \"New Folio-SIP Registration\",\n }),\n //Changed on23June2022 with confirmation\n // value: JSON.stringify({ folio: \"N\", payment: \"N\", trtype: \"ISIP\" }),\n },\n {\n lable: \"New Folio-SIP Registration with Payment\",\n value: JSON.stringify({\n folio: \"N\",\n payment: \"Y\",\n trtype: \"SIN\",\n lable: \"New Folio-SIP Registration with Payment\",\n }),\n },\n ]);\n\n const [selectedSIPFolio, setSelectedSIPFolio] = useState(\"\");\n\n const changeSIPType = (e) => {\n // console.log(JSON.parse(e).lable);\n\n // handleFormData(\"selectedSIPFolio\", e);\n // handleFormData(\"selectedSIPFolioType\", JSON.parse(e).folio);\n // handleFormData(\"selectedSIPPaymentMode\", JSON.parse(e).payment);\n // handleFormData(\"selectedSIPTrType\", JSON.parse(e).trtype);\n sip_selectedSIP_type(e);\n setSelectedSIPFolio(e);\n /* console.log(e, \"Select Sip Type\"); */\n };\n const [selectedSIPFolioErrorMsg, setselectedSIPFolioErrorMsg] = useState(\"\");\n /* useEffect(() => {\n setMinimumAmount({})\n }, [nfoType]) */\n {/* istep ends */ }\n const fetchPaymentRegistation = async () => {\n\n var url = configData.paymentOption[configData.ENV];\n console.log(url)\n\n var postobjt = {\n option: \"PM\",\n fund: configData.amcCode,\n assetSchemeType: personalData?.personalDetails?.pan,\n planMode: \"\",\n customFund: configData.amcCode,\n category: \"SIP\",\n\n };\n // console.log('sip in ref',postobjt, 'sip register');\n var options = {};\n await contextapi\n .postApiEncr2pCalling(url, postobjt, options)\n .then((res) => {\n /* console.log(res) */\n if (res.statusCode) {\n // dispatch(getFolioDetails(res))\n\n setRegistrationMode([])\n } else {\n // console.log(\n // res.findIndex((item) => item.Pay_Mode === \"AOTM\") === -1,\n // \"check its true or not\"\n // );\n res.findIndex((item) => item.Pay_Mode === \"AOTM\") === -1 &&\n // res.push({ Pay_Mode_Val: \"ENACH\", Pay_Mode: \"AOTM\" });\n res.push({ Pay_Mode_Val: \"AOTM\", Pay_Mode: \"AOTM\" });\n\n const newRes = res.map((res, index) => {\n if (res.Pay_Mode === \"AOTM\") {\n res.Pay_Mode_Val = \"AOTM\";\n }\n return res;\n });\n // console.log(\"response to set payment mode\", newRes)\n setRegistrationMode(newRes);\n }\n\n })\n .catch((err) => {\n setNotifi({ val: true, msg: \"Something went wrong\" });\n })\n };\n\n useEffect(() => {\n if (activity === 1) {\n fetchPaymentRegistation()\n }\n }, [activity])\n //console.log('registration mode', registrationMode)\n const isOtmRegistrationModeSelected =\n genderradioRegis === \"AOTM\" || genderradioRegis === \"KOTM\";\n const otmRegistrationError =\n oTMDetailsRegis?.length && oTMDetailsRegis[0]?.Error_Message\n ? oTMDetailsRegis[0]?.Error_Message\n : \"\";\n const displayOtmOptionsForRegistrationMode =\n isOtmRegistrationModeSelected && !otmRegistrationError;\n\n const toggleTabGender = (index) => {\n // console.log(index, \"console.log ragistaton called\");\n // console.log('.............personal details.....++++++++++++++++++++++', personalData.BankDetails)\n // personalData['BankDetails']['selectedPaymnetRegistrationMode'] = index?.Pay_Mode_Val\n /* console.log('.................................', personalData['BankDetails']['selectedPaymnetRegistrationMode']) */\n setsipStartDateValue(\"\")\n getRegistration(index);\n if (index?.Pay_Mode_Val === 'ISIP') {\n handleUpdateValues('selectedOTMMethodRegistration', '')\n }\n if (index !== \"\") {\n //console.log(index);\n handleUpdateValues('modeOfRegistration', index?.Pay_Mode_Val)\n setValueRegis(index.Pay_Mode);\n // console.log(genderradioRegis, 'select')\n handleUpdateValues(\"selectedPaymnetRegistrationMode\", JSON.stringify(index));\n\n setRegistrationError({ ...registrationError, selectedPaymnetRegistrationMode: \"\" }); \n\n if (index.Pay_Mode === \"KOTM\") {\n getOTMDataRegistration();\n }\n\n if (index.Pay_Mode === \"AOTM\") {\n getAOTMDataRegistration();\n }\n }\n };\n return (\n
\n \n
\n \n );\n};\nexport default AmountInput;\n","import React, { useEffect, useState, useContext } from \"react\";\nimport { Radio, FormControl, FormControlLabel, RadioGroup } from \"@mui/material\";\nimport configData from \"../../../config/config.json\";\nimport { Context } from \"../../../services/apiContext\";\nconst SIPFrequency = ({\n dataParm,\n handleParm,\n setSipDateValues,\n setsipMinimumAmount,\n setFrequencyRadioInstallment,\n amountVal,\n editAmount,\n changeInstallmentt,\n sipFreEdit\n}) => {\n const [sipDataFrequency, setsipDataFrequency] = useState('Weekly');\n const [sipFrequency, setsipFrequency] = useState([]);\n const contextapi = useContext(Context);\n useEffect(() => {\n console.log(\"sip frequncy Called\")\n getSipFrequency();\n console.log(\"Enter\")\n editAmount.current = (itemToedit) => {\n // seteditFunc(true);\n console.log(dataParm)\n console.log(itemToedit)\n amountVal = itemToedit;\n if(amountVal != \"\" && dataParm.selectedScheme != \"\"){ \n // getMinAmount()\n }\n\n }\n\n }, []);\n const getSipFrequency = async () => {\n\n const url = `/quickAdditionalPurchase/sipdetails`;\n const options = {\n headers: {\n amc_key: configData.amcKey,\n },\n };\n const data = {\n \"fund\": configData.sipFundCode,\n \"options\": configData.sipInvestmentOption,\n \"asset_scheme_type\": \"\",\n customFund: configData.sipCustomFund,\n \"uid\": \"\"\n };\n await contextapi\n .postApiEncrpCalling(url, data, options)\n .then((res) => {\n console.log(res,\"reponce\");\n if (res.statusCode) {\n setsipFrequency([]);\n } else {\n // console.log(res);\n setsipFrequency(res);\n\n if(sipFreEdit){\n handleParm('sipfrequency',dataParm.sipfrequency);\n getFrequencyRadioValues(dataParm.sipfrequency);\n }\n // setFrequencyRadioInstallment();\n }\n })\n .catch((err) => {\n if(sipFrequency.length<=0){\n setTimeout(()=>{\n getSipFrequency();\n },2000);\n \n }\n });\n };\n const getSchemeName = async (value) => {\n console.log(\"called\");\n handleParm('sipfrequency',value);\n getFrequencyRadioValues(value);\n }\n const getFrequencyRadioValues = async(e) => {\n console.log(\"Frequency Radio\",e)\n \n const url = `/quickAdditionalPurchase/sipdetails`;\n var postdata = {\n fund:configData.sipFundCode,\n \"options\": \"D\",\n // options:configData.sipDateOptions,\n asset_scheme_type:e,\n customfund:configData.sipCustomFund,\n uid:\"\"\n };\n await contextapi\n .postApiEncrpCalling(url, postdata)\n .then((res) => {\n if(res.message !== \"no records found\"){\n console.log(\"getFrequencyRadioValues\",res)\n setSipDateValues(res);\n \n getMinimumAmount(e);\n // if(amountVal != \"\"){ \n // getMinAmount()\n // }\n \n \n \n // \n }else{\n console.log(res,\"No response\")\n setSipDateValues([])\n // setGlobalSpinner(false);\n // setNotifi({val: true, msg: \"No Sip Dates Found\"})\n }\n })\n .catch((err) => {\n // console.log(err);\n // setGlobalSpinner(false);\n // setNotifi({val: true, msg: \"Something Went Wrong\"})\n });\n }\n\n const getMinimumAmount = async(frVal) => {\n console.log(dataParm, dataParm.selectedScheme ,'sip called ')\n const url = `/quickAdditionalPurchase/minAmount`;\n var postdata = {\n fund: configData.amcCode,\n scheme: dataParm && dataParm.selectedScheme !=\"\" && JSON.parse(dataParm.selectedScheme).fm_scheme,\n // plan: JSON.parse(data.selectedPlan).fm_plan,\n // trnType: data.selectedInvestment,\n trType:\"SIP\",\n freq: frVal,\n };\n await contextapi\n .postApiEncrpCalling(url, postdata)\n .then((res) => {\n \n if(res[0].level1[0].Error_Message == \"Success\"){ \n setsipMinimumAmount(res[0].level2[0].minamt);\n setFrequencyRadioInstallment(res[0].level2[0].mininst)\n // setFrequencyRadioInstallment(res[0].level2[0].mininst) \n }else {\n setsipMinimumAmount('');\n }\n\n // if(res.message !== \"no records found\"){\n // console.log(\"changeSchemeOptionResponse\",res[0].minamt)\n // // setMinAmt(res[0].minamt)\n \n // // getFrequencyOption()\n // // var decrMinimumAmount = res;\n // // setMinimumAmount(decrMinimumAmount[0]);\n // }else{\n \n // // getFrequencyOption()\n // // setMinimumAmount({});\n // // setGlobalSpinner(false);\n // // setNotifi({ val: true, msg: \"There is no minimum amount for this Scheme Option\" });\n // } \n })\n .catch((err) => {\n // console.log(err);\n // setGlobalSpinner(false);\n // setNotifi({ val: true, msg: \"Something Went Wrong with min\" });\n });\n }\n\n\n \n return (\n \n
\n\n \n \n
\n \n
\n\n Nominee Details
\n\n
\n\n I do not wish to add a nominee
\n\n {!isChecked && (\n changenominee(e)}\n >\n \n \n \n \n
\n \n
*/}\n \n changenominee(3)}\n >\n
\n \n changenominee(2)}\n >\n
\n\n \n Total Number of Nominees*\n
\n\n\n {/* changenominee(1)}\n >\n
\n\n 1
\n2
\n3
\n\n {renderPersonalDetails()}\n\n
}\n \n {Number(stateActive) <=\n Number(stateActiveTotalNo) && (\n {\n addNominee(\"add\");\n }}\n >\n + Add Nominee\n \n )}\n {Number(stateActive) <=\n Number(stateActiveTotalNo) && (\n \n please click on add nominee to proceed further\n \n )}\n
\n {cartadderror}
\n\n\n {(completeNomineeinone.first != \"\" ||\n completeNomineeinone.second != \"\" ||\n completeNomineeinone.third != \"\") && (\n
\n \n
\n )}\n\n {/* {stateActive == '3' && \n
\n } */}\n\n {/* > ${eNachExpiryDate}`); */\n // eNachExpiryDate= dateCoverted(eNachExpiryDate,\"DD/MM/YYYY\",\"MM/DD/YYYY\");\n console.warn(moment(schemeData?.SIP_PeriodTo,\"DD/MM/YYYY\").format(\"YYYY-MM-DD\"));\n console.warn(moment(eNachExpiryDate,\"DD/MM/YYYY\").format(\"YYYY-MM-DD\"));\n if(moment(moment(sipEndDate,\"DD/MM/YYYY\").format(\"YYYY-MM-DD\")).isAfter(moment(eNachExpiryDate,\"DD/MM/YYYY\").format(\"YYYY-MM-DD\"))){\n return true;\n }\n return false;\n }\n\n const selectedbankingproceed = async () => {\n const error = await checkErrors(values);\n if (Object.keys(error).length > 0) {\n await setPaymentError(error);\n } else {\n generateTransID();\n nextStep();\n /* if (\n (genderradioRegis === \"KOTM\" || genderradioRegis === \"AOTM\") &&\n compareMandateExipryDateLimit()\n ) {\n setNotifi({\n val: true,\n msg: \"Your mandate last date is earlier than Your SIP last date Please select other!\",\n });\n return;\n } */\n /* console.warn(values.selectedPaymnetMode);\n console.log(values.selectedPaymnetMode); */\n /* if (\n investingViaData.selectedSIPPaymentMode === \"Y\" &&\n JSON.parse(values.selectedPaymnetMode).Pay_Mode_Val === \"KOTM\"\n ) {\n checkOTMLimit();\n } */\n }\n // history.push(\"./PaymentDetails\");\n };\n const checkOTMLimit = async () => {\n var cartValue =\n schemeDetails.schemeDetailsarray.length > 0\n ? schemeDetails.schemeDetailsarray\n .map((bill) => Number(bill.selectedAmount))\n .reduce((acc, bill) => bill + acc)\n : 0;\n console.log(JSON.parse(values.selectedOTMMethod).Amt);\n if (JSON.parse(values.selectedOTMMethod).Amt < cartValue) {\n setNotifi({ val: true, msg: \"Total Value is greater than OTM Limt. \" });\n } else {\n generateTransID();\n nextStep();\n }\n };\n const openfile = () => {\n document.getElementById(\"choosefilebank\").click();\n };\n // const bankdetails = [\n // {\n // bankname: \"hdfc\",\n // umrn: \"123456\",\n // mandate: \"--\",\n // id: 1,\n // },\n // {\n // bankname: \"axis\",\n // umrn: \"65423\",\n // mandate: \"--\",\n // id: 2,\n // },\n // {\n // bankname: \"ICICI\",\n // umrn: \"090898\",\n // mandate: \"--\",\n // id: 3,\n // },\n // ];\n\n const [openModalUserdec, setopenModalUserdec] = useState(false);\n const openModalUserdecfunc = () => {\n // console.log(\"declaration Called\");\n setopenModalUserdec(true);\n };\n\n const closeModalDec = () => {\n setopenModalUserdec(false);\n };\n\n useEffect(()=>{\n getPaymentInstructions();\n },[]);\n return (\n <>\n \n
\n\n {openModalUserdec && (\n \n \n \n \n \n {`Beneficiary Bank Details`}\n {closeModal ? (\n theme.palette.grey[500],\n }}\n >\n \n \n \n )}\n \n {displayOtmOptions ? (\n \n {displayOtmOptionsForRegistrationMode ? (\n \n )}\n */}\n \n \n {`Payment Efficacy Matrix`}\n {closeModal ? (\n theme.palette.grey[500],\n }}\n >\n \n {/* */}\n \n \n )}\n \n
\n Payment Details
\n\n \n\n
\n \n
\n \n \n
\n \n To Know the payment efficacy matrix, please click the link{\" \"}\n \n
\n
\n )}\n \n ) : (\n \n \n
\n \n \n \n {paymentMethod.map((data, index) => (\n \n
\n \n
\n )}\n {genderradio === 'RTGS' ?\n (\n \n
\n \n \n \n {paymentMethod.map((data, index) => (\n \n
\n \n
) : \"\"\n\n }\n <>\n {openModalPayment && (\n To Know the about benificary bank details, {\" \"}\n \n
\n \n\n
\n \n
\n \n \n
\n \n
\n \n
\n \n \n Please follow below steps to complete NEFT\n transaction:\n \n
\n\n- \n
- \n Use the below AMC bank details to add the AMC\n as a payee/beneficiary in your bank account:\n
- \n
- \n \n Beneficiary Bank{\" - \"}\n {paymentInstructions?.bankname}\n \n \n
- \n \n Beneficiary Name{\" - \"}{\" \"}\n {paymentInstructions?.name}\n \n \n
- \n \n Beneficiary Account Type {\" - \"}\n {paymentInstructions?.accounttype}\n \n \n
- \n \n Beneficiary Account Number{\" - \"}\n {paymentInstructions?.bankacno}\n \n \n
- \n \n Beneficiary IFSC Code{\" - \"}\n {paymentInstructions?.bankifsc}\n \n \n
\n - \n Initiate a NEFT transfer request for the\n beneficiary AMC from your bank website\n \n
- \n Note down UTR/NEFT Transaction Reference\n Number generated from your bank website\n \n
- \n Fill the same in UTR/NEFT reference number\n mentioned above.\n \n
\n \n \n
\n
\n ) : otmError && isOtmSelected ? (\n <>\n | \n | \n Bank Name\n | \n\n UMRN\n | \n\n Mandate Limit\n | \n
|---|---|---|---|
| \n | \n {data[\"BANK NAME\"]} | \n{data.UMRNNO} | \n{data.Amt} | \n
\n Currently No {genderradio} is registered for the PAN. Kindly use{\" \"}\n \n \n e-NACH section\n \n {\" \"}\n to register for {genderradio}\n
\n\n
\n )}\n {/* {JSON.stringify(values.selectedPaymnetRegistrationMode)} }\n {transtype.toLowerCase() === \"sip\" &&\n values.selectedPaymnetRegistrationMode !== \"\" &&\n (JSON.parse(values.selectedPaymnetRegistrationMode)?.Pay_Mode ===\n \"KOTM\" ||\n JSON.parse(values.selectedPaymnetRegistrationMode)?.Pay_Mode ===\n \"AOTM\") && (\n \n \n
\n {registrationMode.length === 0 && (\n \n
\n )}\n \n OTM not registerd for transaction,{\" \"}\n \n \n \n please click here to register OTM\n \n \n \n
\n\n \n \n {registrationMode.map((data, index) => (\n \n
\n\n \n \n \n
\n
\n ) : otmRegistrationError && isOtmRegistrationModeSelected ? (\n <>\n | \n | \n Bank Name\n | \n\n UMRN\n | \n\n Mandate Limit\n | \n
|---|---|---|---|
| \n | \n {data[\"BANK NAME\"]} | \n{data.UMRNNO} | \n{data.Amt} | \n
\n Currently No AOTM is registered for the PAN. Kindly use{\" \"}\n \n \n e-NACH section\n \n {\" \"}\n to register for AOTM\n
\n\n
\n <>\n {openModalUser && (\n \n {\n handleFormData(\n \"selectedDeclaration\",\n !values.selectedDeclaration\n );\n setPaymentError({ ...paymentError, selectedDeclaration: \"\" });\n }}\n />\n\n \n \n Declaration\n \n
\n \n
\n \n selectedbankingproceed()}\n >\n Proceed\n \n
\n \n {step < 4 ? (\n <>\n
\n );\n};\n\nexport default Lumpsump;\n","export default __webpack_public_path__ + \"static/media/lumpsuminFTP.41643d03.svg\";","export default __webpack_public_path__ + \"static/media/sipinFTP.550d50f9.svg\";","import React, { useState, useEffect } from \"react\";\nimport {\n FormControl,\n FormControlLabel,\n Radio,\n RadioGroup,\n} from \"@mui/material\";\nimport \"../../Quickpurchase/css/AmountInput.css\";\n\nimport inputPath from \"../../../assets/Images/inputPath.png\";\nimport schemename from \"../../../assets/Images/quickpirchase/schemename.svg\";\nimport {price_in_words} from \"../../../helperFunctions/helperFunctions\";\nimport configData from \"../../../config/config.json\";\nconst AmountInput = ({ props, onChange,value, changeInputVal, inputVal, onBlur, newSIP ,investmentType}) => {\n const [stateActive, setstateActive] = useState(\"\");\n \n // const changeAmount = (that) => {\n // setstateActive(that);\n // onChange(that);\n \n // };\n // let amountval = [1000,2000,3000,5000]\n let amountval = [5000,10000,25000,50000]\n\n const validateinput = (e) => {\n var code = ('charCode' in e) ? e.charCode : e.keyCode;\n \n\n if (e.target.name == 'number' ) {\n if (// space\n !(code > 47 && code < 58)) { // lower alpha (a-z)\n e.preventDefault();\n }\n }\n\n\n}\n\n return (\n <>\n \n \n
\n \n
\n \n ) : (\n \n
\n {renderSwitch()}
\n \n
\n \n
\n )}\n \n changeAmount(\"50000\")}\n >\n
*/}\n\n \n
\n \n { investmentType !== \"ZBF\" && \n 
\n \n\n { validateinput(e) }}\n maxLength={10}\n // onChange={(e) => changeAmount(e.target.value)}\n onChange={changeInputVal}\n\n value={inputVal}\n disabled = { investmentType === \"ZBF\" ? true: false}\n />\n
\n (Rupees {price_in_words(inputVal)} only)
\n {/*\n For NAV applicability details, \n click here\n
*/}\n{newSIP == 'newSIP' && \n\n For NAV applicability details,{\" \"}\n \n \n click here\n \n \n
\n}\n\n changeAmount(\"25000\")}\n >\n
\n \n {\n (\n amountval.map( (number,index) =>\n changeAmount(\"10000\")}\n >\n
\n\n changeInputVal(e,number)}\n >\n
\n \n )\n )\n }\n \n {/* ₹{number}
\n₹10,000
\n₹25,000
\n₹50,000
\n\n \n\n
\n );\n}\n\nexport default SIPFrequency;","import React, { useState, useEffect, useContext, useRef } from \"react\";\n// import { Radio, FormControl, FormControlLabel, RadioGroup } from \"@mui/material\";\nimport DistributorArn from \"./Distributorarn\";\nimport Schemedetails from \"../SchemeDetails/SchemeDetails\";\nimport SchemedetailsZBF from \"../ZBF/SchemeDetailsZBF\";\nimport Lumpsump from \"../../Quickpurchase/Lumpsum\";\nimport ftplumpsum from \"../../../assets/Images/FTP/lumpsuminFTP.svg\";\nimport ftpsip from \"../../../assets/Images/FTP/sipinFTP.svg\";\nimport AmountInputFTP from \"../SchemeDetails/AmountInputs_ftp\";\nimport SIPFrequency from \"../SchemeDetails/SIPFrequency\";\nimport schemename from \"../../../assets/Images/quickpirchase/schemename.svg\";\nimport inputPath from \"../../../assets/Images/inputPath.png\";\nimport ftplumpsumcart from \"../../../assets/Images/FTP/ftplumpsumcart.svg\";\nimport arrowDown from \"../../../assets/Images/rightArrow.svg\";\nimport username from \"../../../assets/Images/user.svg\";\nimport { useHistory, Link } from \"react-router-dom\";\nimport { Formerror } from \"../../../components/formerror.js\";\nimport {\n dateCoverted,\n calNoOfInstallmentsPer,\n} from \"../../../helperFunctions/helperFunctions\";\nimport { MdOutlineArrowBackIosNew } from \"react-icons/md\";\n\nimport DeclarationLumpsum from \"../../CommonComponents/DeclarationLumpsum.js\";\n\nimport {\n Checkbox,\n FormControl,\n FormControlLabel,\n Radio,\n RadioGroup,\n FormGroup,\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n} from \"@mui/material\";\n\nimport configData from \"../../../config/config.json\";\nimport history from \"../../../History/history\";\nimport { useGlobalSpinnerActionsContext } from \"../../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\nimport { Context } from \"../../../services/apiContext\";\nimport moment from \"moment\";\n\nconst InvestmentThrough = ({\n FTPNext,\n FTPPrev,\n addtocart,\n personalData,\n schemeDetails,\n editDetails,\n clearall,\n updateSetData,\n editCart,\n resultrefno,\n updateSetData_star_endDate,\n editCarttoScheme,\n sip_selectedSIP_type,\n updateSetData_sipdate_duration,\n values,\n handleUpdateValues,\n genderradioRegis,\n setValueRegis\n}) => {\n const schemeRef = useRef(null);\n\n const editAmount = useRef(null);\n console.log(personalData);\n console.log(resultrefno);\n console.log(editDetails);\n // const [editFunc,seteditFunc] = useState(false)\n\n const [schemeData, setschemeData] = useState({});\n const [sipMinimumAmount, setsipMinimumAmount] = useState(\"\");\n const [registrationError, setRegistrationError] = useState({})\n const [schemeError, setSchemeError] = useState({});\n const [registrationMode, setRegistrationMode] = useState([])\n const [oTMDetailsRegis, setoTMDetailsRegis] = useState([]);\n const [selectedRegisVal, setSelectedRegisVal] = useState('')\n const clearGlobalDecfunc = () => {\n clearall();\n // setData({\n // ...data,\n // selectedScheme: \"\",\n // selectCategory: \"\",\n // selectedPlan: \"\",\n\n // selectedAmount: \"\",\n // selectedOption: \"\",\n // });\n // editDetails\n };\n\n const contextapi = useContext(Context);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n\n const history = useHistory();\n const [investmentTypeValue, setInvestmentTypeValue] = useState(\n personalData && personalData.APIJSON && personalData.APIJSON.investingmode\n ? personalData.APIJSON.investingmode\n : \"Direct\"\n );\n\n // console.log('==================' + investmentTypeValue);\n\n const [stateDuration, setstateDuration] = useState(\"Perpetual\");\n const [riaCodeValue, setRiaCodeValue] = useState(\n resultrefno != \"\" ? resultrefno.RIA_Code : \"\"\n );\n const [showRiaField, setShowRiaField] = useState(false);\n const [open, setOpen] = useState(false);\n const [schemeDeclararion, setschemeDeclararion] = useState(false);\n const [frequencyRadioInstallment, setFrequencyRadioInstallment] =\n useState(\"\");\n const [errorMessage, setErrorMessage] = useState({\n arnError: \"\",\n euinValue: \"\",\n subbroker: \"\",\n subarn: \"\",\n riaError: \"\",\n riaDeclarationError: \"\",\n });\n const [schemeErrormessage, setschemeErrormessage] = useState(\"\");\n const [modalMode1, setModalMode1] = useState(\"\");\n const [radioButtonCount, setRadioButtonCount] = useState(1);\n const [riaCode, setRiaCode] = useState(\"\");\n const [schemePlanValues, setSchemePlanValues] = useState([]);\n const [minimumAmount, setMinimumAmount] = useState({});\n const passminimumAmountfunc = (that) => {\n setMinimumAmount(that);\n };\n const [changeInstallmentt, setchangeInstallmentt] = useState(\"0\");\n\n const [inputValAmount, setInputValAmount] = useState(\"\");\n const [investingViaData, setinvestingViaData] = useState({\n investVia:\n resultrefno != \"\" ? resultrefno.InvestingMode : investmentTypeValue,\n\n arn: resultrefno != \"\" ? resultrefno.ARN_Code : \"ARN-\",\n // ispicked: false,\n euinNocb: resultrefno != \"\" ? resultrefno.EUIN_Num : \"\",\n euinDeclartion:\n resultrefno != \"\" ? (resultrefno.EUIN_Flag == \"N\" ? \"No\" : \"Yes\") : \"Yes\",\n sbCode: resultrefno != \"\" ? resultrefno.SubBrokerCode : \"\",\n sbArn: resultrefno != \"\" ? resultrefno.SubBrokerARN : \"ARN-\",\n riaCode: resultrefno != \"\" ? resultrefno.RIA_Code : \"\",\n EUINnonDeclaration: true, //changes always true is best\n // EUINnonDeclaration: resultrefno != \"\" ? ((resultrefno.EUIN_Flag == \"N\") ? true : false) : true // new changes always true is best\n\n // selectedFolio: JSON.parse(props.location.state).selectedData,\n });\n\n const [activity, setActivity] = useState(0);\n const [investmentType, setinvestmentType] = useState(\"Lumpsum\");\n const [sipFreEdit, setsipFreEdit] = useState(false);\n useEffect(() => {\n setRiaCodeValue(riaCodeValue);\n // getOTMData();\n editCart.current = (itemToedit) => {\n // seteditFunc(true);\n editCarttoScheme.current(itemToedit);\n setActivity(personalData.activity);\n setinvestmentType(personalData.investmentType);\n setInputValAmount(itemToedit.selectedAmount);\n };\n console.log(schemeDetails);\n console.log(editCarttoScheme);\n if (schemeDetails && schemeDetails.length > 0) {\n // setTimeout(()=>{\n // console.log(\":enter\")\n // console.log(editCarttoScheme.current)\n // if(editCarttoScheme.current != null){\n // editCarttoScheme.current(schemeDetails[0]);\n // }\n // },5000)\n if (editCarttoScheme.current != null) {\n editCarttoScheme.current(\"Edit\");\n }\n setActivity(Number(personalData.activity));\n setinvestmentType(personalData.investmentType);\n setInputValAmount(schemeDetails[0].selectedAmount);\n if (personalData.activity == 1) {\n setSelectedSIPFolio(personalData.schemeArray[0].selectedSIPFolio);\n changeSIPType(personalData.schemeArray[0].selectedSIPFolio);\n setsipFreEdit(true);\n\n setsipStartDateValue(personalData.schemeArray[0].SIPDate);\n setstateDuration(personalData.schemeArray[0].SIPDuration);\n\n setActivity(1);\n personalData.investmentType = \"SIP\";\n personalData.activity = 1;\n\n setinvestmentType(\"SIP\");\n\n if (personalData.schemeArray[0].SIPDuration == \"Perpetual\") {\n } else {\n changeInstallmentFunc(personalData.schemeArray[0].NoOfInstallments);\n setchangeInstallmentt(personalData.schemeArray[0].NoOfInstallments);\n }\n\n // { SIP lumpsum amount\n // selectedAmountPurch\n // }\n }\n\n setchange(!change);\n } else {\n if (personalData) {\n personalData.investmentType = \"Lumpsum\";\n personalData.activity = 0;\n }\n }\n if (resultrefno != \"\") {\n setinvestingViaData({\n investVia: resultrefno.InvestingMode,\n arn: resultrefno.ARN_Code,\n // ispicked: false,\n euinNocb: resultrefno.EUIN_Num,\n euinDeclartion: resultrefno.EUIN_Flag == \"N\" ? \"No\" : \"Yes\",\n sbCode: resultrefno.SubBrokerCode,\n sbArn:\n resultrefno.SubBrokerARN == \"\" ? \"ARN-\" : resultrefno.SubBrokerARN,\n riaCode: resultrefno.RIA_Code,\n EUINnonDeclaration: true,\n // \"EUINnonDeclaration\": ((resultrefno.EUIN_Flag == \"N\") ? true : false)\n });\n }\n }, [resultrefno]);\n const handelerrormessage = (key, value) => {\n setErrorMessage({\n [key]: value,\n });\n };\n\n const oneditInvestorDetails = () => {\n console.log(investingViaData);\n console.log(resultrefno);\n // setInvestmentTypeValue(resultrefno.InvestingMode);\n setinvestmentType(resultrefno.InvestmentType);\n setinvestingViaData({\n investVia: resultrefno.InvestingMode,\n arn: resultrefno.ARN_Code,\n // ispicked: false,\n euinNocb: resultrefno.EUIN_Num,\n euinDeclartion: resultrefno.EUIN_Flag == \"N\" ? \"No\" : \"Yes\",\n sbCode: resultrefno.SubBrokerCode,\n sbArn: resultrefno.SubBrokerARN == \"\" ? \"ARN-\" : resultrefno.SubBrokerARN,\n riaCode: resultrefno.RIA_Code,\n EUINnonDeclaration: true,\n // \"EUINnonDeclaration\": ((resultrefno.EUIN_Flag == \"N\") ? true : false)\n });\n setRiaCodeValue(resultrefno.RIA_Code);\n console.log(investingViaData);\n };\n const [ftpInvestmnetDetails, setftpInvestmnetDetails] = useState({\n generaldetails: investingViaData,\n schemeDetails: [],\n });\n\n const _isNumeric = (val) => {\n return /^\\d+$/.test(val.substr(1));\n };\n\n console.log(ftpInvestmnetDetails);\n const [checkboxInput, setDeclaration] = useState(false);\n const handleInputData = (input, value) => {\n //updating for data state taking previous state and then adding new value to create new object\n if (input == \"arn\" || input == \"sbArn\") {\n // let val = e.target.value;\n if (value.length > 3 && !_isNumeric(value)) {\n setinvestingViaData((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n } else if (value.length === 4) {\n setinvestingViaData((prevState) => ({\n ...prevState,\n [input]: \"ARN-\",\n }));\n }\n } else {\n setinvestingViaData((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n }\n\n setftpInvestmnetDetails({\n ...ftpInvestmnetDetails,\n generaldetails: investingViaData,\n });\n };\n\n const [kotmByPAn, setkotmByPAn] = useState(true);\n\n const getOTMData = async () => {\n if (\n personalData &&\n (personalData.personalDetails.pan\n ? personalData.personalDetails.pan\n : personalData.personalDetails.first.pan)\n ) {\n var url = \"/quickAdditionalPurchase/onlineMandate\";\n var postobjt = {\n pan:\n personalData &&\n (personalData.personalDetails.pan\n ? personalData.personalDetails.pan\n : personalData.personalDetails.first.pan), //\"CGEPG3182M\", //\"AWKPK0667K\",// //\n\n fund: configData.amcCode,\n };\n var options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res[0].level1[0].Error_Message != \"PAN exist\") {\n setkotmByPAn(false);\n // setKOTMErrormessage(\"There is no KOTM for your PAN. Please select alternate payment option to proceed with the transaction\")\n } else {\n setkotmByPAn(true);\n }\n })\n .catch((err) => {\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n }\n };\n\n const activityHandler = (index) => {\n schemeRef.current();\n setInputValAmount(\"\");\n if (index === 0) {\n setActivity(0);\n personalData.investmentType = \"Lumpsum\";\n personalData.activity = 0;\n setinvestmentType(\"Lumpsum\");\n }\n if (index === 1) {\n // setchange(false)\n setActivity(1);\n personalData.investmentType = \"SIP\";\n personalData.activity = 1;\n\n setinvestmentType(\"SIP\");\n }\n if (index === 2) {\n setActivity(2);\n personalData.investmentType = \"ZBF\";\n personalData.activity = 2;\n\n setinvestmentType(\"ZBF\");\n showDetails(\"Direct\");\n }\n };\n\n // const toggleTab = (index) => {\n // setValue(index);\n // };\n const [change, setchange] = useState(false);\n const toggleTab = (e) => {\n/* console.log(\"toggletab called\", radioButtonCount, e.target.value); */\n setchange(!change);\n setRadioButtonCount(radioButtonCount + 1);\n\n if (radioButtonCount >= 1) {\n setOpen(true);\n setModalMode1(e.target.value);\n } else {\n setOpen(false);\n showDetails(e.target.value);\n }\n };\n\n const previousOption = () => {\n setOpen(false);\n };\n\n const checkSubBrokerArn = () => {\n if (investingViaData.arn == investingViaData.sbArn) {\n setErrorMessage({\n subarn: \"ARN and Sub broker arn cannot be the same\",\n });\n } else {\n setErrorMessage({\n subarn: \"\",\n });\n }\n };\n const saveandproceedNominee = () => {\n // history.push(\"./BankDetails\");'\n\n if (\n moment(moment(endDate, \"DD/MM/YYYY\").format(\"YYYY-MM-DD\")).isAfter(\n moment(values.otmExiprydate1, \"DD/MM/YYYY\").format(\"YYYY-MM-DD\")\n )\n ) {\n /* console.log(\n \"true true true sip end date -> \",\n endDate,\n \" and otmexpired date \",\n values.otmExiprydate1\n ); */\n setNotifi({\n val: true,\n msg: \"Your mandate last date is earlier than Your SIP last date Please select other!\",\n });\n return;\n } else {\n /* console.log(\"false false false\"); */\n }\n // if (stateDuration !== \"Perpetual\" && (values.modeOfRegistration === 'KOTM' || values.modeOfRegistration === 'AOTM')) {\n\n // if (+values?.Amount < +editDetails.selectedAmount * parseInt(changeInstallmentt)) {\n // setNotifi({\n // val: true,\n // msg: \"Mandate limit should be greater than or equal to the investment\",\n // });\n // return;\n // }\n // } else {\n if (+values?.Amount < +editDetails?.selectedAmount && (values.modeOfRegistration === 'KOTM' || values.modeOfRegistration === 'AOTM')) {\n setNotifi({\n val: true,\n msg: \"Mandate limit should be greater than or equal to the investment\",\n });\n return;\n }\n // }\n let localCheck = true;\n if (investmentTypeValue === \"Distributor\") {\n setErrorMessage({\n arnError: \"\",\n euinValue: \"\",\n subbroker: \"\",\n subarn: \"\",\n });\n /* console.log(investingViaData);\n console.log(errorMessage);\n console.log(errorMessage.arnError); */\n if (investingViaData) {\n if (\n investingViaData.arn === \"\" ||\n investingViaData.arn == \"ARN-\" ||\n (errorMessage.arnError != undefined && errorMessage.arnError != \"\")\n ) {\n localCheck = false;\n if (errorMessage && errorMessage.arnError != \"\") {\n setErrorMessage({\n arnError: \"Invalid ARN Please check\",\n });\n } else {\n setErrorMessage({\n arnError: \"Please enter ARN\",\n });\n }\n }\n // else if (investingViaData.euinDeclartion == \"No\" && (investingViaData.euinNocb === \"\" || investingViaData.euinNocb === \"Please Select a EUIN\" || (errorMessage && errorMessage.euinValue != \"\"))) {\n else if (\n investingViaData.euinDeclartion == \"No\" &&\n (investingViaData.euinNocb === \"\" ||\n investingViaData.euinNocb === \"Please Select a EUIN\")\n ) {\n localCheck = false;\n setErrorMessage({\n euinValue: \"Please select EUIN\",\n });\n if (errorMessage && errorMessage.euinValue != \"\") {\n setErrorMessage({\n euinValue: errorMessage.euinValue,\n });\n } else {\n setErrorMessage({\n euinValue: \"Please select EUIN\",\n });\n }\n } else if (\n investingViaData.euinDeclartion == \"No\" &&\n investingViaData.EUINnonDeclaration === false\n ) {\n localCheck = false;\n\n setErrorMessage({\n euinValueDec: \"Please check EUIN declaration\",\n });\n }\n\n // else if (investingViaData.sbCode === \"\") {\n // localCheck = false;\n\n // setErrorMessage({\n // subbroker: 'Please enter Sub broker code',\n // })\n // }\n // else if (investingViaData.sbArn === \"\" || investingViaData.sbArn == \"ARN-\") {\n // localCheck = false;\n\n // setErrorMessage({\n // subarn: 'Please enter Sub broker arn',\n // })\n // }\n else if (investingViaData.arn == investingViaData.sbArn) {\n localCheck = false;\n\n setErrorMessage({\n subarn: \"ARN and Sub broker arn cannot be the same\",\n });\n }\n } else {\n localCheck = false;\n }\n } else if (investmentTypeValue === \"RIA\") {\n // setDeclaration(false)\n if (\n riaCodeValue === \"\" ||\n (errorMessage.riaError != undefined && errorMessage.riaError != \"\")\n ) {\n localCheck = false;\n setErrorMessage({\n riaError: \"Please enter RIA code\",\n });\n } else if (checkboxInput === false) {\n localCheck = false;\n setErrorMessage({\n riaDeclarationError: \"Please check declaration\",\n });\n } else {\n }\n }\n if (localCheck == true) {\n personalData.registration = values;\n setschemeErrormessage(\"\");\n let json;\n proceedToAddToCart(\"checkandContinue\", json, \"ftpnextpagehere\");\n // if (schemeDetails.length > 0) {\n\n // let schemeArray;\n // if (activity === 0) {\n // let createArray = [];\n // for(let i=0;i\n \n\n
\n \n
\n \n \n \n {sipFrequency.map((value, index) => (\n \n {/* {errorMessage.fieldError &&
\n {errorMessage.fieldError}
} */}\n\n \n )}\n\n {activity !== 2 && (\n
\n {\n activity === 0 && schemeDetails.length < 5 && <>\n //11 April 2022 commented as flow is not proper\n // \n \n {activity !== 2 &&
\n\n \n\n \n {/* */}\n \n
}\n\n Investing through *
\n\n {/* className=\"holdingvaluedivInvest\" */}\n \n \n {\"Are you sure?\"}\n \n \n \n You are changing the mode of transaction to {modalMode1}. Are\n you sure you want to proceed?\n \n \n \n previousOption()}\n >\n No, cancel it!\n \n showDetails(modalMode1)}\n >\n Yes, I am sure!\n \n \n \n
\n \n \n \n */}\n
\n \n \n \n \n {errorMessage.fieldError && (\n
\n {/* \n {errorMessage.fieldError}\n
\n )}\n\n {investmentTypeValue == \"Distributor\" ? (\n
\n \n \n \n {errorMessage.riaError}\n \n )}\n
\n \n \n {\n setRiaCodeValue(e.target.value);\n // handleFormData(\"riaCode\", e.target.value);\n }}\n maxLength={12}\n value={riaCodeValue}\n onBlur={validateRiaCode}\n onKeyPress={(event) => {\n if (!/[a-zA-Z0-9]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n />\n
\n\n {errorMessage.riaError && (\n \n {/* justcenter */}\n {/* \n \n
\n {errorMessage.riaDeclarationError && (\n I/We hereby give you my/our consent Declaration\n
*/}\n\n\n setDeclaration(!checkboxInput)}\n />\n \n {\" \"}\n I/We hereby confirm and declare the{\" \"}\n \n Declaration\n \n \n
\n \n {errorMessage.riaDeclarationError}\n
\n )}\n \n ) : (\n \"\"\n )}\n\n {/* marginspaceintop */}\n \n {/* Type of Investment * */}\n\n \n {displayOtmOptionsForRegistrationMode ? (\n \n )}\n \n )}\n\n {activity === 1 && (\n <>\n
\n \n {/* marginspaceintop */}\n\n \n
\n\n {/* SIP add type */}\n {activity === 1 && (\n \n activityHandler(0)}\n type=\"button\"\n className={\n activity === 0\n ? \"activeState customdesign w-50\"\n : \"customdesign w-50\"\n }\n >\n 
\n activityHandler(1)}\n type=\"button\"\n className={\n activity === 1\n ? \"activeState customdesign w-50\"\n : \"customdesign w-50\"\n }\n >\n 
\n activityHandler(2)}\n type=\"button\"\n className={\n activity === 2\n ? \"activeState customdesign w-50\"\n : \"customdesign w-50\"\n }\n >\n \n
\n Lumpsum
\n \n\n {kotmByPAn && (\nSIP Registration
\n \n )}\nZBF
\n \n\n
\n )}\n {activity !== 2 && (\n SIP Type *
\n \n
\n \n {sipTypeList.length > 0 && (\n changeSIPType(e.target.value)}\n >\n \n {sipTypeList.map((item, index) => (\n \n ))}\n \n )}\n
\n \n {selectedSIPFolioErrorMsg}\n
\n\n
\n )}\n {/* {\n activity === 0 ?\n : ''\n } */}\n\n {activity === 1 && (\n <>\n \n \n
\n {registrationMode.length === 0 && (\n \n
\n )}\n \n OTM not registerd for transaction,{\" \"}\n \n \n \n please click here to register OTM\n \n \n \n
\n\n \n \n {registrationMode.map((data, index) => (\n \n
\n {\n values.selectedPaymnetRegistrationMode !== \"\" &&\n (JSON.parse(values.selectedPaymnetRegistrationMode)?.Pay_Mode ===\n \"KOTM\" ||\n JSON.parse(values.selectedPaymnetRegistrationMode)?.Pay_Mode ===\n \"AOTM\") && (\n \n \n \n
\n
\n ) : otmRegistrationError && isOtmRegistrationModeSelected ? (\n <>\n | \n | \n Bank Name\n | \n\n Account No\n | \n\n UMRN\n | \n\n Mandate Limit\n | \n
|---|---|---|---|---|
| \n | \n {data[\"BANK NAME\"]} | \n{data[\"BANK A/C NO\"]} | \n{data.UMRNNO} | \n{data.Amt} | \n
\n Currently No AOTM is registered for the PAN. Kindly use{\" \"}\n \n \n e-NACH section\n \n {\" \"}\n to register for AOTM\n
\n\n \n
\n\n \n \n
\n \n \n\n
\n \n setstateDuration(\"No. of Installments\")}\n >\n
\n \n setstateDuration(\"Perpetual\")}\n >\n
\n {/* {stateDuration === \"Perpetual\" && startDate.length > 0 ? Perpetual
\n{`${startDate.split(\"/\")[0]}/${startDate.split(\"/\")[1]}/${parseInt(startDate.split(\"/\")[2]) + 99}`}
: } */}\n\nor
\n No. of Installments
\n\n
\n\n {startDate !== \"\" && (\n \n \n
\n \n {stateDuration === \"No. of Installments\" && (\n <>\n
\n \n
\n \n )}\n \n Minimum No. of installments is{\" \"}\n {frequencyRadioInstallment} *\n
\n\n
\n \n \n changeInstallmentFunc(e.target.value)\n }\n value={changeInstallmentt}\n onBlur={(e) =>\n changeInstallmentFuncblur(e.target.value)\n }\n />\n
\n \n
\n )}\n \n )}\n {activity === 2 && (\n \n {startDate !== \"\" && endDate !== \"\" && (\n
\n \n {`Next Installment on ${startDate} - Your SIP ends on ${stateDuration === \"Perpetual\"\n ? moment(moment(startDate, \"DD/MM/YYYY\").format(\"MM/DD/YYYY\")).add(40, \"years\").format(\"DD/MM/YYYY\")//31/12/2023\n : endDate\n }`}\n\n {/*
\n )}\n \n
\n {\n endDate !== \"\" &&\n SIP Start Date
\n{startDate}
\n\n\n\n\n
\n } */}\n SIP END Date
\n {\n stateDuration === \"Perpetual\" && \n\n {sipStartDateValue +\"/12/2099 \"}\n
\n }\n {\n stateDuration !== \"Perpetual\" && \n{endDate}
\n }\n \n \n \n\n\n
\n )}\n\n {activity !== 2 && (\n \n {activity === 1 ? (\n \n ) : (\n \n )}\n\n {activity !== 2 && (\n \n Min.Amount:\n {activity === 0\n ? minimumAmount.Tm_mintramt\n : sipMinimumAmount}\n \n )}\n
\n \n checkAmount()}\n value={activity !== 2 ? editDetails.selectedAmount : 0}\n minAmnt={\n activity === 0 ? minimumAmount.Tm_mintramt : sipMinimumAmount\n }\n newSIP={\"newSIP\"}\n investmentType={investmentType}\n />\n
\n )}\n\n {activity === 1 && editDetails.selectedSIPPaymentMode === \"Y\" && (\n \n
\n )}\n \n \n
\n \n checkAmount()}\n value={editDetails.selectedAmountPurch}\n // minAmnt={(activity === 0) ? minimumAmount.Tm_mintramt : sipMinimumAmount}\n minAmnt={0}\n newSIP={\"newSIP_hide\"}\n />\n
\n \n //
\n }\n\n {schemeErrormessage != \"\" && (\n proceedToAddToCart('directclick', \"\", \"\")}>\n // 
\n //
\n // Add to Cart
\n //\n
\n )}\n\n \n {schemeErrormessage}\n
\n\n
\n \n
\n \n setschemeDeclararion(!schemeDeclararion)}\n />\n \n {\" \"}\n I/We hereby confirm and make the{\" \"}\n \n Declaration\n \n \n
\n {errorMessage.euinValueDec && (\n \n {errorMessage.euinValueDec}\n
\n )}\n\n {/* */}\n\n {\n saveandproceedNominee();\n }}\n >\n Save and Proceed \n \n
\n {/* \n
*/}\n\n {openModalUserdec && (\n Click on save and proceed to continue the process for the investment add in the cart
\n\n
\n )\n\n}\n\nexport default Investment;","import React, { useState, useEffect, useContext } from \"react\";\nimport inputPath from \"../../../assets/Images/inputPath.png\";\nimport bankimg from \"../../../assets/Images/quickpirchase/bankdetails.svg\";\nimport \"./BankDetails.css\";\nimport sbiimg from \"../../../assets/Images/FTP/sbiimg.svg\";\nimport buildingimg from \"../../../assets/Images/FTP/buildingimg.svg\";\nimport creditcardimg from \"../../../assets/Images/FTP/credit-card.svg\";\nimport chequeupload from \"../../../assets/Images/FTP/icon_upload_cancel_cheque.svg\";\nimport chooseafile from \"../../../assets/Images/FTP/chooseafile.svg\";\nimport sbiimgbnk from \"../../../assets/Images/FTP/bankimg/sbi.svg\";\nimport hdfcimg from \"../../../assets/Images/FTP/bankimg/hdfc.svg\";\nimport axisimg from \"../../../assets/Images/FTP/bankimg/axis.svg\";\nimport iciciimg from \"../../../assets/Images/FTP/bankimg/icici.svg\";\nimport arrowDown from \"../../../assets/Images/rightArrow.svg\";\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\nimport { reset } from \"mousetrap\";\nimport moment from \"moment\";\nimport { dateCoverted } from \"../../../helperFunctions/helperFunctions\";\nimport { MdOutlineArrowBackIosNew } from \"react-icons/md\";\nimport { useRef } from \"react\";\nexport default function IFSCDetails({\n getRef,\n FTPNext,\n FTPPrev,\n personalData,\n schemeDetails,\n}) {\n const pennyDropChecked = useRef(false);\n\n useEffect(async () => {\n pennyDropChecked.current = false;\n console.log(\n personalData,\n schemeDetails,\n personalData[\"investmentType\"],\n \"Called ifsc Component\"\n );\n\n if (personalData && personalData.pd1_refNo) {\n // await getBankDetailsByRefno(5080);\n await getBankDetailsByRefno(personalData.pd1_refNo);\n }\n }, []);\n // const userSession = useState(JSON.parse(props.location.state));\n\n const [bank_refno, setbank_refno] = useState(\"\");\n\n const monthNames = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n ];\n let currentDate = new Date();\n const [transaDate, settransDate] = useState(\n monthNames[currentDate.getMonth()] +\n \" \" +\n currentDate.getDate() +\n \", \" +\n currentDate.getFullYear() +\n \" \" +\n hours +\n \":\" +\n minutes +\n \" \" +\n ampm\n );\n var hours = currentDate.getHours();\n var minutes = currentDate.getMinutes();\n var ampm = hours >= 12 ? \"PM\" : \"AM\";\n hours = hours % 12;\n hours = hours ? hours : 12; // the hour '0' should be '12'\n minutes = minutes < 10 ? \"0\" + minutes : minutes;\n const getBankDetailsByRefno = async (refNo) => {\n var url = \"/ftp/getInvestorBankDetails\";\n var postobjt = {\n refNo: refNo.toString(),\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n setbank_refno(res[0]);\n // setifsccode(res[0].IFSC_Code);\n testIFSC(res[0].IFSC_Code);\n setaccountNo(res[0].AccountNumber);\n setconfirmaccountNo(res[0].AccountNumber);\n setaccType(res[0].AccountType);\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n\n const [ifsccode, setifsccode] = useState(\"\");\n const [validIFSC, setvalidIFSC] = useState();\n const [bankDetails, setbankDetails] = useState({});\n const [dropdownBank, setdropdownBank] = useState(\"\");\n const [genericerror, setgenericerror] = useState(\"\");\n const [accountNo, setaccountNo] = useState(\"\");\n const [confirmaccountNo, setconfirmaccountNo] = useState(\"\");\n const selectthisBank = (that) => {\n setdropdownBank(that);\n setbankDetails({\n bankname: that,\n bankadd1: \"\",\n bankadd2: \"\",\n bankadd3: \"\",\n bankcity: \"\",\n });\n };\n const [ifPennyDropFails, setifPennyDropFails] = useState(false);\n const [pennyDropFails, setPennyDropFails] = useState(false);\n const [pennyDropFailschequeupload, setpennyDropFailschequeupload] =\n useState(true);\n\n const dropdownSelected = (e) => {\n setdropdownBank(e.target.value);\n };\n const proceedPayment = (savetype) => {\n setgenericerror(\"\");\n console.log(ifsccode);\n if (ifsccode == \"\") {\n setgenericerror(\"Please enter IFSC code\");\n } else if (accountNo == \"\" && accountNo.length >= 10) {\n setgenericerror(\"Please enter correct Account no\");\n } else if (confirmaccountNo == \"\") {\n setgenericerror(\"Please confirm your Account no\");\n } else if (confirmaccountNo != accountNo) {\n setgenericerror(\"Account no not matching\");\n } else if (pennyDropFails == true) {\n setgenericerror(\"Account not Verified\");\n } else if (\n ifPennyDropFails == true &&\n selectedFile == null &&\n pennyDropFailschequeupload == true\n ) {\n setgenericerror(\"Account not Verified\");\n } else {\n let json;\n if (savetype == \"later\") {\n //\n json = {\n page_code: \"BD\",\n refno:\n personalData &&\n personalData.personalDetails.pd1_refNo &&\n personalData.personalDetails.pd1_refNo.toString(),\n ifsc_code: ifsccode?.toUpperCase(),\n bankname: bankDetails.bankname,\n bankaddress:\n bankDetails.bankadd1 +\n \", \" +\n bankDetails.bankadd2 +\n \", \" +\n bankDetails.bankadd3 +\n \", \" +\n bankDetails.bankcity,\n accounttype: accType,\n accountnumber: confirmaccountNo,\n selectedPaymnetRegistrationMode: personalData?.registration?.selectedPaymnetRegistrationMode\n // \"paymode\":\"12345678\",\n // \"link\":\"12345678\",\n // \"link_gencount\":\"12345678\",\n // \"guid\":\"12345678\"\n };\n } else {\n json = {\n page_code: \"BD\",\n refno:\n personalData &&\n personalData.personalDetails.pd1_refNo &&\n personalData.personalDetails.pd1_refNo.toString(),\n ifsc_code: ifsccode?.toUpperCase(),\n ifsc_code: ifsccode?.toUpperCase(),\n bankname: bankDetails.bankname,\n bankaddress:\n bankDetails.bankadd1 +\n \", \" +\n bankDetails.bankadd2 +\n \", \" +\n bankDetails.bankadd3 +\n \" \" +\n bankDetails.bankcity,\n accounttype: accType,\n accountnumber: confirmaccountNo,\n selectedPaymnetRegistrationMode: personalData?.registration?.selectedPaymnetRegistrationMode\n // \"paymode\":\"12345678\",\n // \"link\":\"12345678\",\n // \"link_gencount\":\"12345678\",\n // \"guid\":\"12345678\"\n };\n }\n if (personalData) {\n json.city = bankDetails.bankcity;\n json.bankadd1 = bankDetails.bankadd1;\n json.bankadd2 = bankDetails.bankadd2;\n json.bankadd3 = bankDetails.bankadd3;\n json.Bank_id = bankDetails.Bank_id;\n json.bankPin = bankDetails.bankpin;\n json.pennyP_ihno = pennyP_ihno;\n personalData.BankDetails = json;\n }\n if (personalData[\"investmentType\"] !== \"ZBF\") {\n callAPIwithJSON(json);\n } else {\n // callAPIwithZBF();\n newSaveTransaction();\n }\n\n\n FTPNext();\n }\n };\n const callAPIwithJSON = (json) => {\n console.log(json);\n var url = \"/ftp/saveForLaterRegistration\";\n var postobjt = json;\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n // const callAPIwithZBF = () => {\n // const postobjt = {\n // fund: configData.amcCode,\n // scheme: \"\",\n // plan: \"\",\n // option: \"\",\n // appno: \"LF-D1-R-0\",\n // Fname1: \"\",\n // Mname1: \"\",\n // Lname1: \"\",\n // name2: \"\",\n // name3: \"\",\n // add1: \"\",\n // add2: \"\",\n // add3: \"\",\n // city: \"\",\n // pin: \"\",\n // state: \"\",\n // district: \"\",\n // country: \"\",\n // resphone: \"\",\n // offphone: \"\",\n // mobile: \"\",\n // fax: \"\",\n // email: \"\",\n // bankactype: accType,\n // bankacno: accountNo,\n // bnk_name: bankDetails.bankname,\n // badd1: bankDetails.bankadd1,\n // badd2: bankDetails.bankadd2,\n // badd3: bankDetails.bankadd3,\n // bcity: bankDetails.bankcity,\n // bpin: bankDetails.bankpin == null ? \"\" : bankDetails.bankpin,\n // ecsno: \"\",\n // pangno: \"\",\n // pangno1: \"\",\n // pangno2: \"\",\n // moh: \"\",\n // dob1: \"\",\n // guard: \"\",\n // branch:\"WB99\",\n // ihno: pennyP_ihno,\n // frequency: \"\",\n // fromdt: \"\",\n // todt: moment(new Date()).format(\"DD/MM/YYYY\"),\n // nom_name: \"\",\n // nom_add1: \"\",\n // nom_add2: \"\",\n // nom_add3: \"\",\n // nom_city: \"\",\n // nom_state: \"\",\n // nom_pin: \"\",\n // nom_rel: \"\",\n // Nominee2: \"\",\n // Nominee3: \"\",\n // NomPer1: \"\",\n // NomPer2: \"\",\n // NomPer3: \"\",\n // NomDOB1: \"\",\n // NomDOB2: \"\",\n // NomDOB3: \"\",\n // agent: \"\",\n // trdt: moment(new Date()).format(\"DD/MM/YYYY\"),\n // recby: \"\",\n // age1: \"\",\n // category: \"\",\n // occpn: \"\",\n // holdmode: \"\",\n // mktstatus: \"\",\n // status: \"\",\n // mapin: \"\",\n // mapin2: \"\",\n // mapin3: \"\",\n // entby1: \"\",\n // receiptno: \"\",\n // macid: \"\",\n // payableat: \"\",\n // remarks: \"\",\n // IFSCCode: ifsccode,\n // SubCode: \"\",\n // timestamp: moment(new Date()).format(\"DD/MM/YYYY\"),\n // guardpan: \"\",\n // dob2: \"\",\n // dob3: \"\",\n // i_kycflag: \"Y\",\n // };\n\n // schemeDetails?.schemeDetailsarray.map((x, index) => {\n // console.log(x);\n // postobjt.category = x.selectCategory;\n // postobjt.scheme = JSON.parse(x.selectedScheme).fm_scheme;\n // postobjt.plan = JSON.parse(x.selectedPlan).fm_plan;\n // postobjt.option = JSON.parse(x.selectedOption).fm_option;\n // });\n\n // if (\n // personalData &&\n // personalData.personalDetails &&\n // personalData.personalDetails.name\n // ) {\n // postobjt.Fname1 = personalData.personalDetails.name.split(\" \")[0];\n // postobjt.Mname1 = personalData.personalDetails.name.split(\" \")[1];\n // postobjt.Lname1 = personalData.personalDetails.name.split(\" \")[2];\n // postobjt.email = personalData.personalDetails.email;\n // postobjt.mobile = personalData.personalDetails.mobile;\n // postobjt.pangno = personalData.personalDetails.pan\n // ? personalData.personalDetails.pan.toUpperCase()\n // : personalData.personalDetails.first.pan.toUpperCase();\n // postobjt.dob1 = personalData.personalDetails.DOB;\n // postobjt.agent =\n // personalData && personalData.APIJSON\n // ? personalData.APIJSON.investingmode == \"Direct\" ||\n // personalData.APIJSON.investingmode == \"RIA\"\n // ? \"000000-0\"\n // : personalData.APIJSON.arn_code\n // : \"null\";\n // postobjt.entby1 = personalData.personalDetails.name;\n // postobjt.remarks = personalData.schemeArray[0]?.selectedSIPRemark !== undefined ? personalData.schemeArray[0]?.selectedSIPRemark : ''\n // }\n\n // var url = \"/zbf/save\";\n\n // const options = {\n // headers: {\n // amc_key: configData.amcCode,\n // \"Content-Type\": \"application/json\",\n // },\n // };\n // contextapi\n // .postApiEncrpCalling(url, postobjt, options)\n // .then((res) => {\n // console.log(res,'response from zbf');\n // if (res && res[0]) {\n // }\n // setGlobalSpinner(false);\n // })\n // .catch((err) => {\n // console.log(err);\n // setGlobalSpinner(false);\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n // });\n // };\n\n const newSaveTransaction = async () => {\n console.log(personalData, schemeDetails, \"for New Save Transaction Called\");\n let newarr = [];\n if (personalData && personalData.investmentType == \"SIP\") {\n let categoryObj = {\n SchemeCategory: \"\",\n Scheme: \"\",\n SchPlan: \"\",\n SchOption: \"\",\n Amount: null,\n SIP_Frequency: \"\",\n SIP_PeriodFrom: \"\",\n SIP_PeriodTo: \"\",\n SchemeName: \"\",\n };\n\n schemeDetails.schemeDetailsarray.map((x, index) => {\n console.log(x);\n categoryObj.SchemeCategory = x.selectCategory;\n categoryObj.Scheme = JSON.parse(x.selectedScheme).fm_scheme;\n categoryObj.SchemeName = `${JSON.parse(x.selectedScheme).fm_schdesc}-${\n JSON.parse(x.selectedPlan).fm_plandesc\n }-${JSON.parse(x.selectedOption).fm_optiondesc}`;\n\n categoryObj.SchPlan = JSON.parse(x.selectedPlan).fm_plan;\n categoryObj.SchOption = JSON.parse(x.selectedOption).fm_option;\n categoryObj.Amount = x.selectedAmount ? String(x.selectedAmount) : 0;\n\n categoryObj.SIP_amt = x.selectedAmountPurch\n ? String(x.selectedAmountPurch)\n : \"0\";\n categoryObj.SIP_Frequency = x.sipfrequency;\n categoryObj.SIP_installment_no =\n x.IsPerpetual === \"Perpetual\"\n ? x.selectedSIPPerInstallment\n : x.NoOfInstallments;\n\n categoryObj.SIP_PeriodFrom = dateCoverted(\n x.SIP_PeriodFrom,\n \"DD/MM/YYYY\",\n \"MM/DD/YYYY\"\n );\n categoryObj.SIP_PeriodTo =\n x.IsPerpetual === \"Perpetual\"\n ? moment(moment(x.SIP_PeriodFrom,\"DD/MM/YYYY\").format(\"MM/DD/YYYY\")).add(40,\"years\").format(\"MM/DD/YYYY\")//\"12/31/2099\"\n : dateCoverted(x.SIP_PeriodTo, \"DD/MM/YYYY\", \"MM/DD/YYYY\");\n newarr.push(categoryObj);\n });\n } else {\n let categoryObj = {\n SchemeCategory: \"\",\n Scheme: \"\",\n SchPlan: \"\",\n SchOption: \"\",\n Amount: null,\n };\n\n personalData &&\n personalData.schemeArray.length > 0 &&\n personalData.schemeArray.map((x, index) => {\n categoryObj.SchemeCategory = x.selectCategory;\n categoryObj.Scheme = JSON.parse(x.selectedScheme).fm_scheme;\n categoryObj.SchPlan = JSON.parse(x.selectedPlan).fm_plan;\n categoryObj.SchOption = JSON.parse(x.selectedOption).fm_option;\n categoryObj.Amount = String(x.selectedAmount);\n newarr.push(categoryObj);\n });\n }\n\n let today = new Date();\n let monthReadto = (today.getMonth() + 1).toString();\n let getMonth = monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n let mdateReadTo = today.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n\n const url = `/quickAdditionalPurchase/newSaveTransaction`;\n const data = {\n transactionType: \"ZBF\",\n\n tranType: \"New\", // bot are same\n\n fund: configData.amcCode,\n folioNum: \"0\",\n agent:\n personalData && personalData.APIJSON\n ? personalData.APIJSON.investingmode == \"Direct\" ||\n personalData.APIJSON.investingmode == \"RIA\"\n ? \"000000-0\"\n : personalData.APIJSON.arn_code\n : \"null\",\n saveForLaterAccNo: \"0\",\n subBroker:\n personalData && personalData.APIJSON\n ? personalData.APIJSON.investingmode == \"Direct\" ||\n personalData.APIJSON.investingmode == \"RIA\"\n ? \"\"\n : personalData.APIJSON.subbrokercode\n : \"null\",\n // subBroker: personalData && personalData.APIJSON ? personalData.APIJSON.subbrokercode: \"null\",\n chqNo: \"999999\",\n chqDt: \"1900-01-01\",\n // chqType: paymentmode, // payment mode\n chqBank:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.bankname, // bank name\n userId:\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.email\n ? personalData.personalDetails.email\n : personalData.personalDetails.first.email),\n branchName: configData.appcode,\n pangNo:\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.pan\n ? personalData.personalDetails.pan.toUpperCase()\n : personalData.personalDetails.first.pan.toUpperCase()),\n mStatus: \"null\",\n invName:\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.name\n ? personalData.personalDetails.name\n : personalData.personalDetails.first.name),\n mapInId: \"null\",\n trDt: dateCoverted(new Date(), \"\", \"YYYY/MM/DD\"),\n entDt: dateCoverted(new Date(), \"\", \"YYYY/MM/DD\"),\n eUINNo:\n personalData && personalData.APIJSON && personalData.APIJSON.euin_num,\n eUINFlag:\n personalData && personalData.APIJSON && personalData.APIJSON.euin_flag,\n eUINOpt:\n personalData && personalData.APIJSON && personalData.APIJSON.euin_flag, // check this\n // eUINSubArnCode: personalData && personalData.APIJSON && personalData.APIJSON.subbrokerarn,\n eUINSubArnCode:\n personalData && personalData.APIJSON\n ? personalData.APIJSON.investingmode == \"Direct\" ||\n personalData.APIJSON.investingmode == \"RIA\"\n ? \"000000-0\"\n : personalData.APIJSON.subbrokerarn\n : \"null\",\n riaCode:\n personalData && personalData.APIJSON && personalData.APIJSON.ria_code,\n ddUtrNo: \"\",\n bankId: \"\",\n schemeCartDetails: JSON.stringify(newarr),\n authMode: \"2fa\", //personalData && personalData.nomineeAuthmode,\n optNominee:\n personalData && personalData.nomineeChecked_no_nominee == true\n ? \"N\"\n : \"Y\",\n \n jointholder1:\n personalData.modeofHolding === \"Either or Survivor\"\n ? personalData.personalDetails.second.name2\n : \"\",\n jointholder2:\n personalData.modeofHolding === \"Either or Survivor\"\n ? personalData.personalDetails.third.name3\n : \"\",\n\n // \"trdate\":today.getFullYear()+ '-' + getMonth + '-' + apisdatedataDateTO,\n // \"branch\":\"WB99\",\n // \"trtype\":\"kfin\",\n // \"lname\":\"\",\n // \"entby\":personalData.name,\n // \"distributer\":personalData.APIJSON.subbrokercode,\n // \"schemeCartDetails\": JSON.stringify(newarr)\n };\n\n var sipobj = {\n // lname: user.Investor_Name,\n // entby: user.Investor_Name,\n lname: personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.name\n ? personalData.personalDetails.name\n : personalData.personalDetails.first.name),\n entby: personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.email\n ? personalData.personalDetails.email\n : personalData.personalDetails.first.email),\n branch: \"WB99\",\n bnkactype:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.accounttype,\n bnkname:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.bankname,\n bnkacno:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.accountnumber,\n bnkadd:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.bankadd1,\n bnkcity:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.city,\n bnkifsc:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails?.ifsc_code?.toUpperCase(),\n bnkpin: personalData &&\n personalData.BankDetails &&\n `${personalData.BankDetails.bankPin}`,\n bnkmicr: null,\n\n // paymode: paymentmode,\n\n //new chages\n email:\n personalData &&\n personalData.personalDetails &&\n personalData.personalDetails.email,\n mobile:\n personalData &&\n personalData.personalDetails &&\n personalData.personalDetails.mobile,\n // pangno:userSession.Pan,\n modeofregistration:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.selectedPaymnetRegistrationMode &&\n JSON.parse(personalData.BankDetails.selectedPaymnetRegistrationMode)\n .Pay_Mode_Val,\n\n remarks: personalData.schemeArray[0].selectedSIPRemark,\n };\n let finalData = {\n ...data,\n ...sipobj,\n };\n\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n // if(res.message !== \"data not saved\"){\n getRef(res[0]);\n // personalData.BankDetails.pennyP_ihno = res[0].Ihno.toString()\n\n let monthNames = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n ];\n let currentDate = new Date(res[0].Tr_ent_dt);\n settransDate(`${moment.parseZone(res[0]?.Tr_ent_dt).format(\"LLL\")}`);\n\n //addChequeUploadDetails\n // if(personalData && personalData.BankDetails && personalData.BankDetails.pennyP_ihno !== \"\"){\n // uploadCheqImage_Pennydrop(res[0]);\n // }else {\n // setstep(step + 1);\n // }\n\n //\n } else {\n setNotifi({ val: true, msg: res.message });\n }\n })\n .catch((err) => {\n console.log(err.message);\n\n });\n };\n const addAccountNO = (e) => {\n setaccountNo(e.target.value);\n };\n const confirmaddAccountNO = (e) => {\n setconfirmaccountNo(e.target.value);\n if (confirmaccountNo === accountNo) {\n // verifyPennyDrop();\n } else {\n }\n };\n\n const [pennyuError, setpennyuError] = useState(\"\");\n const [pennyuSuccess, setpennyuSuccess] = useState(\"\");\n\n const [showUploadCheque, setshowUploadCheque] = useState(\"\");\n const verifyPennyDrop = () => {\n //\n\n if (confirmaccountNo == accountNo) {\n var url = \"/pennyDrop/pennydropValidation\";\n // var url = \"/pennyDrop/validateBankDetails\";\n var postobjt = {\n ifsc: ifsccode?.toUpperCase(),\n accountNo: confirmaccountNo,\n mobileNo: personalData\n ? personalData.personalDetails.pd1_refNo &&\n (personalData.personalDetails.mobile\n ? personalData.personalDetails.mobile\n : personalData.personalDetails.first.mobile)\n : \"\", //\"9972378936\",\n pan: personalData\n ? personalData.personalDetails.pd1_refNo &&\n (personalData.personalDetails.pan\n ? personalData.personalDetails.pan\n : personalData.personalDetails.first.pan)\n : \"\", // \"CGEPG3182M\", //\n investorName: personalData\n ? personalData.personalDetails.pd1_refNo &&\n (personalData.personalDetails.name\n ? personalData.personalDetails.name\n : personalData.personalDetails.first.name)\n : \"\", //\"MADHU\",\n requestType: \"PennyDrop\",\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res.Status == \"Y\") {\n setpennyuError(\"\");\n setpennyuSuccess(\"Account number verified successful\");\n setifPennyDropFails(false); ////commented because to show in UI\n setPennyDropFails(false); // if penny drop success\n } else {\n setpennyuSuccess(\"\");\n\n setpennyuError(\n \"Invalid Account Number. Please Upload Cancelled Cheque\"\n );\n setifPennyDropFails(true); //commented because to show in UI\n setPennyDropFails(true); // if penny drop fails\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setpennyuError(\n \"Invalid Account Number. Please Upload Cancelled Cheque\"\n );\n\n // console.log(err.statusCode);\n // if(err.statusCode == \"10001\"){\n\n setifPennyDropFails(true); // commented on 08-04-2022 just I will keep open this and show success message.\n\n setPennyDropFails(true); // if penny drop fails\n // }\n setGlobalSpinner(false);\n });\n }\n };\n const testIFSC = (val) => {\n setvalidIFSC(false);\n console.log(val);\n setifsccode(val);\n\n console.log(ifsccode);\n\n var url = \"/ftp/getBankByIFSCorMICR\";\n var postobjt = {\n ifsc: val,\n micr: \"\",\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n setvalidIFSC(true);\n setbankDetails(res[0]);\n } else {\n setvalidIFSC(false);\n setbankDetails({});\n }\n\n getAccountTypeByUserDetails();\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n\n // if (val === 'SBIN0021327') {\n // setvalidIFSC(true)\n // } else {\n //\n // }\n };\n\n const [accountType, setaccountType] = useState([\n {\n Account_Type: \"Savings\",\n },\n {\n Account_Type: \"Current\",\n },\n ]);\n const getAccountTypeByUserDetails = (val) => {\n console.log(\"getAcounet Type User Details Called IfscDetails \");\n var url = configData.paymentOption[configData.ENV];\n let categoryType;\n if (\n personalData.firstApplicantKYC &&\n (personalData.firstApplicantKYC.catagory == \"22\" ||\n personalData.firstApplicantKYC.catagory == \"21\")\n ) {\n console.log(\n \"getAcounet Type User Details Called IfscDetails inside conditions \"\n );\n setaccountType([\n {\n Account_Type: \"NRE\",\n },\n {\n Account_Type: \"NRO\",\n },\n ]);\n toggleTab(\"NRE\");\n } else {\n if (\n personalData.firstApplicantKYC &&\n personalData.firstApplicantKYC.catagory == \"11\"\n ) {\n categoryType = \"I\";\n } else {\n categoryType = \"N\";\n }\n var postobjt = {\n option: \"AC\", // Account type\n fund: \"\",\n assetSchemeType: categoryType, //\"RI\", // Y N RI -- (N - NRE and NRO) (RI -- S and C)\n planMode: \"\",\n customFund: configData.sipCustomFund,\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncr2pCalling(url, postobjt, options)\n .then((res) => {\n console.log(res, \"response caalled\");\n if (res && res[0]) {\n if (\n categoryType == \"N R I - NON - REPATRIABLE\" ||\n categoryType == \"22\" ||\n categoryType == \"21\"\n ) {\n setaccountType([\n {\n Account_Type: \"NRE\",\n },\n {\n Account_Type: \"NRO\",\n },\n ]);\n toggleTab(\"NRE\");\n }\n // else {\n // let removeCurrent = res.filter(function (obj) {\n // return obj.Account_Type !== \"Current\";\n // });\n // setaccountType(removeCurrent);\n // }\n } else {\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n }\n };\n\n const [bankDetailsdd, setBankDetailsDD] = useState([\n {\n img: sbiimgbnk,\n bankname: \"SBIN\",\n bankcode: \"SBIN\",\n },\n {\n img: hdfcimg,\n bankname: \"HDFC\",\n bankcode: \"HDFC\",\n },\n {\n img: axisimg,\n bankname: \"Axis\",\n bankcode: \"Axis\",\n },\n {\n img: iciciimg,\n bankname: \"ICICI\",\n bankcode: \"ICICI\",\n },\n ]);\n\n const [accType, setaccType] = useState(\"Savings\");\n const toggleTab = (that) => {\n console.log(\"toggletAB cALLES\", that);\n setaccType(that);\n };\n\n const openfile = () => {\n document.getElementById(\"openFile\").click();\n };\n\n const validateinputIFSC = (e) => {\n var code = \"charCode\" in e ? e.charCode : e.keyCode;\n if (e.target.name == \"ifsc\") {\n if (\n // space\n !(code > 47 && code < 58) && // numeric (0-9)\n !(code > 64 && code < 91) && // upper alpha (A-Z)\n !(code > 96 && code < 123)\n ) {\n // lower alpha (a-z)\n e.preventDefault();\n }\n }\n };\n const [errorMessage, seterrorMessage] = useState(\"\");\n const [selectedFile, setSelectedFile] = useState(null);\n\n const fileUpload = async (e) => {\n setuploadchequeImage(\"\");\n seterrorMessage(\"\");\n const file = e;\n console.log(file.size);\n console.log(file.type);\n console.log(file.size / 1024 / 1024);\n if (file.size / 1024 / 1024 <= 2) {\n if (\n file &&\n (file.type == \"image/png\" ||\n file.type == \"image/jpeg\" ||\n file.type == \"image/jpg\" ||\n file.type.toLowerCase() == \"image/png\" ||\n file.type.toLowerCase() == \"image/jpeg\" ||\n file.type.toLowerCase() == \"image/jpg\")\n ) {\n setSelectedFile(e);\n await verifyChequeBook(e);\n } else {\n seterrorMessage(\"Invalid Format\");\n setpennyDropFailschequeupload(true);\n }\n } else {\n seterrorMessage(\"Please upload Image size less than 2MB\");\n setpennyDropFailschequeupload(true);\n } // 2MB ENABLE HERE\n };\n\n const [uploadchequeImage, setuploadchequeImage] = useState(false);\n const [pennyP_ihno, setPennyP_ihno] = useState(\"\");\n const verifyChequeBook = async (file) => {\n setGlobalSpinner(true);\n //\n if (confirmaccountNo == accountNo) {\n setpennyuError(\"\");\n var url = \"/pennyDrop/pennydropChequeValidation\";\n // var url = \"/pennyDrop/uploadCancelledCheque\";\n let formData = new FormData();\n formData.append(\"ifsc\", ifsccode?.toUpperCase());\n formData.append(\"accountNo\", confirmaccountNo);\n formData.append(\n \"mobileNo\",\n personalData\n ? personalData.personalDetails.pd1_refNo &&\n (personalData.personalDetails.mobile\n ? personalData.personalDetails.mobile\n : personalData.personalDetails.first.mobile)\n : \"\"\n );\n formData.append(\n \"pan\",\n personalData\n ? personalData.personalDetails.pd1_refNo &&\n (personalData.personalDetails.pan\n ? personalData.personalDetails.pan\n : personalData.personalDetails.first.pan)\n : \"\"\n );\n formData.append(\n \"investorName\",\n personalData\n ? personalData.personalDetails.pd1_refNo &&\n (personalData.personalDetails.name\n ? personalData.personalDetails.name\n : personalData.personalDetails.first.name)\n : \"\"\n );\n formData.append(\"requestType\", \"PennyDrop\");\n // formData.append('requestType', \"Cheque\");\n formData.append(\"file\", file);\n\n // Display the values\n for (var value of formData.values()) {\n console.log(value);\n }\n const options = {\n headers: {\n amc_key: configData.amcCode,\n // \"Content-Type\": \"application/json\"\n },\n };\n console.log(formData);\n await contextapi\n .postApiEncrpCallingFormData(url, formData, options)\n .then((res) => {\n console.log(res);\n if (res && res.Status == \"Y\") {\n // if (res && res[0] && res[0].Status == \"Y\") {\n seterrorMessage(\"\");\n setpennyDropFailschequeupload(false);\n setPennyDropFails(false);\n setuploadchequeImage(res.Result);\n setPennyP_ihno(res.StatusCode);\n\n //Just for check resp array\n // setuploadchequeImage(res[0].Result);\n // setPennyP_ihno(res[0].StatusCode)\n\n // setPennyP_ihno(res[0].P_Ihno)\n // setifPennyDropFails(false); // open till we continue and show success message.\n } else {\n setpennyDropFailschequeupload(true);\n setPennyDropFails(true);\n setuploadchequeImage(res.RefNumber);\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n\n setGlobalSpinner(false);\n seterrorMessage(\"Invalid Please try with formated png or jpg image\");\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n }\n };\n\n const validateinput = (e) => {\n var code = \"charCode\" in e ? e.charCode : e.keyCode;\n\n if (e.target.name == \"number\") {\n if (\n // space\n !(code > 47 && code < 58)\n ) {\n // lower alpha (a-z)\n e.preventDefault();\n }\n }\n\n if (e.target.name == \"confirmaccountNo\") {\n if (\n // space\n !(code > 47 && code < 58)\n ) {\n // lower alpha (a-z)\n e.preventDefault();\n }\n }\n };\n\n return (\n <>\n \n
\n \n
\n\n \n
\n\n \n\n {/* {renderPersonalDetails()} */}\n\n \n
\n \n
\n \n
\n \n );\n}\n","import React, { useState, useEffect, useContext } from \"react\";\nimport IFSCDetails from \"./IFSCDetails\";\nimport SideNav from \"../../PersonalDetails/SideNav/SideNav\";\nimport UserDetails from \"../../PersonalDetails/UserdetailsRightnav/UserdetailsRightnav\";\n\nexport default function BankDetails({ getRefNo,FTPNext, FTPPrev, personalData,prevStepMain,schemeDetails }) {\n\n const FTPNextupdate = () => {\n // console.log(\"next Called\");\n FTPNext()\n }\n const FTPPrevupdate = () => {\n FTPPrev()\n }\n const getRef = (data) => {\n // console.log(\"called from bank Details\")\n getRefNo(data)\n }\n\n return (\n\n \n {/* */}\n \n\n
\n Select Bank
\n\n
\n\n {/* {\n validIFSC === false &&\n <>\n \n \n\n
\n\n <>\n {validIFSC === true ? (\n <>\n \n
\n \n \n
\n \n
\n\n {/* Bank Name */}\n {/* */}\n \n ) : validIFSC === false ? (\n \n \n
\n\n \n
\n {bankDetails.bankname}
\n\n \n \n
\n \n
\n \n {bankDetails.bankadd1 +\n \", \" +\n bankDetails.bankadd2 +\n \", \" +\n bankDetails.bankadd3 +\n \", \" +\n bankDetails.bankcity +\n \", \" +\n (bankDetails.bankpin == null\n ? \"\"\n : bankDetails.bankpin)}\n
\nUnable to fetch bank details
\n ) : (\n \"\"\n )}\n \n\n
\n\n\n\n \n \n
\n \n {\n bankDetailsdd.map((item, index) => (\n
\n \n } */}\n\n {validIFSC == true && (\n selectthisBank(item.bankname)}>\n 
\n
\n ))\n }\n {item.bankname}
\n\n
\n )}\n \n
\n\n \n
\n Account Type*
\n\n {accountType &&\n accountType.map((e) => (\n \n ))}\n\n {/* */}\n\n {/* */}\n\n \n
\n\n \n
\n \n \n
\n {pennyuSuccess != \"\" && (\n \n
\n {pennyuSuccess}
\n )}\n {ifPennyDropFails && (\n\n {pennyuError != \"\" && (\n
\n )}\n {pennyuError}
\n )}\n\n\n
\n {\n
\n \n
\n \n Upload Cancelled Cheque\n
\n\n
\n \n (Upload Cancelled Cheque in *.jpg/ *.png/ format only)\n (File size lesserthan 2MB)\n
\n\n
\n {errorMessage}
\n\n {\n openfile();\n }}\n />\n fileUpload(e.target.files[0])}\n />\n
\n {uploadchequeImage}
}\n\n
\n {genericerror}
\n\n {/*\n
*/}\n \n testIFSC()}\n >\n Proceed\n \n
\n \n {/* */}\n\n {\n pennyDropChecked && pennyDropFails === true\n ? verifyPennyDrop()\n : proceedPayment(\"saveandproceed\") ||\n (pennyDropChecked.current = true);\n }}\n >\n Save and Proceed{\" \"}\n \n \n
\n \n
\n\n\n );\n\n}","import React, { useState, useEffect, useContext } from \"react\";\nimport \"../BankDetails/BankDetails.css\";\nimport username from \"../../../assets/Images/user.svg\";\nimport uploadfile from \"../../../assets/Images/quickpirchase/uploadFile.svg\";\nimport inputPath from \"../../../assets/Images/inputPath.png\";\nimport arrowDown from \"../../../assets/Images/rightArrow.svg\";\nimport bankimg from \"../../../assets/Images/quickpirchase/bankdetails.svg\";\nimport {\n Radio,\n FormControl,\n FormControlLabel,\n RadioGroup,\n Dialog,\n DialogTitle,\n DialogContent,\n IconButton,\n} from \"@mui/material\";\nimport { MdOutlineArrowBackIosNew, MdClose } from \"react-icons/md\";\nimport configData from \"../../../config/config.json\";\nimport { Context } from \"../../../services/apiContext\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\nimport { Formerror } from \"../../../components/formerror\";\nimport { PDFObject } from \"react-pdfobject\";\nimport { Link, useHistory } from \"react-router-dom\";\nimport { dateCoverted } from \"../../../helperFunctions/helperFunctions\";\nimport moment from \"moment\";\nimport CryptoJS from \"crypto-js\";\n\nexport default function PaymentOptions({\n nextStep,\n selectedFolio,\n prevStepMain,\n paymentMethod,\n selectedMOde,\n personalData,\n handleFormData,\n selectedModeOfRegistrationValue,\n}) {\n const contextapi = useContext(Context);\n const setNotifi = useNotificationActionsContext();\n console.log(\n personalData,\n prevStepMain,\n paymentMethod,\n selectedMOde,\n handleFormData,\n \"personalData\"\n );\n console.log(personalData);\n const [genderradio, setValue] = useState(\"\");\n const [modeofpaymenterror, setmodeofpaymenterror] = useState(\"\");\n const [paymentError, setPaymentError] = useState({});\n const [kotmSelected, setkotmSelected] = useState(\"\");\n const [acceptTermsandconditions, setacceptTermsandconditions] =\n useState(false);\n const [termsandconditionsError, settermsandconditionsError] = useState(\"\");\n const [genderradioRegis, setValueRegis] = useState(\"\");\n const [neftrefno, setneftrefno] = useState(\"\");\n const [paymentInstructions, setPaymentInstructions] = useState();\n\n useEffect(async () => {\n console.log(personalData.investmentType.toLowerCase());\n if (personalData.investmentType.toLowerCase() === \"sip\") {\n await fetchPaymentRegistation();\n }\n }, []);\n const setTerms = () => {\n setacceptTermsandconditions(!acceptTermsandconditions);\n };\n const toggleTab = (index, scty) => {\n setkotmSelected(index);\n };\n\n const decryption = (body) => {\n const Bytes = CryptoJS.AES.decrypt(body, \"COREAPIV012021NDRS\");\n return JSON.parse(Bytes.toString(CryptoJS.enc.Utf8));\n };\n const getPaymentInstructions = () => {\n var url = \"/payments/paymentInstructions\";\n contextapi\n // .postApiEncrpCalling(url, postobjt, options)\n .getApiCalling(url)\n .then((res) => {\n // console.log(res);\n if (res) {\n let decrypttext = decryption(res.data);\n setPaymentInstructions(decrypttext?.[0])\n }\n\n // setGlobalSpinner(false);\n })\n .catch((err) => { \n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n\n}\n\n console.log(genderradio, \"genderradio\");\n console.log(personalData, \"personalData\");\n const compareMandateExipryDateLimit_ftp=()=>{\n let {SIP_PeriodTo}=personalData.schemeArray[0];\n let eNachExpiryDate = JSON.parse(\n personalData?.registration?.selectedOTMMethodRegistration\n )[\"MANDATE END DATE\"];\n // console.warn(eNachExpiryDate);\n // console.warn(moment(SIP_PeriodTo,\"DD/MM/YYYY\").format(\"YYYY-MM-DD\"));\n // console.warn(moment(eNachExpiryDate,\"DD/MM/YYYY\").format(\"YYYY-MM-DD\"));\n // eNachExpiryDate= dateCoverted(eNachExpiryDate,\"DD/MM/YYYY\",\"MM/DD/YYYY\");\n if(moment(moment(SIP_PeriodTo,\"DD/MM/YYYY\").format(\"YYYY-MM-DD\")).isAfter(moment(eNachExpiryDate,\"DD/MM/YYYY\").format(\"YYYY-MM-DD\"))){\n return true;\n }\n return false;\n }\n const saveandproceedNominee = () => {\n setmodeofpaymenterror(\"\");\n settermsandconditionsError(\"\");\n console.log(\n personalData.BankDetails.selectedOTMMethodRegistration,\n genderradio,\n personalData.schemeArray[0].selectedSIPPaymentMode,\n personalData.investmentType.toLowerCase() === \"sip\",\n personalData?.BankDetails?.selectedPaymnetRegistrationMode,\n \"checkStatus\"\n );\n console.log(\n genderradio,\n personalData.investmentType.toLowerCase(),\n personalData,\n \"check For debbug he e e\",\n personalData?.BankDetails?.selectedPaymnetRegistrationMode ,\n );\n if(genderradio === \"RTGS\"){\n handleFormData(\"utrNo\", neftrefno);\n }\n if((genderradioRegis === \"KOTM\" || genderradioRegis === \"AOTM\") && compareMandateExipryDateLimit_ftp()){\n setNotifi({\n val: true,\n msg: \"Your mandate last date is earlier than Your SIP last date Please select other!\",\n });\n return;\n }\n /* if (\n genderradio == \"\" &&\n personalData.investmentType.toLowerCase() !== \"sip\"\n )\n {\n settermsandconditionsError(\"Please select mode of payment\");\n } else if (\n genderradio == \"\" &&\n personalData.investmentType.toLowerCase() === \"sip\" &&\n personalData?.schemeArray[0].selectedSIPRemark === \"New Folio-SIP Registration with Payment\"\n ) {\n settermsandconditionsError(\"Please select mode of payment\");\n } else if (\n personalData?.BankDetails?.selectedPaymnetRegistrationMode === \"\" &&\n (personalData?.schemeArray[0].selectedSIPPaymentMode === \"Y\" || \"N\") &&\n personalData.investmentType.toLowerCase() === \"sip\"\n ) {\n settermsandconditionsError(\"Please Select Mode of Registration\");\n } else if (acceptTermsandconditions == false) {\n settermsandconditionsError(\n \"Please accept the terms and conditions to proceed further\"\n );\n } else if (\n personalData.investmentType.toLowerCase() === \"sip\" &&\n JSON.parse(personalData.BankDetails.selectedPaymnetRegistrationMode)\n ?.Pay_Mode_Val === \"KOTM\" &&\n personalData.BankDetails.selectedOTMMethodRegistration === undefined\n ) {\n if (kOTMErrormessage == \"\") {\n settermsandconditionsError(\"Please Select KOTM Details\");\n } else {\n settermsandconditionsError(kOTMErrormessage);\n }\n } */ else {\n nextStep();\n }\n };\n const toggleTabGender = (e, index, key) => {\n console.log(index, e, key, \"togle Tab Gender\");\n console.log(e);\n setValue(index);\n selectedMOde(index);\n if (index === \"KOTM\") {\n getOTMData();\n }\n };\n const [oTMDetails, setoTMDetails] = useState([]);\n const [oTMDetailsRegis, setoTMDetailsRegis] = useState([]);\n\n const [kOTMErrormessage, setKOTMErrormessage] = useState(\"\");\n const getOTMData = async () => {\n var url = \"/quickAdditionalPurchase/onlineMandate\";\n var postobjt = {\n pan:\n personalData &&\n (personalData.personalDetails.pan\n ? personalData.personalDetails.pan\n : personalData.personalDetails.first.pan), //\"CGEPG3182M\", //\"AWKPK0667K\",// //\n\n fund: configData.amcCode,\n };\n\n var options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res[0].level1[0].Error_Message != \"PAN exist\") {\n // dispatch(getFolioDetails(res))\n setKOTMErrormessage(\n \"There is no KOTM for your PAN. Please select alternate payment option to proceed with the transaction\"\n );\n setoTMDetails([]);\n } else {\n setKOTMErrormessage(\"\");\n setoTMDetails(res[0].level2);\n console.log(oTMDetails);\n setTimeout(() => {\n console.log(oTMDetails);\n }, 5000);\n }\n })\n .catch((err) => {\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const openfile = () => {\n document.getElementById(\"choosefilebank\").click();\n };\n\n const [openModalUser, setOpenModalVal] = useState(false);\n const [openModalPayment, setOpenModalPayment] = useState(false);\n\n const openconfirmationpage = () => {\n setOpenModalVal(true);\n };\n const openPaymentInstructionsInfo = () => {\n setOpenModalPayment(true);\n };\n const closeModal = () => {\n setOpenModalVal(false);\n setOpenModalPayment(false)\n };\n\n const [hide_and_show, sethide_and_show] = useState(false);\n\n const [registrationMode, setRegistrationMode] = useState([]);\n\n const fetchPaymentRegistation = async () => {\n var url = configData.paymentOption[configData.ENV];\n var postobjt = {\n option: \"PM\",\n fund: configData.amcCode,\n assetSchemeType:personalData.modeofHolding !== \"Either or Survivor\"? personalData.personalDetails.pan : personalData.personalDetails.first.pan ,\n planMode: \"\",\n customFund: configData.amcCode,\n category: personalData.investmentType.toUpperCase(),\n };\n console.log(postobjt);\n var options = {};\n await contextapi\n .postApiEncr2pCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res.statusCode) {\n // dispatch(getFolioDetails(res))\n setRegistrationMode([]);\n } else {\n setRegistrationMode(res);\n }\n })\n .catch((err) => {\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const toggleRegistration = (index) => {\n console.log(index);\n if (index !== \"\") {\n console.log(index);\n setValueRegis(index.Pay_Mode);\n setPaymentError({ ...paymentError, selectedPaymnetRegistrationMode: \"\" });\n\n handleFormData(\"selectedPaymnetRegistrationMode\", JSON.stringify(index));\n\n if (index.Pay_Mode === \"KOTM\") {\n getOTMDataRegistration();\n }\n if (index.Pay_Mode === \"AOTM\") {\n getAOTMDataRegistration();\n }\n }\n };\n\n const toggleRegistrationPTM = (index) => {\n console.log(index);\n const {selectedAmount,SIPDuration,selectedSIPPerInstallment,SIP_PeriodTo}=personalData.schemeArray[0];\n /* console.log(`------------------------------ ${selectedAmount} --> , ${SIPDuration} ----> ,${selectedSIPPerInstallment} ---,--> ${SIP_PeriodTo}`); */\n const { Amt } = JSON.parse(index);\n let otmExiprydate1 = JSON.parse(index)[\"MANDATE END DATE\"];\n // otmExiprydate1=dateCoverted(otmExiprydate1,\"DD/MM/YYYY\",\"MM/DD/YYYY\");\n if(moment(moment(SIP_PeriodTo,\"DD/MM/YYYY\").format(\"YYYY-MM-DD\")).isAfter(moment(otmExiprydate1,\"DD/MM/YYYY\").format(\"YYYY-MM-DD\"))){\n setNotifi({\n val: true,\n msg: \"Your mandate last date is earlier than Your SIP last date Please select other!\",\n });\n return;\n }\n // if(SIPDuration!==\"Perpetual\"){\n // if (+Amt < +selectedAmount * +selectedSIPPerInstallment) {\n // setNotifi({\n // val: true,\n // msg: \"Mandate limit should be greater than or equal to the investment\",\n // });\n // return;\n // }\n // }else{\n if (+Amt < +selectedAmount) {\n setNotifi({\n val: true,\n msg: \"Mandate limit should be greater than or equal to the investment\",\n });\n return;\n }\n // }\n setPaymentError({ ...paymentError, selectedOTMMethodRegistration: \"\" });\n handleFormData(\"selectedOTMMethodRegistration\", index);\n };\n const getOTMDataRegistration = async () => {\n var url = \"/quickAdditionalPurchase/onlineMandate\";\n var postobjt = {\n pan:\n personalData &&\n (personalData.personalDetails.pan\n ? personalData.personalDetails.pan\n : personalData.personalDetails.first.pan), //\"CGEPG3182M\", //\"AWKPK0667K\",// //\n\n fund: configData.amcCode,\n };\n\n var options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res.statusCode) {\n setoTMDetailsRegis([]);\n setNotifi({\n val: true,\n msg: \"No registerd OTM Found please Register OTM to proceed \",\n });\n } else {\n if (res[0].level2.length > 0) {\n setoTMDetailsRegis(res[0].level2);\n } else {\n setoTMDetailsRegis([]);\n setNotifi({\n val: true,\n msg: \"No registerd OTM Found please Register OTM to proceed \",\n });\n }\n }\n })\n .catch((err) => {\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n const getAOTMDataRegistration = async () => {\n console.log(\"aotm Called\");\n var url = \"/quickAdditionalPurchase/onlineAotmMandate\";\n var postobjt = {\n pan:\n personalData &&\n (personalData.personalDetails.pan\n ? personalData.personalDetails.pan\n : personalData.personalDetails.first.pan), \n fund: configData.amcCode,\n };\n var options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res, \"resCalled\");\n if (res.statusCode) {\n // dispatch(getFolioDetails(res))\n setoTMDetailsRegis([]);\n setNotifi({\n val: true,\n msg: \"No registerd OTM Found please Register OTM to proceed \",\n });\n } else {\n if (res[0].level2.length > 0) {\n setoTMDetailsRegis(res[0].level2);\n } else {\n setoTMDetailsRegis([]);\n setNotifi({\n val: true,\n msg: \"No registerd OTM Found please Register OTM to proceed \",\n });\n }\n }\n })\n .catch((err) => {\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n useEffect(()=>{\n getPaymentInstructions();\n },[]);\n return (\n \n
\n \n
\n\n \n
\n\n \n\n
\n \n
\n \n
\n \n \n \n {`Beneficiary Bank Details`}\n {closeModal ? (\n theme.palette.grey[500],\n }}\n >\n \n \n \n )}\n \n <>\n {openModalUser && (\n \n \n {`Payment Efficacy Matrix`}\n {closeModal ? (\n theme.palette.grey[500],\n }}\n >\n \n {/* */}\n \n \n )}\n \n
\n \n
\n )}\n\n \n {/* */}\n \n
\n\n {personalData.investmentType.toLowerCase() === \"sip\" ? (\n personalData &&\n personalData.schemeArray &&\n personalData.schemeArray.length > 0 &&\n personalData.schemeArray[0] &&\n personalData.schemeArray[0].selectedSIPPaymentMode === \"Y\" && (\n \n
\n {modeofpaymenterror && (\n
\n )\n ) : (\n \n \n
\n \n \n \n {paymentMethod.map((data, index) => {\n return (\n \n\n {/* \n \n */}\n
\n \n {modeofpaymenterror && (\n
\n {modeofpaymenterror}\n
\n )}\n\n
\n {modeofpaymenterror && (\n
\n )}\n{genderradio === 'RTGS' ?\n (\n \n
\n \n \n \n {paymentMethod.map((data, index) => {\n return (\n \n
\n \n {modeofpaymenterror && (\n
\n {modeofpaymenterror}\n
\n )}\n\n
) : \"\"\n\n }\n {personalData.investmentType.toLowerCase() === \"sip\" && (\n To Know the about benificary bank details, {\" \"}\n \n
\n \n\n
\n \n
\n \n \n
\n \n
\n )}\n {/* {JSON.stringify(values.selectedPaymnetRegistrationMode)} */}\n {/* {personalData.investmentType.toLowerCase() === \"sip\" &&\n personalData.BankDetails.selectedPaymnetRegistrationMode !== \"\" &&\n (JSON.parse(personalData.BankDetails.selectedPaymnetRegistrationMode)\n ?.Pay_Mode === \"KOTM\" || JSON.parse(personalData.BankDetails.selectedPaymnetRegistrationMode)\n ?.Pay_Mode === \"AOTM\") && (\n \n \n
\n You have selected {selectedModeOfRegistrationValue} as the registration
\n {registrationMode && registrationMode.length === 0 && (\n\n
\n )}\n {/* \n OTM not registerd for transaction,{\" \"}\n {/* \n \n \n please click here to register OTM \n \n \n */}\n
\n\n \n \n {registrationMode.length > 0 &&\n registrationMode.map((data, index) => (\n \n
*/}\n\n \n \n \n
\n
\n )}\n */}\n {/* {genderradio === \"KOTM\" && (\n | \n | \n Bank Name\n | \n\n UMRN\n | \n\n Mandate Limit\n | \n
|---|---|---|---|
| \n | \n {data[\"BANK NAME\"]} | \n{data.UMRNNO} | \n{data.Amt} | \n
\n {oTMDetails && oTMDetails.length > 0 && (\n \n \n
\n )}\n
\n )}\n */}\n {genderradio === \"NEFT/ RTGS\" && (\n | \n | \n Bank Name\n | \n\n UMRN\n | \n\n Mandate Limit\n | \n
|---|---|---|---|
| \n | \n {data[\"BANK NAME\"]} | \n{data.UMRNNO} | \n{data.Amt} | \n
\n
\n \n \n
\n \n
\n \n Bank Name: HDFC Bank Limited\n
\n\n Account Title:{\" \"}\n JM Financial MF WEB RTGS-NEFT COLLECTION\n
\n\n Account Number: 57500000355220\n
\n\n Branch IFSC Code: HDFC0000240\n
\n\n openfile()}\n >\n \n
\n \n \n
\n\n \n \n
\n \n \n
\n \n \n
\n \n Uploading of the Fund Transfer Receipt/ Acknowledgement as\n provided by your bank (Optional)\n
\n\nChoose File
\n\n
\n\n \n {/* */}\n
\n \n I/We hereby confirm that the subscription payment towards this\n transaction will be made from my/our registered bank account\n only.\n {!hide_and_show && (\n
\n To Know the payment efficacy matrix, please click the link{\" \"}\n \n
\n {termsandconditionsError}\n
\n )}\n\n {/* */}\n\n {\n saveandproceedNominee();\n }}\n >\n Save and Proceed{\" \"}\n \n \n
\n <>\n {openModalPayment && (\n \n
\n \n
\n \n \n Please follow below steps to complete NEFT\n transaction:\n \n
\n\n- \n
- \n Use the below AMC bank details to add the AMC\n as a payee/beneficiary in your bank account:\n
- \n
- \n \n Beneficiary Bank{\" - \"}\n {paymentInstructions?.bankname}\n \n \n
- \n \n Beneficiary Name{\" - \"}{\" \"}\n {paymentInstructions?.name}\n \n \n
- \n \n Beneficiary Account Type {\" - \"}\n {paymentInstructions?.accounttype}\n \n \n
- \n \n Beneficiary Account Number{\" - \"}\n {paymentInstructions?.bankacno}\n \n \n
- \n \n Beneficiary IFSC Code{\" - \"}\n {paymentInstructions?.bankifsc}\n \n \n
\n - \n Initiate a NEFT transfer request for the\n beneficiary AMC from your bank website\n \n
- \n Note down UTR/NEFT Transaction Reference\n Number generated from your bank website\n \n
- \n Fill the same in UTR/NEFT reference number\n mentioned above.\n \n
\n \n
\n );\n};\n\n\n","export default __webpack_public_path__ + \"static/media/smalltoken.e7e76950.svg\";","import React, { useState, useEffect, useContext } from \"react\";\nimport { LeftContentLogo } from \"./svg/LeftContentLogo\";\nimport showalertimg from \"../../assets/Images/infoalert.svg\";\nimport \"./Commoncss.css\";\nimport editIcon from \"../../assets/Images/editIcon.svg\";\nimport deleteicon from \"../../assets/Images/delete.svg\";\nimport smallToken from \"../../assets/Images/FTP/smalltoken.svg\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { Formerror } from \"../../components/formerror\";\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\nimport infoalert from \"../../assets/Images/infoalert.svg\";\nimport VerifyIndividualOTP from \"../PersonalDetails/VerifyIndividualOTP\";\nimport {\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n} from \"@mui/material\";\nimport {\n Radio,\n FormControl,\n FormControlLabel,\n RadioGroup,\n IconButton,\n} from \"@mui/material\";\nimport { price_in_words } from \"../../helperFunctions/helperFunctions\";\nconst ConfirmationSummary = ({\n step,\n setStep,\n value,\n nextStep,\n prevStep,\n personalData,\n refNo,\n}) => {\n console.log(personalData,refNo, \"personalData refNo\");\n console.log(value, \"Ram++\");\n\n const handleRedirect = () => {\n // console.log(props.setStep(props.step+1));\n setStep(step + 1);\n // props.submitUserConfirmation(true);\n };\n\n const handleRedirectBack = () => {\n setStep(step - 1);\n };\n\n let onlySchemeLocl = [];\n const [onlyScheme, setonlyScheme] = useState([]);\n const [openOTP, setopenOTP] = useState(false);\n\n useEffect(() => {\n personalData.nomineeAuthmode = \"2fa\";\n if (personalData && personalData.schemeArray) {\n // let schemeArray = personalData.schemeList.schemeDetailsarray\n let schemeArray = personalData.schemeArray;\n for (let i = 0; i < schemeArray.length; i++) {\n onlySchemeLocl.push(\n schemeArray[i] && schemeArray[i].selectedScheme\n ? JSON.parse(schemeArray[i].selectedScheme).fm_schdesc\n : \"--\"\n );\n\n setonlyScheme(onlySchemeLocl);\n }\n console.log(onlyScheme);\n }\n }, []);\n\n const contextapi = useContext(Context);\n const [openModalUser, setOpenModalVal] = useState(false);\n const [openModelSmallToken, setopenModelSmallToken] = useState(false);\n\n const [verifynominee, setverifynominee] = useState(\"otp\");\n const validationNOminee = (index) => {\n console.log(\"Validation Nommine Called\");\n setverifynominee(index);\n if (index == \"otp\") {\n personalData.nomineeAuthmode = \"2fa\";\n } else {\n personalData.nomineeAuthmode = \"esign\";\n }\n };\n const otpverified = (otpvalue, subimitType, submitBy) => {\n console.log(otpvalue);\n console.log(subimitType);\n console.log(submitBy);\n setopenOTP(false);\n // otpvalue = \"Success\"\n // submitBy = 'Single'\n // subimitType = 'saveandproceed'\n\n if (otpvalue !== \"error\" && subimitType === \"saveandproceed\") {\n setOpenModalVal(true);\n }\n };\n\n const openconfirmationpage = () => {\n console.log(\"openverifyOtp Called\");\n setopenOTP(true);\n //setOpenModalVal(true);\n // setopenModelSmallToken(true)\n };\n\n const closeModal = () => {\n setOpenModalVal(false);\n };\n const [openotp, setopenotp] = useState(false);\n const [esignError, setesignError] = useState(\"\");\n const openverifyotp = async (data) => {\n console.log(\"open verify otp called\", verifynominee);\n //EsigninAPIs\n // so remaining prepare in new function\n // console.log(\"verifyOtp Called\", verifynominee);\n if (verifynominee == \"esign\") {\n var url = \"/esign/nominee\";\n var postobjt = {\n ihno: refNo?.Ihno.toString(),\n };\n\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n let resultRes = res;\n // console.log(JSON.parse(res.slice(1, -1)));\n // console.log(JSON.parse(res.slice(1, -1)).MgsCode);\n // console.log(JSON.parse(res));\n\n if (resultRes.toString().charAt(0) == '\"') {\n if (JSON.parse(res.slice(1, -1)).MgsCode == \"0\") {\n setesignError(\"\");\n redirecttoPayment();\n } else {\n setesignError(\n \"E-Sign services is down, Please select 2AF and continue, or try again later\"\n );\n closeModal();\n }\n } else {\n if (JSON.parse(res).MgsCode == \"0\") {\n setesignError(\"\");\n redirecttoPayment();\n } else {\n setesignError(\n \"E-Sign services is down, Please select 2AF and continue, or try again later\"\n );\n closeModal();\n }\n }\n\n // if(JSON.parse(res.slice(1, -1)).MgsCode == \"0\"){\n // redirecttoPayment()\n // }else {\n // closeModal();\n // }\n })\n .catch((err) => {\n console.log(err);\n });\n } else {\n redirecttoPayment();\n }\n // closeModal();\n // setopenotp(true);\n //PAyment INtegration\n // will make it dynamic once API is done\n\n // nextStep();\n };\n\n const redirecttoPayment = () => {\n console.log(\"redirect payment called\",value);\n let json = value;\n var total =\n json && json.schemeDetails.length > 0\n ? json.schemeDetails\n .map((bill) => Number(bill.Amount))\n .reduce((acc, bill) => bill + acc)\n : 0;\n console.log(total);\n var totallump =\n json && json.schemeDetails.length > 0\n ? json.schemeDetails\n .map((bill) => Number(bill.LumpSumAmount))\n .reduce((acc, bill) => bill + acc)\n : 0;\n console.log(totallump);\n\n let schemePrice =\n personalData.investmentType === \"SIP\" &&\n personalData.schemeArray[0].selectedSIPPaymentMode === \"Y\"\n ? totallump\n : total;\n let bankname =\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.bankname;\n let bankAccountNo =\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.accountnumber;\n let BankId =\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.Bank_id;\n\n let name =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.name\n ? personalData.personalDetails.name\n : personalData.personalDetails.first.name);\n let email =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.email\n ? personalData.personalDetails.email\n : personalData.personalDetails.first.email);\n let mobile =\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.mobile\n ? personalData.personalDetails.mobile\n : personalData.personalDetails.first.mobile);\n\n let pennyIhNo =\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.pennyP_ihno;\n\n console.log(personalData);\n var paymode =\n personalData.investmentType === \"SIP\" &&\n personalData.schemeArray[0].selectedSIPPaymentMode === \"N\"\n ? JSON.parse(personalData.BankDetails.selectedPaymnetRegistrationMode)\n .Pay_Mode\n : personalData.BankDetails.modeofPayment;\n console.log(paymode, \"payment Mode\");\n console.log(\n value.paymentMode,\n schemePrice,\n bankname,\n bankAccountNo,\n BankId,\n name,\n email,\n mobile,\n \"SuccessConfirm\",\n \"FailurTransaction\",\n refNo?.Appno,\n personalData.BankDetails,\n refNo?.Tr_ent_dt,\n 0,\n pennyIhNo,\n \"FTP\"\n );\n\n \n contextapi.redirectToPayment(\n paymode,\n schemePrice,\n bankname,\n bankAccountNo,\n BankId,\n name,\n email,\n mobile,\n \"SuccessConfirm\",\n \"FailurTransaction\",\n refNo?.Appno,\n personalData.BankDetails,\n refNo?.Tr_ent_dt,\n 0,\n pennyIhNo,\n refNo?.Ihno,\n \"FTP\",\n personalData.BankDetails.ifsc_code\n\n );\n };\n\n let json = value;\n console.log(json, \"json\");\n var total =\n json && json.schemeDetails.length > 0\n ? json.schemeDetails\n .map((bill) => Number(bill.Amount))\n .reduce((acc, bill) => bill + acc)\n : 0;\n console.log(json.transactDetails, \"transactDetails--\");\n const [successConfirmationPAge, setsuccessConfirmationPAge] = useState(false);\n\n return (\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n {json.headerTitle}\n
\n\n \n \n \n {json.transactDetails[key]}\n \n
\n \n\n // \n {/*
\n\n \n {Object.keys(json.transactDetails).map((key, i) => (\n <>\n Your Investment Summary
*/}\n{json.titleInfo}
\n\n // {key}\n // {json.transactDetails[key]}\n //
\n ))}\n\n {json.Disclaimer && (\n <>\n \n\n
\n \n )}\n \n Disclaimer: The user may\n note that there may be a time lag between the time a\n transaction is completed and before it appears in your\n account. Please note that your transaction would be\n processed on the business day when your funds are\n credited to the Bank Account of the respective Scheme of\n JM Financial Mutual Fund before the SEBI stipulated\n time. In case of any query/difficulty, you may feel free\n to call us on our Toll Free Number{\" \"}\n 1800 1038 345 or\n alternatively, you may email us at{\" \"}\n \n investor@jmfl.com\n {\" \"}\n or{\" \"}\n \n service_jmf@kfintech.com\n {\" \"}\n by mentioning the subject line as, 'Online Transaction\n Reference Number ' {refNo.Appno}\n
\n\n
\n \n
\n \n 
\n \n\n \n \n \n {esignError != \"\" &&
\n\n \n
\n\n {json.schemeDetails.map((key, i) => (\n \n Investment Details\n
\n\n {personalData[\"investmentType\"] !== \"ZBF\" && (\n
\n ))}\n\n {json.schemeDetails.length > 1 && ( // display only 2 or ore items presents\n \n
\n )}\n\n {key[\"Scheme\"]}
\n\n {/* 
\n 
*/}\n
\n \n \n {personalData[\"investmentType\"] !== \"ZBF\" && (\n
\n\n \n {\" \"}\n First Time Purchase\n {personalData.investmentType.toLowerCase() === \"sip\" &&\n `${\n personalData.APIJSON.investingMode_transactiontype ==\n \"SIN\"\n ? \" (New Folio-SIP Registration with Payment)\"\n : \"(New Folio-SIP Registration)\"\n }`}\n
\n )}\n {personalData[\"investmentType\"] === \"ZBF\" && (\n\n {\" \"}\n ZBF\n {personalData.investmentType.toLowerCase() === \"sip\" &&\n `${\n personalData.APIJSON.investingMode_transactiontype ==\n \"SIN\"\n ? \" (New Folio-SIP Registration with Payment)\"\n : \"(New Folio-SIP Registration)\"\n }`}\n
\n )}\n\n \n
\n {personalData.investmentType.toLowerCase() === \"sip\" && (\n <>\n {key[\"LumpSumAmount\"] != \"--\" && (\n \n {\" \"}\n {\"₹\" + key[\"Amount\"]} (Rupees{\" \"}\n {price_in_words(key[\"Amount\"])} only)\n
\n\n \n
\n )}\n {key[\"frequency\"] != \"\" && (\n \n {\" \"}\n {\"₹\" + key[\"LumpSumAmount\"]} (Rupees{\" \"}\n {price_in_words(key[\"LumpSumAmount\"])} only)\n
\n\n \n
\n )}\n\n {key[\"SIP_PeriodFrom\"] != \"\" && (\n {key[\"frequency\"]}
\n\n \n
\n )}\n\n {key[\"SIP_PeriodTo\"] != \"\" && (\n {key[\"SIP_PeriodFrom\"]}
\n\n \n
\n )}\n\n {key[\"NoOfInstallments\"] != \"\" && (\n \n {\" \"}\n {key[\"SIP_PeriodTo\"]}{\" \"}\n {key[\"SIPDuration\"] === \"Perpetual\"\n ? `(${key[\"SIPDuration\"]})`\n : \"\"}\n
\n\n \n
\n )}\n \n )}\n \n {\" \"}\n {key[\"SIPDuration\"] === \"Perpetual\"\n ? key[\"selectedSIPPerInstallment\"]\n : key[\"NoOfInstallments\"]}{\" \"}\n {key[\"SIPDuration\"] === \"Perpetual\"\n ? `(${key[\"SIPDuration\"]})`\n : \"\"}{\" \"}\n
\n\n Total Investment Amount: \n \n {\" \"}\n ₹ {json.schemeDetails.length > 0 ? total : \"\"}\n \n
\n )}\n\n \n \n\n \n {/* {configData.twoFa} */}\n
\n \n }\n >\n \n prevStep()}\n >\n Back\n \n {personalData[\"investmentType\"] !== \"ZBF\" && (\n openconfirmationpage()}\n >\n {\" \"}\n Proceed to Pay{\" \"}\n \n )}\n {personalData[\"investmentType\"] == \"ZBF\" && (\n handleRedirect()}\n >\n {\" \"}\n Confirm{\" \"}\n \n )}\n
\n \n
\n \n \n Your transaction reference no. for this transaction is :{\" \"}\n {refNo.Appno} for Online Purchase of Units under{\" \"}\n {onlyScheme} initiated {value.successmessage.date}. Please\n note the above number carefully for your for future\n reference and interaction with JM Financial Mutual Fund.\n
\n\n
\n\n \n Once you click ‘Submit’ button, you will be redirected to\n the Payment Gateway to complete your online purchase of\n units in the opted Scheme of JM Financial Mutual Fund.\n
\n\n {/* Allotment of units will be based on the applicable NAV of\n the Scheme. If you have any queries, please call us on\n customer center number on 1800 1038 345 or\n please email us at investor@jmfl.com\n mentioning the subject line as, 'Transaction reference\n number XXXXXXXXXX' */}\n Please note that the allotment of units will be based on the\n applicable NAV of the Scheme depending on the date & time of\n the online transaction and credit of invested funds into the\n Bank Account of the Scheme of JM Financial Mutual Fund in\n line with the current SEBI guidelines . In case of any\n query, you may feel free to call us on our Toll Free Number\n 1800 1038 345 or alternatively, you may email us at\n investor@jmfl.com or service_jmf@kfintech.com by mentioning\n the subject line as, 'Online Transaction Reference Number '\n {refNo.Appno}\n
\n\n
\n openverifyotp()}\n >\n Submit\n \n {/* closeModal}\n\n >\n {\" \"}\n Cancel{\" \"}\n */}\n
\n \n \n )}\n \n\n <>\n {openModelSmallToken && (\n \n
\n \n \n
\n We are trying to drop a small token amount to your bank\n account in order to verify your bank account\n
\n\n
\n openverifyotp()}\n >\n Submit\n \n
\n \n \n )}\n \n {openOTP && (\n \n
\n \n );\n}\n","import React, { useState, useEffect, useContext } from \"react\";\nimport \"../BankDetails/BankDetails.css\";\nimport { useSelector } from \"react-redux\";\nimport * as moment from \"moment\";\nimport SideNav from \"../../PersonalDetails/SideNav/SideNav\";\nimport UserDetails from \"../../PersonalDetails/UserdetailsRightnav/UserdetailsRightnav\";\nimport PaymentOptions from \"./PaymentOptions\";\nimport ConfirmationSummary from \"../../CommonComponents/ConfirmationSummary\";\nimport SuccessConfirm from \"../../CommonComponents/SuccessConfirm\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\nimport configData from \"../../../config/config.json\";\nimport { Context } from \"../../../services/apiContext\";\nimport { calNoOfInstallmentsPer, calNoOfInstallmentsPer_with_99, dateCoverted } from \"../../../helperFunctions/helperFunctions\";\nexport default function PaymentDetails({\n selectedFolio,\n personalData,\n FTPPrev,\n schemeDetails,\n genderradioRegis,\n}) {\n console.log(personalData, \"personalDatar\");\n console.log(schemeDetails);\n const [refNo, setRefNo] = useState(null);\n const [schemeJson, setschemeJson] = useState([]);\n // const [onlyScheme, setonlyScheme] = useState([]);\n let localschemeJson = [];\n const user = useSelector((state) => state.authentication.user);\n // let onlySchemeLocl = []\n useEffect(() => {\n fetchPaymentMode();\n\n console.log(personalData);\n \n }, []);\n const [step, setstep] = useState(1);\n\n const contextapi = useContext(Context);\n const setNotifi = useNotificationActionsContext();\n const [paymentMethod, setPaymentMethod] = useState([]);\n const [paymentmode, setpaymentmode] = useState();\n\n // const [oTMDetails, setoTMDetails] = useState([]);\n const updateSIPEndDateWithCondition = (old_Date_json) => {\n if (schemeDetails?.schemeDetailsarray[0]?.IsPerpetual === true) {\n if (personalData.BankDetails.selectedPaymnetRegistrationMode!==\"\" &&\n JSON.parse(personalData.BankDetails.selectedPaymnetRegistrationMode)\n .Pay_Mode === \"ISIP\"\n ) {\n return \"12/31/2099\";\n } else {\n return schemeDetails.schemeDetailsarray[0].SIP_PeriodTo;\n }\n }\n return old_Date_json;\n };\n\n const createConfirmationSummeryJSON = () => {\n if (personalData && personalData.schemeArray) {\n let schemeArray = personalData.schemeArray;\n for (let i = 0; i < schemeArray.length; i++) {\n // onlySchemeLocl.push( (schemeArray[i] && schemeArray[i].selectedScheme)? JSON.parse(schemeArray[i].selectedScheme).fm_schdesc:'--');\n\n localschemeJson.push({\n Scheme:\n schemeArray[i] && schemeArray[i].selectedScheme\n ? JSON.parse(schemeArray[i].selectedScheme).fm_schdesc +\n \" - \" +\n JSON.parse(schemeArray[i].selectedPlan).fm_plandesc +\n \" - \" +\n JSON.parse(schemeArray[i].selectedOption).fm_optiondesc\n : \"--\",\n \"Transaction type\": \"First Time Purchase\",\n frequency: schemeArray[i] ? schemeArray[i].sipfrequency : \"--\",\n Amount: schemeArray[i] ? schemeArray[i].selectedAmount : \"--\",\n LumpSumAmount: schemeArray[i]\n ? schemeArray[i].selectedAmountPurch\n ? schemeArray[i].selectedAmountPurch\n : \"--\"\n : \"--\",\n SIP_PeriodFrom: schemeArray[i]\n ? schemeArray[i].SIP_PeriodFrom\n ? schemeArray[i].SIP_PeriodFrom\n : \"--\"\n : \"--\",\n SIP_PeriodTo: schemeArray[i]\n ? schemeArray[i].SIP_PeriodTo\n ? schemeArray[i].SIP_PeriodTo\n : \"--\"\n : \"--\",\n NoOfInstallments: schemeArray[i]\n ? schemeArray[i].NoOfInstallments\n ? schemeArray[i].NoOfInstallments\n : \"--\"\n : \"--\",\n SIPDuration: schemeArray[i]\n ? schemeArray[i].SIPDuration\n ? schemeArray[i].SIPDuration\n : \"--\"\n : \"--\",\n selectedSIPPerInstallment: schemeArray[i]\n ? schemeArray[i].selectedSIPPerInstallment\n ? schemeArray[i].selectedSIPPerInstallment\n : \"--\"\n : \"--\",\n });\n let dt = updateSIPEndDateWithCondition(localschemeJson[0].SIP_PeriodTo);\n console.log(\"anshu check dt\", dt);\n localschemeJson[0].SIP_PeriodTo = dt;\n console.log(\"$$ printing confirmation summery\", localschemeJson);\n // console.log(onlySchemeLocl)\n setschemeJson(localschemeJson);\n // setonlyScheme(onlySchemeLocl)\n }\n }\n };\n \n const selectedmodepayment = (that) => {\n console.log(\"setPaymentMode Called payment details\", that);\n setpaymentmode(that);\n if (personalData) {\n personalData.BankDetails.modeofPayment = that;\n }\n if (that == \"AOTM\") {\n // getOTMData()\n }\n };\n\n const handleFormData = (label, that) => {\n console.log(label, that, \"called handle FormData\");\n // debugger;\n if (personalData) {\n personalData.BankDetails[label] = that;\n // personalData.BankDetails.modeofPayment = that;\n }\n };\n\n const monthNames = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n ];\n let currentDate = new Date();\n const [transaDate, settransDate] = useState(\n monthNames[currentDate.getMonth()] +\n \" \" +\n currentDate.getDate() +\n \", \" +\n currentDate.getFullYear() +\n \" \" +\n hours +\n \":\" +\n minutes +\n \" \" +\n ampm\n );\n var hours = currentDate.getHours();\n var minutes = currentDate.getMinutes();\n var ampm = hours >= 12 ? \"PM\" : \"AM\";\n hours = hours % 12;\n hours = hours ? hours : 12; // the hour '0' should be '12'\n minutes = minutes < 10 ? \"0\" + minutes : minutes;\n // let schemeArray = personalData && personalData.schemeList && personalData.schemeList.schemeDetailsarray\n let brokercode =\n personalData && personalData.APIJSON && personalData.APIJSON.subbrokercode;\n let brokerName =\n personalData && personalData.APIJSON && personalData.APIJSON.investingmode;\n\n //console.log(personalData && personalData.APIJSON && personalData && personalData.APIJSON.BankDetails && personalData.APIJSON.BankDetails.APIJSON.selectedPaymnetRegistrationMode)\n let schemeArray = personalData && personalData.schemeArray;\n // json.transactDetails['Transaction Date'] = monthNames[currentDate.getMonth()]+\" \"+ currentDate.getDate() +\", \"+currentDate.getFullYear()+\" \"+hours + ':' + minutes + ' ' + ampm\n // json.successmessage['date'] =\n let json = {\n headerTitle: \"Confirmation\",\n titleInfo: \"Your Investment Summary\",\n transactDetails: {\n \"Broker Code/ Name\":\n personalData && personalData.APIJSON\n ? (brokerName == \"Direct\" || brokerName == \"RIA\"\n ? \"000000-0\"\n : personalData.APIJSON.arn_code) +\n \"/ \" +\n brokerName\n : \"--\",\n\n ...(paymentmode && {\n \"Mode of Payment\": paymentmode === \"DCB\" ? \"Net Banking\" : paymentmode,\n }),\n ...(personalData.investmentType.toLowerCase() === \"sip\" && {\n \"Mode of Registration\":\n personalData.BankDetails &&\n personalData.BankDetails.selectedPaymnetRegistrationMode &&\n personalData.BankDetails.selectedPaymnetRegistrationMode !== \"\"\n ? JSON.parse(\n personalData.BankDetails.selectedPaymnetRegistrationMode\n )?.Pay_Mode\n : \"\",\n }),\n \"Transaction Reference Number\": refNo && refNo.Appno,\n // 'Transaction Date':monthNames[currentDate.getMonth()]+\" \"+ currentDate.getDate() +\", \"+currentDate.getFullYear()+\" \"+hours + ':' + minutes + ' ' + ampm\n // 'Transaction Date':transaDate\n },\n\n Disclaimer:\n \" Users may note that there may be a time lag between the time a transaction is completed and before it appears in your account information. Please note that your transaction would be processed on the business day your funds are credited to our bank account. Should you have any queries please contact customerservices@jmfinancial.com\",\n schemeDetails: schemeJson,\n dialogdesc:\n \"STP will be cancelled from 09/12/2020. Do you still want to cancel your STP?\",\n successmessage: {\n headerTitle: \"Thank you for your transaction!\",\n desc1:\n \"Your transaction has been processed successfully . However, kindly note that the units will be allotted based on the applicable NAV as per the time of receipt of funds into Scheme's Account from the Payment Gateways in terms of SEBI Guidelines\",\n // 'Your transaction has been processed successfully. Kindly note, that the units will be allotted as per guidelines on the applicable NAV for the given Purchase transaction.',\n desc2:\n \"Please note this reference number -- of your transaction in\" +\n schemeArray &&\n schemeArray[0] &&\n schemeArray[0].selectedScheme\n ? JSON.parse(schemeArray[0].selectedScheme).fm_schdesc\n : \"--\" + \" on \" + transaDate,\n // monthNames[currentDate.getMonth()]+\" \"+ currentDate.getDate() +\", \"+currentDate.getFullYear()+\" \"+hours + ':' + minutes + ' ' + ampm +\".\",\n\n // desc3: 'iSTP Cancellation is applicable only for iSTP registered (Internet STP) through JM Financial Fund.',\n // desc4: 'Note: To ensure that no further payments are debited towards your iSIP, kindly login to your bank’s internet banking portal and deactivate JM Financial Fund from your registered billers.',\n // desc5: 'Thank you for using our services. If you have any queries, please mail us at investor@jmfl.com for further assistance.',\n page: \"SIP\",\n buttonName: \"Go to Dashboard\",\n routelink: \"/dashboard\",\n date: transaDate,\n // monthNames[currentDate.getMonth()]+\" \"+ currentDate.getDate() +\", \"+currentDate.getFullYear()+\" \"+hours + ':' + minutes + ' ' + ampm\n },\n paymentMode: paymentmode === \"DCB\" ? \"Net Banking\" : paymentmode,\n };\n // console.log(personalData.APIJSON.investingmode,'check investMode')\n if (personalData.APIJSON.investingmode === \"RIA\") {\n console.log(\"CALLED INSIDE IF\");\n json.transactDetails[\"RIA Code\"] = personalData?.APIJSON?.ria_code;\n }\n // console.log(json,'jsonDatagdhdjudjdn')\n if (json.transactDetails) {\n json.transactDetails[\"Transaction Date\"] = `${moment\n .parseZone(refNo?.Tr_ent_dt)\n .format(\"LLL\")}`;\n }\n\n //APIs\n const fetchPaymentMode = async () => {\n console.log(\"fetch Payment Mode\")\n var url = configData.paymentOption[configData.ENV];\n var postobjt = {\n option: \"PM\", //static Payment method\n fund: configData.amcCode,\n assetSchemeType:\n personalData &&\n (personalData.personalDetails.pan\n ? personalData.personalDetails.pan\n : personalData.personalDetails.first.pan), //\"AWKPK0667K\", // personalData && personalData.personalDetails.pan, // \"AWKPK0667K\", // \"CGEPG3182M\", logined user PAN //need to check for ftp\n planMode: \"\",\n customFund: configData.sipCustomFund,\n };\n\n var options = {};\n await contextapi\n .postApiEncr2pCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n const addExtraPaymode = {Pay_Mode_Val: 'RTGS', Pay_Mode: 'NEFT or RTGS'}\n if (res.statusCode) {\n // dispatch(getFolioDetails(res))\n setPaymentMethod([]);\n } else {\n res.push(addExtraPaymode);\n setPaymentMethod(res);\n }\n })\n .catch((err) => {\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const nextStep = async () => {\n console.log(step);\n window.scrollTo(0, 0);\n if (step == 1) {\n // get Transaction Ref No\n await newSaveTransaction();\n } else {\n setstep(step + 1);\n }\n };\n\n const prevStep = () => {\n window.scrollTo(0, 0);\n setstep(step - 1);\n };\n\n const prevStepMain = () => {\n FTPPrev();\n };\n\n const newSaveTransaction = async () => {\n console.log(personalData, schemeDetails, \"for New Save Transaction\");\n let newarr = [];\n if (personalData && personalData.investmentType == \"SIP\") {\n let categoryObj = {\n SchemeCategory: \"\",\n Scheme: \"\",\n SchPlan: \"\",\n SchOption: \"\",\n Amount: null,\n SIP_Frequency: \"\",\n SIP_PeriodFrom: \"\",\n SIP_PeriodTo: \"\",\n SchemeName: \"\",\n };\n\n schemeDetails.schemeDetailsarray[0].selectedSIPPerInstallment=schemeDetails.schemeDetailsarray[0].IsPerpetual\n ? (JSON.parse(personalData.BankDetails.selectedPaymnetRegistrationMode).Pay_Mode_Val===\"ISIP\"\n ?calNoOfInstallmentsPer_with_99(schemeDetails.schemeDetailsarray[0].sipfrequency,schemeDetails.schemeDetailsarray[0].SIP_PeriodFrom)\n :calNoOfInstallmentsPer(schemeDetails.schemeDetailsarray[0].sipfrequency,schemeDetails.schemeDetailsarray[0].SIP_PeriodFrom)\n )\n :\"0\"\n personalData.schemeArray[0].selectedSIPPerInstallment=schemeDetails.schemeDetailsarray[0].selectedSIPPerInstallment;\n /* console.log(\"$$printing personaldetails\",personalData.schemeArray[0],\"----------------\",personalData);\n console.log(\"printing schemeDetailsarray\", schemeDetails); */\n schemeDetails.schemeDetailsarray.map((x, index) => {\n console.log(x);\n categoryObj.SchemeCategory = x.selectCategory;\n categoryObj.Scheme = JSON.parse(x.selectedScheme).fm_scheme;\n categoryObj.SchemeName = `${JSON.parse(x.selectedScheme).fm_schdesc}-${\n JSON.parse(x.selectedPlan).fm_plandesc\n }-${JSON.parse(x.selectedOption).fm_optiondesc}`;\n\n categoryObj.SchPlan = JSON.parse(x.selectedPlan).fm_plan;\n categoryObj.SchOption = JSON.parse(x.selectedOption).fm_option;\n categoryObj.SIP_amt = x.selectedAmount ? String(x.selectedAmount) : 0;\n\n categoryObj.Amount = x.selectedAmountPurch\n ? String(x.selectedAmountPurch)\n : \"0\";\n categoryObj.SIP_Frequency = x.sipfrequency;\n categoryObj.SIP_installment_no =\n x.IsPerpetual === true\n ? x.selectedSIPPerInstallment\n : x.NoOfInstallments;\n\n categoryObj.SIP_PeriodFrom = dateCoverted(\n x.SIP_PeriodFrom,\n \"DD/MM/YYYY\",\n \"MM/DD/YYYY\"\n );\n categoryObj.SIP_PeriodTo =\n x.IsPerpetual === true\n ? JSON.parse(\n personalData.BankDetails.selectedPaymnetRegistrationMode\n ).Pay_Mode === \"ISIP\"\n ? \"12/31/2099\"\n : moment(\n moment(x.SIP_PeriodFrom, \"DD/MM/YYYY\").format(\"MM/DD/YYYY\")\n )\n .add(40, \"years\")\n .format(\"MM/DD/YYYY\")\n : dateCoverted(x.SIP_PeriodTo, \"DD/MM/YYYY\", \"MM/DD/YYYY\");\n newarr.push(categoryObj);\n });\n } else {\n let categoryObj = {\n SchemeCategory: \"\",\n Scheme: \"\",\n SchPlan: \"\",\n SchOption: \"\",\n Amount: null,\n };\n\n personalData &&\n personalData.schemeArray.length > 0 &&\n personalData.schemeArray.map((x, index) => {\n categoryObj.SchemeCategory = x.selectCategory;\n categoryObj.Scheme = JSON.parse(x.selectedScheme).fm_scheme;\n categoryObj.SchPlan = JSON.parse(x.selectedPlan).fm_plan;\n categoryObj.SchOption = JSON.parse(x.selectedOption).fm_option;\n categoryObj.Amount = String(x.selectedAmount);\n newarr.push(categoryObj);\n });\n }\n\n let today = new Date();\n let monthReadto = (today.getMonth() + 1).toString();\n let getMonth = monthReadto.length == 1 ? \"0\" + monthReadto : monthReadto;\n\n let mdateReadTo = today.getDate().toString();\n let apisdatedataDateTO =\n mdateReadTo.length == 1 ? \"0\" + mdateReadTo : mdateReadTo;\n\n const url = `/quickAdditionalPurchase/newSaveTransaction`;\n const data = {\n transactionType:\n personalData &&\n personalData.APIJSON &&\n personalData.APIJSON.investingMode_transactiontype,\n\n tranType:\n personalData &&\n personalData.APIJSON &&\n personalData.APIJSON.investingMode_transactiontype, // bot are same\n\n fund: configData.amcCode,\n folioNum: personalData.investmentType.toLowerCase() === \"sip\"\n ? \"0\"\n : personalData.folio.toString(),\n agent:\n personalData && personalData.APIJSON\n ? personalData.APIJSON.investingmode == \"Direct\" ||\n personalData.APIJSON.investingmode == \"RIA\"\n ? \"000000-0\"\n : personalData.APIJSON.arn_code\n : \"null\",\n saveForLaterAccNo: personalData.folio.toString(),\n subBroker:\n personalData && personalData.APIJSON\n ? personalData.APIJSON.investingmode == \"Direct\" ||\n personalData.APIJSON.investingmode == \"RIA\"\n ? \"\"\n : personalData.APIJSON.subbrokercode\n : \"null\",\n // subBroker: personalData && personalData.APIJSON ? personalData.APIJSON.subbrokercode: \"null\",\n chqNo: \"999999\",\n chqDt: \"1900-01-01\",\n chqType: paymentmode || (personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.selectedPaymnetRegistrationMode &&\n JSON.parse(personalData.BankDetails.selectedPaymnetRegistrationMode).Pay_Mode_Val), // payment mode\n chqBank:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.bankname, // bank name\n userId:\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.email\n ? personalData.personalDetails.email\n : personalData.personalDetails.first.email),\n branchName: configData.appcode,\n pangNo:\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.pan\n ? personalData.personalDetails.pan.toUpperCase()\n : personalData.personalDetails.first.pan.toUpperCase()),\n mStatus: \"null\",\n invName:\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.name\n ? personalData.personalDetails.name\n : personalData.personalDetails.first.name),\n mapInId: \"null\",\n trDt: dateCoverted(new Date(), \"\", \"YYYY/MM/DD\"),\n entDt: dateCoverted(new Date(), \"\", \"YYYY/MM/DD\"),\n eUINNo:\n personalData && personalData.APIJSON && personalData.APIJSON.euin_num,\n eUINFlag:\n personalData && personalData.APIJSON && personalData.APIJSON.euin_flag,\n eUINOpt:\n personalData && personalData.APIJSON && personalData.APIJSON.euin_flag, // check this\n // eUINSubArnCode: personalData && personalData.APIJSON && personalData.APIJSON.subbrokerarn,\n eUINSubArnCode:\n personalData && personalData.APIJSON\n ? personalData.APIJSON.investingmode == \"Direct\" ||\n personalData.APIJSON.investingmode == \"RIA\"\n ? \"000000-0\"\n : personalData.APIJSON.subbrokerarn\n : \"null\",\n riaCode:\n personalData && personalData.APIJSON && personalData.APIJSON.ria_code,\n ddUtrNo: paymentmode === 'RTGS' ? personalData.BankDetails?.utrNo : '',\n bankId: \"\",\n schemeCartDetails: JSON.stringify(newarr),\n authMode: \"2fa\", //personalData && personalData.nomineeAuthmode,\n optNominee:\n personalData && personalData.nomineeChecked_no_nominee == true\n ? \"N\"\n : \"Y\",\n\n jointholder1:\n personalData.modeofHolding === \"Either or Survivor\"\n ? personalData.personalDetails.second.name2\n : \"\",\n jointholder2:\n personalData.modeofHolding === \"Either or Survivor\"\n ? personalData.personalDetails.third.name3\n : \"\",\n\n // \"trdate\":today.getFullYear()+ '-' + getMonth + '-' + apisdatedataDateTO,\n // \"branch\":\"WB99\",\n // \"trtype\":\"kfin\",\n // \"lname\":\"\",\n // \"entby\":personalData.name,\n // \"distributer\":personalData.APIJSON.subbrokercode,\n // \"schemeCartDetails\": JSON.stringify(newarr)\n };\n\n var sipobj = {\n // lname: user.Investor_Name,\n // entby: user.Investor_Name,\n lname:\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.name\n ? personalData.personalDetails.name\n : personalData.personalDetails.first.name),\n entby:\n personalData &&\n personalData.personalDetails &&\n (personalData.personalDetails.email\n ? personalData.personalDetails.email\n : personalData.personalDetails.first.email),\n branch: \"WB99\",\n bnkactype:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.accounttype,\n bnkname:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.bankname,\n bnkacno:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.accountnumber,\n bnkadd:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.bankadd1,\n bnkcity:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.city,\n bnkifsc:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.ifsc_code,\n bnkpin: null,\n bnkmicr: null,\n\n paymode: paymentmode,\n\n //new chages\n email:\n personalData &&\n personalData.personalDetails &&\n personalData.personalDetails.email,\n mobile:\n personalData &&\n personalData.personalDetails &&\n personalData.personalDetails.mobile,\n // pangno:userSession.Pan,\n modeofregistration:\n personalData &&\n personalData.BankDetails &&\n personalData.BankDetails.selectedPaymnetRegistrationMode &&\n JSON.parse(personalData.BankDetails.selectedPaymnetRegistrationMode)\n .Pay_Mode_Val,\n umrncode: personalData?.registration && personalData?.registration?.selectedOTMMethodRegistration\n ? JSON.parse(personalData?.registration?.selectedOTMMethodRegistration)?.UMRNNO\n : '',\n\n remarks: schemeArray[0].selectedSIPRemark,\n };\n let finalData = {\n ...data,\n ...sipobj,\n };\n\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res, \"response to get refnO\");\n if (res && res[0]) {\n // if(res.message !== \"data not saved\"){\n // setRefNo(res[0]);\n if(res[0].Error_code=== \"1\"){\n FTPPrev();\n setNotifi({ val: true, msg: res[0].Error_Message });\n }else{\n setRefNo(res[0]);\n // personalData.BankDetails.pennyP_ihno = res[0].Ihno.toString()\n\n let monthNames = [\n \"January\",\n \"February\",\n \"March\",\n \"April\",\n \"May\",\n \"June\",\n \"July\",\n \"August\",\n \"September\",\n \"October\",\n \"November\",\n \"December\",\n ];\n let currentDate = new Date(res[0].Tr_ent_dt);\n settransDate(`${moment.parseZone(refNo?.Tr_ent_dt).format(\"LLL\")}`);\n\n //addChequeUploadDetails\n // if(personalData && personalData.BankDetails && personalData.BankDetails.pennyP_ihno !== \"\"){\n // uploadCheqImage_Pennydrop(res[0]);\n // }else {\n createConfirmationSummeryJSON();\n setstep(step + 1);\n // }\n\n //\n }\n \n } else {\n setNotifi({ val: true, msg: res.message });\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n // const uploadCheqImage_Pennydrop = (that) =>{\n // const url = `/pennyDrop/updatePennydropCheque`;\n\n // let devpennyPihnoerror = personalData && personalData.BankDetails && personalData.BankDetails.pennyP_ihno;\n // if(Number(devpennyPihnoerror) < 0){\n // devpennyPihnoerror = devpennyPihnoerror * -1\n // }\n // const data = {\n // \"fund\": configData.amcCode,\n // \"P_Ihno\": devpennyPihnoerror.toString(), //\"32288025\",\n // \"T_Ihno\": ( (refNo !== null )? (refNo.Ihno.toString() != null?refNo.Ihno.toString():that.Ihno.toString()):that.Ihno.toString())\n // }\n // contextapi\n // .postApiEncrpCalling(url, data)\n // .then((res) => {\n // console.log(res);\n // if(res && (res[0] || res.level1[0])){\n\n // // EncryptionFlag: \"N\"\n // // Error_Code: \"1\"\n // // Error_Message: \"Error\"\n\n // setstep(step + 1);\n // }\n // })\n // .catch((err) => {\n // console.log(err);\n // });\n // }\n const renderDetails = () => {\n switch (step) {\n case 1:\n return (\n \n
\n \n
\n \n \n
\n {qpValue.desc1 && (\n {qpValue.headerTitle}
\n {/*Thank you for transacting! Payment Successful.
*/}\n{qpValue.desc1}
\n )}\n \n\n {qpValue.desc2 &&
\n\n {qpValue.desc3 && (\n {qpValue.desc2}
}\n {/*Note: The units will be allocated based as per guidelines of the applicable NAV for the given purchase.
*/}\n{qpValue.desc3}
\n )}\n\n {qpValue.desc4 && (\n{qpValue.desc4}
\n )}\n {qpValue.desc5 && (\n{qpValue.desc5}
\n )}\n\n\n {props.investingmode !== \"ZBF\" && (\n routeSignin()}\n style={{ float: \"right\" }}\n >\n Home\n \n
\n\n {/* {qpValue.page == \"SIP\" ? (\n \n Note: Once the transaction is processed you will get the folio\n and other details to your registered e-mail id.\n
\n )}\n\n routeLink(qpValue.routelink)}\n >\n {qpValue.buttonName}\n \n
\n ) : (\n \n \n \n \n
\n )} */}\n \n
\n );\n}\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { getUserDetailsFromLocal } from \"../../helperFunctions/helperFunctions\";\nimport configData from \"../../config/config.json\"\nimport { Context } from \"../../services/apiContext\";\n\nconst NomineeEsign = () => {\n const contextapi = useContext(Context);\n useEffect(() => {\n getUserDetailsFromLocal();\n }, []);\n\n const getUserDetailsFromLocal = async()=>{\n var url = configData.EsignUAT;\n console.log(configData.baseURL)\n console.log(configData.baseURL.EsignUAT)\n var postobjt = { \n }\n const options = {\n headers: {\n \"Access-Control-Allow-Origin\":\"*\",\n \"Access-Control-Allow-Headers\":\"X-Requested-With\"\n // amc_key: configData.amcCode,\n },\n };\n \n await contextapi\n .getApiCallingoutURL(configData.baseURL.EsignUAT)\n .then((res) => {\n console.log(res);\n \n })\n .catch((err) => {\n console.log(err);\n });\n }\n return (\n \n {step === 1 && (\n <>\n
\n \n
\n\n \n
\n\n {renderDetails()}
\n \n
\n \n )}\n\n {step >= 2 && (\n <>\n \n {renderDetails()}\n
\n \n )}\n \n
\n )\n}\nexport default NomineeEsign;","import { useEffect, useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { Context } from \"../../../services/apiContext\";\nimport moment from \"moment\";\n\nimport ConfirmationSummary from \"../../CommonComponents/ConfirmationSummary\";\nimport VerifyOTP from \"../../PersonalDetails/VerifyOTP\";\nimport VerifyIndividualOTP from \"../../PersonalDetails/VerifyIndividualOTP\";\nimport SuccessConfirm from \"../../CommonComponents/SuccessConfirm\";\nimport configData from \"../../../config/config.json\";\nimport { useContext } from \"react\";\nimport { useGlobalSpinnerActionsContext } from \"../../../components/loader/useloader\";\n\nexport default function ({ FTPNext, FTPPrev, personalData, refNo }) {\n console.log(refNo, \"ZBf\", personalData);\n console.log(\"Zbf Called\");\n // ZBFDetails\n const [schemeJson, setschemeJson] = useState([]);\n const [openVerifyOTP, setopenVerifyOTP] = useState(false);\n const [step, setStep] = useState(1);\n const [folioNum, setFolioNum] = useState({});\n const contextapi = useContext(Context);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n\n let localschemeJson = [];\n const user = useSelector((state) => state.authentication.user);\n let brokercode =\n personalData && personalData.APIJSON && personalData.APIJSON.subbrokercode;\n let brokerName =\n personalData && personalData.APIJSON && personalData.APIJSON.investingmode;\n\n const otpverified = (otpvalue, subimitType, submitBy) => {\n console.log(otpvalue);\n console.log(subimitType);\n console.log(submitBy);\n\n // otpvalue = \"Success\"\n // submitBy = 'Single'\n // subimitType = 'saveandproceed'\n\n if (otpvalue !== \"error\") {\n confirmPayment().then(async (data) => {\n setGlobalSpinner(true);\n // console.log(data, \"data after confrom payment\");\n\n setTimeout(async () => {\n let result = await zbfCrateFolio();\n\n console.log(result, \"resulf for zbf api\");\n\n setFolioNum(result);\n setGlobalSpinner(false);\n setStep(3);\n }, 4000);\n });\n } else {\n setopenVerifyOTP(true);\n setStep(1);\n }\n setopenVerifyOTP(false);\n\n // let onlySchemeLocl = []\n };\n\n const confirmPayment = async () => {\n var url = `/payments/confirmPayment`;\n var postObj = {\n appNo: refNo?.Appno,\n ihNo: refNo?.Ihno?.toString(),\n bankRefNo: null,\n upiOrderId: null,\n fund: configData.amcCode,\n };\n console.log(postObj);\n const header_options = {\n headers: {\n amc_key: configData.amcKey,\n },\n };\n const result = await contextapi.postApiEncrpCalling(\n url,\n postObj,\n header_options\n );\n console.log(result);\n };\n console.log(personalData, 'personalll Data');\n const zbfCrateFolio = async () => {\n return new Promise((resolve, reject) => {\n const url = `/zbf/save`;\n const postobjt = {\n fund: configData.amcCode,\n scheme: \"LF\",\n plan: \"D1\",\n option: \"R\",\n appno: \"LF-D1-R-0\",\n Fname1: \"\",\n Mname1: \"\",\n Lname1: \"\",\n name2: \"\",\n name3: \"\",\n add1: personalData?.nominee_details?.first?.data?.address ? personalData?.nominee_details?.first?.data?.address:'',\n add2: personalData?.nominee_details?.second?.data?.address ? personalData?.nominee_details?.second?.data?.address:'',\n add3: personalData?.nominee_details?.third?.data?.address ? personalData?.nominee_details?.third?.data?.address:'',\n city: \"\",\n pin: \"\",\n state: \"\",\n district: \"\",\n country: \"\",\n resphone: \"\",\n offphone: \"\",\n mobile: \"\",\n fax: \"\",\n email: \"\",\n bankactype: personalData?.BankDetails?.accounttype,\n bankacno: personalData?.BankDetails?.accountnumber,\n bnk_name: personalData?.BankDetails?.bankname,\n badd1: personalData?.BankDetails?.bankadd1,\n badd2: personalData?.BankDetails?.bankadd2,\n badd3: personalData?.BankDetails?.bankadd3,\n bcity: personalData?.BankDetails?.city,\n bpin: \"\",\n ecsno: \"\",\n pangno: \"\",\n pangno1: \"\",\n pangno2: \"\",\n moh: \"\",\n dob1: \"\",\n guard: \"\",\n branch: \"WB99\",\n ihno: refNo?.Ihno?.toString(),\n frequency: \"\",\n fromdt: moment(new Date()).format(\"MM/DD/YYYY\"),\n todt: moment(new Date()).format(\"MM/DD/YYYY\"),\n nom_name:personalData?.nominee_details?.first?.data?.name ? personalData?.nominee_details?.first?.data?.name:\"\",\n nom_add1: \"\",\n nom_add2: \"\",\n nom_add3: \"\",\n nom_city: \"\",\n nom_state: \"\",\n nom_pin: \"\",\n nom_rel: personalData?.nominee_details?.first?.data?.relationship ? personalData?.nominee_details?.first?.data?.relationship:'',\n Nominee2: personalData?.nominee_details?.second?.data?.name ? personalData?.nominee_details?.second?.data?.name :'',\n Nominee3: personalData?.nominee_details?.third?.data?.name ? personalData?.nominee_details?.third?.data?.name :'',\n NomPer1: personalData?.nominee_details?.first?.data?.percentage ? personalData?.nominee_details?.first?.data?.percentage:\"\",\n NomPer2: personalData?.nominee_details?.second?.data?.percentage ? personalData?.nominee_details?.second?.data?.percentage:\"\",\n NomPer3: personalData?.nominee_details?.third?.data?.percentage ? personalData?.nominee_details?.third?.data?.percentage:\"\",\n NomDOB1: personalData?.nominee_details?.first?.data?.DOB ? personalData?.nominee_details?.first?.data?.DOB:\"\",\n NomDOB2: personalData?.nominee_details?.second?.data?.DOB ? personalData?.nominee_details?.second?.data?.DOB:\"\",\n NomDOB3: personalData?.nominee_details?.third?.data?.DOB ? personalData?.nominee_details?.third?.data?.DOB:\"\",\n agent: \"\",\n trdt: moment(new Date()).format(\"MM/DD/YYYY\"),\n recby: \"\",\n age1: \"\",\n category: \"\",\n occpn: \"\",\n holdmode: \"\",\n mktstatus: \"\",\n status: \"\",\n mapin: \"\",\n mapin2: \"\",\n mapin3: \"\",\n entby1: \"\",\n receiptno: \"\",\n macid: \"\",\n payableat: \"\",\n remarks: \"\",\n IFSCCode: \"\",\n SubCode: \"\",\n timestamp: moment(new Date()).format(\"MM/DD/YYYY\"),\n guardpan: \"\",\n dob2: \"\",\n dob3: \"\",\n i_kycflag: \"Y\",\n };\n\n if (personalData && personalData.personalDetails) {\n if (personalData.modeofHolding !== \"Either or Survivor\") {\n // postobjt.Fname1 =\n // personalData.personalDetails.name.split(\" \")[0] !== undefined\n // ? personalData.personalDetails.name.split(\" \")[0]\n // : personalData.personalDetails.name;\n // postobjt.Mname1 =\n // personalData.personalDetails.name.split(\" \")[1] !== undefined\n // ? personalData.personalDetails.name.split(\" \")[1]\n // : personalData.personalDetails.name;\n postobjt.Lname1 = personalData.personalDetails.name\n postobjt.email = personalData.personalDetails.email;\n postobjt.mobile = personalData.personalDetails.mobile;\n postobjt.pangno = personalData.personalDetails.pan\n ? personalData.personalDetails.pan.toUpperCase()\n : personalData.personalDetails.first.pan.toUpperCase();\n postobjt.dob1 = personalData.personalDetails.DOB;\n }\n postobjt.agent =\n personalData && personalData.APIJSON\n ? personalData.APIJSON.investingmode == \"Direct\" ||\n personalData.APIJSON.investingmode == \"RIA\"\n ? \"000000-0\"\n : personalData.APIJSON.arn_code\n : \"null\";\n postobjt.entby1 = personalData.personalDetails.name;\n postobjt.country = personalData.firstApplicantKYC.Fatca.countrybirth;\n postobjt.category = personalData.firstApplicantKYC.catagory;\n postobjt.moh = personalData.modeofHolding === \"Single\" ? '1' : '3';\n postobjt.remarks =\n personalData?.schemeArray[0]?.selectedSIPRemark !== undefined\n ? personalData.schemeArray[0]?.selectedSIPRemark\n : \"\";\n\n console.log(personalData.modeofHolding, \"modeof holdings\");\n if (personalData.modeofHolding === \"Either or Survivor\") {\n postobjt.Fname1 =\n personalData.personalDetails.first.name.split(\" \")[0] !== undefined\n ? personalData.personalDetails.first.name.split(\" \")[0]\n : personalData.personalDetails.first.name;\n postobjt.Mname1 =\n personalData.personalDetails.first.name.split(\" \")[1] !== undefined\n ? personalData.personalDetails.first.name.split(\" \")[1]\n : personalData.personalDetails.first.name;\n postobjt.Lname1 = personalData.personalDetails.first.name;\n postobjt.email = personalData.personalDetails.first.email;\n postobjt.mobile = personalData.personalDetails.first.mobile;\n postobjt.pangno =\n personalData.personalDetails.first.pan.toUpperCase();\n postobjt.pangno1 =\n personalData.personalDetails.second.pan2.toUpperCase();\n postobjt.pangno2 =\n personalData.personalDetails.third.pan3.toUpperCase();\n postobjt.dob1 =\n personalData.personalDetails.first.DOB !== undefined\n ? moment(personalData.personalDetails.first.DOB).format(\n \"MM/DD/YYYY\"\n )\n : \"\";\n postobjt.dob2 =\n personalData.personalDetails.second.DOB2 !== undefined\n ? moment(personalData.personalDetails.second.DOB2).format(\n \"MM/DD/YYYY\"\n )\n : \"\";\n postobjt.dob3 =\n personalData.personalDetails.third.DOB3 !== undefined\n ? moment(personalData.personalDetails.third.DOB3).format(\n \"MM/DD/YYYY\"\n )\n : \"\";\n\n // console.log(postobjt.dob2, postobjt.dob3, \"dob\");\n }\n }\n\n \n console.log(postobjt, \"postObj hello\");\n contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n console.log(res, \"resFrom thatApi Called\");\n if (res && res[0]) {\n resolve(res[0]);\n } else {\n // setNotifi({ val: true, msg: res.message });\n reject(res);\n }\n })\n .catch(async (err) => {\n // console.log(err.response.data.message, \"errmesage\");\n if (\n err.response.data.message ===\n \"Database 'JMMF' does not exist. Make sure that the name is entered correctly.\"\n ) {\n setTimeout(async () => {\n const res = await zbfCrateFolio();\n resolve(res);\n }, 1000);\n }\n \n });\n });\n };\n useEffect(() => {\n // fetchPaymentMode();\n\n console.log(personalData);\n if (personalData && personalData.schemeArray) {\n let schemeArray = personalData.schemeArray;\n for (let i = 0; i < schemeArray.length; i++) {\n // onlySchemeLocl.push( (schemeArray[i] && schemeArray[i].selectedScheme)? JSON.parse(schemeArray[i].selectedScheme).fm_schdesc:'--');\n\n localschemeJson.push({\n Scheme:\n schemeArray[i] && schemeArray[i].selectedScheme\n ? JSON.parse(schemeArray[i].selectedScheme).fm_schdesc +\n \" - \" +\n JSON.parse(schemeArray[i].selectedPlan).fm_plandesc +\n \" - \" +\n JSON.parse(schemeArray[i].selectedOption).fm_optiondesc\n : \"--\",\n \"Transaction type\": \"First Time Purchase\",\n frequency: schemeArray[i] ? schemeArray[i].sipfrequency : \"--\",\n Amount: schemeArray[i] ? schemeArray[i].selectedAmount : \"--\",\n LumpSumAmount: schemeArray[i]\n ? schemeArray[i].selectedAmountPurch\n ? schemeArray[i].selectedAmountPurch\n : \"--\"\n : \"--\",\n SIP_PeriodFrom: schemeArray[i]\n ? schemeArray[i].SIP_PeriodFrom\n ? schemeArray[i].SIP_PeriodFrom\n : \"--\"\n : \"--\",\n SIP_PeriodTo: schemeArray[i]\n ? schemeArray[i].SIP_PeriodTo\n ? schemeArray[i].SIP_PeriodTo\n : \"--\"\n : \"--\",\n NoOfInstallments: schemeArray[i]\n ? schemeArray[i].NoOfInstallments\n ? schemeArray[i].NoOfInstallments\n : \"--\"\n : \"--\",\n SIPDuration: schemeArray[i]\n ? schemeArray[i].SIPDuration\n ? schemeArray[i].SIPDuration\n : \"--\"\n : \"--\",\n selectedSIPPerInstallment: schemeArray[i]\n ? schemeArray[i].selectedSIPPerInstallment\n ? schemeArray[i].selectedSIPPerInstallment\n : \"--\"\n : \"--\",\n });\n // console.log(localschemeJson)\n // console.log(onlySchemeLocl)\n setschemeJson(localschemeJson);\n // setonlyScheme(onlySchemeLocl)\n }\n }\n }, []);\n\n let json = {\n headerTitle: \"Confirmation\",\n titleInfo: \"Your transaction Summary\",\n transactDetails: {\n \"Broker Code/ Name\":\n personalData && personalData.APIJSON\n ? (brokerName == \"Direct\" || brokerName == \"RIA\" || brokercode == \"\"\n ? \"000000-0\"\n : personalData.APIJSON.brokercode) +\n \"/ \" +\n brokerName\n : \"--\",\n ...(personalData.investmentType.toLowerCase() === \"sip\" && {\n \"Mode of Registration\":\n personalData.BankDetails &&\n personalData.BankDetails.selectedPaymnetRegistrationMode &&\n personalData.BankDetails.selectedPaymnetRegistrationMode !== \"\"\n ? JSON.parse(\n personalData.BankDetails.selectedPaymnetRegistrationMode\n )?.Pay_Mode\n : \"\",\n }),\n \"Transaction Reference Number\": refNo && refNo.Appno,\n // 'Transaction Date':monthNames[currentDate.getMonth()]+\" \"+ currentDate.getDate() +\", \"+currentDate.getFullYear()+\" \"+hours + ':' + minutes + ' ' + ampm\n // 'Transaction Date':transaDate,\n },\n Disclaimer:\n \" Users may note that there may be a time lag between the time a transaction is completed and before it appears in your account information. Please note that your transaction would be processed on the business day your funds are credited to our bank account. Should you have any queries please contact customerservices@jmfinancial.com\",\n schemeDetails: schemeJson,\n dialogdesc:\n \"STP will be cancelled from 09/12/2020. Do you still want to cancel your STP?\",\n successmessage: {\n headerTitle: \"Thank you for your transaction!\",\n desc1:\n \"Your transaction has been processed successfully . However, kindly note that the units will be allotted based on the applicable NAV as per the time of receipt of funds into Scheme's Account from the Payment Gateways in terms of SEBI Guidelines\",\n // 'Your transaction has been processed successfully. Kindly note, that the units will be allotted as per guidelines on the applicable NAV for the given Purchase transaction.',\n desc2:\n \"Please note this reference number -- of your transaction in\" +\n personalData?.schemeArray &&\n personalData?.schemeArray[0] &&\n personalData?.schemeArray[0].selectedScheme\n ? JSON.parse(personalData?.schemeArray[0].selectedScheme).fm_schdesc\n : \"--\" + \" on \" + new Date(),\n // monthNames[currentDate.getMonth()]+\" \"+ currentDate.getDate() +\", \"+currentDate.getFullYear()+\" \"+hours + ':' + minutes + ' ' + ampm +\".\",\n\n // desc3: 'iSTP Cancellation is applicable only for iSTP registered (Internet STP) through JM Financial Fund.',\n // desc4: 'Note: To ensure that no further payments are debited towards your iSIP, kindly login to your bank’s internet banking portal and deactivate JM Financial Fund from your registered billers.',\n // desc5: 'Thank you for using our services. If you have any queries, please mail us at investor@jmfl.com for further assistance.',\n page: \"SIP\",\n buttonName: \"Go to Dashboard\",\n routelink: \"/dashboard\",\n date: new Date(), // transaDate,\n // monthNames[currentDate.getMonth()]+\" \"+ currentDate.getDate() +\", \"+currentDate.getFullYear()+\" \"+hours + ':' + minutes + ' ' + ampm\n },\n // paymentMode: paymentmode === \"DCB\" ? \"Net Banking\" : paymentmode,\n };\n\n const prevStepMain = () => {\n FTPPrev();\n };\n\n return (\n <>\n {step === 1 ? (\n \n hi\n
\n {renderInvestments()}
;\n}\n","import React, { useEffect, useState, useRef, useContext } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport LumpsumComponent from \"../Quickpurchase/components/LumpsumComponent\";\nimport Quickpurchase from \"../Quickpurchase/components/Quickpurchase\";\nimport QuickPurchaseTransaction from \"../Quickpurchase/components/QuickPurchaseTransaction\";\n// import SelectBank from \"./components/SelectBank\";\nimport \"../../../node_modules/bootstrap/dist/css/bootstrap.min.css\";\nimport InvestmentDetails from \"../Quickpurchase/components/InvestmentDetails\";\nimport \"../Quickpurchase/Lumpsum.css\";\nimport BankDetails from \"../Quickpurchase/components/BankDetails\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useGlobalSideNavActionsContext } from \"../../components/SideNavBar/useSidenav\";\nimport { dateCoverted } from \"../../helperFunctions/helperFunctions\";\nimport { useHistory } from 'react-router-dom'\n\nconst AdditionalPurchase = () => {\n const [step, setstep] = useState(1);\n const [refNo, setRefNo] = useState(null);\n const userSession = useSelector((state) => state.authentication.user);\n const contextapi = useContext(Context);\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n const [folioList, setFolioList] = useState({});\n const history = useHistory() \n const [investingViaData, setinvestingViaData] = useState({\n investVia: \"\",\n arn: \"\",\n arnName: \"\",\n ispicked: false,\n euinNocb: \"\",\n euinDeclartion: \"Yes\",\n sbCode: \"\",\n sbArn: \"\",\n riaCode: \"\",\n selectedFolio: '',\n selectedSIPFolio: \"\",\n selectedSIPFolioType: \"\",\n selectedSIPPaymentMode: \"Y\",\n selectedNominee: \"\",\n nominneCart: [],\n });\n const [schemeData, setSchemeData] = useState({\n investmentIn: \"\",\n schemeCategory: \"\",\n schemeName: \"\",\n schemePlan: \"\",\n schemeOption: \"\",\n schemeSubOption: \"\",\n schemeAmount: \"\",\n selectedSIPFreq: \"\",\n selectedSIPStartDate: \"\",\n selectedSIPInstallment: \"\",\n selectedPaymnetRegistrationMode:\"\",\n selectedOTMMethodRegistration:\"\"\n });\n const [paymentDetails, setPaymentDetails] = useState({\n seclectedbankAccount: \"\",\n selectedPaymnetMode: \"\",\n selectedOTMMethodRegistration: \"\",\n selectedOTMMethod: \"\",\n selectedDeclaration: false,\n });\n const editCart = useRef(null);\n // let jsondata = [\n // {\n // selectedScheme: \"Equity\",\n // selectCategory: \"Equity cat\",\n // selectedPlan: \"JM Financial Tax Saver Fund - Direct Growth - Growth\",\n // selectedInvestment: \"500\",\n // },\n // {\n // selectedScheme: \"Equity2\",\n // selectCategory: \"Equity cat2\",\n // selectedPlan: \"JM2 Financial Tax Saver Fund - Direct Growth - Growth\",\n // selectedInvestment: \"5001\",\n // },\n // ];\n // setschemeDetails({\n // [\"investmentthrough\"]: investingViaData.investVia,\n // [\"schemeDetailsarray\"]: jsondata,\n // });\n //dummy for development\n const [schemeDetails, setschemeDetails] = useState({\n folio: \"\",\n investmentthrough: \"\",\n schemeDetailsarray: [],\n });\n useEffect(() => {\n getUserFolios();\n\n history.listen((location) => { \n // console.log(buf.toString('NFO'));\n\n // var url = new URL(window.location.href);\n // var c = url.searchParams.get(\"tab\");\n // console.log(c)\n // console.log(atob(c))\n // if(atob(c) == \"NFO\"){\n // checkNFO();\n // }\n \n }) \n\n }, []);\n // function for going to next step by increasing step state by 1\n const nextStep = () => {\n setstep(step + 1);\n\n // if (step + 1 === 2) {\n // addfoliotoSide();\n // }\n if (step + 1 === 4) {\n setGlobalSideNav(false);\n }\n };\n const editCartItem = (itemToedit) => {\n console.log(itemToedit);\n setstep(2);\n editCart.current(itemToedit);\n };\nuseEffect(()=>{\naddfoliotoSide()\n},[investingViaData])\n const getUserFolios = async () => {\n const url = \"/quickAdditionalPurchase/getPANAssociatedFolios\";\n const postObj = {\n fund: configData.amcCode,\n pan: userSession.Pan?.toUpperCase(),\n email: userSession.Email_ID,\n\n // pan: 'AEWPA9117N', //userSession.Pan,\n // email: \"akmadhav@gmail.com\", //userSession.Email_ID,\n\n bankAccNo: null,\n };\n await contextapi\n .postApiEncrpCalling(url, postObj)\n .then((res) => {\n console.log(res);\n if (res[0]?.folios) {\n setFolioList({\n data: res[0].folios,\n selectedData: res[0].folios[0].Folio,\n });\n handleInputData(\"selectedFolio\", res[0].folios[0].Folio);\n } else {\n setFolioList({\n data: [],\n selectedData: \"\",\n });\n handleInputData(\"selectedFolio\", \"\");\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n // function for going to previous step by decreasing step state by 1\n const prevStep = () => {\n setstep(step - 1);\n\n if (step - 1 === 3) {\n setGlobalSideNav(true);\n }\n };\n const addfoliotoSide = () => {\n setschemeDetails({\n ...schemeDetails,\n folio: investingViaData.selectedFolio,\n investmentthrough: investingViaData.investVia,\n });\n };\n // handling form input data by taking onchange value and updating our previous form data state\n const handleInputData = (input, value) => {\n //updating for data state taking previous state and then adding new value to create new object\n setinvestingViaData((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n };\n const handleInputDataSchemes = (input, value) => {\n //updating for data state taking previous state and then adding new value to create new object\n setSchemeData((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n };\n const handlePaymentData = (input, value) => {\n \n console.log(\"slect Bank ac\", input, value)\n setPaymentDetails((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n };\n const fetchRefNumber = async () => {\n console.log(paymentDetails);\n const url = `/quickAdditionalPurchase/newSaveTransaction`;\n let categoryObj = {\n SchemeCategory: \"\",\n Scheme: \"\",\n SchPlan: \"\",\n SchOption: \"\",\n Amount: null,\n SIP_Frequency: \"\",\n SIP_PeriodFrom: \"\",\n SIP_PeriodTo: \"\",\n SchemeName:\"\",\n };\n let newarr = [];\n schemeDetails.schemeDetailsarray.map((x, index) => {\n categoryObj.SchemeCategory = x.schemeCategory;\n categoryObj.Scheme = JSON.parse(x.schemeName).fm_scheme;\n categoryObj.SchPlan = JSON.parse(x.schemePlan).fm_plan;\n categoryObj.SchOption = JSON.parse(x.schemeOption).fm_option;\n categoryObj.Amount = String(x.schemeAmount);\n categoryObj.SchemeName = `${JSON.parse(x.schemeName).fm_schdesc}-${\n JSON.parse(x.schemePlan).fm_plandesc\n }-${JSON.parse(x.schemeOption).fm_optiondesc}`;\n\n newarr.push(categoryObj);\n });\n console.log(investingViaData);\n let bankDetailsForApi= paymentDetails?.seclectedbankAccount && JSON.parse(paymentDetails.seclectedbankAccount);\n const data = {\n transactionType: \"ADD\",\n fund: configData.amcCode,\n folioNum: String(investingViaData?.selectedFolio),\n agent: schemeDetails.investmentthrough ==='Distributor' ? investingViaData?.arn : \"000000-0\",\n subBroker: investingViaData?.sbCode ? investingViaData?.sbCode : \"null\",\n chqNo: \"null\",\n chqDt: \"1900-01-01\",\n chqType:\n paymentDetails &&\n paymentDetails.selectedPaymnetMode &&\n JSON.parse(paymentDetails.selectedPaymnetMode).Pay_Mode_Val, //\"null\", // payment mode\n chqBank:\n paymentDetails &&\n paymentDetails.seclectedbankAccount &&\n JSON.parse(paymentDetails.seclectedbankAccount).BankName, //\"null\", // bank name\n userId: userSession.Email_ID,\n branchName: configData.appcode,\n pangNo: userSession.Pan,\n mStatus: \"null\",\n invName: userSession.Investor_Name,\n mapInId: \"null\",\n trDt: dateCoverted(new Date(), \"\", \"YYYY/MM/DD\"),\n entDt: dateCoverted(new Date(), \"\", \"YYYY/MM/DD\"),\n eUINNo: investingViaData?.euinNocb ? investingViaData?.euinNocb : \"\",\n eUINFlag: investingViaData?.ispicked === true ? \"Y\" : \"N\",\n eUINOpt: investingViaData?.euinDeclartion === \"No\" ? \"N\" : \"Y\",\n eUINSubArnCode: investingViaData?.sbArn\n ? investingViaData?.sbArn\n : \"null\",\n riaCode: investingViaData?.riaCode ? investingViaData?.riaCode : \"null\",\n umrncode: paymentDetails?.selectedOTMMethodRegistration\n ? JSON.parse(paymentDetails?.selectedOTMMethodRegistration).GM_UMRNNo\n : \"\",\n ddUtrNo: JSON.parse(paymentDetails?.selectedPaymnetMode)?.Pay_Mode_Val === 'RTGS' ? paymentDetails['utrno']:'',\n bankId: paymentDetails &&\n paymentDetails.seclectedbankAccount &&\n JSON.parse(paymentDetails.seclectedbankAccount).Bank_id,\n modeOfTransaction: investingViaData?.arn ? \"ARN\" : \"null\",\n brokerName: investingViaData?.arnName ? investingViaData?.arnName : \"\",\n schemeCartDetails: JSON.stringify(newarr),\n bnkactype:bankDetailsForApi?.BnkAcType ? bankDetailsForApi?.BnkAcType : '',\n bnkname:bankDetailsForApi?.BankName ? bankDetailsForApi?.BankName : '',\n bnkacno:bankDetailsForApi?.BankAcno ? bankDetailsForApi?.BankAcno : '',\n bnkadd:bankDetailsForApi?.BankAdd1 ? bankDetailsForApi?.BankAdd1 : '',\n bnkcity:bankDetailsForApi?.BankCity ? bankDetailsForApi?.BankCity : '',\n bnkpin:bankDetailsForApi?.BankPIN ? `${bankDetailsForApi?.BankPIN}` : '0',\n bnkifsc:bankDetailsForApi?.ifsccode ? bankDetailsForApi?.ifsccode?.toUpperCase() : '' ,\n };\n console.log(data);\n await contextapi\n .postApiEncrpCalling(url, data)\n .then((res) => {\n console.log(res);\n setRefNo(res[0]);\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const handleAddtocart = (data) => {\n console.log(data);\n setschemeDetails({\n ...schemeDetails,\n schemeDetailsarray: [data],\n });\n };\n const deletFromCart = (datatodelete) => {\n let filteredArray = schemeDetails.schemeDetailsarray.filter(\n (item) => item !== datatodelete\n );\n console.log(datatodelete);\n console.log(filteredArray);\n setschemeDetails({\n ...schemeDetails,\n schemeDetailsarray: filteredArray,\n });\n };\n\n\n \n\n const renderSwitch = () => {\n switch (step) {\n case 1:\n return (\n \n {step < 4 ? (\n <>\n
\n );\n};\n\nexport default AdditionalPurchase;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport RedemptionPage2 from \"../Redemption/RedemptionPage2\";\nimport WithdrawalModel from \"../CommonComponents/Transact/WithDrawModel\";\nimport TransactSummaryPage from \"../CommonComponents/Transact/TransactSummaryPage\";\nimport { useGlobalSideNavActionsContext } from \"../../components/SideNavBar/useSidenav\";\nimport VerifyOTP from \"../PersonalDetails/VerifyOTP\";\nimport TransactSuccess from \"../CommonComponents/Transact/TransactSuccess\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport SwitchRegistration1 from \"./components/SwitchRegistration1\";\nimport SwitchRegistrationPage2 from \"./components/SwitchRegistartion2\";\nimport SwitchRegistration3 from \"./components/SwitchRegistration3\";\nimport moment from \"moment\";\n\nlet currentDate,\n currentTimeInHours = \"\",\n currentTimeInMins;\nconst Switch = (props) => {\n const user = useSelector((state) => state.authentication.user);\n // console.log(user)\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [panAssoiciatedFolios, setPANAssociatedFolios] = useState(null);\n const [bankDetailsdd, setBankDetailsDD] = useState([]);\n const [step, setstep] = useState(1);\n const [selectedFolioNum, setSelectedFolioNum] = useState(\"\");\n const [sendSelecteddetails, setsendSelecteddetails] = useState(null);\n const [swpPage3schemeCategory, setSwpPage3SchemeCategory] = useState(null);\n const [enteredValue, setEnteredValue] = useState(\"\");\n const [withdrawalStatus, setwithdrawalStatus] = useState(false);\n const [radioValue, setRadioValue] = useState(\"full\");\n const [RedeemHandleRedeemBtn, setRedeemHandleRedeemBtn] = useState(\"Amount\");\n const [selectedBank, setSelectedBank] = useState(\"\");\n const [confirmTransaction, setConfirmTransaction] = useState(false);\n const [schemeConfirmationDetails, setSchemeConfirmationDetails] =\n useState(null);\n const [scheduleForFutureDate, setScheduleForFutureDate] = useState(\"\");\n const [scheduleStatus, setScheduleStatus] = useState(false);\n\n //SwitchRegistrationPage2 form validation states\n const [ArnValid, setArnValid] = useState(null);\n const [EuinBasedOnArn, setEuinBasedOnArn] = useState(null);\n const [EuinValid, setEuinValid] = useState(null);\n const [RiaValid, setRiaValid] = useState(null);\n\n //STPRegistrationPage2 form validation error States\n const [ArnValidError, setArnValidError] = useState(null);\n\n //Regex for validating SubBrokerCode and SubBrokerArnCode need to replace after Api creation\n var subBrokerArnValid = /^[A]{1}[R]{1}[N]{1}[-]{1}[a-zA-Z0-9]{1,7}$/;\n\n //SwitchRegistrationPage3 state values\n const [schemeCategory, setSchemeCategory] = useState(null);\n const [schemeValues, setSchemeValues] = useState(null);\n const [schemePlanValues, setSchemePlanValues] = useState(null);\n const [schemeOptions, setSchemeOptions] = useState(null);\n const [minimumAmount, setMinimumAmount] = useState({});\n const [balUnitsTaxSavr,setBalUnitsTaxSavr] = useState(null)\n\n const [inputVal, setInputVal] = useState({\n redeemAmt: \"\",\n // investingThrough:\"Distributor\",\n redeemCurrentVal: \"\",\n });\n\n // handleState values of switchPage2\n const [investDetails, setinvestDetails] = useState({\n investThrough: \"Direct\",\n arn: \"ARN-\",\n subBrokerCode: \"\",\n subBrokerArnCode: \"ARN-\",\n euin: \"Yes\",\n EuinValue: \"\",\n EuinDecleration: false,\n ria: \"\",\n });\n\n let redirectFromRepeatTransact;\n let myTransactionRedirectState;\n if (props.location.state) {\n redirectFromRepeatTransact = props.location.state.step;\n myTransactionRedirectState = props.location.state;\n } else {\n redirectFromRepeatTransact = \"\";\n myTransactionRedirectState = \"\";\n }\n\n //switchPage2 handle states function\n const investingthroughdata = (name, value) => {\n // console.log(\"Called HERE\")\n // console.log(value)\n setinvestDetails((prevState) => ({\n ...prevState,\n [name]: value,\n }));\n // handleInput(\"investingThrough\",value)\n };\n\n //state value of Euin Num of switch\n const [EUINNum, setEUINNum] = useState(\"\");\n\n //swppage3 handleInput Values\n const [swppage3data, setswppage3data] = useState({\n selectCategory: \"\",\n selectedScheme: \"\",\n selectedPlan: \"\",\n selectedOption: \"\",\n selectedInvestment: \"\",\n redeemAmt: \"\",\n declerationStatus: false,\n });\n\n //swppage3 handle function\n const handleswpPage3data = (name, value) => {\n // console.log(name)\n // console.log(value)\n // console.log(swppage3data)\n setswppage3data({\n ...swppage3data,\n [name]: value,\n });\n };\n\n const handleSelectedScheme = (updatedValue) => {\n setswppage3data({\n ...swppage3data,\n ...updatedValue,\n });\n };\n\n const handleInput = (name, value) => {\n setInputVal({\n ...inputVal,\n [name]: value,\n });\n };\n\n const selectBalUnitTaxSaver = (data) => {\n // console.log(data,'select balUnit From Tax Saver')\n setBalUnitsTaxSavr(data);\n }\n\n const nextStep = () => {\n setstep(step + 1);\n // console.log(step);\n // console.log(\"Hello\");\n\n if (step + 1 >= 4) {\n setGlobalSideNav(false);\n } else {\n setGlobalSideNav(true);\n }\n };\n const prevStep = () => {\n setstep(step - 1);\n };\n\n useEffect(async () => {\n await getPANAssociatedFolios();\n // await populateBanksOptions();\n if (confirmTransaction) {\n // currentDate = new Date();\n // currentTimeInHours = currentDate.getHours();\n // currentTimeInMins = currentDate.getMinutes();\n // console.log(currentDate)\n // await saveSwitchTransactionDetails();\n // await schemeConfirmation();\n }\n }, [confirmTransaction]);\n\n const getPANAssociatedFolios = async () => {\n // console.log(\"panAsssiate Value Api Called\");\n var url = \"/quickAdditionalPurchase/getPANAssociatedFolios\";\n var postobjt = {\n fund: configData.amcCode,\n pan: user.Pan?.toUpperCase(),\n email: user.Email_ID,\n bankAccNo: null,\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n if (res) {\n setPANAssociatedFolios(res[0].folios);\n if (selectedFolioNum === \"\") {\n setSelectedFolioNum(res[0].folios[0].Folio);\n }\n }\n console.log(res[0].folios[0].Folio);\n })\n .catch((err) => {\n // console.log(err);\n // setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n // const populateBanksOptions = async () => {\n // var url = \"https://api.jmfinancialmf.com/commonUtility/api/v1/banks/populateBanksOptions\";\n // // var url = \"https://clientwebsitesuat3.kfintech.com/commonUtility/api/v1/banks/populateBanksOptions\";\n // var postobjt = {\n // pan: \"AWKPK0667K\",\n // };\n // await contextapi\n // .postApiEncrpCalling2(url, postobjt)\n // .then((res) => {\n // // console.log(res);\n // setBankDetailsDD(res);\n // setGlobalSpinner(false);\n // })\n // .catch((err) => {\n // console.log(err);\n // setGlobalSpinner(false);\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n // });\n // };\n\n // console.log(enteredValue.toString());\n const schemeConfirmation = async () => {\n var url = \"/portfolio/schemeConfirmation\";\n var postobjt = {\n folioNumber: \"6011004413\",\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n // console.log(res);\n setSchemeConfirmationDetails(res);\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const saveSwitchTransactionDetails = async () => {\n var url = \"/switch/saveSwitchTransactionDetails\";\n var postobjt = {\n fund: configData.amcCode,\n scheme: sendSelecteddetails !== null ? sendSelecteddetails.Mt_scheme : \"\",\n plan: sendSelecteddetails !== null ? sendSelecteddetails.Mt_plan : \"\",\n option: sendSelecteddetails !== null ? sendSelecteddetails.Mt_option : \"\",\n accountNumber: selectedFolioNum.toString(),\n redFlag: radioValue === \"full\" ? \"F\" : \"P\",\n untAmtFlag:\n radioValue === \"full\"\n ? \"U\"\n : RedeemHandleRedeemBtn === \"\" || RedeemHandleRedeemBtn === \"A\" || RedeemHandleRedeemBtn === \"Amount\"\n ? \"A\"\n : \"U\",\n untAmtValue:\n radioValue === \"full\"\n ? (sendSelecteddetails !== null && sendSelecteddetails.Mt_scheme === \"TG\")\n ? balUnitsTaxSavr.ClearedUnits.toString()\n : sendSelecteddetails.Mt_clrbalunit.toString()\n : radioValue === \"partial\" && swppage3data.redeemAmt !== \"\"\n ? swppage3data.redeemAmt\n : \"\",\n tFund: configData.amcCode,\n tScheme:\n swppage3data.selectedScheme !== \"\"\n ? JSON.parse(swppage3data.selectedScheme).fm_scheme\n : \"\",\n tPlan:\n swppage3data.selectedPlan !== \"\"\n ? JSON.parse(swppage3data.selectedPlan).fm_plan\n : \"\",\n tOption:\n swppage3data.selectedOption !== \"\"\n ? JSON.parse(swppage3data.selectedOption).fm_option\n : \"\",\n tAcno: selectedFolioNum.toString(),\n agent:\n investDetails.investThrough === \"Distributor\"\n ? investDetails.arn !== \"ARN-\"\n ? investDetails.arn\n : \"\"\n : investDetails.investThrough === \"Direct\"\n ? \"000000-0\"\n : \"\",\n userId: user.Email_ID,\n tPin: \"NULL\",\n mStatus: \"\",\n // fName: user ? user.Investor_Name : \"\",\n // mName: user ? user.Investor_Name : \"\",\n fName: \"\",\n mName: \"\",\n lName: user ? user.Investor_Name : \"\",\n pangNo: user ? user.Pan : \"\",\n mapInId: \"\",\n entBy: user ? user.Email_ID : \"\",\n transactionDate:\n scheduleStatus === false ? currentDate : scheduleForFutureDate,\n euinNo: EUINNum !== \"\" ? EUINNum : \"\",\n euinFlag: investDetails.euin === \"No\" ? \"N\" : \"Y\",\n oldIhnNo: \"0\",\n subBroker:\n investDetails.investThrough === \"Distributor\"\n ? investDetails.subBrokerCode !== \"\"\n ? investDetails.subBrokerCode\n : \"\"\n : \"\",\n subBrokerArn:\n investDetails.investThrough === \"Distributor\"\n ? investDetails.subBrokerArnCode !== \"ARN-\"\n ? investDetails.subBrokerArnCode\n : \"\"\n : \"\",\n favIhNo: \"0\",\n riaCode:\n investDetails.investThrough === \"RIA\"\n ? investDetails.ria !== \"\"\n ? investDetails.ria\n : \"\"\n : \"\",\n clientId: \"\",\n dpId: \"\",\n dematFlag: \"N\",\n euinCode: \"\",\n euinValid: \"\",\n portalTrackingId: \"\",\n // switchInName: sendSelecteddetails.Mt_funddesc,\n switchOutName: sendSelecteddetails.Mt_funddesc,\n scheduleTxn: scheduleStatus === false ? \"N\" : \"Y\",\n // switchOutName: `${JSON.parse(swppage3data.selectedScheme).fm_schdesc}\n // - ${\n // swppage3data.selectedPlan !== \"\" &&\n // JSON.parse(swppage3data.selectedPlan).fm_plandesc\n // }\n // - ${\n // swppage3data.selectedOption !== \"\" &&\n // JSON.parse(swppage3data.selectedOption).fm_optiondesc\n // }`,\n // switchOutName:\n switchInName:\n swppage3data.selectedScheme !== \"\" &&\n swppage3data.selectedPlan !== \"\" &&\n swppage3data.selectedOption !== \"\"\n ? JSON.parse(swppage3data.selectedScheme).fm_schdesc +\n \"-\" +\n JSON.parse(swppage3data.selectedPlan).fm_plandesc +\n \"-\" +\n JSON.parse(swppage3data.selectedOption).fm_optiondesc\n : \"\",\n\n brokerName: ArnValid !== null ? ArnValid[0].Abm_name : \"\",\n modeOfTransaction: investDetails.arn === \"ARN-\" ? \"\" : \"ARN\",\nmobileNo:user ? String(user.Mobile_No) : \"\",\n };\n console.log(postobjt);\n await contextapi\n .postApiEncrpCalling(url, postobjt)\n .then((res) => {\n // console.log(res);\n setSchemeConfirmationDetails(res);\n setGlobalSpinner(false);\n nextStep();\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const folioDetailForQP = [\n {\n Folio: 12345,\n SchemeName: \"JM Financial Tax Saver Fund - Direct Growth - Growth\",\n SchemeType: \"Equity\",\n },\n {\n Folio: 23456123454,\n SchemeName: \"JM Financial Tax Saver Fund - Growth - Growth\",\n SchemeType: \"Equity\",\n },\n ];\n\n let summarry;\n if (sendSelecteddetails !== null) {\n summarry = [\n {\n TransactSuccessHeading: \"Thank you for your Switch transaction!\",\n TransactionRefNumberMsg: \"Your Transaction request number\",\n HeadingText: \"Switch Details\",\n HeadingParagraphText: `Please check the following details.If the details displayed are correct click\n the \"Confirm\" button.On your confirmation an e-mail will be sent to your registered email address`,\n FolioNum: selectedFolioNum,\n ARNorRIA: `${\n investDetails.investThrough === \"Distributor\" && ArnValid !== null\n ? investDetails.arn + \"-\" + ArnValid[0].Abm_name\n : investDetails.investThrough === \"RIA\"\n ? investDetails.ria\n : \"\"\n }`,\n ARNoRIALabel: `${\n investDetails.investThrough === \"Distributor\"\n ? \"Broker code/Name\"\n : investDetails.investThrough === \"RIA\"\n ? \"RIA Number\"\n : \"\"\n }`,\n EUINNum: `${\n investDetails.investThrough === \"Distributor\"\n ? investDetails.euin === \"No\"\n ? investDetails.EuinValue\n : \"\"\n : \"\"\n }`,\n SchemeInLabel: \"Scheme\",\n SchemeInValue: \"JMF Asset Tax Saver Fund - Direct Growth - Growth\",\n TypeLabel: \"SWP Type\",\n TypeLabelVal: \"Fixed\",\n InstallmentAmtLabel: \"SWP Installment Amount\",\n InstallmentAmtVal: \"5000\",\n FrequencyLabel: \"Frequency\",\n FrequencyValue: \"Monthly\",\n StartingDate: \"Start Date\",\n StartingDateVal: \"10/01/2021\",\n EndDate: \"End Date\",\n EndDateVal: \"10/01/2022\",\n NumOfInstallments: \"No.of Installments\",\n NumOfInstallmentsVal: \"391\",\n\n schemedetails: {\n \"Scheme From\":\n sendSelecteddetails !== null ? (\n sendSelecteddetails.Mt_funddesc\n ) : (\n <>\n ),\n // \"Redemption Units\": `${enteredValue} Units`,\n // \"Switch To\": swppage3data.selectedScheme !==\"\" ? JSON.parse(swppage3data.selectedScheme).fm_schdesc :\"\",\n \"Switch To\": `${\n swppage3data.selectedScheme !== \"\" &&\n JSON.parse(swppage3data.selectedScheme).fm_schdesc\n }\n - ${\n swppage3data.selectedPlan !== \"\" &&\n JSON.parse(swppage3data.selectedPlan).fm_plandesc\n }\n - ${\n swppage3data.selectedOption !== \"\" &&\n JSON.parse(swppage3data.selectedOption).fm_optiondesc\n }`,\n // \"switch Units\":sendSelecteddetails !==null ? `${sendSelecteddetails.Mt_clrbalunit}Units` :<>\n },\n },\n ];\n if (radioValue === \"partial\") {\n if (RedeemHandleRedeemBtn === \"\") {\n // console.log(inputVal.redeemAmt);\n summarry[0].schemedetails[\n \"Switch Amount\"\n ] = `₹${inputVal.redeemAmt} Amount`;\n } else if (RedeemHandleRedeemBtn === \"Amount\") {\n summarry[0].schemedetails[\n \"Switch Amount\"\n ] = `₹${inputVal.redeemAmt} Amount`;\n } else if (RedeemHandleRedeemBtn === \"Unit\") {\n summarry[0].schemedetails[\n \"Switch Units\"\n ] = `${inputVal.redeemAmt} Units`;\n } else if (RedeemHandleRedeemBtn === \"Unit\") {\n summarry[0].schemedetails[\n \"Switch Units\"\n ] = `${inputVal.redeemAmt} units`;\n }\n } else {\n summarry[0].schemedetails[\"Switch Units\"] =\n balUnitsTaxSavr !== null && sendSelecteddetails.Mt_scheme === \"TG\"? (\n `${balUnitsTaxSavr?.ClearedUnits} Units`\n ) : (\n `${sendSelecteddetails?.Mt_clrbalunit} Units`\n );\n }\n }\n\n const selectecScheme = (data) => {\n // console.log(data);\n setsendSelecteddetails(data);\n setInputVal({\n redeemCurrentVal: data.Mt_mktvalue + \"\",\n });\n };\n\n const otpverified = async (that) => {\n // console.log(that);\n if (that == \"error\") {\n prevStep();\n } else {\n currentDate = new Date();\n currentTimeInHours = currentDate.getHours();\n currentTimeInMins = currentDate.getMinutes();\n await saveSwitchTransactionDetails();\n }\n };\n\n const callTwoTimes = () => {\n setstep(step - 1);\n setGlobalSideNav(true);\n // calling two times as model is not required\n };\n const closeandStepDown = () => {\n setwithdrawalStatus(false);\n prevStep();\n };\n const goToStepOne = () => {\n currentDate = new Date();\n console.log(currentDate);\n currentTimeInHours = currentDate.getHours();\n currentTimeInMins = currentDate.getMinutes();\n setGlobalSideNav(true);\n // setstep(1);\n window.location.reload();\n };\n\n const getSelectedFolioFromDropDown = (selectedFolioNum) => {\n console.log(selectedFolioNum,'log From index.js Switch Redemptiopmn');\n setSelectedFolioNum(selectedFolioNum);\n };\n\n const getSelectedFolioScheme = (scheme) => {\n console.log(selectedFolioNum);\n };\n\n const getEnteredValues = (value) => {\n console.log(value);\n setEnteredValue(value);\n };\n\n const getSelectedBank = (value) => {\n console.log(value);\n setSelectedBank(value);\n };\n\n const giveConfirmationBack = (flag) => {\n // console.log(flag);\n setConfirmTransaction(flag);\n };\n\n const renderRedeem = () => {\n // console.log(step);\n switch (step) {\n case 1:\n if (panAssoiciatedFolios === null) {\n setGlobalSpinner(false);\n } else {\n return (\n \n
\n \n ) : (\n \n {folioList.data && (\n
\n {renderSwitch()}
\n )}\n \n
\n \n
\n )}\n {renderRedeem()}
;\n};\n\nexport default Switch;\n","import React from \"react\";\n\nconst SwitchPage3Validations = (\n radioValue,\n {\n selectCategory,\n selectedScheme,\n selectedPlan,\n selectedOption,\n redeemAmt,\n declerationStatus,\n },\n RedeemHandleRedeemBtn,\n // {\n // Mt_funddesc,\n // Mt_minamt,\n // Mt_clrbalunit\n // },\n selectedDetails,\n swppage3data,\n schemePlanOptionerror,\n balUnitsTaxSavr,\n nextStep\n) => {\n var regExp = /^0[0-9].*$/;\n // console.log(typeof(Number(redeemAmt)));\n // console.log(typeof(redeemAmt))\n // console.log(selectedDetails?.Mt_mktvalue, redeemAmt)\n const errorForm = {};\n if (radioValue === \"partial\") {\n if (selectCategory === \"\") {\n errorForm.categortError = \"Please select Scheme Category to proceed\";\n }\n if (selectCategory !== \"\" && selectedScheme === \"\") {\n errorForm.schemeError = \"Please select Scheme\";\n }\n if (selectedScheme !== \"\" && selectedPlan === \"\") {\n errorForm.planError = \"Select Plan from dropdown\";\n }\n if (selectedPlan !== \"\" && selectedOption === \"\") {\n errorForm.optionError = \"select Option from dropdown\";\n }\n if (selectedDetails !== \"\") {\n let scheme, plan, option;\n let SchemeDetails = selectedDetails[\"Mt_funddesc\"].split(\"-\");\n scheme = SchemeDetails[0];\n plan = SchemeDetails[1] + \" \" + \"-\" + \" \" + SchemeDetails[2];\n option = SchemeDetails[3];\n if (selectCategory !== \"\" && swppage3data.selectedScheme !== \"\") {\n if (\n scheme.toUpperCase().split(\" \").join(\"\") ==\n JSON.parse(swppage3data.selectedScheme)\n .fm_schdesc.toUpperCase()\n .split(\" \")\n .join(\"\")\n ) {\n if (\n selectCategory !== \"\" &&\n swppage3data.selectedPlan !== \"\" &&\n plan.toUpperCase().split(\" \").join(\"\") ==\n JSON.parse(swppage3data.selectedPlan)\n .fm_plandesc.toUpperCase()\n .split(\" \")\n .join(\"\")\n ) {\n if (\n selectCategory !== \"\" &&\n swppage3data.selectedOption !== \"\" &&\n option.toUpperCase().split(\" \").join(\"\") ==\n JSON.parse(swppage3data.selectedOption)\n .fm_optiondesc.toUpperCase()\n .split(\" \")\n .join(\"\")\n ) {\n errorForm.schemePlanOptionerror =\n \"Switch From-To Scheme/Plan/Option should not be same.\";\n }\n }\n }\n }\n }\n if (RedeemHandleRedeemBtn === \"\" && redeemAmt === \"\") {\n errorForm.redeemError = \"Amount Should not be Empty\";\n }\n if (RedeemHandleRedeemBtn === \"\" && redeemAmt.charAt(0) === \"0\") {\n errorForm.redeemError = \"Amount/Unit Should not start with Zero\";\n }\n if (\n RedeemHandleRedeemBtn === \"\" &&\n redeemAmt !== \"\" &&\n selectedDetails !== \"\" &&\n Number(redeemAmt) < Number(selectedDetails.Mt_minamt)\n ) {\n errorForm.redeemError =\n \"Amount Should not be less then \" + selectedDetails.Mt_minamt;\n }\n if (RedeemHandleRedeemBtn === \"Amount\" && redeemAmt === \"\") {\n errorForm.redeemError = \"Amount Should not be Empty\";\n }\n if (RedeemHandleRedeemBtn === \"Amount\" && redeemAmt.charAt(0) === \"0\") {\n errorForm.redeemError = \"Amount/Unit Should not start with Zero\";\n }\n if (\n selectedDetails.Mt_scheme === \"TG\" &&\n RedeemHandleRedeemBtn === \"Amount\" &&\n Number(redeemAmt) >\n Number(selectedDetails?.Mt_nav) * Number(balUnitsTaxSavr?.ClearedUnits)\n ) {\n errorForm.redeemError =\n \"The Amount should not be greater Than \" +\n parseFloat(\n Number(selectedDetails?.Mt_nav) *\n Number(balUnitsTaxSavr?.ClearedUnits)\n ).toFixed(2);\n }\n if (\n Number(redeemAmt) > Number(selectedDetails?.Mt_mktvalue) &&\n RedeemHandleRedeemBtn === \"Amount\"\n ) {\n errorForm.redeemError =\n \"The Amount should not be greater Than \" + selectedDetails?.Mt_mktvalue;\n }\n if (\n RedeemHandleRedeemBtn === \"Amount\" &&\n selectedDetails !== \"\" &&\n Number(redeemAmt) < Number(selectedDetails.Mt_minamt)\n ) {\n errorForm.redeemError =\n \"Amount Should not be less than \" + selectedDetails.Mt_minamt;\n }\n if (RedeemHandleRedeemBtn === \"Unit\" && redeemAmt === \"\") {\n errorForm.redeemError = \"Units Should not be Empty\";\n }\n if (RedeemHandleRedeemBtn === \"Unit\" && redeemAmt.charAt(0) === \"0\") {\n errorForm.redeemError = \"Amount/Unit Should not start with Zero\";\n }\n // if (\n // RedeemHandleRedeemBtn === \"Unit\" &&\n // selectedDetails !== null &&\n // Number(redeemAmt) > Number(selectedDetails.Mt_clrbalunit)\n // ) {\n // errorForm.redeemError =\n // \"Units Should not be more than \" + selectedDetails.Mt_clrbalunit;\n // }\n if (\n RedeemHandleRedeemBtn === \"Unit\" &&\n Number(selectedDetails?.Mt_minamt) / Number(selectedDetails?.Mt_nav) >\n Number(redeemAmt)\n ) {\n errorForm.redeemError =\n \"Units Should be greater than \" +\n parseFloat(\n Number(selectedDetails?.Mt_minamt) / Number(selectedDetails?.Mt_nav)\n ).toFixed(2);\n }\n\n if (\n selectedDetails.Mt_scheme === \"TG\" &&\n RedeemHandleRedeemBtn === \"Unit\" &&\n Number(redeemAmt) > Number(balUnitsTaxSavr?.ClearedUnits)\n ) {\n errorForm.redeemError =\n \"Units Should not be greater than \" + balUnitsTaxSavr?.ClearedUnits;\n }\n\n if (\n selectedDetails !== null &&\n Number(selectedDetails.Mt_clrbalunit) <= 0\n ) {\n alert(`the Market value should not be zero to switchout from the scheme`);\n }\n if (declerationStatus === false) {\n errorForm.declerationError = \"Please check the declaration\";\n }\n if (Object.keys(errorForm).length === 0) {\n nextStep();\n }\n } else {\n if (selectCategory === \"\") {\n errorForm.categortError = \"Please select Scheme Category to proceed\";\n }\n if (selectCategory !== \"\" && selectedScheme === \"\") {\n errorForm.schemeError = \"Please select Scheme\";\n }\n if (selectedScheme !== \"\" && selectedPlan === \"\") {\n errorForm.planError = \"Select Plan from dropdown\";\n }\n if (selectedPlan !== \"\" && selectedOption === \"\") {\n errorForm.optionError = \"select Option from dropdown\";\n }\n if (selectedDetails !== \"\") {\n let scheme, plan, option;\n let SchemeDetails = selectedDetails[\"Mt_funddesc\"].split(\"-\");\n scheme = SchemeDetails[0];\n plan = SchemeDetails[1] + \" \" + \"-\" + \" \" + SchemeDetails[2];\n option = SchemeDetails[3];\n if (selectCategory !== \"\" && swppage3data.selectedScheme !== \"\") {\n if (\n scheme.toUpperCase().split(\" \").join(\"\") ==\n JSON.parse(swppage3data.selectedScheme)\n .fm_schdesc.toUpperCase()\n .split(\" \")\n .join(\"\")\n ) {\n if (\n selectCategory !== \"\" &&\n swppage3data.selectedPlan !== \"\" &&\n plan.toUpperCase().split(\" \").join(\"\") ==\n JSON.parse(swppage3data.selectedPlan)\n .fm_plandesc.toUpperCase()\n .split(\" \")\n .join(\"\")\n ) {\n if (\n selectCategory !== \"\" &&\n swppage3data.selectedOption !== \"\" &&\n option.toUpperCase().split(\" \").join(\"\") ==\n JSON.parse(swppage3data.selectedOption)\n .fm_optiondesc.toUpperCase()\n .split(\" \")\n .join(\"\")\n ) {\n errorForm.schemePlanOptionerror =\n \"Switch From-To Scheme/Plan/Option should not be same\";\n }\n }\n }\n }\n }\n if (declerationStatus === false) {\n errorForm.declerationError = \"Please check the declaration\";\n }\n if (Object.keys(errorForm).length === 0) {\n nextStep();\n }\n }\n console.log(errorForm);\n return { errorForm };\n};\n\nexport default SwitchPage3Validations;\n","import React, { useState } from \"react\";\nimport SchemeLogo from \"../../STPRegistration/svg/svgRegistrationPage2/SchemeLogo\";\nimport PathLogo from \"../../STPRegistration/svg/svgRegistrationPage2/PathLogo\";\nimport DownTriangle from \"../../SwitchRegistration/svg/SwitchRegistrationPage3/DownTriangle\";\nimport \"../css/SwitchRegistration3.css\";\nimport SchemedetailsTransact from \"../../CommonComponents/Transact/SchemeDetailsTransact\";\nimport {\n Radio,\n FormControl,\n FormControlLabel,\n RadioGroup,\n} from \"@mui/material\";\nimport RedeemAmount from \"../../../assets/Images/Redeem/AmountRedeem.svg\";\nimport Dropdown from \"react-bootstrap/Dropdown\";\nimport AmountValue from \"../../CommonComponents/AmountValue\";\nimport AlertDialog from \"../../../components/reuse/AlertDialog/AlertDialog\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\nimport SwitchPage3Validations from \"../validations/SwitchPage3Validations\";\nimport { useGlobalSideNavActionsContext } from \"../../../components/SideNavBar/useSidenav\";\n// import DeclarationLumpsum from \"../CommonComponents/DeclarationLumpsum\";\nimport DeclarationLumpsum from \"../../CommonComponents/DeclarationLumpsum\";\nimport { blue } from \"@mui/material/colors\";\nconst SwitchRegistration3 = ({\n nextStep,\n prevStep,\n investDetails,\n inputVal,\n handleInput,\n selectedDetails,\n balUnitsTaxSavr,\n schemeCategory,\n setSchemeCategory,\n RedeemHandleRedeemBtn,\n setRedeemHandleRedeemBtn,\n radioValue,\n setRadioValue,\n swppage3data,\n handleswpPage3data,\n handleSelectedScheme,\n setSwpPage3SchemeCategory,\n schemeValues,\n setSchemeValues,\n schemePlanValues,\n setSchemePlanValues,\n schemeOptions,\n setSchemeOptions,\n minimumAmount,\n setMinimumAmount,\n scheduleForFutureDate,\n setScheduleForFutureDate,\n setScheduleStatus,\n Transact,\n}) => {\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n const setNotifi = useNotificationActionsContext();\n const dispadetails = selectedDetails;\n const [selectedDeclaration, setselectedDeclaration] =\n useState(\"Distributer (ARN)\");\n const [open, setOpen] = useState(false);\n\n // states to decleare the Error Messages\n // const [swpPage3ErrorMsgs, setSwpPage3ErrorMsgs] = useState({\n // categoryError:\"\",\n // schemeErrorMsg:\"\",\n // PlanErrorMsg:\"\",\n // OptionErrorMsg:\"\",\n // AmountOrUnitError:\"\",\n // declerationErrorMsg:\"\"\n // })\n\n // states to decleare the Error Messages\n const [CategoryError, setCategoryError] = useState(\"\");\n const [selectSchemeError, setSelectSchemeError] = useState(\"\");\n const [selectPlanError, setSelectPlanError] = useState(\"\");\n const [selectOptionError, setSelectOptionError] = useState(\"\");\n const [AmountOrUnitErrorMsg, setAmountOrUnitErrorMsg] = useState(\"\");\n const [declerationErrorMsg, setDeclerationErrorMsg] = useState(\"\");\n const [schemePlanOptionerror, setSchemePlanOptionError] = useState(\"\");\n const [openModalUserdec, setopenModalUserdec] = useState(false);\n const openModalUserdecfunc = () => {\n console.log(\"declaration Called\");\n setopenModalUserdec(true);\n };\n\n const closeModalDec = () => {\n setopenModalUserdec(false);\n };\n\n // const [selectSchemeError, setSelectSchemeError] = useState({\n // schemeErrorMsg:\"\"\n // })\n // const [selectPlanError, setSelectPlanError] = useState({\n // PlanErrorMsg:\"\"\n // })\n // const [selectOptionError, setSelectOptionError] = useState({\n // OptionErrorMsg:\"\"\n // })\n // const [AmountOrUnitErrorMsg, setAmountOrUnitErrorMsg] = useState({\n // AmountOrUnitError:\"\",\n // })\n // const [declerationErrorMsg, setDeclerationErrorMsg] = useState({\n // declerationError:\"\"\n // })\n\n const goToprevStep = () => {\n prevStep();\n };\n const toggleTabEUIN = () => {\n // console.log(\"calleddbnvnv\")\n if (swppage3data.selectCategory !== \"\") {\n CategoryError({\n categoryError: \"\",\n });\n }\n };\n\n const minDetails = {\n \"Total Applicable Units\": selectedDetails?.Mt_balunit,\n \"Applicable Exit Load\": \"2.336 Units\",\n \"Current Value\": `${selectedDetails?.Mt_clrbalunit} Units`,\n \"Min. Switch-In Amount\": `₹${selectedDetails?.Mt_minamt}`,\n };\n\n const [btnAmountValue, setbtnAmountValue] = useState(\"Amount\");\n const updateBtnName = (that) => {\n setbtnAmountValue(that);\n };\n const [selectedScheme, setselectedScheme] = useState(\n dispadetails?.SchemeName\n );\n\n const Displayerrors = () => {\n const { errorForm } = SwitchPage3Validations(\n radioValue,\n swppage3data,\n RedeemHandleRedeemBtn,\n selectedDetails,\n swppage3data,\n schemePlanOptionerror,\n balUnitsTaxSavr,\n nextStep\n );\n setCategoryError(errorForm.categortError);\n setSelectSchemeError(errorForm.schemeError);\n setSelectPlanError(errorForm.planError);\n setSelectOptionError(errorForm.optionError);\n setAmountOrUnitErrorMsg(errorForm.redeemError);\n setDeclerationErrorMsg(errorForm.declerationError);\n if (errorForm.schemePlanOptionerror) {\n setNotifi({ val: true, msg: errorForm.schemePlanOptionerror });\n } else {\n setNotifi({ val: false, msg: \"\" });\n }\n };\n\n const preceedtonext = () => {\n console.log(\"called\");\n if (\n selectedDetails.Mt_scheme === \"TG\" &&\n Number(balUnitsTaxSavr?.ClearedUnits) * selectedDetails?.Mt_nav <\n selectedDetails?.Mt_minamt\n ) {\n setNotifi({\n val: true,\n msg: \"Available Balance is less than the minimum Amount\",\n });\n return;\n } else if (\n Number(selectedDetails?.Mt_clrbalunit) * selectedDetails?.Mt_nav <\n selectedDetails?.Mt_minamt\n ) {\n setNotifi({\n val: true,\n msg: \"Available Balance is less than the minimum Amount\",\n });\n return;\n }\n setScheduleForFutureDate(\"\");\n Displayerrors();\n // checkSwitchInScheme();\n // nextStep();\n };\n\n const [AmountValues, setAmountValues] = useState([\n {\n inputValue: \"\",\n btnAmountValue: \"\",\n selectedinput: false,\n },\n ]);\n\n const getChildValueAV = (label, value) => {\n console.log(\n \"called min amount validation\",\n selectedDetails.Mt_minamt,\n RedeemHandleRedeemBtn\n );\n console.log(value.charAt(0));\n // var regExp = /^0[0-9].*$/\n if (\n selectedDetails.Mt_scheme === \"TG\" &&\n RedeemHandleRedeemBtn === \"Amount\" &&\n Number(value) >\n Number(dispadetails.Mt_nav) * Number(balUnitsTaxSavr.ClearedUnits)\n ) {\n setAmountOrUnitErrorMsg(\n \"Amount Should not be greater than \" +\n parseFloat(\n Number(dispadetails.Mt_nav) * Number(balUnitsTaxSavr.ClearedUnits)\n ).toFixed(2)\n );\n } else if (\n Number(value) > Number(selectedDetails.Mt_mktvalue) &&\n RedeemHandleRedeemBtn === \"Amount\"\n ) {\n setAmountOrUnitErrorMsg(\n \"Amount Should not be greater than \" +\n Number(selectedDetails.Mt_mktvalue)\n );\n } else if (\n RedeemHandleRedeemBtn === \"\" &&\n Number(value) < Number(selectedDetails.Mt_minamt)\n ) {\n setAmountOrUnitErrorMsg(\n \"Amount Should not be less than \" + selectedDetails.Mt_minamt\n );\n } else if (RedeemHandleRedeemBtn === \"\" && value.charAt(0) === \"0\") {\n setAmountOrUnitErrorMsg(\"Amount/Unit should not Start with zero\");\n } else if (RedeemHandleRedeemBtn === \"Amount\" && value.charAt(0) === \"0\") {\n setAmountOrUnitErrorMsg(\"Amount/Unit should not Start with zero\");\n } else if (\n RedeemHandleRedeemBtn === \"Amount\" &&\n Number(value) < Number(selectedDetails.Mt_minamt)\n ) {\n setAmountOrUnitErrorMsg(\n \"Amount Should not be less than \" + selectedDetails.Mt_minamt\n );\n } else if (RedeemHandleRedeemBtn === \"Unit\" && value === \"\") {\n setAmountOrUnitErrorMsg(\"Units should not be empty\");\n } else if (RedeemHandleRedeemBtn === \"Unit\" && value.charAt(0) === \"0\") {\n setAmountOrUnitErrorMsg(\"Amount/Unit Should not start with Zero\");\n } else if (\n RedeemHandleRedeemBtn === \"Unit\" &&\n Number(selectedDetails?.Mt_minamt) / Number(selectedDetails?.Mt_nav) >\n Number(value)\n ) {\n setAmountOrUnitErrorMsg(\n \"Units Should be greater than \" +\n parseFloat(\n Number(selectedDetails?.Mt_minamt) / Number(selectedDetails?.Mt_nav)\n ).toFixed(2)\n );\n } else if (\n selectedDetails.Mt_scheme === \"TG\" &&\n RedeemHandleRedeemBtn === \"Unit\" &&\n Number(value) > Number(balUnitsTaxSavr.ClearedUnits)\n ) {\n setAmountOrUnitErrorMsg(\n // ...ErrorMsg,\n \"Units Should not be greater than \" + balUnitsTaxSavr.ClearedUnits\n );\n } else if (\n RedeemHandleRedeemBtn === \"Unit\" &&\n Number(value) > Number(selectedDetails.Mt_clrbalunit)\n ) {\n setAmountOrUnitErrorMsg(\n // ...ErrorMsg,\n \"Units Should not be greater than \" + selectedDetails.Mt_clrbalunit\n );\n } else {\n setAmountOrUnitErrorMsg(\"\");\n }\n handleInput(\"redeemAmt\", value);\n handleswpPage3data(\"redeemAmt\", value);\n setAmountValues((prevState) => ({\n ...prevState,\n [label]: value,\n }));\n };\n\n const changeDeclerationStatus = (e) => {\n if (e === true) {\n setDeclerationErrorMsg(\"\");\n }\n handleswpPage3data(\"declerationStatus\", e);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const scheduleForFutureButton = () => {\n console.log(\n \"Shedule For Future Calledhgdhghwggdjhgshghdsgh\",\n inputVal.redeemAmt\n );\n if (radioValue === \"partial\") {\n if (inputVal.redeemAmt === undefined) {\n setNotifi({\n val: true,\n msg: \"Amount/Unit Should not start with Zero or Empty\",\n });\n } else if (RedeemHandleRedeemBtn === \"\" && inputVal.redeemAmt === \"\") {\n setNotifi({\n val: true,\n msg: \"Amount Should not be Empty\",\n });\n } else if (\n RedeemHandleRedeemBtn === \"\" &&\n Number(inputVal.redeemAmt) === 0\n ) {\n setNotifi({\n val: true,\n msg: \"Amount/Unit Should not start with Zero\",\n });\n } else if (\n RedeemHandleRedeemBtn === \"Amount\" &&\n inputVal.redeemAmt === \"\"\n ) {\n setNotifi({\n val: true,\n msg: \"Amount Should not be Empty\",\n });\n } else if (\n RedeemHandleRedeemBtn === \"Amount\" &&\n Number(inputVal.redeemAmt) === 0\n ) {\n setNotifi({\n val: true,\n msg: \"Amount/Unit Should not start with Zero\",\n });\n } else if (\n Number(inputVal.redeemAmt) < Number(selectedDetails.Mt_minamt) &&\n RedeemHandleRedeemBtn === \"Amount\"\n ) {\n setNotifi({\n val: true,\n msg:\n \"The Amount should not be less than \" + selectedDetails.Mt_minamt,\n });\n } else if (\n selectedDetails.Mt_scheme === \"TG\" &&\n RedeemHandleRedeemBtn === \"Amount\" &&\n Number(inputVal.redeemAmt) >\n Number(dispadetails.Mt_nav) * Number(balUnitsTaxSavr.ClearedUnits)\n ) {\n setNotifi({\n val: true,\n msg:\n \"The Amount should not be greater Than \" +\n parseFloat(\n Number(dispadetails.Mt_nav) * Number(balUnitsTaxSavr.ClearedUnits)\n ).toFixed(2),\n // parseInt((Number(dispadetails.Mt_nav) * Number(balUnitsTaxSavr.ClearedUnits))).toFixed(2),\n });\n } else if (\n Number(inputVal.redeemAmt) > Number(selectedDetails.Mt_mktvalue) &&\n RedeemHandleRedeemBtn === \"Amount\"\n ) {\n setNotifi({\n val: true,\n msg:\n \"The Amount should not be greater Than \" +\n selectedDetails.Mt_mktvalue,\n });\n } else if (\n RedeemHandleRedeemBtn === \"Unit\" &&\n inputVal.redeemAmt === \"\"\n ) {\n setNotifi({\n val: true,\n msg: \"Units should not be empty\",\n });\n } else if (\n RedeemHandleRedeemBtn === \"Unit\" &&\n Number(selectedDetails?.Mt_minamt) / Number(selectedDetails?.Mt_nav) >\n Number(inputVal.redeemAmt)\n ) {\n setNotifi({\n val: true,\n msg:\n \"Units Should be greater than \" +\n parseFloat(\n Number(selectedDetails?.Mt_minamt) /\n Number(selectedDetails?.Mt_nav)\n ).toFixed(2),\n });\n } else if (\n selectedDetails.Mt_scheme === \"TG\" &&\n RedeemHandleRedeemBtn === \"Unit\" &&\n Number(inputVal.redeemAmt) > Number(balUnitsTaxSavr.ClearedUnits)\n ) {\n setNotifi({\n val: true,\n msg:\n \"Units Should not be greater than \" + balUnitsTaxSavr.ClearedUnits,\n });\n } else if (\n swppage3data.selectCategory !== \"\" &&\n swppage3data.selectedScheme !== \"\" &&\n swppage3data.selectedPlan !== \"\" &&\n swppage3data.selectedOption &&\n swppage3data.RedeemAmount !== \"\" &&\n swppage3data.declerationStatus === true\n ) {\n setOpen(true);\n } else {\n setNotifi({ val: true, msg: \"Please fill all the Details\" });\n }\n } else if (radioValue === \"full\") {\n console.log(\"called\");\n if (\n selectedDetails.Mt_scheme === \"TG\" &&\n Number(balUnitsTaxSavr?.ClearedUnits) * selectedDetails?.Mt_nav <\n selectedDetails?.Mt_minamt\n ) {\n setNotifi({\n val: true,\n msg: \"Available Balance is less than the minimum Amount\",\n });\n } else if (\n Number(selectedDetails?.Mt_clrbalunit) * selectedDetails?.Mt_nav <\n selectedDetails?.Mt_minamt\n ) {\n setNotifi({\n val: true,\n msg: \"Available Balance is less than the minimum Amount\",\n });\n } else {\n // console.log(\"celled else\");\n if (\n swppage3data.selectCategory !== \"\" &&\n swppage3data.selectedScheme !== \"\" &&\n swppage3data.selectedPlan !== \"\" &&\n swppage3data.selectedOption &&\n // swppage3data.redeemAmount !== \"\" &&\n swppage3data.declerationStatus === true\n ) {\n setOpen(true);\n } else {\n setNotifi({ val: true, msg: \"Please fill all the Details\" });\n }\n }\n }\n };\n\n // const checkSwitchInScheme = () =>{\n // console.log(selectedDetails)\n // if(selectedDetails!== null){\n // // console.log(selectedDetails)\n // let scheme,plan,option\n // let SchemeDetails = selectedDetails[\"Mt_funddesc\"].split(\"-\")\n // scheme = SchemeDetails[0];\n // plan = SchemeDetails[1]+\" \"+\"-\"+\" \"+SchemeDetails[2];\n // option = SchemeDetails[3]\n\n // if(swppage3data.selectedScheme !==\"\"){\n // console.log(plan)\n // console.log((swppage3data.selectedOption))\n // if(\n // scheme.toUpperCase().split(\" \").join(\"\") == JSON.parse(swppage3data.selectedScheme).fm_schdesc.toUpperCase().split(\" \").join(\"\")\n\n // // plan.toUpperCase() == JSON.parse(swppage3data.selectedPlan).fm_plandesc.toUpperCase() &&\n // // option.toUpperCase == JSON.parse(swppage3data.selectedOption).fm_optiondesc.toUpperCase()\n // )\n // if(swppage3data.selectedPlan !==\"\" && plan.toUpperCase().split(\" \").join(\"\") == JSON.parse(swppage3data.selectedPlan).fm_plandesc.\n // toUpperCase().split(\" \").join(\"\")\n // )\n // {\n // if(swppage3data.selectedOption !==\"\" && option.toUpperCase().split(\" \").join(\"\") == JSON.parse(swppage3data.selectedOption).fm_optiondesc.toUpperCase().split(\" \").join(\"\")\n // )\n // {\n // // setSchemePlanOptionError(true)\n // console.log(\"same plan\")\n // // setNotifi({val:true, msg:\"Scheme/plan/option should not be same to switch out from\"})\n // // setstep(3);\n\n // // setGlobalSideNav(false)\n // // console.log(step)\n // }\n\n // }else{\n // // nextStep(step+1);\n\n // }\n // }\n // }\n // }\n\n return (\n \n
\n );\n};\n\nexport default SwitchRegistration3;\n","import React, { useEffect, useState, useRef, useContext } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport LumpsumComponent from \"../Quickpurchase/components/LumpsumComponent\";\nimport Quickpurchase from \"../Quickpurchase/components/Quickpurchase\";\nimport QuickPurchaseTransaction from \"../Quickpurchase/components/QuickPurchaseTransaction\";\n// import SelectBank from \"./components/SelectBank\";\nimport \"../../../node_modules/bootstrap/dist/css/bootstrap.min.css\";\nimport InvestmentDetails from \"../Quickpurchase/components/InvestmentDetails\";\nimport \"../Quickpurchase/Lumpsum.css\";\nimport BankDetails from \"../Quickpurchase/components/BankDetails\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useGlobalSideNavActionsContext } from \"../../components/SideNavBar/useSidenav\";\nimport { calNoOfInstallmentsPer, calNoOfInstallmentsPer_with_99, dateCoverted } from \"../../helperFunctions/helperFunctions\";\nimport moment from \"moment\";\n\nconst SIP = () => {\n const [step, setstep] = useState(1);\n const [refNo, setRefNo] = useState(null);\n const userSession = useSelector((state) => state.authentication.user);\n const contextapi = useContext(Context);\n const setGlobalSideNav = useGlobalSideNavActionsContext();\n const [folioList, setFolioList] = useState({});\n const user = useSelector((state) => state.authentication.user);\n const [investingViaData, setinvestingViaData] = useState({\n investVia: \"\",\n arn: \"ARN-\",\n ispicked: false,\n euinNocb: \"\",\n euinDeclartion: \"Yes\",\n sbCode: \"\",\n sbArn: \"ARN-\",\n riaCode: \"\",\n selectedFolio: \"\",\n selectedSIPFolio: \"\",\n selectedSIPFolioType: \"\",\n selectedSIPTrType: \"\",\n selectedSIPPaymentMode: \"\",\n selectedNominee: \"\",\n nominneCart: [],\n });\n\n const [typeRemark, settypeRemark] = useState(\"\");\n const [schemeData, setSchemeData] = useState({\n investmentIn: \"\",\n schemeCategory: \"\",\n schemeName: \"\",\n schemePlan: \"\",\n schemeOption: \"\",\n schemeSubOption: \"\",\n schemeAmount: \"\",\n selectedSIPFreq: \"\",\n selectedSIPStartDate: \"\",\n selectedSIPInstallment: \"\",\n selectedSIPPerInstallment: \"\",\n selectedSIPDuration: \"Perpetual\",\n minInstallmentSIP: \"\",\n SIP_PeriodFrom: \"\",\n SIP_PeriodTo: \"\",\n selectedPaymnetRegistrationMode: \"\",\n selectedOTMMethodRegistration: \"\",\n Amount: \"\",\n otmExiprydate1: \"\",\n modeOfRegistration: \"\"\n });\n const [paymentDetails, setPaymentDetails] = useState({\n seclectedbankAccount: \"\",\n selectedPaymnetMode: \"\",\n selectedPaymnetRegistrationMode: \"\",\n selectedOTMMethod: \"\",\n selectedOTMMethodRegistration: \"\",\n selectedDeclaration: false,\n selectedUtrno:\"\"\n });\n useEffect(() => {\n addfoliotoSide();\n }, [investingViaData]);\n const editCart = useRef(null);\n\n // let jsondata = [\n // {\n // selectedScheme: \"Equity\",\n // selectCategory: \"Equity cat\",\n // selectedPlan: \"JM Financial Tax Saver Fund - Direct Growth - Growth\",\n // selectedInvestment: \"500\",\n // },\n // {\n // selectedScheme: \"Equity2\",\n // selectCategory: \"Equity cat2\",\n // selectedPlan: \"JM2 Financial Tax Saver Fund - Direct Growth - Growth\",\n // selectedInvestment: \"5001\",\n // },\n // ];\n // setschemeDetails({\n // [\"investmentthrough\"]: investingViaData.investVia,\n // [\"schemeDetailsarray\"]: jsondata,\n // });\n //dummy for development\n const [schemeDetails, setschemeDetails] = useState({\n folio: \"\",\n investmentthrough: \"\",\n schemeDetailsarray: [],\n });\n\n useEffect(() => {\n getUserFolios();\n }, []);\n // function for going to next step by increasing step state by 1\n const nextStep = () => {\n setstep(step + 1);\n\n // if (step + 1 === 2) {\n // addfoliotoSide();\n // }\n if (step + 1 === 4) {\n setGlobalSideNav(false);\n }\n };\n const editCartItem = (itemToedit) => {\n console.log(itemToedit);\n setstep(2);\n editCart.current(itemToedit);\n };\n const getUserFolios = async () => {\n const url = \"/quickAdditionalPurchase/getPANAssociatedFolios\";\n const postObj = {\n fund: configData.amcCode,\n pan: userSession.Pan?.toUpperCase(),\n email: userSession.Email_ID,\n bankAccNo: null,\n };\n await contextapi\n .postApiEncrpCalling(url, postObj)\n .then((res) => {\n console.log(res);\n if (res[0]?.folios) {\n setFolioList({\n data: res[0].folios,\n selectedData: res[0].folios[0].Folio,\n });\n handleInputData(\"selectedFolio\", res[0].folios[0].Folio);\n } else {\n setFolioList({\n data: [],\n selectedData: \"\",\n });\n handleInputData(\"selectedFolio\", \"\");\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n // function for going to previous step by decreasing step state by 1\n const prevStep = () => {\n setstep(step - 1);\n\n if (step - 1 === 3) {\n setGlobalSideNav(true);\n }\n };\n const addfoliotoSide = () => {\n setschemeDetails({\n ...schemeDetails,\n folio: investingViaData.selectedFolio,\n investmentthrough: investingViaData.investVia,\n });\n };\n // handling form input data by taking onchange value and updating our previous form data state\n const handleInputData = (input, value) => {\n //updating for data state taking previous state and then adding new value to create new object\n setinvestingViaData((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n };\n const handleInputDataSchemes = (input, value) => {\n //updating for data state taking previous state and then adding new value to create new object\n setSchemeData((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n };\n const handlePaymentData = (input, value) => {\n setPaymentDetails((prevState) => ({\n ...prevState,\n [input]: value,\n }));\n };\n const fetchRefNumber = async () => {\n console.log(\"$$ printing fetch refno\", paymentDetails);\n const url = `/quickAdditionalPurchase/newSaveTransaction`;\n let categoryObj = {\n SchemeCategory: \"\",\n Scheme: \"\",\n SchPlan: \"\",\n SchOption: \"\",\n Amount: null,\n SIP_Frequency: \"\",\n SIP_PeriodFrom: \"\",\n SIP_PeriodTo: \"\",\n SchemeName: \"\",\n };\n\n let newarr = [];\n schemeDetails.schemeDetailsarray[0].selectedSIPPerInstallment =\n schemeDetails.schemeDetailsarray[0].selectedSIPDuration === \"Perpetual\"\n ? (JSON.parse(paymentDetails.selectedPaymnetRegistrationMode).Pay_Mode_Val === \"ISIP\"\n ? calNoOfInstallmentsPer_with_99(schemeDetails.schemeDetailsarray[0].selectedSIPFreq, schemeDetails.schemeDetailsarray[0].SIP_PeriodFrom)\n : calNoOfInstallmentsPer(schemeDetails.schemeDetailsarray[0].selectedSIPFreq, schemeDetails.schemeDetailsarray[0].SIP_PeriodFrom)\n )\n : \"0\";\n schemeDetails.schemeDetailsarray.map((x, index) => {\n console.log(\"printing schemedetails data\", x);\n categoryObj.SchemeCategory = x.schemeCategory;\n categoryObj.Scheme = JSON.parse(x.schemeName).fm_scheme;\n categoryObj.SchemeName = `${JSON.parse(x.schemeName).fm_schdesc}-${JSON.parse(x.schemePlan).fm_plandesc\n }-${JSON.parse(x.schemeOption).fm_optiondesc}`;\n categoryObj.SchPlan = JSON.parse(x.schemePlan).fm_plan;\n categoryObj.SchOption = JSON.parse(x.schemeOption).fm_option;\n categoryObj.Amount = x.selectedAmountPurch\n ? String(x.selectedAmountPurch)\n : \"0\";\n categoryObj.SIP_amt = String(x.schemeAmount);\n categoryObj.SIP_Frequency = x.selectedSIPFreq;\n categoryObj.SIP_installment_no =\n x.selectedSIPDuration === \"Perpetual\"\n ? x.selectedSIPPerInstallment\n : x.selectedSIPInstallment;\n categoryObj.SIP_PeriodFrom = dateCoverted(\n x.SIP_PeriodFrom,\n \"DD/MM/YYYY\",\n \"MM/DD/YYYY\"\n );\n categoryObj.SIP_PeriodTo =\n x.selectedSIPDuration === \"Perpetual\"\n // ? \"12/31/2099\"\n ? (JSON.parse(paymentDetails.selectedPaymnetRegistrationMode).Pay_Mode_Val === \"ISIP\"\n ? \"12/31/2099\"\n : moment(moment(x.SIP_PeriodFrom, \"DD/MM/YYYY\").format(\"MM/DD/YYYY\")).add(40, \"years\").format(\"MM/DD/YYYY\")\n )\n : dateCoverted(x.SIP_PeriodTo, \"DD/MM/YYYY\", \"MM/DD/YYYY\");\n newarr.push(categoryObj);\n schemeDetails.schemeDetailsarray[0].selectedSIPPerInstallment = categoryObj.SIP_installment_no;\n // console.warn(\"sip periodTO\",\n // JSON.parse(paymentDetails.selectedPaymnetRegistrationMode).Pay_Mode_Val===\"ISIP\"\n // ,x.SIP_PeriodTo\n // ,x.selectedSIPDuration === \"Perpetual\"\n // // ? \"12/31/2099\"\n // ? (JSON.parse(paymentDetails.selectedPaymnetRegistrationMode).Pay_Mode_Val===\"ISIP\"\n // ? \"12/31/2099\"\n // : moment(moment(x.SIP_PeriodFrom,\"DD/MM/YYYY\").format(\"MM/DD/YYYY\")).add(40,\"years\").format(\"MM/DD/YYYY\")\n // )\n // : dateCoverted(x.SIP_PeriodTo, \"DD/MM/YYYY\", \"MM/DD/YYYY\"));\n });\n console.log(\"$$ printing new array\", newarr);\n const data = {\n transactionType: investingViaData.selectedSIPTrType,\n tranType: investingViaData.selectedSIPTrType,\n fund: configData.amcCode,\n folioNum:\n investingViaData.selectedFolio === \"New Folio\"\n ? \"0\"\n : String(investingViaData?.selectedFolio),\n agent: investingViaData?.arn ? investingViaData?.arn : \"000000-0\",\n subBroker: investingViaData?.sbCode ? investingViaData?.sbCode : \"null\",\n chqNo: \"null\",\n chqDt: \"1900-01-01\",\n chqType: (paymentDetails &&\n paymentDetails.selectedPaymnetMode &&\n JSON.parse(paymentDetails.selectedPaymnetMode).Pay_Mode_Val) || (paymentDetails &&\n paymentDetails.selectedPaymnetRegistrationMode &&\n JSON.parse(paymentDetails.selectedPaymnetRegistrationMode).Pay_Mode_Val), // payment mode or mode of registration\n chqBank: JSON.parse(paymentDetails?.seclectedbankAccount)?.BankName || \"null\", // bank name\n userId: userSession.Email_ID,\n branchName: configData.appcode,\n pangNo: userSession.Pan,\n mStatus: \"null\",\n invName: userSession.Investor_Name,\n mapInId: \"null\",\n trDt: dateCoverted(new Date(), \"\", \"YYYY/MM/DD\"),\n entDt: dateCoverted(new Date(), \"\", \"YYYY/MM/DD\"),\n eUINNo: investingViaData?.euinNocb ? investingViaData?.euinNocb : \"\",\n eUINFlag: investingViaData?.ispicked === true ? \"Y\" : \"N\",\n eUINOpt: investingViaData?.euinDeclartion === \"No\" ? \"N\" : \"Y\",\n eUINSubArnCode: investingViaData?.sbArn\n ? investingViaData?.sbArn\n : \"null\",\n riaCode: investingViaData?.riaCode ? investingViaData?.riaCode : \"null\",\n umrncode: paymentDetails?.selectedOTMMethodRegistration\n ? JSON.parse(paymentDetails?.selectedOTMMethodRegistration)?.GM_UMRNNo\n : '',\n ddUtrNo: paymentDetails?.selectedPaymnetMode && JSON.parse(paymentDetails?.selectedPaymnetMode)?.Pay_Mode_Val === 'RTGS' ? paymentDetails['utrno']:'',\n bankId: JSON.parse(paymentDetails.seclectedbankAccount).BankAcNo,\n schemeCartDetails: JSON.stringify(newarr),\n modeOfTransaction: investingViaData?.arn ? \"ARN\" : \"null\",\n brokerName: investingViaData?.arnName ? investingViaData?.arnName : \"\",\n authMode: investingViaData.selectedFolio === \"New Folio\" ? \"2fa\" : \"\",\n // authMode: investingViaData.selectedFolio === \"New Folio\"?nomineeauth:''\n };\n var sipobj = {\n lname: userSession.Investor_Name,\n entby: userSession.Email_ID,\n branch: \"WB99\",\n bnkactype: JSON.parse(paymentDetails.seclectedbankAccount).BnkAcType,\n bnkname: JSON.parse(paymentDetails.seclectedbankAccount).BankName,\n bnkacno: JSON.parse(paymentDetails.seclectedbankAccount).BankAcno,\n bnkadd: JSON.parse(paymentDetails.seclectedbankAccount).BankAdd1,\n bnkcity: JSON.parse(paymentDetails.seclectedbankAccount).BankCity,\n bnkifsc: JSON.parse(paymentDetails.seclectedbankAccount).ifsccode?.toUpperCase(),\n bnkpin: null,\n bnkmicr: null,\n\n paymode:\n paymentDetails &&\n paymentDetails.selectedPaymnetMode &&\n JSON.parse(paymentDetails.selectedPaymnetMode).Pay_Mode_Val,\n\n //new chages\n email: userSession.Email_ID,\n mobile: userSession.Mobile_No,\n // pangno:userSession.Pan,\n modeofregistration:\n paymentDetails &&\n paymentDetails.selectedPaymnetRegistrationMode &&\n JSON.parse(paymentDetails.selectedPaymnetRegistrationMode).Pay_Mode_Val,\n remarks: typeRemark,\n };\n\n if (\n investingViaData &&\n investingViaData.nominneCart &&\n investingViaData.nominneCart.length >= 1\n ) {\n sipobj.nom1_Name =\n investingViaData &&\n investingViaData.nominneCart &&\n investingViaData.nominneCart.length >= 1\n ? investingViaData.nominneCart[0].Nom_Name\n : \"\";\n\n sipobj.nom1_Relation =\n investingViaData &&\n investingViaData.nominneCart &&\n investingViaData.nominneCart.length >= 1\n ? investingViaData.nominneCart[0].Nom_Relation\n : \"\";\n\n sipobj.nom1_Percentage =\n investingViaData &&\n investingViaData.nominneCart &&\n investingViaData.nominneCart.length >= 1\n ? investingViaData.nominneCart[0].perAll.toString()\n : \"\";\n }\n\n if (\n investingViaData &&\n investingViaData.nominneCart &&\n investingViaData.nominneCart.length >= 2\n ) {\n sipobj.nom2_Name =\n investingViaData &&\n investingViaData.nominneCart &&\n investingViaData.nominneCart.length >= 2\n ? investingViaData.nominneCart[1].Nom_Name\n : \"\";\n\n sipobj.nom2_Relation =\n investingViaData &&\n investingViaData.nominneCart &&\n investingViaData.nominneCart.length >= 2\n ? investingViaData.nominneCart[1].Nom_Relation\n : \"\";\n\n sipobj.nom2_Percentage =\n investingViaData &&\n investingViaData.nominneCart &&\n investingViaData.nominneCart.length >= 2\n ? investingViaData.nominneCart[1].perAll.toString()\n : \"\";\n }\n\n if (\n investingViaData &&\n investingViaData.nominneCart &&\n investingViaData.nominneCart.length >= 3\n ) {\n sipobj.nom3_Name =\n investingViaData &&\n investingViaData.nominneCart &&\n investingViaData.nominneCart.length >= 3\n ? investingViaData.nominneCart[2].Nom_Name\n : \"\";\n\n sipobj.nom3_Relation =\n investingViaData &&\n investingViaData.nominneCart &&\n investingViaData.nominneCart.length >= 3\n ? investingViaData.nominneCart[2].Nom_Relation\n : \"\";\n\n sipobj.nom3_Percentage =\n investingViaData &&\n investingViaData.nominneCart &&\n investingViaData.nominneCart.length >= 3\n ? investingViaData.nominneCart[2].perAll.toString()\n : \"\";\n }\n\n let finalData = {\n ...data,\n ...sipobj,\n };\n\n if (finalData.modeofregistration === \"ENACH\") {\n finalData.chqType = \"OT\";\n finalData.chqNo = \"99988\";\n }\n console.log(finalData);\n console.warn(finalData);\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n setRefNo(res[0]);\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const handleAddtocart = (data) => {\n console.log(data);\n setschemeDetails({\n ...schemeDetails,\n // schemeDetailsarray: [...schemeDetails.schemeDetailsarray, data],\n schemeDetailsarray: [data],\n });\n };\n const deletFromCart = (datatodelete) => {\n let filteredArray = schemeDetails.schemeDetailsarray.filter(\n (item) => item !== datatodelete\n );\n console.log(datatodelete);\n console.log(filteredArray);\n setschemeDetails({\n ...schemeDetails,\n schemeDetailsarray: filteredArray,\n });\n };\n\n const [nomineeList, setNomineeList] = useState([]);\n const getNomineee = async () => {\n const url = `/accountDetails/investorNomineeDetailsByPan`;\n const options = {\n headers: {\n amc_key: configData.amcKey,\n },\n };\n const data = {\n pan: user.Pan, //\"CGEPG3182M\" //user.Pan\n refNo: user && user.Ref_no,\n };\n console.log(data);\n await contextapi\n .postApiEncrpCalling(url, data, options)\n .then((res) => {\n console.log(res);\n\n if (res && res.length > 0) {\n setNomineeList(\n res.filter(function (item) {\n return (\n item.Nom_Type != null &&\n item.Nom_Name != null &&\n item.Nom_Relation != null\n );\n })\n );\n } else {\n setNomineeList([]);\n }\n\n // if (res.message === \"data not saved\") {\n // setNomineeList([]);\n // } else {\n // setNomineeList(res);\n // }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n const [nomineeauth, setnomineeauth] = useState(\"2fa\");\n const updatenomineeAUTH = (that) => {\n setnomineeauth(that);\n };\n const renderSwitch = () => {\n switch (step) {\n case 1:\n return (\n \n Switch\n
\n \n {openModalUserdec && (\n \n {step < 4 ? (\n <>\n
\n );\n};\n\nexport default SIP;\n","export default __webpack_public_path__ + \"static/media/capitalgain-svg-icon.9b10f66a.svg\";","export default __webpack_public_path__ + \"static/media/accountstatement-svg-icon.490629f0.svg\";","import React, { useEffect, useState } from \"react\";\nimport mailbackreq from \"../../assets/Images/Req.svg\"\nimport capitalgainsvgicon from \"../../assets/svg/capitalgain-svg-icon.svg\"\nimport accountstatementsvgicon from \"../../assets/svg/accountstatement-svg-icon.svg\"\n\n\nimport { useHistory } from \"react-router-dom\";\nexport const first = [ \n {\n Logo: \n
\n \n ) : (\n \n {folioList.data && (\n
\n {renderSwitch()}
\n )}\n \n
\n \n
\n )}\n \n
\n \n \n );\n}\nexport default MailBackRequest;","import React, { useState, useEffect, useContext } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport \"./MyFolios.css\";\nimport { useHistory } from \"react-router-dom\";\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport username from \"../../assets/Images/user.svg\";\nimport inputPath from \"../../assets/Images/inputPath.png\";\nimport { sortDataSchemewise } from \"../../helperFunctions/helperFunctions\";\nimport {\n Box,\n Collapse,\n TableContainer,\n Table,\n TableHead,\n TableCell,\n TableBody,\n TableRow,\n} from \"@mui/material\";\nimport Paper from \"@mui/material/Paper\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport KeyboardArrowUpIcon from \"@mui/icons-material/KeyboardArrowUp\";\nimport IconButton from \"@mui/material/IconButton\";\n// import { useGlobalSpinnerActionsContext } from \"../components/loader/useloader\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\n\nexport default function MyFamilyFolios() {\n const user = useSelector((state) => state.authentication.user);\n const contextapi = useContext(Context);\n const setNotifi = useNotificationActionsContext();\n const history = useHistory();\n useEffect( () => {\n setTimeout(()=>{getListByPan()},500)\n }, []);\n // useEffect( async () => {\n // await getListByPan();\n // }, []);\n \n \n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const [retrievefamilyFolioName, setRetrievefamilyFolioName] = useState(\"\");\n const [familyFolioNameList, setfamilyFolioNameList] = useState([]);\n const [schemewiseFamilyFolioList, setschemewiseFamilyFolioList] = useState([]\n );\n \n const onhandlechange = (value) => {\n console.log(value);\n setRetrievefamilyFolioName(value);\n getSchemewiseFamilyFolios(value);\n };\n\n //API to get family names/FOLIO/PAN\n const getListByPan = async () => {\n // setfamilyFolioNameList([]);\n // setRetrievefamilyFolioName(\"\");\n setGlobalSpinner(true);\n const url = `/familyFolios/associatePanByUid`;\n const finalData = {\n userId: user.Email_ID,\n customFund: configData.amcCode,\n };\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n if (res && res[0].ErrorMessage != \"Folios is De Associated\") {\n setfamilyFolioNameList(res);\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n });\n };\n //API to load the Schemewise family folios\n const getSchemewiseFamilyFolios = async (value) => {\n const url = `/familyFolios/getAssociatedSchemewisefolios`;\n const finalData = {\n pan: value, // \"AFNPR1643A\"\n };\n await contextapi\n .postApiEncrpCalling(url, finalData)\n .then((res) => {\n console.log(res);\n if (res && res[0].level1[0].Error_code === \"0\") {\n const response = sortDataSchemewise(res[0].level2 && res[0].level2);\n console.log(response);\n setschemewiseFamilyFolioList(response);\n }\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n\n function Row(props) {\n const {schemewisefolioData,i } = props;\n console.log(schemewisefolioData)\n const [open, setOpen] = React.useState(false);\n \n return (\n \n
\n\n \n
\n \n \n Mailback Request\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n {/* 
\n
\n \n {/* \n Add to your Investments\n */}\n
\n \n
\n \n );\n })}\n \n {first.map((item) => {\n return (\n <>\n handleRedirect(item.InvestmentType)}\n >\n \n
\n {item.Logo}
\n \n {item.InvestmentType}\n
\n \n
\n { retrievefamilyFolioName!==\"\" && schemewiseFamilyFolioList!=\"\" &&schemewiseFamilyFolioList.length>0 && (\n \n
\n \n
\n \n
\n \n
\n Family PAN
\n\n
\n \n \n
\n \n \n \n\n {\n onhandlechange( e.target.value);\n }}\n >\n \n {familyFolioNameList.length === 0 ? (\n \n ) : (\n familyFolioNameList.map((item, index) => (\n \n {item.Pangir + \" - \" + item.InvName}\n \n ))\n )}\n \n
\n \n \n \n handleNavActive(item.path, false)\n }\n >\n \n \n {item.sideMenuItemName}\n \n
\n \n \n \n )\n )}\n {/* \n {isGlobalSideNavOn && (\n
\n ) : (\n \n \n \n
\n\n
\n \n \n )\n )}\n \n )}\n \n )}\n \n \n \n \n \n {user && user.Investor_Name}\n \n \n \n \n \n \n \n {/* \n \n */}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {\n console.log(\"logout\");\n\n dispatch(userActions.logout());\n history.push(\"/\");\n }}\n >\n \n \n \n {/*
\n \n
*/}\n \n\n
\n
\n {collapse && (\n - \n {SideMenuItems.map((item, index) =>\n item.sideMenuItemName === \"Mailback Request\" ||\n item.sideMenuItemName === \"Learn\" ? (\n
\n handleNavActive(item.path, true)}\n >\n {item.isSubRoute === false ? (\n \n \n {item.sideMenuItemName}\n \n \n
\n \n ) : (\n <>\n \n \n {item.icon}\n
\n \n \n {item.sideMenuItemName}\n \n \n
\n \n \n {item.icon}\n
\n - \n {item.subroutes.map(\n (subroutes, index) => (\n
\n \n {subroutes.icon}\n
\n \n \n {item.icon}\n
\n \n handleCollapse()}\n >\n \n Collapse\n \n
\n \n */}\n \n \n \n \n \n )}\n\n {/* Mobile SideBar */}\n \n \n
\n \n \n \n Home\n \n \n\n
\n\n {/*
\n \n \n {SideMenuItems.slice(0, 6).map((route, index) => (\n // Render more s with the same paths as\n // above, but different components this time.\n\n \n \n \n
\n \n \n \n \n
\n \n\n );\n}","\nimport React, {useState} from \"react\"; \nimport \"./stpcontent.css\"\n\nfunction Stpcontent(){\n return(\n \n
\n\n\n \n
\n \n 
\n
\n Transaction Request Failure.
\n\n
\n
\n\n We are Sorry!!
\n
We are unable to process your request as there was some problem in the process.
\n\n \n\n \n
\n\n \n
\n )\n}\n\nexport default Stpcontent","import React from 'react'\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom'\nimport Sidenavbar from \"../../components/SideNavBar/SideNavBar\"\nimport Stpcontent from '../Stpcontent/Stpcontent'\n\nfunction Stpmain() {\n return (\n \n \n
\n \n
\n )\n}\n\nexport default Stpmain","import React from \"react\";\nimport TransactionConfirmationPage from \"./RegistrationReusableComponents/TransactionConfirmationPage\";\n\nconst STPRegistrationPage5 = (props) => {\n return (\n \n
\n );\n};\n\nexport default STPRegistrationPage5;\n","import React from \"react\";\nimport \"./FundProcessInfoLayout.scss\";\n\nconst FundProcessInfoLayout = (props) => {\n return (\n \n
\n );\n};\n\nexport default FundProcessInfoLayout;\n","import React from \"react\";\nimport { Button } from \"react-bootstrap\";\nimport { Confirmation } from \"../svg\";\nimport { FundProcessInfoLayout } from \"../Layout\";\nimport { useHistory } from \"react-router-dom\";\n\nconst SIPPausedConfirmationInfo = (props) => {\n const history = useHistory();\n const redirectDashboard = () => {\n history.push(\"./dashboard\");\n };\n return (\n {props.children}
\n \n
\n \n
\n \n
\n \n
\n \n Your SIP has been successfully Paused!\n
\n \n We acknowledge the receipt of your request for iSIP Pause on{\" \"}\n 03/12/2020{\" \"}\n and it will be effective from{\" \"}\n \n 12/01/2021.\n \n
\n \n \n The reference number for your transaction is{\" \"}\n 202930392,\n kindly quote the transaction reference number, in case of any\n quries regarding this transaction.\n
\n \n \n iSIP Pause is applicable only for iSTP registered (Internet SIP)\n through JMF Mutual Fund.\n
\n\n \n Note: To\n ensure that no further payments are debited towards your iSIP,\n kindly login to your bank's internet banking portal and deactivate\n JMF Mutual Fund from your registered billers.\n
\n\n \n Thank you for using our services. If you hve any quries, please\n mail us at{\" \"}\n \n customarcare@sundarammutual.com\n {\" \"}\n for further assistance.\n
\n \n \n Go To Dashboard\n \n
\n \n
\n \n
\n \n
\n \n
\n Your SIP has been successfully cancelled!
\n \n We acknowledge the receipt of your request for iSIP Pause on{\" \"}\n 03/12/2020 and it will be effective from{\" \"}\n 12.01.2021\n
\n \n\n The reference number for your transaction is{\" \"}\n 202930392, kindly quote the transaction reference\n number, in case of any quries regarding this transaction.\n
\n \n\n iSIP Cancellation is applicable only for iSTP registered (Internet\n SIP) through JMF Mutual Fund.\n
\n\n\n Note: To ensure that no further payments are debited\n towards your iSIP, kindly login to your bank's internet banking\n portal and deactivate JMF Mutual Fund from your registered\n billers.\n
\n\n\n Thank you for using our services. If you hve any quries, please\n mail us at customarcare@sundarammutual.com for\n further assistance.\n
\n \n\n
\n\n );\n};\n\nexport default RegisterTermsAndConditions;\n","import React, { useEffect, useState, useContext } from \"react\";\nimport \"../scss/RegisterUserDetails.scss\";\n\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\nimport { useGlobalSpinnerActionsContext } from \"../../../components/loader/useloader\";\nimport successImg from \"../../../assets/Images/successcheckedGreen.svg\";\nimport history from \"../../../History/history\";\nimport {\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n} from \"@mui/material\";\nimport { faL } from \"@fortawesome/free-solid-svg-icons\";\nimport { IoEye } from \"react-icons/io5\";\nimport { IoEyeOff } from \"react-icons/io5\";\nconst RegisterUserDetails = ({ otPDetails, prevStep, nextStep }) => {\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [userDetails, setuserDetails] = useState(\"\");\n const [openModalUser, setopenModalUser] = useState(false);\n\n const closeModal = () => {\n setopenModalUser(false);\n history.push(\"./Signin\");\n };\n\n useEffect(() => {\n console.log(otPDetails);\n // detailsAssociatedFolio(); // commented on live 16-05-2022 as per srikanth sir, as records is not availabe in userid master so\n }, []);\n const [showPassword, setShowPassword] = useState(false);\n const [showConfirmPassword, setShowConfirmPassword] = useState(false);\n const [showuserDetailsifnodata, setshowuserDetailsifnodata] = useState(\"\");\n const detailsAssociatedFolio = () => {\n var url = \"/ftp/getUserIdAssociatedFolios\";\n var postobjt = {\n // \"userId\": \"demouser@gmail.com\",\n // \"foliono\":\"7003004632\"\n\n userId: otPDetails && otPDetails.email,\n foliono: otPDetails && otPDetails.Folio.toString(),\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n setuserDetails(res[0]);\n setshowuserDetailsifnodata(\"\");\n } else {\n setshowuserDetailsifnodata(res.message);\n }\n\n setGlobalSpinner(false);\n\n //show error\n })\n .catch((err) => {\n setshowuserDetailsifnodata(\n \"Invalid User Details Please contact customer supports\"\n );\n setGlobalSpinner(false);\n setNotifi({\n val: true,\n msg: \"Invalid User Details Please contact customer supports\",\n });\n console.log(err);\n });\n };\n\n // const userDetails = {\n // \"Invester's Name\": \"K LAKSHMI NARAYANAN\",\n // \"Address 1\": \"S-1 PLOT NO:6 KABMAR STREET\",\n // \"Address 2\": \"VENGAIVASAL\",\n // \"Address 3\": \"VENGAIVASAL PANCHAYAT BOARD\",\n // City: \"CHENNAI\",\n // State: \"Tamil Nadu\",\n // \"Postal Code\": \"600126\",\n // Country: \"INDIA\",\n // \"Telephone(O)\": \"\",\n // \"Telephone(R)\": \"\",\n // };\n\n const [password, setpassword] = useState(\"\");\n const [password2, setpassword2] = useState(\"\");\n\n const handlepassword = (e) => {\n setpassword(e.target.value);\n };\n\n const [passworderror, setpassworderror] = useState(\"\");\n const [passworderror2, setpassworderror2] = useState(\"\");\n const handlepassword2 = (e) => {\n setpassword2(e.target.value);\n };\n const validatePassword = (e) => {\n if (e.target.value === \"\") {\n \n setpassworderror(\"Please Enter Password\");\n } else {\n let regex =\n /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$/;\n if (regex.test(e.target.value)) {\n setpassworderror(\"\");\n } else {\n setpassworderror(\"Invalid Password\");\n }\n }\n };\n const validatePassword2 = (e) => {\n if (e.target.value === \"\" && password) {\n setpassworderror2(\"Please Enter Confirm Password\");\n } else {\n if (password !== password2) {\n setpassworderror2(\"Password not matching\");\n } else {\n setpassworderror2(\"\");\n }\n }\n };\n\n const saveUser = () => {\n if (password !== \"\" && password !== password2) {\n setpassworderror2(\"Password not matching\");\n } else {\n setpassworderror2(\"\");\n\n var url = \"/ftp/userRegistration\";\n var postobjt = {\n folioNo: otPDetails.Folio.toString(),\n userId: otPDetails.email,\n password: password,\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res[0].Status == \"S\" || res[0].Validation) {\n setshowuserDetailsifnodata(\"\");\n setopenModalUser(true);\n } else {\n setshowuserDetailsifnodata(res[0].Status);\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n });\n }\n };\n const passwordGuidelines = [\n {\n image: \">>\",\n passwordType: \"Password should be minimum 8 characters\",\n },\n {\n image: \">>\",\n passwordType:\n \"Password should contain atleast one lower case character(a-z)\",\n },\n {\n image: \">>\",\n passwordType:\n \"Password should contain atleast one upper case character(A-Z)\",\n },\n {\n image: \">>\",\n passwordType:\n \"Password should contain atleast one special case character\",\n },\n ];\n\n return (\n \n
\n \n
\n \n \n Register\n \n
\n \n \n {otPDetails && otPDetails.Folio}\n
\n \n
\n \n Please go through the terms and conditions mentioned in the\n agreement your registered Email ID will become your ID.\n
\n\n
\n \n
\n Agreement for Transacting Online through www.jmfinancialmf.com/
\n\n
\n \n This Agreement (hereinafter referred to as the \"Agreement\") is made and entered today (System Date), between JM Financial Asset Management Limited. hereinafter referred to as the AMC a company incorporated under the Companies Act, 1956, having its corporate office at 8th Floor, Cnergy, Appasaheb Marathe Marg, Prabhadevi,Mumbai – 400 025 which expression shall unless repugnant to the context of meaning thereof shall mean and include its successors, administrators, executors and permitted assigns).\n AND the User (Existing Investor who wants to transact on-line through the website of the AMC by way of generating One time password (OTP) using its Folio number and other credentials) , hereinafter referred to as the \"Unitholder(s)\"\n
\n\n
\n WITNESSETH:
\nWHEREAS:
\n\n The Terms and Conditions set out this Agreement are a binding contract between yourself the \"Unitholder(s)\" and AMC for Transacting\n On-line through Internet on AMC 's website www.jmfinancialmf.com/offered by AMC\n through its Investment Manager, JM Financial Mutual Fund. and Registrar, KFin Technologies Private Ltd.\n\n Where the User has read this Agreement carefully and has agreed and acknowledged to have read, understood and be legally bound by this Agreement.\n
\n\n WHEREAS:\n
\n \n AMC is registered with Securities and Exchange Board of India (SEBI) to act as the Investment Manager for the Schemes of JM Financial Mutual Fund (hereinafter referred to as the Fund).\n AMC has a dedicated website in the name and style of www.jmfinancialmf.com/ (hereinafter referred to as the \"website\"), which provides information and downloads relating to AMC and the Fund, including the facility of Online subscription/ redemptions of units and such other services/ facilities as detailed in this agreement.\n The Fund, through its service providers (hereinafter referred to as \"Service Providers\") offers the facility of transacting on-line through Internet for the convenience of its Unitholders and to help the unit holders to gain access to their portfolio of investments in the Fund, for administering and managing the same effectively and efficiently by way of generation of OTP on their registered mobile number with the Fund\n
\n\n WHEREAS:\n
\n \n The Unitholder(s) is / are desirous of availing the services/facilities available through the Website is willing to provide such services/ facilities to the Unitholders subject to the following the terms and conditions\n
\n\n\n
\n\n TERMS OF SERVICES
\nUnitholder's Authorisation and Consent for the Online Transactions:
\n\n \n {/* OF\n Services */}\n \n The Unitholder hereby authorises the Fund, who in turn, may authorise any of its service providers, to extend the Online transaction facility for the Designated Account(s) of the Unitholder, including an irrevocable authorisation to the Fund to act upon any electronic or telephonic instructions given to the Fund by the Unitholder through use of the OTP, Folio, User name, password in connection with the Online Transactions (hereinafter referred to as the \" Instructions\"), including viewing of Designated Accounts and performing the Online Transactions under the accounts through the Fund's website and as may be permitted by the Fund, from time to time.\n\n For the purposes of this Agreement, Website shall mean www.jmfinancialmf.com/ which AMC may announce from time to time. Designated Account / Master Account shall mean the Folio Number allotted to the Unitholder and hereinafter referred to as \"Folio Number\". AMC reserves the right to change, amend or modify the fund's website as may be intimated from time to time.\n\n\n The Fund shall not be responsible for any errors that may be committed by the Unitholder in the process of conducting any Online Transaction or for error or failure of the transaction over internet due to any network / technical problems. The Unitholder shall make only one application for each transaction, either in physical or electronic form.\n\n The Unitholder understands and agrees that the NAV applicability for all purchase transactions which are equal to greater than 2 lacs, the NAV applicability will be based on the credit time of the funds received to the scheme collection account and not the time at which the Unitholders bank account was debited. Further, the AMC shall not be responsible for any loss of whatsoever nature, if the User encounters any technical snag due to slowness on the internet, expiry of the sessions OR due to other technical reasons either on the banks end or the website be it downtime, maintenance or declines.\n\n Further, the User understands that if the bank account has been debited and the transaction has not been received at the AMC’s end, it will not be considered as a valid transaction and the funds so received will be credited back to the bank account.\n\n \n\n
\n\n PROCEDURE
\nSecurity and Confidentiality of the information:
\n\n {/* PROCEDURE\n Security and Confidentiality of the information: */}\n\n \n A Unitholder registering for this facility shall be issued a password by the service provider against each Folio Number, after AMC / its service provider satisfies itself that the signature on this Agreement matches with the signature of the Unitholders in the records of the AMC, where the same is submitted in Physical mode. In case where the User has opted online, the online consent for accepting the terms & conditions of this agreement will be considered as the final consent of the User.\n \n\n \n Unitholders having multiple Folios with the Fund, shall be issued a separate user id for each Folio. If a Folio is held by more than one Unitholder, OTP will be generated in the primary holders’ mobile number.\nThe Fund will record any change in the Unitholder's static details only on the basis of written instructions from the Unitholder, subject to signature verification / validation as per normal procedure and as per the prevalent norms prescribed by the Fund /AMC or any regulatory authority.\n\n\n \n\n \n It shall be the sole responsibility of the Unitholder to ensure adequate protection, confidentiality and secrecy of the User name and password and any disclosure thereof to any other person shall be entirely at the unit holder's risk. AMC in such cases will not accept any kind of responsibility or liability for any loss, damage or harm.\nThe User understands that AMC reserves the right to change the Online Transaction process from time to time in order to comply with any regulatory guidelines or meet any other security measures.\n\n \n\n\n
\n\n Access to the Facility:
\n \n In order to access the Facility for the first time through the website, the Unitholder shall be required to create a unique login name (Username) and password at the AMC web site. The User may thereafter, map other Folio Number/s, using the OTP generation.. The Unitholder may then access the facility by entering his unique Username and password on the AMC’s web site.\n \n\n\n {/* Services Offered: */}\n
\n\n Services Offered:
\n \n The Unitholder may access the following services using the online transaction platform by using his/her/its User-name and password facility (hereinafter referred to as the \"Facility\"), through Internet:\n \n\n \n •\tSubscription and Additional Subscription to various schemes of the Fund, including any new Schemes launched by the Fund from time to time and which are tagged with the existing Schemes by the Fund for the purpose of conducting such Online transactions.\n•\tSwitching units from one scheme to another, Redemption of units.\n•\tChange of Password, Viewing Portfolio and Transaction history\n•\tPrinting of Account Statements, including facility to request for email.\n\n \n\n \n The Unitholder shall be required to input his User name, password and OTP generated on the primary unitholders mobile number to login into the transaction page of the website. The 2 Factor authentication system is incorporated in order to comply with SEBI circular no.\nSEBI/HO/IMD/ DF2/CIR/P/2019/12 dated January 10, 2019 in the interest of the investors. Thereafter, the User shall be required to input a fresh OTP for certain transactions, which the AMC may change from time to time.\nThe Unitholder hereby agrees and confirms that the services mentioned hereinabove are only an inclusive list, and the Fund may add or remove any services it may in its absolute discretion decide, which services the Unitholder may use the Online transaction platform to access and utilise. In addition to the information and services mentioned above, the Unitholder may also, as and when the facility is extended to other services provided by the Fund, use such Facility to access and utilise any such services provided by the Fund's Website.\n\n \n\n {/* AMC WARRANTIES */}\n
\n\n\n {/* AMC WARRANTIES:
\n \n The AMC will take best efforts to keep the Website updated on a daily basis, so as to provide most current information to Unitholders. The Unitholder also agrees that the look and feel of the web screen and outputs there may differ, based on the nature of the software used by the Unitholder to browse the Website.\n \n The AMC agrees to take best efforts to protect security of the data placed on the Internet and has for this purpose, required the service provider to sign a confidentiality agreement specifying confidentiality of the data and to restrict external access to the database on the Internet.\n\n \n\n \n The service provider shall ask the Unitholder to enter his/her/its User name and password or any other transaction specific details before accepting instructions on behalf of Fund. The Fund / its service provider may, in the interest of the Unitholder, request a fax confirmation of the instructions and any additional information the Fund may require. In such an event, the Fund shall not be bound to act on electronic instructions received, until the said fax confirmation and additional information is received from the Unitholder, in a form and manner acceptable to the Fund.\n \n\n \n The Unitholder confirms and agrees that he/she/it shall at all times be bound by any modification and/or variations made to the Terms and Conditions hereof and as notified on the Website. The Fund shall not be required to give the Unitholder individually any separate notice of any of the modification and/or variations that have been notified on the Website.\n \n\n \n The AMC or the service provider shall have the absolute discretion to amend or supplement any of the terms at any time and will endeavour to give prior notice on the website / through email for such changes wherever feasible.\n \n\n \n The Fund / its service provider may, in its absolute discretion decide not to carry out any such transaction where the service provider or the Fund has reason to believe that the instructions are not genuine, are unclear, are such as to raise a doubt, are otherwise improper or there is ground to believe that the same is in contravention of any statute/laws in India and cannot be put into effect.\n \n\n
*/}\n\n TERMS OF SERVICES
\nUnitholder's Authorisation and Consent for the Online Transactions:
*/}\n\n {/* TERMS OF SERVICES\n */}\n {/*\n\n \n handleCheckBoxhandle(e.target.checked)}\n />}\n /> */}\n {/* \n */}\n
\n \n
\n\n {/* \n\n \n\n
\n Once you click the submit button below,you agree to abide the terms and conditions of using the online transaction faclity\n
\n\n \n \n
\n\n {\n commonerrorAtthebottomall != '' &&\n \n {/*
\n }\n\n {commonerrorAtthebottom}
*/}\n{commonerrorAtthebottomall}
\n\n \n {showuserDetailsifnodata}\n \n )}\n
\n\n <>\n {openModalUser && (\n \n
\n \n \n
\n \n Register\n
\n \n
\n \n Below are the details, that are registered/updated aganist the\n selected Folio Number.Once You can complete the registration\n process,the Email Id registered in the folio Number will become\n the User Id to login to the website\n
\n\n {Object.keys(userDetails).map((item, index) => {\n return (\n
\n \n
\n );\n })}\n \n \n
\n \n \n {userDetails[item]}\n \n
\n \n \n Password GuideLines\n \n {passwordGuidelines.map((item, index) => {\n return (\n
\n {showuserDetailsifnodata == \"\" && (\n \n
\n );\n })}\n \n \n {item.image}\n \n {item.passwordType}\n
\n \n \n Submit\n \n
\n )}\n {showuserDetailsifnodata != \"\" && (\n \n
\n \n \n
\n
\n \n
Password Updated.
\n Your password has been updated succesfully.\n\n
\n closeModal()}\n >\n Submit\n \n
\n \n \n )}\n \n \n \n );\n};\n\nexport default RegisterUserDetails;\n","import React, { useEffect, useState, useContext, useCallback } from \"react\";\n\nimport \"../scss/Register.css\";\nimport {\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n DialogTitle,\n FormControlLabel,\n FormControl,\n Radio,\n RadioGroup,\n} from \"@mui/material\";\nimport { Context } from \"../../../services/apiContext\";\nimport configData from \"../../../config/config.json\";\nimport { useNotificationActionsContext } from \"../../../components/notificationModal/useModal\";\nimport { useGlobalSpinnerActionsContext } from \"../../../components/loader/useloader\";\nimport VerifyOTP from \"../../PersonalDetails/VerifyOTP\";\nimport {\n maskingFunction,\n maskMidValueFunction,\n maskString,\n panValidation,\n} from \"../../../helperFunctions/helperFunctions\";\nimport RegisterTermsAndConditions from \"./RegisterTermsAndConditions\";\nimport RegisterUserDetails from \"./RegisterUserDetails\";\nimport { Formerror } from \"../../../components/formerror\";\nimport { IoEye } from \"react-icons/io5\";\nimport { IoEyeOff } from \"react-icons/io5\";\nconst Register = () => {\n const [showPassword, setShowPassword] = useState(false);\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [folioNo, setfolioNo] = useState();\n const [pan, setPan] = useState(\"\");\n //Error States\n const [folioError, setFolioError] = useState(\"\");\n const [folioErr, setFolioErr] = useState(false);\n const [panError, setPanError] = useState(null);\n console.log(panError, \"pan error\");\n const validateinput = (e) => {\n var code = \"charCode\" in e ? e.charCode : e.keyCode;\n if (e.target.name == \"foliono\") {\n if (\n // space\n !(code > 47 && code < 58)\n ) {\n // lower alpha (a-z)\n e.preventDefault();\n }\n }\n };\n\n const handleInput = (e) => {\n setfolioNo(e.target.value);\n console.log(folioNo, \"folio no\");\n };\n\n const [otPDetails, setOTPDetails] = useState(\"\");\n const [disableopt, setdisableopt] = useState(true);\n const [afterotp, setafterotp] = useState(false);\n const [open, setOpen] = useState(false);\n const [folioRadioButtonValue, setFolioRadioButtonValue] = useState(\"\");\n const [otpError, setotpError] = useState(\"\");\n const [selectedFolio, setSelectedFolio] = useState(\"\");\n const handleFolioErr = () => {\n if (!folioRadioButtonValue) {\n setFolioErr(true);\n } else {\n setFolioErr(false);\n }\n };\n var panRegex = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/;\n const checkPAN = (panNo) => {\n if (panNo === \"\") {\n setPanError(\"Please Enter PAN\");\n } else if (!panRegex.test(panNo)) {\n setPanError(\"Please Enter Valid PAN Number\");\n } else {\n setPanError(null);\n }\n };\n\n const fetchFolioDetailsbyPAN = async () => {\n // if(pan!== \"\"){\n var url = \"/ftp/getFolioDetailsByPan\";\n var postobjt = {\n pan: pan,\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n \n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n if(res?.[0]?.StatusCode){\n // setdisableopt(true);\n setGlobalSpinner(false);\n setOpen(false);\n setPanError(res?.[0]?.Message);\n }else if (res?.statusCode) {\n // setdisableopt(true);\n setGlobalSpinner(false);\n setOpen(false);\n setPanError(res?.message);\n } else {\n setfolioNo(res);\n setOpen(true);\n }\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err, \"error in pan\");\n setGlobalSpinner(false);\n setdisableopt(true);\n });\n // }else{\n // setPanError(\"Please Enter the PAN\");\n // }\n };\n\n const changeFolioValue = (e) => {\n setFolioRadioButtonValue(e.target.value);\n // dispatch(getSelectedFolioNumber(e.target.value))\n // console.log(e);\n };\n\n const closeModal = (iscross) => {\n \n if (iscross) {\n setOpen(false);\n } else {\n validateFolio();\n }\n };\n const validateFolio = async () => {\n setFolioError(\"\");\n var url = \"/ftp/folioValidation\";\n var postobjt = {\n accountNo: folioRadioButtonValue,\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n setGlobalSpinner(false);\n\n if (res[0].Validation === \"S\") {\n // already registered\n setafterotp(true);\n setdisableopt(false);\n console.log(\"valid FolioNum\");\n setOTPDetails(res[0]);\n // getPanByFolio(res[0]);\n setGlobalSpinner(true);\n generateOTP(res[0]);\n // var getval = {\n\n // \"Folio\": 79911278042,\n\n // \"Validation\": \"S\",\n\n // \"email\": \"sainarayanv@gmail.com\",\n\n // \"mob\": \"9700014599\",\n\n // \"INVName\": \"VALLURU SAI NARAYANA\",\n\n // \"pan\": \"AVJPN9181B\"\n\n // }\n\n //F not allowed transaction not allowed to do switch or\n //f1 demat not allowed to transaction\n //f2 join holder not a individual not eligiable to do transaction\n\n //\n } else if (res[0].Validation === \"F1\") {\n //\n setdisableopt(true);\n\n setFolioError(res[0].Validation);\n setafterotp(false);\n // setFolioError(res[0].Validation+\", Not eligible to do transaction\")\n } else if (res[0].Validation === \"F2\") {\n //\n setdisableopt(true);\n\n setFolioError(res[0].Validation);\n setafterotp(false);\n\n // setFolioError(res[0].Validation+\", Not eligible to do transaction\")\n } else {\n setFolioError(res[0].Validation);\n // setFolioError(res[0].Validation+\", Invalid folio Num\");\n setdisableopt(true);\n\n setafterotp(false);\n }\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setdisableopt(true);\n });\n };\n const [userOTPDetails, setUserOTPDetails] = useState(null);\n const [otpValue, setOtpValue] = useState(\"\");\n \n const enterOTPValue = (e) => {\n let input = e.target.value;\n !isNaN(input) && setOtpValue(input);\n };\n\n const getPanByFolio = async (val) => {\n if (val && val.email && val.Folio) {\n var url = \"/ftp/panByFolio\";\n var postobjt = {\n accountNo: val.Folio.toString(),\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n\n // generateOTP(res[0]);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setFolioError(\"Something went wrong\");\n });\n }\n };\n\n const generateOTP = async (val) => {\n if (val && val.email && val.Folio) {\n setotpError(\"\");\n setGlobalSpinner(true);\n var url = \"/login/generateOTP\";\n var postobjt = {\n loginType: \"U\",\n userID: val.email,\n validate: false,\n folio: val.Folio.toString(),\n // pan: val.Pan, //\"TYPSD3576Y\", //val.pan,\n pan: val.pan,\n investorName: val.INVName,\n email: val.email,\n mobileNo: val.mob,\n source: \"Register User\",\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n setUserOTPDetails(res);\n setGlobalSpinner(false);\n setOpen(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setFolioError(\"Something went wrong\");\n });\n } else {\n setGlobalSpinner(false);\n setotpError(\"Email and mobile number not found\");\n }\n };\n\n const validateOTP = () => {\n console.log(otpValue);\n if (otpValue != \"\") {\n var url = \"/login/validateOTP\";\n var postobjt = {\n folio: otPDetails.Folio.toString(),\n otp: otpValue, //\n userID: otPDetails.email,\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n setGlobalSpinner(false);\n if (res[0].Result !== \"SUCCESS\") {\n setFolioError(\"OTP entered is invalid . Please try again\");\n } else {\n setFolioError(\"\");\n FTPNext();\n }\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n // setOtpValue(\"\");\n setFolioError(\"Something went wrong\");\n });\n } else {\n setFolioError(\"OTP cannot be empty\");\n }\n };\n const remarks = (item) => {\n if(item?.modeofhold === 'JOINTLY'){\n return 'This is joint account cannot be register'\n }else if(item?.actype === 'Demat Folio'){\n return 'Demat Folio cannot be registered'\n }else if(item?.registered === 'Y'){\n return 'Registered Already. Use Sign in option to Login' \n }else if(item?.registered === 'N'){\n return 'This folio is allowed to register' \n }\n }\n const [currentStep, setcurrentStep] = useState(1);\n const FTPNext = () => {\n setcurrentStep(currentStep + 1);\n if (currentStep == 1) {\n setfolioNo(\"\");\n setOtpValue(\"\");\n }\n };\n\n const prevStep = () => {\n setcurrentStep(currentStep - 1);\n };\n\n const renderRegister = () => {\n switch (currentStep) {\n case 1:\n return (\n \n
\n \n );\n case 2:\n return (\n \n
\n \n \n SUBMIT\n \n )}\n {open && (\n closeModal(true)}\n aria-labelledby=\"alert-dialog-title\"\n aria-describedby=\"alert-dialog-description\"\n >\n closeModal(true)}\n style={{\n position: \"absolute\",\n right: \"0.5rem\",\n cursor: \"pointer\",\n }}\n >\n X\n \n \n {/* {`Welcome ${folioValues[0].primaryHolderName}`} */}\n \n \n \n Here are the Folios associated with the PAN:-{\" \"}\n {pan.toUpperCase()}.\n \n \n Note:
\n 1. Mode of Holding Single, Anyone or Survivor and Either or Survivor are allowed to\n register.
\n 2. Demat Accounts are not allowed to register.\n
\n 3. Folios which are already registered cannot be register\n again.\n \n
\n \n \n {\n handleFolioErr();\n closeModal(false);\n }}\n >\n Get OTP\n \n
\n\n \n Register\n
\n \n
\n \n We sincerely thank you for your patronage and are committed\n to serve you with the best of the offerings that we have.\n
\n\n
\n \n We accept request for{\" \"}\n \n online transaction\n {\" \"}\n registration from the following investor segments\n
\n\n {/*
\n */}\n
*/}\n \n
\n {\">\"}
\n Resident Indian Individuals\n\n
\n {/* {\">\"}
\n \n {\"**\"}Non-Resident Indians\n and Persons of Indian origin residing abroad\n \n\n
\n \n {\"**\"}Currently we are not\n accepting applications from U.S. Persons and Residents of\n Canada in any of the Schemes of the Fund.\n {/* Please{\" \"}\n \n Click here\n \n for complete details. */}\n
\n\n
\n \n
\n {\">\"}
\n \n We request you to complete the registration process for\n getting access for the online services offered by us.\n \n\n
\n {\">\"}
\n \n Important Note:- If\n you have your investments in more than one folio number\n with us, please create the User ID only once\n \n\n
\n {\">\"}
\n \n Enter the PAN & Click on GET FOLIOS & select the Folio &\n Click on generate OTP which will be sent to your\n registered mobile number and email address in the text\n boxes mentioned below\n \n\n
\n {userOTPDetails !== null && (\n \n {/* \n {\n validateinput(e)\n }} /> */}\n
\n \n \n PAN {\"*\"}\n \n \n GET FOLIOS\n \n
\n \n checkPAN(pan)} \n disabled={userOTPDetails !== null}\n onChange={(e) => {\n setPan(e.target.value);\n }}\n name=\"pan\"\n />\n
\n \n
\n \n \n Folio\n {/* {\"*\"} */}\n \n
\n \n {\n validateinput(e);\n }}\n onKeyPress={(e) => {\n validateinput(e);\n }}\n readOnly={true}\n />\n
\n \n
\n \n \n Enter OTP {\"*\"}\n \n
\n {/* */}\n \n
\n \n {\n // validateinput(e)\n // }}\n />\n setShowPassword(!showPassword)}\n >\n {showPassword ? (\n
\n \n 1. Mode of Holding Single, Anyone or Survivor and Either or Survivor are allowed to\n register.
\n 2. Demat Accounts are not allowed to register.\n
\n 3. Folios which are already registered cannot be register\n again.\n \n
\n
\n \n \n {folioNo?.map((item, index) => (\n \n {folioNo?.length > 1\n ? \"Please Select any one Folio\"\n : \"Please Select the Folio\"}\n \n )}\n
\n \n
\n \n \n )}\n\n \n \n
\n \n \n {panError}\n \n {userOTPDetails !== null && (\n
\n \n An OTP has been sent to your registered\n
\n )}\n \n mobile number{\" \"}\n \n {otPDetails &&\n maskingFunction(otPDetails.mob, true, 4)}\n \n and registered\n
{\" \"}\n \n email ID{\" \"}\n \n {maskString(\n /^(..)(.*)(...@.*)$/,\n otPDetails.email,\n \"x\"\n )}\n \n
\n \n
\n \n Once you complete the registration process, the email ID\n registered for the above folio number will be the User ID to\n login to the website. Once a User ID is created, you can add\n your multiple folios to the same User ID.\n
\n\n
\n \n In case you need any clarifications, kindly call us on 1800\n 1038 345 or email us at{\" \"}\n \n investor@jmfl.com or service_jmf@kfintech.com\n \n and our customer care executives will be happy to help you.\n
\n{renderRegister()}
;\n};\n\nexport default Register;\n","import {\n FormControl,\n FormControlLabel,\n FormLabel,\n Radio,\n RadioGroup,\n} from \"@mui/material\";\n\nconst GroupRadio = ({ handleChange, LabelName, item, name, value }) => {\n return (\n \n \n \n \n Account Statement \n \n \n \n {\n setSelectedBasedOn(event.target.value);\n clearFields();\n }}\n LabelName={\"Based on\"}\n name={\"onBased\"}\n value={selectedBasedOn}\n item={[\n {\n value: \"email\",\n label: \"Email\",\n },\n {\n value: \"folio\",\n label: \"Folio\",\n },\n {\n value: \"pan\",\n label: \"Pan\",\n },\n ]}\n />\n \n \n \n {\n setStatementTypeVal(event.target.value);\n clearFields()\n }}\n value={statementTypeVal}\n LabelName={\"Statement Type\"}\n name={\"statementType\"}\n item={[\n {\n value: \"summary\",\n label: \"Summary\",\n },\n {\n value: \"detail\",\n label: \"Detailed\",\n },\n ]}\n />\n \n \n {statementTypeVal === \"detail\" ? (\n <>\n \n {\n clearFields();\n handleChange(e)\n }}\n LabelName={\"Period\"}\n name={\"period\"}\n item={[\n {\n value: \"current\",\n label: \"Current Financial Year\",\n },\n {\n value: \"previous\",\n label: \"Previous Financial Year\",\n },\n {\n value: \"specific\",\n label: \"Specific Period\",\n },\n ]}\n />\n \n \n \n \n \n {onSucess ? (<>\n \n \n \n {onSucess && (\n \n \n \n ) : null\n }\n\n \n
\n );\n};\n\nexport default Mailbackrequest;\n","import React, { Component, useEffect, useState } from \"react\";\nimport { Router, Switch, Route, useLocation } from \"react-router-dom\";\nimport history from \"../History/history\";\nimport Home from \"../pages/Homepage/index\";\nimport SideNavBar from \"../components/SideNavBar/SideNavBar\";\nimport { PrivateRoute } from \"./PrivateRoute\";\n\nimport Lumpsum from \"../pages/Quickpurchase/Lumpsum\";\n\nimport SuccessTransaction from \"../pages/Quickpurchase/components/SuccessTransaction\";\nimport FailurTransaction from \"../pages/Quickpurchase/components/FailureTransaction\";\nimport Stpmain from \"../pages/StpMain/stpmain\";\nimport STPRegistrationPage5 from \"../pages/STPRegistration/STPRegistrationPage5\";\nimport SIPPauseConfirmation from \"../pages/SystematicInvestements/SIPPauseConfirmation\";\nimport SIPPausedConfirmationInfo from \"../pages/SystematicInvestements/SIPPausedConfirmationInfo\";\nimport SIPCancelConfirmationInfo from \"../pages/SystematicInvestements/SIPCancelConfirmationInfo\";\nimport SIPCancelConfrimation from \"../pages/SystematicInvestements/SIPCancelConfirmation\";\nimport SWPTransactionConfirmationPage from \"../pages/SWPRegistration/SWPTransactionConfirmationPage\";\nimport SIPBillerConfirmationPage from \"../pages/ISIP/ISIPBillerConfirmationPage\";\nimport ConfirmationPage from \"../pages/Quickpurchase/components/ConfirmationPage\";\nimport SwitchRegistrationPage3 from \"../pages/SwitchRegistration/SwitchRegistrationPage3\";\nimport ProtectedRoutes from \"./ProtectedRoutes\";\nimport useAuth from \"../services/authContext\";\nimport InvestmentFTP from \"../pages/InvestmentDetails\";\nimport AccountStatements from \"../pages/Statements/AccountStatements\";\nimport EKYCDetails from \"../pages/EKYCDetails/EKYCDetails\";\nimport Register from \"../pages/Homepage/components/Register\";\nimport RegisterUserDetails from \"../pages/Homepage/components/RegisterUserDetails\";\nimport RegisterTermsAndConditions from \"../pages/Homepage/components/RegisterTermsAndConditions\";\nimport SuccessConfirm from \"../pages/CommonComponents/SuccessConfirm\";\nimport MailBackRequest from \"../pages/Statements/MailbackReqDashboard\";\nimport ConfirmationSummary from \"../pages/CommonComponents/ConfirmationSummary\";\nimport { useIdleTimer } from 'react-idle-timer';\nimport { useSelector, useDispatch } from \"react-redux\";\n\nimport { userActions } from \"../redux/_actions\";\nimport { useGlobalSpinnerActionsContext } from \"../components/loader/useloader\";\nimport { useNotificationActionsContext } from \"../components/notificationModal/useModal\";\nimport Mailbackrequest from \"../pages/Homepage/components/mailBackrequest\";\n\nconst Routes = (props) => {\n const { authed, login } = useAuth();\n const [loginReady, setloginReady] = useState(false);\n\n const dispatch = useDispatch();\n const setNotifi = useNotificationActionsContext();\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const user = useSelector((state) => state.authentication.user);\n useEffect(() => {\n if (sessionStorage.getItem(\"islogin\")) {\n login().then(() => {\n setloginReady(true);\n\n });\n } else {\n setloginReady(true);\n\n }\n\n\n // console.log(authed);\n });\n const locationlst = useLocation();\n\n useEffect(() => {\n console.log(\"*\", locationlst.pathname);\n props.setPathname(locationlst.pathname);\n\n }, [locationlst]);\n\n\n //Idle page chamges\n const onIdle = () => {\n // console.log('onidle - '+new Date())\n if (user && user.Email_ID) {\n if (window.location.pathname == \"/\" || window.location.pathname == \"/jmfinvestor\" || window.location.pathname == \"/signin\" || window.location.pathname == \"/jmfinvestor/signin\" || window.location.pathname == \"/jmfinvestor/\" || window.location.pathname == \"/jmfinvestor/signin/\") {\n\n } else {\n console.log(new Date())\n dispatch(userActions.logout());\n setGlobalSpinner(false);\n history.push(\"/\");\n setNotifi({\n val: true,\n msg: (\n \n
\n \n ) : null}\n \n {\n setFromDate(e.target.value);\n }}\n InputLabelProps={{\n shrink: true\n }}\n onBlur={handleBlur}\n name=\"date\"\n id=\"date\"\n type={form.period === \"specific\" ? \"date\" : null}\n value={\n fromDate ? \n form?.period === 'specific' ? fromDate :\n moment(fromDate, 'MM/DD/YYYY')?.format('DD/MM/YYYY'): null}\n focused\n helperText={errors.date ? errors.date : \"\"}\n FormHelperTextProps={{ sx: { color: 'red' } }}\n />\n
\n \n {\n setToDate(e.target.value)\n }}\n onBlur={handleBlur}\n name=\"todate\"\n id=\"todate\"\n type={form.period === \"specific\" ? \"date\" : null}\n inputProps={{\n min: fromDate,\n max: currentDate\n }}\n InputLabelProps={{\n shrink: true\n }}\n value={\n toDate ? \n form?.period === 'specific' ? toDate :\n moment(toDate, 'MM/DD/YYYY')?.format('DD/MM/YYYY'): null}\n focused\n helperText={errors.date ? errors.date : \"\"}\n FormHelperTextProps={{ sx: { color: 'red' } }}\n />\n
\n \n
\n\n\n \n\n {selectedBasedOn === \"pan\" && (\n {\n handleChange(e)\n let value = e.target.value;\n value.replace(\"[^A-Za-z0-9]\", \"\");\n }}\n onBlur={(event) => {\n handleBlur(event)\n VerifyPanExistingorNot(event?.target.value)\n }}\n value={form.pan}\n inputProps={{ maxLength: 10 }}\n name=\"pan\"\n id=\"pan\"\n helperText={errors.pan ? errors.pan : \"\"}\n FormHelperTextProps={{ sx: { color: 'red' } }}\n\n />\n )}\n {selectedBasedOn === \"email\" && (\n
\n \n\n \n handleClickShowPassword('pass')}\n onMouseDown={() => handleMouseDownPassword('pass')}\n >\n {showPassword ?
\n \n \n handleClickShowPassword('confirmpass')}\n onMouseDown={() => handleMouseDownPassword('confirmpass')}\n >\n {showConfirmPassword ?
\n \n
\n )}\n \n \n Mail sent Successfully\n
\n \n \n OK\n \n
\n \n
\n ),\n });\n }\n }\n\n // Close Modal Prompt\n // Do some idle action like log out your user\n }\n\n const onAction = (event) => {\n // console.log(\"On Action - \"+new Date())\n // Do something when a user triggers a watched event\n }\n\n const {\n start,\n reset,\n activate,\n pause,\n resume,\n isIdle,\n isPrompted,\n isLeader,\n getTabId,\n getRemainingTime,\n getElapsedTime,\n getLastIdleTime,\n getLastActiveTime,\n getTotalIdleTime,\n getTotalActiveTime\n } = useIdleTimer({\n onIdle, onAction,\n // timeout: 10000,\n timeout: 1000 * 60 * 30,\n promptTimeout: 0,\n events: [\n 'mousemove',\n 'keydown',\n 'wheel',\n 'DOMMouseScroll',\n 'mousewheel',\n 'mousedown',\n 'touchstart',\n 'touchmove',\n 'MSPointerDown',\n 'MSPointerMove',\n 'visibilitychange'\n ],\n immediateEvents: [],\n debounce: 0,\n throttle: 0,\n eventsThrottle: 200,\n element: document,\n startOnMount: true,\n startManually: false,\n stopOnIdle: false,\n crossTab: false,\n name: 'idle-timer',\n syncTimers: 0,\n leaderElection: false\n })\n //\n\n return (\n <>\n {loginReady && (\n Oops! Session Expired
\nYour are Idle for 30 minutes.
\nPlease try to login again
\n\n \n \n {click ? (\n
\n \n\n \n \n {isSoa ? (\n \n 
\n \n ) : (\n landingPage()}>\n \n \n )}\n \n
\n\n {/* Navbar Toggler */}\n \n \n
\n ): null\n}\n","import { DEFAULT_FOLIO_NUMBER,INVESTING_THROUGH_SCHEME, GET_INVESTMENT_TYPE_OPTION,GET_EXISTING_SCHEME_DATA,GET_SCHEME_CATEGORY_VALUE,GET_SCHEME_NAME_CODE_VALUE, GET_SCHEME_NAME_VALUE, GET_SCHEME_PLAN_VALUE, GET_SCHEME_OPTION_VALUE,GET_SCHEME_PRICE,GET_FREQUENCY_VALUE,GET_BANK_DETAILS_VALUE,GET_MODE_OF_PAYMENT,GET_MODE_OF_PAYMENT_CODE,GET_ARN_CODE,SUB_BROKER_CODE,SUB_BROKER_ARN_CODE,GET_EXISTING_SCHEME_DATA_PRICE,GET_SCHEME_NAME_LABEL_VALUE,GET_SCHEME_PLAN_LABEL_VALUE,GET_SCHEME_OPTION_LABEL_VALUE,GET_DATE_TIME,GET_BANK_DETAILS_DECLARATION_CHECKBOX_VALUE } from './../actions/actions';\n\nconst initialFolioNumber = {\n defaultFolioNumberState:\"\",\n investingThroughScheme:\"\",\n arnCode:\"\",\n subBrokerCode:\"\",\n subBrokerArnCode:\"\",\n investmentTypeOption:\"\",\n existingSchemeData:\"\",\n existingSchemeDataPrice:\"\",\n schemeCategoryValue:\"\",\n schemeNameCodeValue:\"\",\n schemeNameValue:\"\",\n schemeNameLabelValue:\"\",\n schemePlanValue:\"\",\n schemePlanLabelValue:\"\",\n schemeOptionValue:\"\",\n schemeOptionLabelValue:\"\",\n schemePrice:\"\",\n frequencyValue:\"\",\n bankDetails:\"\",\n modeOfPayment:\"\",\n modeOfPaymentCode:\"\",\n bankdetailsCheckboxValue:false,\n dateTimeValue:\"\"\n}\n\nexport const getFolioNumberReducer = (state=initialFolioNumber,action) => {\n switch(action.type){\n case DEFAULT_FOLIO_NUMBER:\n return{\n ...state,\n defaultFolioNumberState:action.payload\n }\n case GET_ARN_CODE:\n return{\n ...state,\n arnCode:action.payload\n }\n case SUB_BROKER_CODE:\n return{\n ...state,\n subBrokerCode:action.payload\n }\n case SUB_BROKER_ARN_CODE:\n return{\n ...state,\n subBrokerArnCode:action.payload\n }\n case INVESTING_THROUGH_SCHEME:\n return{\n ...state,\n investingThroughScheme:action.payload\n }\n case GET_INVESTMENT_TYPE_OPTION:\n return{\n ...state,\n investmentTypeOption:action.payload\n }\n case GET_EXISTING_SCHEME_DATA:\n return{\n ...state,\n existingSchemeData:action.payload\n }\n case GET_EXISTING_SCHEME_DATA_PRICE:\n return{\n ...state,\n existingSchemeDataPrice:action.payload\n }\n case GET_SCHEME_CATEGORY_VALUE:\n return{\n ...state,\n schemeCategoryValue:action.payload\n }\n case GET_SCHEME_NAME_CODE_VALUE:\n return{\n ...state,\n schemeNameCodeValue:action.payload\n }\n case GET_SCHEME_NAME_VALUE:\n return{\n ...state,\n schemeNameValue:action.payload\n }\n case GET_SCHEME_NAME_LABEL_VALUE:\n return{\n ...state,\n schemeNameLabelValue:action.payload\n }\n case GET_SCHEME_PLAN_VALUE:\n return{\n ...state,\n schemePlanValue:action.payload\n }\n case GET_SCHEME_PLAN_LABEL_VALUE:\n return{\n ...state,\n schemePlanLabelValue:action.payload\n }\n case GET_SCHEME_OPTION_VALUE:\n return{\n ...state,\n schemeOptionValue:action.payload\n }\n case GET_SCHEME_OPTION_LABEL_VALUE:\n return{\n ...state,\n schemeOptionLabelValue:action.payload\n }\n case GET_SCHEME_PRICE:\n return{\n ...state,\n schemePrice:action.payload\n }\n case GET_FREQUENCY_VALUE:\n return{\n ...state,\n frequencyValue:action.payload\n }\n case GET_BANK_DETAILS_VALUE:\n return{\n ...state,\n bankDetails:action.payload\n }\n case GET_MODE_OF_PAYMENT_CODE:\n return{\n ...state,\n modeOfPaymentCode:action.payload\n }\n case GET_MODE_OF_PAYMENT:\n return{\n ...state,\n modeOfPayment:action.payload\n }\n case GET_BANK_DETAILS_DECLARATION_CHECKBOX_VALUE:\n return{\n ...state,\n bankdetailsCheckboxValue:action.payload\n }\n case GET_DATE_TIME:\n return{\n ...state,\n dateTimeValue:action.payload\n }\n default:\n return state\n }\n}","import { userConstants } from \"../_constants\";\n\nlet user = JSON.parse(localStorage.getItem(\"user\"));\nconst initialState = user ? { loggedIn: true, user } : {};\n\n// const initialState = {\n// user: {},\n// loggedIn: true,\n// };\n\nexport function authentication(state = initialState, action) {\n switch (action.type) {\n case userConstants.LOGIN_REQUEST:\n return {\n loggingIn: true,\n user: action.user,\n };\n case userConstants.LOGIN_SUCCESS:\n return {\n loggedIn: true,\n user: action.user,\n };\n case userConstants.LOGIN_FAILURE:\n return {};\n case userConstants.LOGOUT:\n return {};\n default:\n return state;\n }\n}\n","import { ADD_TO_CART } from \"../actions/actions\"\n\n\nconst initialState = {\n cartData:[]\n}\n\nexport const cartReducer = (state=initialState,action) => {\n switch(action.type){\n case ADD_TO_CART:\n const {schemeCategoryValue,schemeNameValue,schemePlanValue,schemeOptionValue,schemePrice} = action.payload;\n return{\n ...state,\n cartData:[\n ...state.cartData,\n {\n id:new Date().getTime().toString(),\n schemeCategory:schemeCategoryValue,\n schemeName:schemeNameValue,\n schemePlan:schemePlanValue,\n schemeOption:schemeOptionValue,\n schemePrice:schemePrice\n }\n ]\n }\n default:\n return state;\n }\n}","import { combineReducers } from \"redux\";\nimport { getFolioNumberReducer } from \"../quickpurchaseSip/reducers/folioNumberReducer\";\nimport { alert } from \"./alert.reducer\";\nimport { authentication } from \"./authentication.reducer\";\nimport { cartReducer } from './../quickpurchaseSip/reducers/cartReducer';\n\n\nconst rootReducer = combineReducers({\n authentication,\n alert,\n getFolioNumberReducer,\n cartReducer\n});\n\nexport default rootReducer;\n","import { alertConstants } from \"../_constants\";\n\nexport function alert(state = {}, action) {\n switch (action.type) {\n case alertConstants.SUCESS:\n return {\n type: \"alert-success\",\n message: action.message,\n };\n case alertConstants.ERROR:\n return {\n type: \"alert-danger\",\n message: action.message,\n };\n case alertConstants.CLEAR:\n return {};\n default:\n return state;\n }\n}\n","import { createStore, applyMiddleware } from \"redux\";\nimport { persistStore, persistReducer } from \"redux-persist\";\nimport storage from \"redux-persist/lib/storage\";\nimport thunkMiddleware from \"redux-thunk\";\nimport { createLogger } from \"redux-logger\";\nimport rootReducer from \"../_reducers\";\nimport { encryptTransform } from \"redux-persist-transform-encrypt\";\n\nconst encryptor = encryptTransform({\n secretKey: \"encrypt\",\n onError: function (error) {\n console.log(error);\n },\n});\n\nconst persistConfig = {\n key: \"main-root\",\n storage,\n transforms: [encryptor],\n};\n\nconst loggerMiddleware = createLogger();\n\nconst persistedReducer = persistReducer(persistConfig, rootReducer);\n\nconst store = createStore(\n persistedReducer,\n applyMiddleware(thunkMiddleware, loggerMiddleware)\n);\n\nconst Persistor = persistStore(store);\n\nexport { Persistor };\nexport default store;\n","import React, { useEffect, useState } from \"react\";\nimport \"./App.css\";\nimport Routers from \"./routes/Routes\";\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport Navbar from \"./components/Header/Navbar\";\nimport Footer from \"./components/Footer/Footer\";\nimport GlobalSpinnerContextProvider from \"./components/loader/useloader\";\nimport NotificationContextProvider from \"./components/notificationModal/useModal\";\nimport GlobalSideNavContextProvider from \"./components/SideNavBar/useSidenav\";\nimport ApiContext from \"./services/apiContext\";\nimport { AuthProvider } from \"./services/authContext\";\nimport { Loader } from \"./components/loader/loader\";\nimport { NotificationModal } from \"./components/notificationModal/notificationModal\";\nimport { Provider, useSelector, useDispatch } from \"react-redux\";\n\nimport store, { Persistor } from \"./redux/_helpers/store\";\nimport { PersistGate } from \"redux-persist/integration/react\";\n\nimport { userActions } from \"./redux/_actions\";\nimport { useGlobalSpinnerActionsContext } from \"./components/loader/useloader\";\nimport { useNotificationActionsContext } from \"./components/notificationModal/useModal\";\nimport history from \"./History/history\";\n// import { userActions } from \"./redux/_actions\";\nexport const Context = React.createContext();\n\nfunction AppComponent() {\n // const dispatch = useDispatch();\n // // const navigate = useNavigate();\n // const setNotifi = useNotificationActionsContext();\n // const setGlobalSpinner = useGlobalSpinnerActionsContext();\n\n const setPathname = (pathname) => {\n console.log(\"**\", pathname);\n };\n const routeChange = () => {\n console.log(\"routecjanse\");\n // console.log(\"foo!\")\n // console.log(window.location.pathname)\n };\n\n return (\n <>\n \n
*/}\n \n Due to planned BCP/DR drill activity there will be 30\n minutes outage during the following dates\n
\n- \n
- 8:00 AM to 8:30 AM on Friday, 26th May 2023 \n
- 5:00 PM to 5:30 PM on Saturday, 27th May 2023 \n
\n Plan your activities accordingly.\n \n
\n\n {investingmode !== \"Lumpsum\" &&\n investingmode !== \"SIP\" &&\n investingmode !== \"ZBF\" && (\n \n )}\n\n {(investingmode === \"Lumpsum\" ||\n investingmode === \"SIP\" ||\n investingmode === \"ZBF\") && (\n \n )}\n
\n )}\n {Verify && (\n \n
\n )}\n \n \n \n OTP Verified Successfully\n
\n \n \n OK\n \n
\n \n \n
\n );\n};\n\nexport default ConfirmLogo;\n","\nimport React, { useState } from 'react';\n\nimport OtpInput from \"react-otp-input\";\nimport {\n Dialog,\n DialogActions,\n DialogContent,\n DialogContentText,\n } from \"@mui/material\";\n\n\nconst PersonalDetailsOTP = () => {\n // alert('enter')\n \n const closeModal = () => {\n // setOpen(false);\n // setStep(step + 1);\n };\n\n const [otpValue, setOtpValue] = useState(\"\");\nconst [modalMode, setModalMode] = useState(\"\");\nconst [open, setOpen] = useState(false);\nconst openModal = (mode) => {\n setOpen(true);\n if (mode === \"otp\") {\n setModalMode(\"otp\");\n } \n };\n\n const handleChange = (otp) => {\n setOtpValue(otp);\n };\n\n const submitOtp = () => {\n if (otpValue === \"\") {\n alert(\"Enter the OTP you have received\");\n } else {\n // setStep(step + 1);\n }\n };\n\n return (\n \n \n \n \n \n \n \n\n \n \n \n \n\n {/* */}\n
\n );\n}\n export default PersonalDetailsOTP\n","export function validateResponse(response) {\n if (response.Transaction_allow === \"Y\") return ;\n if (response.PASFlag === \"N\") {\n return response.PASRemarks;\n }\n if (response.PANFlag === \"N\") {\n return (response.PANRemarks);\n }\n if (response.PANNameMatch === \"N\") {\n return (\"Entered Primary name does not match with PAN record\");\n }\n if(response.PH_KYC!== \"02\" || response.PH_KYC!== \"07\"){\n return (\"Kyc Not Registered\");\n }\n if (response.JH1_panFlag === \"N\") {\n return (response.JH1_panRemarks);\n }\n if (response.JH2_panFlag === \"N\") {\n return (response.JH2_panRemarks);\n }\n if (response.G_panFlag === \"N\") {\n return (response.G_panRemarks);\n }\n if (response.JH1_PANNameMatch === \"N\") {\n return (\n \"Entered Joint Holder 1 name does not match with PAN record\"\n );\n }\n if (response.JH2_PANNameMatch === \"N\") {\n return (\n \"Entered Joint Holder 2 name name does not match with PAN record\"\n );\n }\n if (response.G_PANNameMatch === \"N\") {\n return (\"Entered Guardian name does not match with PAN record\");\n }\n if (response.PanDOBMatch === \"N\") {\n return (\"Entered Primary DOB does not match with PAN record\");\n }\n if (response.JH1_PanDOBMatch === \"N\") {\n return (\n \"Entered Joint Holder 1 DOB does not match with PAN record\"\n );\n }\n if (response.JH2_PanDOBMatch === \"N\") {\n return (\n \"Entered Joint Holder 2 DOB name does not match with PAN record\"\n );\n }\n if (response.G_PanDOBMatch === \"N\") {\n return (\"Entered Guardian DOB does not match with PAN record\");\n }\n}\n","import { authHeader } from \"../_helpers\";\n\nexport const userService = {\n setSession,\n logout,\n};\n\nfunction setSession(token) {\n sessionStorage.setItem(\"user\", token);\n return true;\n}\n\nfunction logout() {\n sessionStorage.removeItem(\"user\");\n sessionStorage.removeItem(\"persist:main-root\");\n}\n","import { userConstants } from \"../_constants\";\nimport { alertActions } from \"./alert.actions\";\nimport { userService } from \"../_services\";\n\nconst login = (userObj, flag) => {\n return (dispatch) => {\n if (flag === \"succ\") {\n dispatch(success(userObj));\n } else {\n dispatch(failure(userObj.toString()));\n }\n };\n\n function request(user) {\n return { type: userConstants.LOGIN_REQUEST, user };\n }\n\n function success(user) {\n return { type: userConstants.LOGIN_SUCCESS, user };\n }\n\n function failure(error) {\n return { type: userConstants.LOGIN_FAILURE, error };\n }\n};\n\nfunction setSession(input) {\n return (dispatch) => {\n if (userService.setSession(input)) {\n dispatch(success(input));\n } else {\n dispatch(failure(input.toString()));\n }\n };\n function success(input) {\n return { type: userConstants.USER_LOGIN_OTP_SUCCESS, input };\n }\n\n function failure(error) {\n return { type: userConstants.LOGIN_FAILURE, error };\n }\n}\n\nfunction logout() {\n userService.logout();\n return { type: userConstants.LOGOUT };\n}\n\nexport const userActions = {\n login,\n logout,\n setSession,\n};\n","import React, { useEffect, useState, useContext } from \"react\";\n\nimport Accordionbp from \"./Accordion/Accordionbp.js\";\nimport username from \"../../assets/Images/user.svg\";\nimport inputPath from \"../../assets/Images/inputPath.png\";\nimport panImage from \"../../assets/Images/pan.svg\";\nimport dateofbirth from \"../../assets/Images/calendar-inactive.svg\";\nimport emailenv from \"../../assets/Images/mailEnv.svg\";\nimport mobileimg from \"../../assets/Images/telephone.svg\";\nimport placebirth from \"../../assets/Images/location-grey.svg\";\nimport emailid from \"../../assets/Images/envelope.svg\";\nimport telephone from \"../../assets/Images/telephone.svg\";\nimport arrowDown from \"../../assets/Images/rightArrow.svg\";\nimport stepsImg from \"../../assets/Images/createaccoutnpopup.svg\";\nimport kycComplete from \"../../assets/Images/kycComplete.svg\";\nimport PanAdharStatus from \"../CommonComponents/Transact/PanAdharStatus.js\";\nimport PhoneInput from \"react-phone-input-2\";\nimport \"react-phone-input-2/lib/style.css\";\n\nimport {\n Radio,\n FormControl,\n FormControlLabel,\n RadioGroup,\n DialogTitle,\n IconButton,\n} from \"@mui/material\";\nimport { PDFObject } from \"react-pdfobject\";\n\nimport { MdOutlineArrowBackIosNew, MdClose } from \"react-icons/md\";\nimport axios from \"axios\";\nimport CryptoJS from \"crypto-js\";\nimport VerifyOTP from \"./VerifyOTP\";\n// import DatePicker from \"react-datepicker\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { Dialog, DialogContent, DialogContentText } from \"@mui/material\";\nimport PersonalDetailsOTP from \"./PersonalDetailsOTP/PersonalDetailsOTP.js\";\nimport { useGlobalSpinnerActionsContext } from \"../../components/loader/useloader\";\nimport KYCComplaint from \"./KycComplaint/KYCcomplaint.js\";\nimport history from \"../../History/history\";\n\nimport { Context } from \"../../services/apiContext\";\nimport configData from \"../../config/config.json\";\nimport { useNotificationActionsContext } from \"../../components/notificationModal/useModal\";\nimport VerifyOTPFTP from \"./VerifyOTPFTP.js\";\n\n// !DatePicker\nimport InputBase from \"@mui/material/InputBase\";\nimport AdapterDateFns from \"@mui/lab/AdapterDateFns\";\nimport LocalizationProvider from \"@mui/lab/LocalizationProvider\";\nimport DatePicker from \"@mui/lab/DatePicker\";\nimport moment from \"moment\";\nimport DeclarationLumpsum from \"../CommonComponents/DeclarationLumpsum.js\";\nimport VerifyIndividualOTP from \"./VerifyIndividualOTP.js\";\nimport { validateResponse } from \"./regulatoryValidation.js\";\n\nconst SingleHolding = ({\n nextStep,\n handleFormData,\n onsubmit,\n modalonlyonce,\n setmodalonlyonce,\n holdingmode,\n setholdingmode,\n PersonalDetailsSingle,\n setPersonalData,\n genderradio,\n setgenderradio,\n startDate = null,\n setStartDate,\n acceptTermsandconditions,\n setacceptTermsandconditions,\n updateAddressByPAN,\n personalData,\n kyisComplained,\n setkyisComplained,\n kyisComplainedEors,\n setkyisComplainedEors,\n setPersonalDataFull,\n\n countryCode,\n setcountryCode,\n jh1countryCode,\n setjh1countryCode,\n jh2countryCode,\n setjh2countryCode,\n panAdharStatus,\n // onsubmiteitherorsurvior\n // values,\n // foliodata,\n}) => {\n const setGlobalSpinner = useGlobalSpinnerActionsContext();\n const setNotifi = useNotificationActionsContext();\n const contextapi = useContext(Context);\n const [optdetails, setoptdetails] = useState({\n email: PersonalDetailsSingle.email,\n folio: \"1234\",\n pan: PersonalDetailsSingle.pan,\n name: PersonalDetailsSingle.name,\n mobile: PersonalDetailsSingle.mobile,\n gender: PersonalDetailsSingle.gender,\n });\n const [saveORlater, setsaveORlater] = useState(\"\");\n const [panAdharStat, setpanAdharStat] = useState(true);\n\n useEffect(async () => {\n window.scrollTo(0, 0);\n if (personalData && personalData.pd1_refNo) {\n await getUserDetailsByRefNo(personalData.pd1_refNo);\n }\n }, []);\n\n //get Details BY Reference No\n //\n // either or survior global data\n const [startDateES, setStartDateES] = useState();\n const [startDate2, setStartDate2] = useState();\n const [startDate3, setStartDate3] = useState();\n\n const [genderradioES, setValueES] = useState(\"Male\");\n const [genderradiosec, setgenderradiosec] = useState(\"Male\");\n const [genderradiothird, setgenderradiothird] = useState(\"Male\");\n const [findActivePan, setFindActivePan] = useState({\n activeStatus: false,\n activeKey: \"\",\n activeKeyName: \"\",\n });\n\n const [PersonalDetails, setPersonalDetails] = useState({\n pan: \"\",\n name: \"\",\n gender: \"\",\n email: \"\",\n DOB: startDateES,\n mobile: \"\",\n placeofbirth: \"\",\n folio: \"1234\",\n emailRelationship: \"\",\n mobileRelationship: \"\",\n });\n const [PersonalDetailssecond, setPersonalDetailssecond] = useState({\n pan2: \"\",\n name2: \"\",\n gender2: \"\",\n email2: \"\",\n DOB2: startDate2,\n mobile2: \"\",\n placeofbirth2: \"\",\n emailRelationship2: \"\",\n mobileRelationship2: \"\",\n });\n\n const [PersonalDetailsthird, setPersonalDetailsthird] = useState({\n pan3: \"\",\n name3: \"\",\n gender3: \"\",\n email3: \"\",\n DOB3: startDate3,\n mobile3: \"\",\n placeofbirth3: \"\",\n emailRelationship3: \"\",\n mobileRelationship3: \"\",\n });\n\n const setPersonalDetailsFunc = (key, value) => {\n setFindActivePan({\n activeStatus: true,\n activeKey: PersonalDetails,\n activeKeyName: \"PersonalDetails\",\n });\n setPersonalDetails({\n ...PersonalDetails,\n [key]: value,\n \"gender\": genderradio,\n });\n\n if (key == \"pan\" || key == \"email\" || key == \"name\" || key == \"mobile\") {\n setoptdetails({\n ...optdetails,\n [key]: value,\n });\n }\n };\n\n const setPersonalDetailssecondFunc = (key, value) => {\n setFindActivePan({\n activeStatus: true,\n activeKey: PersonalDetailssecond,\n activeKeyName: \"PersonalDetailssecond\",\n });\n setPersonalDetailssecond({\n ...PersonalDetailssecond,\n [key]: value,\n \"gender2\": genderradiosec,\n });\n };\n\n const setPersonalDetailsthirdFunc = (key, value) => {\n setFindActivePan({\n activeStatus: true,\n activeKey: PersonalDetailsthird,\n activeKeyName: \"PersonalDetailsthird\",\n });\n setPersonalDetailsthird({\n ...PersonalDetailsthird,\n [key]: value,\n \"gender3\": genderradiothird,\n });\n };\n\n const getUserDetailsByRefNo = async (refNo) => {\n var url = \"/ftp/getInvestorPersonalDetails\";\n var postobjt = {\n refNo: refNo.toString(),\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res && res[0]) {\n if (res[0].MOH == 1) {\n setholdingmode(\"Single\");\n\n // setPersonalData(\"pan\", res[0].FInvPAN.toUpperCase());\n // setPersonalData(\"name\", res[0].FInvName);\n setPersonalData(\"DOB\", res[0].FInvDOB);\n setStartDate(res[0].FInvDOB);\n // setPersonalData(\"gender\", res[0].FInvGender);\n // setPersonalData(\"email\", res[0].FInvEmail);\n // setPersonalData(\"mobile\", res[0].FInvMobile);\n // setPersonalData(\"placeofbirth\", res[0].FInvPlaceOfBirth);\n\n let dateformat = new Date(res[0].FInvDOB);\n let monthRead = (dateformat.getMonth() + 1).toString();\n let apisdata = monthRead.length == 1 ? \"0\" + monthRead : monthRead;\n\n let mdateRead = dateformat.getDate().toString();\n let apisdatedata =\n mdateRead.length == 1 ? \"0\" + mdateRead : mdateRead;\n console.log(\n dateformat.getFullYear() + \"-\" + apisdata + \"-\" + apisdatedata\n );\n setPersonalDataFull({\n pan: res[0].FInvPAN.toUpperCase(),\n name: res[0].FInvName,\n DOB:\n dateformat.getFullYear() + \"-\" + apisdata + \"-\" + apisdatedata,\n gender: res[0].FInvGender,\n email: res[0].FInvEmail,\n mobile: res[0].FInvMobile,\n placeofbirth: res[0].FInvPlaceOfBirth,\n emailRelationship: res[0].emailRelationship,\n mobileRelationship: res[0].mobileRelationship,\n });\n setoptdetails({\n email: res[0].FInvEmail,\n folio: \"1234\",\n pan: res[0].FInvPAN.toUpperCase(),\n name: res[0].FInvName,\n mobile: res[0].FInvMobile,\n gender: res[0].FInvGender,\n });\n } else if (res[0].MOH == 3) {\n setholdingmode(\"Either or Survivor\");\n setPersonalDetails({\n ...PersonalDetails,\n \"pan\": res[0].FInvPAN != null ? res[0].FInvPAN : \"\",\n \"name\": res[0].FInvName != null ? res[0].FInvName : \"\",\n \"gender\": res[0].FInvGender != null ? res[0].FInvGender : \"\",\n \"email\": res[0].FInvEmail != null ? res[0].FInvEmail : \"\",\n \"DOB\": res[0].FInvDOB != null ? res[0].FInvDOB : \"\",\n \"mobile\": res[0].FInvMobile != null ? res[0].FInvMobile : \"\",\n \"placeofbirth\":\n res[0].FInvPlaceOfBirth != null ? res[0].FInvPlaceOfBirth : \"\",\n\n \"emailRelationship\":\n res[0].emailRelationship != null\n ? res[0].emailRelationship\n : \"\",\n\n \"mobileRelationship\":\n res[0].emailRelationship != null\n ? res[0].emailRelationship\n : \"\",\n });\n\n //seconde Applicant\n setPersonalDetailssecond({\n ...PersonalDetailssecond,\n \"pan2\": res[0].SInvPAN != null ? res[0].SInvPAN : \"\",\n \"name2\": res[0].SInvName != null ? res[0].SInvName : \"\",\n \"gender2\": res[0].SInvGender != null ? res[0].SInvGender : \"\",\n \"DOB2\": res[0].SInvDOB != null ? res[0].SInvDOB : \"\",\n \"placeofbirth2\":\n res[0].SInvPlaceOfBirth != null ? res[0].SInvPlaceOfBirth : \"\",\n\n \"email2\": res[0].JH1Email != null ? res[0].JH1Email : \"\",\n \"mobile\": res[0].JH1Mobile != null ? res[0].JH1Mobile : \"\",\n\n \"emailRelationship2\":\n res[0].JH1EmailFamilyRelationship != null\n ? res[0].JH1EmailFamilyRelationship\n : \"\",\n\n \"mobileRelationship2\":\n res[0].JH1MobileFamilyRelationship != null\n ? res[0].JH1MobileFamilyRelationship\n : \"\",\n });\n\n setValueES(res[0].FInvGender);\n setgenderradiosec(res[0].SInvGender);\n setgenderradiothird(res[0].TInvGender);\n if (res[0].FInvDOB != null) {\n setStartDateES(new Date(res[0].FInvDOB));\n }\n if (res[0].SInvDOB != null) {\n setStartDate2(new Date(res[0].SInvDOB));\n }\n if (res[0].TInvDOB != null) {\n setStartDate3(new Date(res[0].TInvDOB));\n }\n }\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n let oneday = 86400000;\n let today = new Date();\n let min18yerslet = new Date(today.getTime() - oneday * 365 * 18);\n\n min18yerslet.setDate(today.getDate());\n const [min18yers, setmin18yers] = useState(min18yerslet);\n\n const [holderType, setholderType] = useState(\"\");\n const [E_primaryholderVerify, setE_primaryholderVerify] = useState(false);\n const [E_jointholderOneVerify, setE_jointholderOneVerify] = useState(false);\n const [E_jointholderTwoVerify, setE_jointholderTwoVerify] = useState(false);\n // const [PanAdharStat, setPanAdharStat] = useState(true);\n const otpverified = (otpvalue, subimitType, submitBy) => {\n console.log(otpvalue);\n console.log(subimitType);\n console.log(submitBy);\n\n // otpvalue = \"Success\"\n // submitBy = 'Single'\n // subimitType = 'saveandproceed'\n setopenVerifyOTP(false);\n if (submitBy == \"Single\") {\n let json = {\n otp: otpvalue,\n personalDetails: PersonalDetailsSingle,\n modeofHolding: holdingmode,\n saveType: subimitType, //\"saveandproceed\" //need to update\n };\n setopenVerifyOTP(false);\n //NO OTP\n if (otpvalue == \"error\") {\n } else {\n handleFormData(json);\n onsubmit(json);\n }\n } else if (submitBy == \"Either or Survivor\") {\n // otpverifiedEither(otpvalue, subimitType, submitBy); //new chnages\n if (holderType == \"primary\") {\n setE_primaryholderVerify(true);\n } else if (holderType == \"jointholderOne\") {\n setE_jointholderOneVerify(true);\n } else if (holderType == \"jointholderTwo\") {\n setE_jointholderTwoVerify(true);\n // let json = {\n // otp: 'otpvalue',\n // personalDetails: langValue,\n // modeofHolding: holdingmode,\n // saveType: 'saveandproceed',\n // };\n // console.log(json)\n // handleFormData(json);\n // otpverifiedEither(otpvalue, subimitType, submitBy);\n }\n }\n };\n\n const otpverifiedEither = (otpvalue, subimitType, submitBy) => {\n console.log(otpvalue);\n let json = {\n otp: otpvalue,\n personalDetails: eitherOrsurviorList,\n modeofHolding: holdingmode,\n saveType: subimitType,\n };\n console.log(json);\n handleFormData(json);\n };\n\n const [open, setOpen] = useState(modalonlyonce);\n const [openVerifyOTP, setopenVerifyOTP] = useState(false);\n\n const [commonerrorAtthebottom, setcommonerrorAtthebottom] = useState(\"\");\n const [commonerrorAtthebottomall, setcommonerrorAtthebottomall] = useState({\n name: \"\",\n email: \"\",\n mobile: \"\",\n termsandcondition: \"\",\n DOB: \"\",\n emailRelationship: \"\",\n mobileRelationship: \"\",\n });\n const setTerms = (e) => {\n setacceptTermsandconditions(e.target.checked);\n };\n\n const [apisavetype, setapisavetype] = useState(\"\");\n\n const onsubmituser = async (e) => {\n const isPanAadharSeeding = await checkPanAdharStatus();\n if (isPanAadharSeeding) {\n setapisavetype(e);\n setsaveORlater(e);\n setpanerror(\"\");\n\n setcommonerrorAtthebottomall({\n name: \"\",\n email: \"\",\n mobile: \"\",\n termsandcondition: \"\",\n DOB: \"\",\n emailRelationship: \"\",\n mobileRelationship: \"\",\n });\n if (PersonalDetailsSingle.pan == \"\") {\n setpanerror(\"Please verify you PAN\");\n // setcommonerrorAtthebottom('Please Enter your Name');\n }\n\n if (PersonalDetailsSingle.name == \"\") {\n // setcommonerrorAtthebottom('Please Enter your Name');\n setcommonerrorAtthebottomall({\n name: \"Please Enter your Name\",\n });\n } else if (\n (PersonalDetailsSingle.DOB && PersonalDetailsSingle.DOB == \"\") ||\n PersonalDetailsSingle.DOB == undefined ||\n PersonalDetailsSingle.DOB == null\n ) {\n // setcommonerrorAtthebottom('Please Enter your Email ID');\n // setemailerrorsingle('Please Enter your Email ID')\n setcommonerrorAtthebottomall({\n DOB: \"Please Select DOB\",\n });\n } else if (PersonalDetailsSingle.email == \"\" || emailerrorsingle != \"\") {\n // setcommonerrorAtthebottom('Please Enter your Email ID');\n // setemailerrorsingle('Please Enter your Email ID')\n setcommonerrorAtthebottomall({\n email: \"Please Enter your Email ID\",\n });\n } else if (PersonalDetailsSingle.emailRelationship == \"\") {\n setcommonerrorAtthebottomall({\n emailRelationship: \"Please select Email relationship\",\n });\n } else if (\n PersonalDetailsSingle.mobile == \"\" ||\n !/^[6-9]\\d{9}$/.test(PersonalDetailsSingle.mobile.toString().slice(2))\n ) {\n // setcommonerrorAtthebottom('Please Enter your Mobile no');\n setcommonerrorAtthebottomall({\n mobile: \"Invalid. Please Enter your Mobile no\",\n });\n if (mobileValidation == false) {\n setcommonerrorAtthebottomall({\n mobile: \"Invalid format Please enter correct number\",\n });\n }\n } else if (PersonalDetailsSingle.mobileRelationship == \"\") {\n setcommonerrorAtthebottomall({\n mobileRelationship: \"Please select mobile relationship\",\n });\n } else if (PersonalDetailsSingle.placeofbirth == \"\") {\n // setcommonerrorAtthebottom('Please Enter your Mobile no');\n setcommonerrorAtthebottomall({\n placeofbirth: \"Please Enter your place of birth\",\n });\n } else if (acceptTermsandconditions === false) {\n // setcommonerrorAtthebottom('Please accept terms and conditions');\n setcommonerrorAtthebottomall({\n termsandcondition:\n \"Please accept the terms and conditions to proceed further\",\n });\n } else {\n setopenVerifyOTP(true); //OTP is hidden here\n\n setcommonerrorAtthebottom(\"\");\n // otpverified(e); //now commented\n }\n }\n };\n // const [holdingmode, setValue] = useState('Either or Survivor');\n const toggleTab = (index) => {\n // setValue(index);\n setholdingmode(index);\n\n // let json = {\n // otp: '',\n // personalDetails:PersonalDetailsSingle,\n // modeofHolding:index,\n // saveType: apisavetype\n // }\n // handleFormData(json)\n };\n const closeModal = () => {\n setOpen(false);\n setmodalonlyonce(false);\n toggleTab(\"Single\");\n };\n\n const [eitherOrsurviorList, seteitherOrsurviorList] = useState(\"\");\n const state = { language: \"\" };\n\n const handleLanguage = (langValue) => {\n seteitherOrsurviorList(langValue);\n\n console.log(langValue);\n // otpverifiedEither(langValue);\n // onsubmiteitherorsurvior()\n // setopenVerifyOTP(true); // new changes need to be chacked\n\n let json = {\n otp: \"otpvalue\",\n personalDetails: langValue,\n modeofHolding: holdingmode,\n saveType: \"saveandproceed\",\n };\n console.log(json);\n handleFormData(json);\n\n // setcommonerrorAtthebottom('');\n // this.setState({language: langValue});\n };\n\n\n const otpHolder = async (typeofHolder) => {\n const isPanAadharSeeding = await checkPanAdharStatus();\n if (isPanAadharSeeding) {\n setholderType(typeofHolder);\n setopenVerifyOTP(true);\n }\n };\n // const [PersonalDetailsSingle, setPersonalDetailsSingle] = useState({\n // pan: \"\",\n // name: \"\",\n // gender: 'Male',\n // email: \"\",\n // DOB: startDate,\n // mobile: \"\",\n // placeofbirth: \"\",\n\n // });\n\n const ondobchange = (date) => {\n console.log(date);\n console.log(new Date(date).getTime());\n\n // console.log(\"min18yerslet\", min18yerslet);\n // console.log(new Date(min18yerslet).getTime());\n setcommonerrorAtthebottomall({\n DOB: \"\",\n });\n if (new Date(date).getTime() > new Date(min18yerslet).getTime()) {\n // alert(\"date is less than 18 years\");\n setStartDate(null);\n setcommonerrorAtthebottomall({\n DOB: \"Investor must be above 18 years of age\",\n });\n } else {\n setStartDate(date);\n let dateformat = new Date(date);\n let monthRead = (dateformat.getMonth() + 1).toString();\n let apisdata = monthRead.length == 1 ? \"0\" + monthRead : monthRead;\n\n let mdateRead = dateformat.getDate().toString();\n let apisdatedata = mdateRead.length == 1 ? \"0\" + mdateRead : mdateRead;\n\n // setPersonalDetailsSingle({\n // ...PersonalDetailsSingle,\n // ['DOB']: (dateformat.getFullYear()+'-'+(apisdata)+'-'+apisdatedata)\n // });\n setPersonalData(\"DOB\", date);\n if (PersonalDetailsSingle.pan != \"\" && PersonalDetailsSingle.DOB != \"\") {\n fetchAddressBy_PAN_DOB(date);\n }\n }\n };\n\n const [emailerrorsingle, setemailerrorsingle] = useState(\"\");\n const [panerror, setpanerror] = useState(\"\");\n const handleInput = (e) => {\n if (e.target.name == \"pan\") {\n setpanerror(\"\");\n }\n if (e.target.name == \"email\") {\n let lastAtPos = e.target.value.lastIndexOf(\"@\");\n let lastDotPos = e.target.value.lastIndexOf(\".\");\n\n if (\n lastAtPos < lastDotPos &&\n lastAtPos > 0 &&\n e.target.value.indexOf(\"@@\") == -1 &&\n lastDotPos > 2 &&\n e.target.value.length - lastDotPos > 2\n ) {\n setemailerrorsingle(\"\");\n\n // formIsValid = false;\n // errors[\"email\"] = \"Email is not valid\";\n } else {\n setemailerrorsingle(\"Invalid Email\");\n }\n if (e.target.value == \"\") {\n setemailerrorsingle(\"Email cannot be empty\");\n }\n }\n\n if (e.target.name == \"name\") {\n setcommonerrorAtthebottomall({\n name: \"\",\n });\n }\n if (e.target.name == \"mobile\") {\n setcommonerrorAtthebottomall({\n mobile: \"\",\n });\n }\n if (e.target.name == \"placeofbirth\") {\n setcommonerrorAtthebottomall({\n placeofbirth: \"\",\n });\n }\n\n e.preventDefault();\n // setPersonalDetailsSingle({\n // ...PersonalDetailsSingle,\n // [e.target.name]: e.target.value,\n // });\n setPersonalData(e.target.name, e.target.value);\n\n //new changes for OTP in FTP\n if (\n e.target.name == \"pan\" ||\n e.target.name == \"email\" ||\n e.target.name == \"name\" ||\n e.target.name == \"mobile\"\n ) {\n setoptdetails({\n ...optdetails,\n [e.target.name]: e.target.value,\n });\n }\n };\n\n const onchangeRelationship = (e, that) => {\n console.log(e.target.value);\n console.log(that);\n setPersonalData(that, e.target.value);\n };\n\n const handleInputPhone = (e, data) => {\n console.log(data.dialCode);\n setPersonalData(\"countrycode\", data.dialCode);\n setcountryCode(data.dialCode);\n // console.log(e);\n // console.log(e.substring(0,2))\n\n // mobileValidation\n\n setmobileValidation(true); //temp\n setPersonalData(\"mobile\", e);\n\n setoptdetails({\n ...optdetails,\n \"mobile\": e,\n });\n };\n\n const validateMobileNo = () => {\n // console.log(PersonalDetailsSingle.mobile)\n // if(isPossiblePhoneNumber(PersonalDetailsSingle.mobile) === true){\n // console.log(\"true\")\n // }\n let last10dig;\n\n last10dig = PersonalDetailsSingle.mobile;\n\n setPersonalData(\"mobile\", last10dig);\n };\n\n const validatePan = (e) => {\n let txt = e.target.value;\n txt = txt.toUpperCase();\n var regex = /[a-zA-Z]{3}[PCHFATBLJG]{1}[a-zA-Z]{1}[0-9]{4}[a-zA-Z]{1}$/;\n var pan = {\n C: \"Company\",\n P: \"Personal\",\n H: \"Hindu Undivided Family (HUF)\",\n F: \"Firm\",\n A: \"Association of Persons (AOP)\",\n T: \"AOP (Trust)\",\n B: \"Body of Individuals (BOI)\",\n L: \"Local Authority\",\n J: \"Artificial Juridical Person\",\n G: \"Govt\",\n };\n pan = pan[txt[3]];\n console.log(pan);\n if (regex.test(txt)) {\n if (pan != \"undefined\") {\n if (pan != \"Personal\") {\n setpanerror(\"Individual Investor are allowed\");\n } else {\n if (e.target.name == \"pan\") {\n setpanerror(\"\");\n }\n\n // setGlobalSpinner(true);\n VerifyPanExistingorNot(e.target.name, e.target.value);\n }\n } else {\n if (e.target.name == \"pan\") {\n setpanerror(\"Invalid PAN\");\n }\n }\n } else {\n if (e.target.name == \"pan\") {\n setpanerror(\"Invalid PAN\");\n }\n }\n };\n\n const [mobileValidation, setmobileValidation] = useState(true);\n const containsMobileNumber = (e) => {\n if (!/(0|91)?[6-9][0-9]{9}/.test(e.target.value)) {\n setmobileValidation(false);\n setcommonerrorAtthebottomall({\n mobile: \"Invalid format\",\n });\n } else {\n setcommonerrorAtthebottomall({\n mobile: \"\",\n });\n setmobileValidation(true);\n }\n };\n const validateinput = (e) => {\n var code = \"charCode\" in e ? e.charCode : e.keyCode;\n if (e.target.name == \"pan\") {\n if (\n // space\n !(code > 47 && code < 58) && // numeric (0-9)\n !(code > 64 && code < 91) && // upper alpha (A-Z)\n !(code > 96 && code < 123)\n ) {\n // lower alpha (a-z)\n e.preventDefault();\n }\n }\n\n if (\n e.target.name == \"mobile\" ||\n e.target.name == \"mobile2\" ||\n e.target.name == \"mobile3\"\n ) {\n if (\n // space\n !(code > 47 && code < 58)\n ) {\n // lower alpha (a-z)\n e.preventDefault();\n }\n }\n };\n\n const [showKYCNotComplaint, setshowKYCNotComplaint] = useState(false);\n const closeandcontinue = () => {\n // console.log(\"closeandContinueCalld\");\n let data2 = \"\";\n setshowKYCNotComplaint(false);\n console.log(PersonalDetailssecond, findActivePan);\n if (findActivePan.activeStatus === true) {\n if (findActivePan.activeKeyName === \"PersonalDetails\") {\n data2 = findActivePan.activeKey?.pan?.toUpperCase();\n // console.log(\"called pan1\",data2)\n } else if (findActivePan.activeKeyName === \"PersonalDetailssecond\") {\n data2 = findActivePan.activeKey?.pan2?.toUpperCase();\n // console.log(\"called pan2\",data2)\n } else {\n data2 = findActivePan.activeKey?.pan3?.toUpperCase();\n // console.log(\"called pan3\",data2)\n }\n } else {\n data2 = PersonalDetailsSingle.pan.toUpperCase();\n }\n\n console.log(\"data2 Find Dat 2NBGXNHGAG\", data2);\n let buff2 = new Buffer(data2);\n let base64data2 = buff2.toString(\"base64\");\n console.log(base64data2, \"closeandcontinue\");\n sessionStorage.setItem(\"ekyc\", base64data2);\n history.push(\"./FTP/EKYCDetails\");\n };\n\n const VerifyPanExistingorNot = (pan, panvalue) => {\n console.log(\"pan verify called\");\n var url = \"/ftp/panCheck\";\n var postobjt = {\n pan: panvalue.toUpperCase(),\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (\n res &&\n res[0] &&\n res[0].Status == \"Already Register\" &&\n res[0] &&\n res[0].folio_exist == \"Y\"\n ) {\n setGlobalSpinner(false);\n // setopenExistPan(true);\n validateAPI_PAN(pan, panvalue);\n } else {\n setGlobalSpinner(true);\n // if(res[0] && res[0].folio_exist == \"N\" && (res[0].max_refno != null || res[0].max_refno != undefined)){\n // getUserDetailsByRefNo(res[0].max_refno)\n // }else {\n // validateAPI_PAN(pan, panvalue);\n // }\n validateAPI_PAN(pan, panvalue);\n }\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n });\n };\n const [kycPAN_services_Source, setkycPAN_services_Source] = useState(\"\");\n const validateAPI_PAN = (pan, panvalue) => {\n console.log(\"validate Pan Api Called\");\n var url = \"/service/pan/validate\";\n var postobjt = {\n pan: panvalue.toUpperCase(),\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res) {\n // ENTRYDT: \"16-12-2020 13:04:24\"\n // IPV_FLAG: \"E\"\n // KYC_MODE: \"5\"\n // MOD_STATUS_DESC: \"Not Available\"\n // Name: \"HARSHIT SINGH CHOUHAN\"\n // STATUSDT: \"29-12-2020 12:45:12\"\n // Source: \"CVL\"\n // Status: \"KYC Registered\"\n // setshowKYCNotComplaint(true);\n if (res.Status === \"KYC Registered\") {\n setshowKYCNotComplaint(false);\n setkyisComplained(true);\n setkycPAN_services_Source(res.Source);\n // setPersonalData('name',res.Name);\n setPersonalData(\"name\", res?.Name || res?.INVESTORNAME);\n\n setoptdetails({\n ...optdetails,\n name: res.Name || res?.INVESTORNAME,\n });\n // pan adhar check added\n // checkPanAdharStatus(\"0\", panvalue.toUpperCase());\n } else {\n setshowKYCNotComplaint(true);\n setkyisComplained(false);\n }\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n setshowKYCNotComplaint(true);\n // setkyisComplained(false)\n\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n const checkPanAdharStatus = async () => {\n if(sessionStorage.getItem('regulatory')){\n sessionStorage.removeItem('regulatory');\n }\n let returnValue = true;\n if(configData.ENV === \"PROD\"){\n var url = \"/panAadhar/checkStatus\";\n var postobjt = {\n Acno: \"0\",\n TrxnType: \"New\",\n Branch: \"WB99\",\n Fund: \"105\",\n Pan: holdingmode === \"Single\" ? PersonalDetailsSingle?.pan?.toUpperCase() : PersonalDetails?.pan?.toUpperCase(),\n PanName: holdingmode === \"Single\" ? PersonalDetailsSingle?.name : PersonalDetails?.name,\n PanDOB: holdingmode === \"Single\" ? moment(PersonalDetailsSingle?.DOB).format('DD/MM/YYYY') : moment(PersonalDetails?.DOB).format('DD/MM/YYYY'),\n JH1_Pan: PersonalDetailssecond?.pan2,\n JH1_PanName: PersonalDetailssecond?.name2,\n JH1_PanDOB: PersonalDetailssecond?.DOB2 ? moment(PersonalDetailssecond?.DOB2).format('DD/MM/YYYY') : '',\n JH2_Pan: PersonalDetailsthird?.pan3,\n JH2_PanName: PersonalDetailsthird?.name3,\n JH2_PanDOB: PersonalDetailsthird?.DOB3 ? moment(PersonalDetailsthird?.DOB3).format('DD/MM/YYYY') : '',\n G_Pan: \"\",\n G_PanName: \"\",\n G_PanDOB: \"\",\n username: \"JMFINANCIAL0001\"\n };\n \n const options = {\n headers: {\n amc_key: configData.amcCode,\n },\n };\n await contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n if (res?.Dtinformation?.[0]?.Error_Code === '0' || res?.Dtinformation?.[0]?.Error_Code === 0) {\n // const response = validateResponse(res?.DtData?.[0]);\n sessionStorage.setItem('regulatory',JSON.stringify(res?.DtData?.[0]))\n // if(res?.DtData?.[0]?.Transaction_allow === 'Y'){\n // returnValue = true;\n // } else {\n // returnValue = true;\n // setNotifi({ val: true, msg: response });\n // }\n }\n })\n .catch((err) => {\n console.log(err);\n returnValue = true;\n });\n }else{\n returnValue = true;\n }\n \n return returnValue;\n };\n\n\n const fetchAddressBy_PAN_DOB = (date) => {\n let dateformat = new Date(date);\n let monthRead = (dateformat.getMonth() + 1).toString();\n let apisdata = monthRead.length == 1 ? \"0\" + monthRead : monthRead;\n\n let mdateRead = dateformat.getDate().toString();\n let apisdatedata = mdateRead.length == 1 ? \"0\" + mdateRead : mdateRead;\n\n var url = \"/service/pan/panDetails\";\n var postobjt = {\n pan: PersonalDetailsSingle.pan.toUpperCase(),\n panKraType: kycPAN_services_Source,\n dob: apisdatedata + \"-\" + apisdata + \"-\" + dateformat.getFullYear(),\n };\n const options = {\n headers: {\n amc_key: configData.amcCode,\n \"Content-Type\": \"application/json\",\n },\n };\n contextapi\n .postApiEncrpCalling(url, postobjt, options)\n .then((res) => {\n console.log(res);\n if (res) {\n updateAddressByPAN(res);\n }\n\n // APP_COR_ADD1: \"1 D 23 NEW HOUSING BOARD PALI\"\n // APP_COR_ADD2: \"PALI\"\n // APP_COR_ADD3: \"\"\n // APP_COR_CITY: \"PALI\"\n // APP_COR_CTRY: \"101\"\n // APP_COR_PINCD: \"306401\"\n // APP_COR_STATE: \"008\"\n // APP_MOB_NO: \"8107136147\"\n if (res) {\n }\n\n setGlobalSpinner(false);\n })\n .catch((err) => {\n console.log(err);\n setGlobalSpinner(false);\n // setNotifi({ val: true, msg: \"Something went wrong\" });\n });\n };\n\n // const [genderradio, setgenderradio] = useState('Male');\n const toggleTabGender = (index) => {\n setgenderradio(index);\n // setPersonalDetailsSingle({\n // ...PersonalDetailsSingle,\n // ['gender']: index,\n // });\n setPersonalData(\"gender\", index);\n };\n\n const [openExistPan, setopenExistPan] = useState(false);\n const closeModalExistPan = () => {\n setopenExistPan(false);\n history.push(\"./signin\");\n };\n\n const Register = () => {\n setopenExistPan(false);\n history.push(\"./register\");\n };\n // !DatePicker Toggle\n const [openDatePicker, setDatePickerOpen] = useState(false);\n\n const setDatePickerOpenFunc = (that) => {\n if (startDate == null) {\n setStartDate(min18yerslet);\n setPersonalData(\"DOB\", min18yerslet);\n }\n\n setDatePickerOpen(that);\n };\n\n const routeSignin = (url) => {\n history.push(\"./signin\");\n // history.push(\"./register\");\n };\n\n const [openModalUserdec, setopenModalUserdec] = useState(false);\n const openModalUserdecfunc = () => {\n setopenModalUserdec(true);\n };\n\n const closeModalDec = () => {\n setopenModalUserdec(false);\n };\n\n {\n if (panAdharStat) {\n return (\n <>\n \n \n
\n {/* {third applicant} */}\n Personal Details
\n\n\n
\n {/* Mode of Holding *
\n\n \n \n \n
\n \n \n
\n\n \n \n
*/}\n\n {holdingmode == \"Single\" ? (\n \n
\n )}\n YOUR DETAILS
\n\n\n \n onChangeactivestate(isActive, \"THIRD APPLICANT DETAILS\", null)\n }\n >\n
\n\n {isActive && (\n THIRD APPLICANT DETAILS
\n \n {isActive && title == \"THIRD APPLICANT DETAILS\" ? (\n \n ) : (\n \n )}\n
\n \n
\n\n {E_jointholderTwoVerify == false && (\n \n \n
\n\n \n \n {\n validateinput(e);\n }}\n autoComplete=\"off\"\n onBlur={(e) => {\n validatePan(e);\n }}\n value={PersonalDetailsthird.pan3}\n />\n
\n {panerror3 != \"\" && (\n {panerror3}\n )}\n \n \n
\n\n \n \n
\n *Name should be as per PAN
\n\n \n\n \n \n \n
\n\n \n \n
\n\n \n {\n setDatePickerOpen3(true);\n }}\n />\n \n setDatePickerOpenFunc3(true)}\n onClose={() => setDatePickerOpenFunc3(false)}\n value={startDate3}\n onChange={(date) => ondobchange3(date)}\n maxDate={moment().subtract(18, \"years\")._d}\n renderInput={(params) => {\n return (\n setDatePickerOpenFunc3(true)}\n />\n );\n }}\n />\n \n {/* */}\n {/* ondobchange3(date)}\n /> */}\n
\n {dob3error != \"\" && (\n {dob3error}\n )}\n \n \n
\n\n \n 
\n {\n if (/[^A-Za-z\\s]/.test(e.target.value)) {\n e.preventDefault();\n } else {\n handleInputthird(e);\n }\n }}\n value={PersonalDetailsthird.placeofbirth3}\n onKeyPress={(event) => {\n if (!/[a-zA-Z]/.test(event.key)) {\n event.preventDefault();\n }\n }}\n />\n
\n \n \n
\n\n \n 
\n
\n {emailerror3 != \"\" && (\n {emailerror3}\n )}\n \n \n
\n\n {/* \n \n \n onchangeRelationship3(e, \"emailRelationship3\")\n }\n >\n \n\n \n \n \n \n \n \n \n
\n {/* {\n emailerror != '' && {emailerror}\n } */}\n\n {emailRelationshiperrorJH2}
\n */}\n
*/}\n\n \n \n
\n\n \n 
\n \n\n { validateinput(e) }}\n value={PersonalDetailsthird.mobile3} \n maxLength='10'/> */}\n
\n {mobilerror3 != \"\" && (\n {mobilerror3}\n )}\n \n \n
\n\n {/* \n \n \n onchangeRelationship3(e, \"mobileRelationship3\")\n }\n >\n \n\n \n \n \n \n \n \n \n
\n {/* {\n emailerror != '' && {emailerror}\n } */}\n\n {mobileRelationshiperrorJH2}
\n\n \n
*/}\n {kyisComplained3 && (\n \n \n
\n )}\n\n {/* \n {thirdpersonaldetailserror != \"\" && (\n
\n {thirdpersonaldetailserror}
\n )}\n\n
\n\n \n
\n\n {commonerror != \"\" && \n I/We have read, understood and agree to the{\" \"}\n \n Terms & Conditions\n \n
\n{commonerror}
}\n\n\n {/* saveallPersonaldetails(\"later\")}\n >\n Save for Later\n */}\n\n saveallPersonaldetails(\"saveandproceed\")}\n >\n Save and Proceed \n \n\n {/* {\n E_primaryholderVerify && E_jointholderOneVerify &&\n <>\n {\n ( E_jointholderTwoVerify) ?\n\n saveallPersonaldetails(\"saveandproceed\")}\n >\n Save and Proceed \n \n :\n verifyholderMob_emil('jointholderTwo')}\n >\n Verify\n \n}\n \n} */}\n
\n \n openModal(\"otp\")}/> */}\n
\n <>\n {openModalUserdec && (\n // - \n
- \n Only KYC compliant individual investors can generate New Folio\n Registration using this service.\n \n
- \n If the Name given in the application does not match the name\n as appearing on the PAN Card, application is liable to get\n rejected or further transactions are liable to get rejected.\n \n
\n\n
\n history.push(\"./signin\")}>
\n \n 
\n
\n }\n\n {\n showDetails === 'showDesclaimer' &&\n The PAN entered is not KYC Compliant.\n
\n\n {/* Kindly note that all Applicants need to be KYC Compliant for making investments in Mutual\n Fund schemes. You can complete the KYC Compliance procedure through the e-KYC facility by\n following simple steps and providing requisite credentials. */}\n\n Kindly note that all Applicants need to be KYC Compliant for making investments in Mutual Fund schemes. Since your PAN is not appearing as a KYC Compliant, you may complete the KYC Compliance procedure through the e-KYC facility by following simple steps and providing requisite credentials.\n
\n showNext('showDesclaimer')} className=\"aTag\">\n Click\n Here\n to complete E-KYC process\n
\n\n
\n // \n }\n\n \n Dear Investor,
\n\n Welcome to the Aadhaar Paperless e-KYC process. As you are aware that KYC Compliance is\n mandatory for making investments in Mutual Fund schemes, hence all applicants who are not\n KYC Compliant will require to go through the KYC procedure.\n
\n\n During the process, if any interruption has occurred due to any technical reasons like\n internet problem, power failure, server’s not responding, or any other reasons etc, it will\n necessitate to re-do the entire process again.\n
\n\n Further, also note that in case of any technical glitch during the KYC process, the process\n can get in to abeyance due to validation reasons and in absence of any information on\n success or failure of the process, the process can be performed again after 4 business days.\n
\n\n \n We request your attention on the essentials that will be required before you\n begin-\n \n
\n- \n
- \n A. Soft Saved Copies in JPEG or PDF format not exceeding 50 kb of PAN Card and Aadhaar\n Card,\n \n
- B. Same Mobile Number as in Aadhaar Database for OTP verification, \n
- C. Original PAN Card and Aadhaar Card for online display and verification, \n
- \n D. Cancelled Cheque Copy along with Specimen signature on the face of the cheque copy.\n \n
- \n E. Aadhaar **XML File** (not more than 3 days old). This can also be downloaded during\n the KYC process.\n \n
\n \n **Kindly note that the downloaded Aadhaar XML file during the online\n process should not be Opened / renamed/ altered for any reason as opening / renaming of\n the file will corrupt it and the KYC process will become invalid. Password set in UIDAI\n should be\n provided for downloading PDF/XML, as secret code must be same while uploaded. The\n downloaded file needs to be simply uploaded with the same password that was used at the\n time of downloading from UIDAI site. Applicants will need to keep and use the password\n same throughout the download and upload process of the Aadhaar XML file**.\n \n
\n
\n \n Kindly go through the below procedure to be followed during the online KYC procedure -\n \n\n
\n \n
\n \n Kindly go through the below procedure to be followed during the online KYC procedure -\n \n\n
\n 1. It is requested to keep handy all requisite credentials as given in Aadhaar database. For the purpose of verification, you will be prompted to upload PAN card copy and the Address proof document that will be used by you during the KYC process. You will also be requested to upload the cancelled cheque copy which has your specimen signature. These documents will be used for authentication during the process.\n
\n\n Kindly upload the said required documents as and when asked for/prompted during the KYC process. You will also be prompted to click your photo during the process.\n
\n\n\n 2. During the online process, the navigation will redirect you to the UIDAI page. Here, we request your attention to take note that the UIDAI page is not compatible with any mobile device. This is a crucial process and can be only completed with a Laptop or Desktop enabled with Microphone and Front Camera or a Webcam.\n
\n\n\n 3. On this Screen, your credentials will appear along with auto populated data fetched from UIDAI. For the data not fetched from UIDAI, you will be required to input the mandatory fields to proceed further. You will also be prompted to upload the XML file as stated in requirement ‘E’ above.\n
\n\n 4. Applicant is required to e-Sign the PDF document (KYC application) generated based on the information & documents uploaded. Investor will be redirected to NSDL ESP page to sign on the PDF document.\n
\n\n 5. Upon successful e-sign, you will be redirected to complete the Investment. For any reason if the Investment is not made, the AMC reserves the right to reject the paperless KYC process.\n
\n\n\n 6. You will be required to provide your consent for having read the terms and conditions, to proceed further.\n
\n\n
\n\n \n\n \n\n
\n {\n errormsg != \"\" &&\n I have read the above procedure. Kindly\n click here to initiate the Video e-KYC.\n
\n{errormsg}
\n }\n\n \n\n\n\n
\n\n {/* \n \n
*/}\n {/* Proceed */}\n \n