\r\n 
\r\n
\r\n {/* Re-KYC with Stoxkart
\r\nVerify yourself with Re-KYC and re-connect with Stoxkart
\r\n\r\n \r\n
*/}\r\n \r\n
\r\n \r\n
\r\n {/* Hello Again
\r\n\r\n Missed us? Well, we definitely missed you so let us connect again. Resume your trading with us in few simple steps!\r\n
*/}\r\nVerify OTP
\r\nOTP has been sent to {mobiEmail}
\r\n\r\n {\r\n setError(\"\");\r\n }\r\n : setOTP\r\n }\r\n autoFocus\r\n OTPLength={6}\r\n otpType=\"number\"\r\n disabled={false}\r\n placeholder={[\"-\", \"-\", \"-\", \"-\", \"-\", \"-\"]}\r\n />\r\n
\r\n \r\n
\r\n \r\n Didn't receive the OTP?{\" \"}\r\n
\r\n{error ? error : null}
\r\n\r\n \r\n {verify ? verify : \"Verify OTP\"}\r\n \r\n
\r\n \r\n {stickyNav}\r\n {content}\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Container;\r\n","import { useRef, useEffect } from \"react\";\r\nlet useClickOutside = (handler) => {\r\n let domNode = useRef();\r\n\r\n useEffect(() => {\r\n let maybeHandler = (event) => {\r\n if (!domNode.current.contains(event.target)) handler();\r\n };\r\n\r\n document.addEventListener(\"mousedown\", maybeHandler);\r\n\r\n return () => {\r\n document.removeEventListener(\"mousedown\", maybeHandler);\r\n };\r\n });\r\n\r\n return domNode;\r\n};\r\n\r\nexport default useClickOutside;\r\n","//REACT ROUTER\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\n//HOOKS\r\nimport useClickOutside from \"../../../CustomHooks/ClickOutside\";\r\nimport { useState, useContext } from \"react\";\r\n\r\n//ICONS , PICS , STYLES\r\nimport styles from \"./MyProfile.module.scss\";\r\nimport { MdKeyboardArrowDown } from \"react-icons/md\";\r\nimport { Avatar } from \"primereact/avatar\";\r\nimport { Context } from \"../../../Context/GlobalContext\";\r\n\r\nconst MyProfile = () => {\r\n const { personal } = useContext(Context)\r\n const navigate = useNavigate();\r\n\r\n const logout = () => {\r\n sessionStorage.clear();\r\n localStorage.clear();\r\n navigate(\"/\");\r\n };\r\n const [isProfileOpen, setisProfileOpen] = useState(false);\r\n let domNode = useClickOutside(() => {\r\n setisProfileOpen(false);\r\n });\r\n const auth = sessionStorage.getItem(\"userCode\");\r\n \r\n return (\r\n \r\n {auth}\r\n
\r\n\r\n {/* AVATAR/SETTINGS SUBMENU */}\r\n \r\n {auth}\r\n {personal.userFullName}\r\n
\r\n \r\n \r\n Sign Out\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default MyProfile;\r\n","//STYLES\r\nimport styles from \"./RightNavbar.module.scss\";\r\n\r\n//HOOKS\r\nimport { useContext, useEffect } from \"react\";\r\n\r\n//CONTEXT\r\nimport NavContext from \"../../Context/NavContext\";\r\n\r\n//ICONS , IMAGES\r\nimport { MdOutlineMenu } from \"react-icons/md\";\r\n\r\n//Components\r\nimport MyProfile from \"./Submenus/MyProfile\";\r\n\r\n import moment from \"moment\";\r\n\r\nconst RightNavbar = () => {\r\n const { nav, setNav } = useContext(NavContext);\r\n\r\n useEffect(() => {}, []);\r\n\r\n let Date = moment().format(\"DD MMM,yyyy\");\r\n let weekDay = moment(Date).format('dddd')+', ';\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n {\r\n setNav(!nav);\r\n }}\r\n >\r\n
\r\n\r\n {/* ACTIONS */}\r\n \r\n \r\n {weekDay}{Date} \r\n
\r\n\r\n {/* My Profile */}\r\n \r\n onClick(\"displayMobile\")}\r\n className=\"p-inputgroup-addon\"\r\n >\r\n \r\n \r\n
\r\n \r\n onHide(\"displayMobile\")}\r\n />\r\n
\r\n ) : (\r\n Registered Mobile Number
\r\nNew Mobile Number
\r\n \r\n {error ? (\r\n \r\n ) : null}\r\n\r\n onHide(\"displayMobile\")}\r\n />\r\n
\r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default EditMobile;\r\n","import { Button } from \"primereact/button\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport OTPInput, { ResendOTP } from \"otp-input-react\";\r\nimport axios from \"axios\";\r\nimport React, { useState, useContext } from \"react\";\r\nimport validator from \"validator\";\r\nimport { Context } from \"../../Context/GlobalContext\";\r\n\r\nconst EditEmail = ({ newEmail, msg, setUpdate }) => {\r\n const { personal, setPersonal } = useContext(Context)\r\n const [displayEmail, setDisplayEmail] = useState(false);\r\n const [setPosition] = useState(\"center\");\r\n const [setDisplayPosition] = useState(false);\r\n const [account, toggleAccount] = useState(\"enterMobile\");\r\n const [OTP, setOTP] = useState(\"\");\r\n const [input, setInput] = useState(\"\");\r\n const [error, setError] = useState(\"\");\r\n const [wait, setWait] = useState(\"\");\r\n const [verify, setVerify] = useState(\"\");\r\n\r\n const URL = process.env.REACT_APP_BASE_URL;\r\n const userCode = sessionStorage.getItem(\"userCode\");\r\n\r\n const dialogFuncMap = {\r\n displayEmail: setDisplayEmail,\r\n displayPosition: setDisplayPosition,\r\n };\r\n const onClick = (name, position) => {\r\n if (msg.personalDetailStatus == \"VERIFIED\" || msg.personalDetailStatus == \"PENDING\") {\r\n dialogFuncMap[`${name}`](false);\r\n } else {\r\n dialogFuncMap[`${name}`](true);\r\n }\r\n if (position) {\r\n setPosition(position);\r\n }\r\n };\r\n\r\n const onHide = (name) => {\r\n dialogFuncMap[`${name}`](false);\r\n toggleAccount(\"enterMobile\");\r\n setWait(\"\");\r\n setError(\"\");\r\n setInput(\"\");\r\n setOTP(\"\");\r\n };\r\n\r\n const sendOtp = async (event) => {\r\n try {\r\n setWait(\"Please Wait....\");\r\n // event.currentTarget.disabled = true;\r\n const response = await axios.post(`${URL}/PersonalDetail/sendEmailOTP`, {\r\n userCode: userCode,\r\n userEmail: input,\r\n }, { withCredentials: true });\r\n toggleAccount(\"enterOtp\");\r\n } catch (error) {\r\n setError(error.response.data.result.flagMsg);\r\n setInput(\"\");\r\n setWait(\"\");\r\n }\r\n };\r\n\r\n const verifyOtp = async () => {\r\n try {\r\n if (input == personal.userEmail) {\r\n setError(\"Please enter different Email Id\");\r\n return;\r\n }\r\n const responce = await axios.post(\r\n `${URL}/PersonalDetail/verifyEmailOTP`,\r\n {\r\n userCode: userCode,\r\n userOtp: OTP,\r\n userEmail: input,\r\n }, { withCredentials: true }\r\n );\r\n setPersonal({\r\n ...personal,\r\n userEmail: input,\r\n });\r\n setDisplayEmail(false);\r\n setUpdate(\"Proceed With Updated Details\");\r\n toggleAccount(\"enterMobile\");\r\n setWait('')\r\n setVerify(\"\");\r\n setOTP(\"\")\r\n } catch (error) {\r\n setError(error.response.data.result.flagMsg);\r\n setVerify(\"\");\r\n }\r\n };\r\n const resendOtp = async () => {\r\n try {\r\n setOTP(\"\");\r\n setError(\"\");\r\n await axios.post(`${URL}/PersonalDetail/sendEmailOTP`, {\r\n userCode: userCode,\r\n userEmail: input,\r\n }, { withCredentials: true });\r\n } catch (error) {\r\n console.log(\"error in resend otp\", error);\r\n }\r\n };\r\n const onInputChange = (event) => {\r\n setError(\"\");\r\n let {value} = event.target;\r\n if (validator.isEmail(value)) {\r\n setInput(value);\r\n //setMessage(\"Thank you\");\r\n } else {\r\n setError(\"Please, enter valid Email!\");\r\n }\r\n };\r\n\r\n\r\n return (\r\n <>\r\n Registred Mobile Number
\r\nNew Mobile Number
\r\nVerify OTP
\r\n\r\n {\r\n setError(\"\");\r\n }\r\n : setOTP\r\n }\r\n OTPLength={6}\r\n autoFocus\r\n otpType=\"number\"\r\n disabled={false}\r\n placeholder={[\"-\", \"-\", \"-\", \"-\", \"-\", \"-\"]}\r\n />\r\n
\r\n \r\n
\r\n \r\n Didn't recieve the OTP?{\" \"}\r\n
\r\n{error ? error : null}
\r\n\r\n onClick(\"displayEmail\")}\r\n className=\"p-inputgroup-addon\"\r\n \r\n >\r\n \r\n \r\n
\r\n\r\n \r\n onHide(\"displayEmail\")}\r\n />\r\n
\r\n ) : (\r\n Registered Email Address
\r\nNew Email Address
\r\n \r\n {error ? (\r\n \r\n ) : null}\r\n\r\n onHide(\"displayEmail\")}\r\n />\r\n
\r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default EditEmail;\r\n","import React, { useEffect, useState, useContext } from \"react\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport { Dropdown } from \"primereact/dropdown\";\r\nimport { Button } from \"primereact/button\";\r\nimport { Calendar } from \"primereact/calendar\";\r\nimport \"primereact/resources/themes/lara-light-indigo/theme.css\";\r\nimport \"primereact/resources/primereact.min.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport \"./personaldetails.css\";\r\nimport \"primeflex/primeflex.scss\";\r\nimport axios from \"axios\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport EditMobile from \"./EditMobile\";\r\nimport EditEmail from \"./EditEmail\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { Card } from \"primereact/card\";\r\nimport { Tooltip } from 'primereact/tooltip';\r\nimport { Checkbox } from 'primereact/checkbox';\r\nimport { Context } from \"../../Context/GlobalContext\";\r\nimport Stack from '@mui/material/Stack';\r\nimport Chip from '@mui/material/Chip';\r\nimport verified from \"../../assets/check-mark.png\"\r\nimport HourglassTopIcon from '@mui/icons-material/HourglassTop';\r\n\r\nconst PersonalDetails = ({ msg }) => {\r\n const { setPersonal, personal } = useContext(Context)\r\n const [newMobile, setNewMobile] = useState({});\r\n const [newEmail, setNewEmail] = useState([]);\r\n const [isDetailsChange, setIsDetailsChange] = useState(false);\r\n const [error, setError] = useState(\"\");\r\n const [update, setUpdate] = useState(\"\");\r\n const [showMessage, setShowMessage] = useState(false);\r\n const [showTC, setShowTC] = useState(false);\r\n const [netWorth, setNetWorth] = useState(personal.netWorth);\r\n\r\n const selectGender = [\r\n { label: \"Select Your Gender\", value: \"\" },\r\n { label: \"Male\", value: \"Male\" },\r\n { label: \"Female\", value: \"Female\" },\r\n { label: \"Transgender\", value: \"Transgender\" },\r\n ];\r\n\r\n const selectMaritalStatus = [\r\n { label: \"Married\", value: \"Married\" },\r\n { label: \"Single\", value: \"Single\" },\r\n ];\r\n\r\n const selectIncomeSlab = [\r\n { label: \"Below 5 LAC\", value: \"Below 5 LAC\" },\r\n { label: \"5-10 LAC\", value: \"5-10 LAC\" },\r\n { label: \"10-25 LAC\", value: \"10-25 LAC\" },\r\n { label: \"25-50 LAC\", value: \"25-50 LAC\" },\r\n { label: \" Above 50 LAC\", value: \" Above 50 LAC\" },\r\n ];\r\n\r\n const TermAndCondition = 'I confirm that the information provided above is true, correct and complete to the best of my knowledge. In case any of the above specified information is found to be false or untrue, I am aware that I may be liable for it. In case of any changes in the above given information on a future date, I undertake to inform Moneywise Finvest Limited (Stoxkart) within 30 Days of such change.'\r\n\r\n const initialValue = {\r\n gender: personal.userGender,\r\n maritalStatus: personal.userMaritalStatus,\r\n motherName: personal.motherName,\r\n fatherName: personal.fatherName,\r\n incomeSlab: personal.incomeSlab,\r\n };\r\n const initialCheck = {\r\n isNotPoliticallyExposed: \"\",\r\n isIndianCitizen: \"\",\r\n isAcceptTnC: \"\",\r\n taxResidence:\"\"\r\n };\r\n\r\n const [check, setCheck] = useState(initialCheck);\r\n const [user, setUser] = useState(initialValue);\r\n const {\r\n gender,\r\n maritalStatus,\r\n motherName,\r\n fatherName,\r\n incomeSlab,\r\n } = user;\r\n const { isNotPoliticallyExposed, isIndianCitizen, isAcceptTnC, taxResidence } = check;\r\n const navigate = useNavigate();\r\n const userCode = sessionStorage.getItem(\"userCode\");\r\n const URL = process.env.REACT_APP_BASE_URL;\r\n \r\n const getUserData = async () => {\r\n try {\r\n const response = await axios.post(`${URL}/PersonalDetail/getDetails`, {\r\n userCode: userCode,\r\n }, { withCredentials: true });\r\n setPersonal(response.data.data);\r\n setNetWorth(response.data.data.netWorth)\r\n setUser(response.data.data);\r\n setCheck(response.data.data);\r\n } catch (error) {\r\n console.log(\"error in get data\", error);\r\n }\r\n };\r\n const savetUserData = async (event) => {\r\n try {\r\n if(netWorth?.length == '' || netWorth > 100000 ) {\r\n await axios.post(`${URL}/PersonalDetail/saveDetails`, {\r\n userCode: personal.userCode,\r\n userFullName: personal.userFullName,\r\n userDOB: personal.userDOB,\r\n userPAN: personal.userPAN,\r\n userGender: gender ? gender : personal.userGender,\r\n userMaritalStatus: maritalStatus ? maritalStatus : personal.userMaritalStatus,\r\n userMobile: personal.userMobile,\r\n userEmail: personal.userEmail,\r\n motherName: motherName,\r\n fatherName: fatherName,\r\n incomeSlab: incomeSlab,\r\n netWorth: netWorth,\r\n isNotPoliticallyExposed: isNotPoliticallyExposed\r\n ? isNotPoliticallyExposed\r\n : personal.isPoliticallyExposed,\r\n isAcceptTnC: isAcceptTnC ? isAcceptTnC : personal.isAcceptTnC,\r\n isDetailsChange: isDetailsChange,\r\n isIndianCitizen: isIndianCitizen\r\n ? isIndianCitizen\r\n : personal.isIndianCitizen,\r\n }, { withCredentials: true });\r\n setShowMessage(true);\r\n setUpdate(\"\");\r\n } else {\r\n setError('Networth should be greater than 1 lakhs and smaller than 10 crores')\r\n return;\r\n }\r\n \r\n } catch (error) {\r\n setError(error.response.data.result.flagMsg);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getUserData();\r\n }, []);\r\n\r\n const closePopUp = () => {\r\n setShowMessage(false);\r\n navigate(\"/permanent\");\r\n };\r\n\r\n const onValueChange = (e) => {\r\n setUser({ ...user, [e.target.name]: e.target.value });\r\n setError(\"\");\r\n setUpdate(\"Proceed With Updated Details\");\r\n };\r\n\r\n const onValueCheck = (e) => {\r\n setCheck({ ...check, [e.target.name]: e.target.checked });\r\n setIsDetailsChange(true);\r\n setUpdate(\"Proceed With Updated Details\");\r\n };\r\n\r\n const onAmountChange = e => {\r\n setError(\"\");\r\n const {value} = e.target;\r\n if (!value || value.match(/^\\d{1,}(\\.\\d{0,2})?$/)) {\r\n setNetWorth(value);\r\n }\r\n };\r\n\r\n const openTcDialog = () => {\r\n setShowTC(true)\r\n }\r\n\r\n const dialogFooter = (\r\n Registred Email Address
\r\nNew Email Address
\r\nVerify OTP
\r\n\r\n {\r\n setError(\"\");\r\n }\r\n : setOTP\r\n }\r\n autoFocus\r\n OTPLength={6}\r\n otpType=\"number\"\r\n disabled={false}\r\n placeholder={[\"-\", \"-\", \"-\", \"-\", \"-\", \"-\"]}\r\n />\r\n
\r\n \r\n
\r\n \r\n Didn't recieve the OTP?{\" \"}\r\n
\r\n{error ? error : null}
\r\n\r\n
\r\n );\r\n const dialogFooterTC = (\r\n \r\n setShowTC(false)}\r\n />\r\n
\r\n );\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n Details Saved Successfully!
\r\n\r\n
\r\n \r\n Terms & Conditions
\r\n{TermAndCondition}
\r\n\r\n \r\n
: msg.personalDetailStatus == \"REJECTED\" ? \r\n Personal Details\r\n
\r\n {/*\r\n\r\n
*/}\r\n \r\n {msg.personalDetailStatus == \"VERIFIED\" ?
: msg.personalDetailStatus == \"PENDING\" ? \r\n \r\n
\r\n onValueCheck(e)}\r\n disabled\r\n />\r\n \r\n
\r\n \r\n onValueCheck(e)}\r\n disabled\r\n />\r\n \r\n
\r\n \r\n onValueCheck(e)}\r\n disabled\r\n />\r\n \r\n
\r\n \r\n onValueCheck(e)}\r\n disabled\r\n />\r\n \r\n
\r\n {error ? error : null}
\r\n\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Main;\r\n","import { InputText } from \"primereact/inputtext\";\r\nimport React, { useState, useContext } from \"react\";\r\nimport { Button } from \"primereact/button\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport axios from \"axios\";\r\nimport { useEffect } from \"react\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { Card } from \"primereact/card\";\r\n// import digio from \"../Esign/digio\"\r\nimport digilocker from \"../digilocker\"\r\nimport $ from \"jquery\";\r\nimport { mask } from \"primereact/utils\";\r\nimport { Context } from \"../../Context/GlobalContext\";\r\nimport { Chip } from \"@mui/material\";\r\nimport verified from \"../../assets/check-mark.png\"\r\nimport HourglassTopIcon from '@mui/icons-material/HourglassTop';\r\nimport { ThreeDots } from \"react-loader-spinner\";\r\n\r\n\r\nconst PermanentAddress = ({ msg }) => {\r\n const { personal } = useContext(Context)\r\n const [address, setAddress] = useState(\"\");\r\n const [error, setError] = useState(\"\");\r\n const [digiRequest, setDigiRequest] = useState([]);\r\n const [loading, setLoading] = useState(false)\r\n const [showMessage, setShowMessage] = useState(false);\r\n const [isAuth, setAuth] = useState(sessionStorage.getItem(\"userCode\"));\r\n \r\n function IntializeDigigo(\r\n options,\r\n request_id,\r\n customer_identifier,\r\n access_token,\r\n myValues\r\n ) \r\n {\r\n var digilocker = new DigiLocker(options);\r\n digilocker.initdg(myValues);\r\n digilocker.submitdg(request_id,customer_identifier, access_token,myValues);\r\n \r\n }\r\n\r\n const userCode = sessionStorage.getItem(\"userCode\");\r\n const getUserData = async () => {\r\n try {\r\n const response = await axios.post(`${URL}/Address/getDetails`, {\r\n userCode: userCode,\r\n }, { withCredentials: true });\r\n setAddress(response.data.data);\r\n } catch (error) {\r\n console.log(\"error in get data\", error);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getUserData();\r\n \r\n }, []);\r\n\r\n useEffect(() => {\r\n if (isAuth) {\r\n navigate(\"/permanent\");\r\n } else {\r\n navigate(\"/\");\r\n }\r\n }, []);\r\n\r\n\r\n const handleData = async (event) => {\r\n setLoading(true)\r\n try {\r\n const response = await axios.post(`${URL}/Address/reqestDigilocker`, {\r\n userCode: userCode,\r\n }, { withCredentials: true });\r\n setDigiRequest(response.data.data);\r\n if(response.data.result.flag ==1){\r\n window.nextTab = \"/segment\";\r\n IntializeDigigo(\r\n \"production\",\r\n response.data.data.request_id,\r\n response.data.data.customer_identifier,\r\n response.data.data.access_token,\r\n {\r\n userCode: userCode,\r\n requestId: response.data.data.request_id,\r\n }\r\n )\r\n }\r\n setLoading(false)\r\n } catch (error) {\r\n console.log(\"error in digio api\", error);\r\n setLoading(false)\r\n }\r\n };\r\n const navigate = useNavigate();\r\n const URL = process.env.REACT_APP_BASE_URL;\r\n\r\n const closePopUp = () => {\r\n setShowMessage(false);\r\n navigate(\"/segment\");\r\n };\r\n const dialogFooter = (\r\n \r\n
\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n Details Saved Successfully!
\r\n\r\n
: msg.addressDetailStatus == \"REJECTED\" ?\r\n \r\n Address\r\n
\r\n\r\n {msg.addressDetailStatus == \"VERIFIED\" ?
: msg.addressDetailStatus == \"PENDING\" ? \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default PermanentAddress;\r\n","import { useState } from \"react\";\r\nimport Navbar from \"../Navbar/Navbar\";\r\nimport Container from \"../Container/Container\";\r\nimport RightNavbar from \"../RightNavbar/RightNavbar\";\r\nimport NavContext from \"../../Context/NavContext\";\r\nimport PermanentAddress from \"../Permanent Address/PermanentAddress\";\r\nimport { useEffect } from \"react\";\r\n\r\nfunction Dashboard({ getUserStatus, msg }) {\r\n const [nav, setNav] = useState(false);\r\n const value = { nav, setNav };\r\n\r\n useEffect(() => {\r\n getUserStatus();\r\n }, []);\r\n\r\n return (\r\n {error ? error : null}
\r\n\r\n\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Dashboard;\r\n","export default __webpack_public_path__ + \"static/media/pdf.0edaaa0f.svg\";","import axios from \"axios\";\r\nimport { Button } from \"primereact/button\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { ConfirmDialog } from \"primereact/confirmdialog\";\r\nimport { FileUpload } from \"primereact/fileupload\";\r\nimport { Image } from \"primereact/image\";\r\nimport P from \"../../pics/pdf.svg\";\r\n\r\nconst SegmentProof = ({\r\n setSegmentFile,\r\n segmentFile,\r\n docType,\r\n activeSegment,\r\n setSegError,\r\n msg,\r\n segmentPreview,\r\n getSegmentProofData,\r\n setSegmentPreview,\r\n segmentName,\r\n setSegmentName,\r\n}) => {\r\n const [displaySegment, setDisplaySegment] = useState(false);\r\n const [displayPosition, setDisplayPosition] = useState(false);\r\n const [position, setPosition] = useState(\"center\");\r\n const userCode = sessionStorage.getItem(\"userCode\");\r\n const URL = process.env.REACT_APP_BASE_URL;\r\n const [displayPreview, setDisplayPreview] = useState(false);\r\n const [visible, setVisible] = useState(false);\r\n const [bUpload, setBUpload] = useState(\"\");\r\n\r\n const invoiceUploadHandler = (files) => {\r\n uploadInvoice(files.files);\r\n onHide(\"displaySegment\");\r\n };\r\n\r\n const uploadInvoice = async (files, invoiceFile) => {\r\n var myHeaders = new Headers();\r\n var formdata = new FormData();\r\n formdata.append(\"UserCode\", userCode);\r\n formdata.append(\"ProofName\", docType);\r\n files.forEach((element) => {\r\n formdata.append(\"ProofDocument\", element);\r\n });\r\n setSegmentFile(formdata);\r\n setBUpload(formdata);\r\n };\r\n const dialogFuncMap = {\r\n displaySegment: setDisplaySegment,\r\n displayPosition: setDisplayPosition,\r\n displayPreview: setDisplayPreview,\r\n };\r\n const onClick = (name, position) => {\r\n dialogFuncMap[`${name}`](true);\r\n\r\n if (position) {\r\n setPosition(position);\r\n }\r\n };\r\n\r\n const onHide = (name) => {\r\n dialogFuncMap[`${name}`](false);\r\n };\r\n const onShowSegPop = () => {\r\n if (docType.length == 0) {\r\n setSegError(\"Please Select document type first.\");\r\n return;\r\n } else {\r\n onClick(\"displaySegment\");\r\n }\r\n };\r\n\r\n const delSegmentProofData = async () => {\r\n try {\r\n await axios.post(\r\n `${URL}/SegmentDetail/removeSegmentProof`,\r\n {\r\n userCode: userCode,\r\n },\r\n { withCredentials: true }\r\n );\r\n setSegmentPreview(\"\");\r\n setSegmentName(\"\");\r\n onHide(\"displayPreview\");\r\n } catch (error) {\r\n console.log(\"error in segment data\", error);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getSegmentProofData();\r\n }, []);\r\n\r\n const chooseOptions = { label: \"Browse\" };\r\n const uploadOptions = {\r\n label: \"Upload\",\r\n icon: \"pi pi-upload\",\r\n className: \"p-button-success\",\r\n };\r\n const cancelOptions = {\r\n label: \"Cancel\",\r\n icon: \"pi pi-times\",\r\n className: \"p-button-danger\",\r\n };\r\n\r\n const handleClick = () => {\r\n setVisible(true);\r\n };\r\n\r\n const finalWord = docType\r\n ?.toLowerCase()\r\n .split(\"-\")\r\n ?.map((word) => {\r\n return word[0]?.toUpperCase() + word?.substring(1);\r\n })\r\n .join(\" \");\r\n\r\n return (\r\n <>\r\n \r\n 
\r\n \r\n )\r\n })\r\n } */}\r\n
\r\n {v.name}
\r\n\r\n setVisible(false)}\r\n message=\"Are you sure you want to Remove?\"\r\n header=\"Confirmation\"\r\n icon=\"pi pi-exclamation-triangle\"\r\n accept={delSegmentProofData}\r\n reject={() => setVisible(false)}\r\n />\r\n \r\n {segmentPreview ? (\r\n
\r\n \r\n onClick(\"displayPreview\")}\r\n >\r\n Click here for Preview old Document\r\n \r\n
\r\n ) : null}\r\n \r\n onHide(\"displaySegment\")}\r\n header=\"Segment Proof\"\r\n visible={displaySegment}\r\n className=\"dialog_res\"\r\n >\r\n
\r\n \r\n Upload a copy of the {finalWord}\r\n {/* which shows your Name, Bank\r\n account number and IFSC code */}\r\n
\r\n\r\n
\r\n \r\n \r\n {segmentPreview &&\r\n segmentPreview?.map((v, i) => {\r\n return (\r\n
\r\n \r\n {v.split(\".\").pop() === \"pdf\" ? (\r\n \r\n 
{\" \"}\r\n \r\n ) : (\r\n
\r\n );\r\n })}\r\n \r\n
\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n Details Saved Successfully!
\r\n\r\n
: msg.segmentDetailStatus == \"REJECTED\" ? \r\n Segment details (optional)\r\n
\r\n\r\n {msg.segmentDetailStatus == \"VERIFIED\" ?
: msg.segmentDetailStatus == \"PENDING\" ? \r\n \r\n\r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default SegmentDetails;\r\n","import { useState } from \"react\";\r\nimport Navbar from \"../Navbar/Navbar\";\r\nimport Container from \"../Container/Container\";\r\nimport RightNavbar from \"../RightNavbar/RightNavbar\";\r\nimport NavContext from \"../../Context/NavContext\";\r\nimport SegmentDetails from \"../SegmentDetails/SegmentDetails\";\r\nimport { useEffect } from \"react\";\r\n\r\nfunction Segment({ getUserStatus, msg }) {\r\n const [nav, setNav] = useState(false);\r\n const value = { nav, setNav };\r\n\r\n useEffect(() => {\r\n getUserStatus();\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n\r\n {error ? {error} : null}\r\n \r\n \r\n
\r\n \r\n {\r\n setCheck(e.target.checked);\r\n }}\r\n disabled\r\n />\r\n \r\n
\r\n {/* \r\n {\r\n setCheck(e.target.checked);\r\n }}\r\n checked={segmentFile ? true : check }\r\n style={{ width: \"15px\", height: \"15px\" }}\r\n />\r\n \r\n \r\n I want to Activate Derivative Segments\r\n \r\n
*/}\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Segment;\r\n","import { Button } from \"primereact/button\";\r\nimport { Card } from \"primereact/card\";\r\nimport React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport digio from \"./digio\"\r\nimport $ from \"jquery\";\r\nimport axios from \"axios\";\r\nimport { Dialog } from \"primereact/dialog\";\r\nimport { Chip } from \"@mui/material\";\r\nimport verified from \"../../assets/check-mark.png\"\r\nimport HourglassTopIcon from '@mui/icons-material/HourglassTop';\r\nimport { ThreeDots } from \"react-loader-spinner\";\r\n\r\nconst Esign = ({ msg }) => {\r\n const [isAuth, setAuth] = useState(sessionStorage.getItem(\"userCode\"));\r\n const [lat, setLat] = useState(null);\r\n const [lng, setLng] = useState(null);\r\n const [status, setStatus] = useState(null);\r\n const [sign, setSign] = useState({})\r\n const userCode = sessionStorage.getItem(\"userCode\");\r\nconst [showMassage, setshowMassage] = useState(false)\r\nconst [showMassage1, setshowMassage1] = useState(false)\r\nconst [showMassage2, setshowMassage2] = useState(false)\r\nconst [loading, setLoading] = useState(false)\r\n const navigate = useNavigate();\r\n const URL = process.env.REACT_APP_BASE_URL;\r\n\r\n \r\n\r\nuseEffect(() => {\r\n if( msg.esignDetailStatus === \"PENDING\") {\r\n setshowMassage(true)\r\n } else{\r\n setshowMassage(false)\r\n }\r\n}, [msg])\r\n\r\n\r\n const handleClick = async () => {\r\n setLoading(true) \r\n setshowMassage1(false)\r\n try {\r\n const response = await axios.post(`${URL}/Esign/requestEsign`, {\r\n userCode: userCode, latitude: lat.toString(), longitude: lng.toString()\r\n }, { withCredentials: true });\r\n setLoading(false)\r\n setSign(response.data.data);\r\n if(response.data.result.flag == 1){\r\n IntializeDigigo(\r\n \"production\",\r\n response.data.data.access_token_id,\r\n response.data.data.signing_parties_identifier,\r\n response.data.data.userID,\r\n \"flag\",\r\n {\r\n userCode: userCode\r\n }\r\n \r\n )\r\n }\r\n \r\n } catch (error) {\r\n console.log(\"error in get data\", error);\r\n setLoading(false)\r\n }\r\n \r\n };\r\n\r\n const getLocation = () => {\r\n if (!navigator.geolocation) {\r\n setStatus('Geolocation is not supported by your browser');\r\n} else {\r\n setStatus('Locating...');\r\n navigator.geolocation.getCurrentPosition((position) => {\r\n setStatus(null);\r\n setLat(position.coords.latitude);\r\n setLng(position.coords.longitude);\r\n // alert('Location captured successfully')\r\n if(msg.personalDetailStatus == 'IN-PROCESS' && msg.segmentDetailStatus == null) {\r\n setshowMassage1(true)\r\n setLoading(false)\r\n return\r\n }\r\n handleClick()\r\n }, () => {\r\n setshowMassage2(true)\r\n });\r\n }\r\n}\r\n \r\n\r\n function IntializeDigigo(\r\n options,\r\n access_token_id, signing_parties_identifier, userID,\r\n flag,\r\n myValues\r\n \r\n ) {\r\n var digio = new Digio(options);\r\n digio.init(myValues);\r\n \r\n digio.submit(userID, signing_parties_identifier, access_token_id, myValues);\r\n }\r\n\r\n useEffect(() => {\r\n if (isAuth) {\r\n navigate(\"/esign\");\r\n } else {\r\n navigate(\"/\");\r\n }\r\n }, []);\r\n\r\n const onHide = () => {\r\n setshowMassage(false)\r\n setshowMassage1(false)\r\n setshowMassage2(false)\r\n };\r\n\r\n const onUploadChange = () => {\r\n setshowMassage1(false)\r\n navigate('/segment')\r\n };\r\n\r\n const dialogFooter = (\r\n \r\n
\r\n );\r\n\r\n const dialogFooter2 = (\r\n \r\n
\r\n );\r\n\r\n const dialogFooter1 = (\r\n \r\n
\r\n );\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n Your request for Re-activation is under process and It will be updated within 2 working days after successful acceptance of request.
\r\n\r\n \r\n
\r\n \r\n Warning
\r\nYou have not uploaded any income proof.
\r\nIf you have a derivatives account, please note that it is mandatory to upload income proof.
\r\n \r\n
\r\n \r\n Allow Location Access
\r\nTo continue with E-sign, we need your location to verify your identity. This information will be used only for the purpose of E-sign and will not be shared with any third-party
\r\nclick here to Allow your location
\r\n\r\n
: msg.esignDetailStatus == \"REJECTED\" ? \r\n Esign\r\n
\r\n\r\n {msg.esignDetailStatus == \"VERIFIED\" ?
: msg.esignDetailStatus == \"PENDING\" ? \r\n \r\n
\r\n {/*
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Esign;\r\n","import { useState } from \"react\";\r\nimport Navbar from \"../Navbar/Navbar\";\r\nimport Container from \"../Container/Container\";\r\nimport RightNavbar from \"../RightNavbar/RightNavbar\";\r\nimport NavContext from \"../../Context/NavContext\";\r\nimport Esign from \"../Esign/Esign\";\r\nimport { useEffect } from \"react\";\r\n\r\nfunction Sign({ getUserStatus, msg }) {\r\n const [nav, setNav] = useState(false);\r\n const value = { nav, setNav };\r\n\r\n useEffect(() => {\r\n getUserStatus();\r\n }, []);\r\n\r\n return (\r\n - \r\n
- \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Sign;\r\n","export default __webpack_public_path__ + \"static/media/side_img.cf228810.svg\";","import React, { useState, useEffect } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Stack } from \"react-bootstrap\";\r\nimport { InputText } from \"primereact/inputtext\";\r\nimport Button from \"react-bootstrap/Button\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport \"primeicons/primeicons.css\";\r\nimport \"./login.css\";\r\nimport Stox from \"../../pics/stoxkart_old_logo.png\";\r\nimport axios from \"axios\";\r\nimport SideImg from '../../assets/side_img.svg'\r\nimport logo from '../../assets/stox.png'\r\nimport { useContext } from \"react\";\r\nimport { Context } from \"../../Context/GlobalContext\";\r\nimport Demo from \"../geoTagging/Demo\";\r\n\r\n\r\nconst LoginMain = ({ change, setChange }) => {\r\n // const { mobiEmail, setMobiEmail} = useContext(Context)\r\n const [error, setError] = useState(false);\r\n const [wait, setWait] = useState(\"\");\r\n const URL = process.env.REACT_APP_BASE_URL;\r\n const navigate = useNavigate();\r\n\r\n \r\n\r\n\r\n const inputHandler = (event) => {\r\n if (error) {\r\n setError(\"\");\r\n }\r\n setChange(event.target.value);\r\n };\r\n\r\n \r\n \r\n const sendOtp = async (event) => {\r\n try {\r\n setWait(\"Please Wait....\");\r\n // event.currentTarget.disabled = true;\r\n const response = await axios.post(`${URL}/Login/sendOTP`, { userCode: change });\r\n // console.log(response);\r\n// setMobiEmail(response?.data?.data?.messageToPrint)\r\nsessionStorage.setItem(\"mobiEmail\", response?.data?.data?.messageToPrint )\r\n localStorage.setItem(\"userCode\", change);\r\n navigate(\"/verify\");\r\n } catch (error) {\r\n // console.log(error);\r\n setError(error?.response?.data?.result?.flagMsg);\r\n setWait(\"\");\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n const keyDownHandler = event => {\r\n if (event.key === 'Enter') {\r\n sendOtp();\r\n }\r\n };\r\n document.addEventListener('keydown', keyDownHandler);\r\n return () => {\r\n document.removeEventListener('keydown', keyDownHandler);\r\n };\r\n }, [change]);\r\n \r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n Re-KYC with Stoxkart
\r\nVerify yourself with Re-KYC and re-connect with Stoxkart
\r\n\r\n
\r\n \r\n \r\n
\r\n Welcome back to Stoxkart!
\r\n\r\n Resume your trading with us in few simple steps!\r\n
\r\nClient ID
\r\n \r\n {error ? (\r\n \r\n ) : null}\r\n \r\n\r\n {error ? error : null}\r\n
\r\n\r\n \r\n {wait ? wait : \"Send OTP\"}\r\n \r\n \r\n
\r\n \r\n