\n \n {this.props.buttontitle}\n \n
\n );\n }\n}\nexport class Debtbutton extends Component {\n render() {\n return (\n \n \n {this.props.buttontitle}\n \n
\n );\n }\n}\n\nexport class DebtbuttonActive extends Component {\n render() {\n return (\n \n \n {this.props.buttontitle}\n \n
\n );\n }\n}\n\nexport class DebtbuttonNowidth extends Component {\n render() {\n return (\n \n \n {this.props.buttontitle}\n \n
\n );\n }\n}\n","export const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/;\nexport const ifscRegex = new RegExp(\"^[A-Za-z]{4}[a-zA-Z0-9]{7}$\");\nexport const mobileRegex = new RegExp(\"^[6-9]{1}[0-9]{9}$\");\nexport const nameRegex = new RegExp(\"^[a-zA-Z ]{4,50}$\");\nexport const accountRegex = new RegExp(\"^[a-zA-Z ]{0,10}$\");\nexport const panRegex = new RegExp(\"^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$\");\nexport const bankAccountRegex = new RegExp(\"^[0-9]{9,18}$\");\nexport const pincodeRegex = new RegExp(\"^[0-9]{6}$\");\nexport const countryCodeRegex = new RegExp(\"^[+][0-9]{1,3}$\");\nexport const alphabetsRegex = new RegExp(\"/^[A-Za-z]$/\");\nexport const forbiddenCharsRegex = new RegExp(/^[^\\[\\]\\{\\}<>\\/\\?\\\\\\|\"'=;:]*$/);\n\nexport const genderOptions = [\n { name: \"Male\", value: \"M\" },\n { name: \"Female\", value: \"F\" },\n { name: \"Transgender\", value: \"O\" },\n];\nexport const NomineesList = [\n {\n label: \"1\",\n value: \"1\",\n },\n {\n label: \"2\",\n value: \"2\",\n },\n {\n label: \"3\",\n value: \"3\",\n },\n];\n\nexport const categoryOptions = [\n { name: \"Resident Indian\", value: \"11\" },\n { name: \"NRI\", value: \"20\" },\n];\nexport const statusOptions = [\n { name: \"Individual\", value: \"I\" },\n { name: \"NRI\", value: \"N\" },\n];\nexport const Occupations = [\n { label: \"Service\", value: 1 },\n { label: \"Business\", value: 2 },\n { label: \"Student\", value: 3 },\n { label: \"House Wife\", value: 4 },\n { label: \"Professional\", value: 5 },\n { label: \"Retired\", value: 7 },\n { label: \"Others\", value: 8 },\n];\nexport const Gross_Annual_income = [\n { label: \"Below 1 Lac\", value: \"Below 1 Lac\" },\n { label: \"1-5 Lacs\", value: \"1-5 Lacs\" },\n { label: \"5-10 Lacs\", value: \"5-10 Lacs\" },\n { label: \"10-25 Lacs\", value: \"10-25 Lacs\" },\n { label: \"25 Lacs-1 Crore\", value: \"25 Lacs-1 Crore\" },\n { label: \"1 Crore and above\", value: \"1 Crore and above\" },\n];\nexport const countrycodeOptions = [\n { label: \"+91\", value: \"+91\" },\n { label: \"+61\", value: \"+61\" },\n { label: \"+1\", value: \"+1\" },\n { label: \"+852\", value: \"+852\" },\n { label: \"+968\", value: \"+968\" },\n { label:\"+974\", value: \"+974\" },\n { label:\"+966\", value: \"+966\"},\n { label: \"+65\", value: \"+65\" },\n { label: \"+971\", value: \"+971\" },\n {label: \"+44\", value: \"+44\"}\n];\n\nexport const modeOfHoldingOptions = [\n { name: \"Single\", value: \"single\" },\n { name: \"Anyone (or) survivor\", value: \"anyone\" },\n];\n\nexport const relationshipOptions = [\n {\n name: \"Brother\",\n value: \"Brother\",\n },\n {\n name: \"Daughter\",\n value: \"Daughter\",\n },\n {\n name: \"Father\",\n value: \"Father\",\n },\n {\n name: \"Mother\",\n value: \"Mother\",\n },\n {\n name: \"Sister\",\n value: \"Sister\",\n },\n {\n name: \"Son\",\n value: \"Son\",\n },\n {\n name: \"Wife\",\n value: \"Wife\",\n },\n];\nexport const familyDescriptionOptions = [\n {\n label: \"Self\",\n value: \"SE\",\n },\n {\n label: \"Spouse\",\n value: \"SP\",\n },\n {\n label: \"Dependent Children\",\n value: \"DC\",\n },\n {\n label: \"Dependent Siblings\",\n value: \"DS\",\n },\n {\n label: \"Dependent Parents\",\n value: \"DP\",\n },\n {\n label: \"Guardian\",\n value: \"GD\",\n },\n];\nexport const otpRegex = /^\\d{6}$/;\n","import React, { Component } from \"react\";\nimport { Tooltip } from \"@material-ui/core\";\nimport Image from \"../Image\";\nimport { forbiddenCharsRegex } from \"../home/transactions/newInvestor\";\nexport class Input extends Component {\n handleChange = (e) => {\n const { value } = e.target;\n if (forbiddenCharsRegex.test(value)) {\n this.props.onChange(e);\n }\n };\n render() {\n const {\n name,\n image,\n image2,\n height,\n placeholder,\n isShowError,\n inputref,\n label,\n bordercolor,\n isShowPasswordError,\n onClick,\n type,\n errorMessage,\n copyOnclick,\n shareOnclick,\n tooltip,\n isMandatory,\n width,\n onChange,\n ...rest\n } = this.props;\n return (\n \n \n {!!image && (\n \n e.target.addEventListener(\n \"wheel\",\n function (e) {\n e.preventDefault();\n },\n { passive: false }\n )\n : null\n }\n {...rest}\n />\n\n \n {!!this.props.copyimage && (\n
\n \n \n {name} {label}\n {isMandatory && *}\n {!!tooltip && (\n \n \n )}\n {!!this.props.link && (\n \n {this.props.linkText}\n \n )}\n
\n \n {isShowError\n ? errorMessage || ` is required.`\n : isShowPasswordError\n ? \"Password should be atleast 8 characters in length and should contain at least 1 Upper Case alphabet(A-Z).1 Special Character and 1 Numeric Value (0-9)\"\n : \"\"}\n
\n \n );\n }\n}\n\nexport class OtpInput extends Component {\n render() {\n const { inputref, ...rest } = this.props;\n return (\n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport { Carousel } from \"react-responsive-carousel\";\nimport {\n carouselImage1,\n carouselImage2,\n} from \"../../store/types/appEssentials\";\nimport Image from \"../Image\";\n\n\nexport default class DemoCarousel extends Component {\n\n render() {\n return (\n \n {/* */}\n */}\n {/*
\n );\n }\n}\n","import { CALL_API } from \"../api.middleware\";\nimport {\n USER_LOGIN,\n USER_LOGIN_SUCCESS,\n USER_LOGIN_FAILED,\n USER_LOGOUT,\n USER_PAN,\n USER_LOGIN_REFRESH,\n USER_LOGIN_REFRESH_SUCCESS,\n USER_LOGIN_REFRESH_FAILED,\n POSTER_OPEN,\n ENACH_UMR,\n ENACH_FOLIO,\n ENACH_BANK_ACC,\n ENACH_END_DATE,\n ENACH_START_DATE,\n ENACH_MAX_AMOUNT,\n} from \"../types/auth\";\n\nexport const userLogin = (body) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/login\",\n body,\n method: \"POST\",\n isLogin: true,\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const passwordPolicy_JMF = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/PasswordPolicy_JMF\",\n params,\n method: \"GET\",\n isPassword: true,\n },\n });\n } catch (error) {\n return { error };\n }\n};\n\nexport const RefreshLogin = () => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/refresh_token\",\n method: \"GET\",\n types: [\n USER_LOGIN_REFRESH,\n USER_LOGIN_REFRESH_SUCCESS,\n USER_LOGIN_REFRESH_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${\"Session active time out. Please login again.\"}`);\n }\n};\n\nexport const clearSession = () => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/clear_session\",\n method: \"GET\",\n \n },\n });\n } catch (error) {\n alert(`${\"Session active time out. Please login again.\"}`);\n }\n};\n\n// export const generateOtp = (params) => async (dispatch) => {\n// try {\n// return await dispatch({\n// [CALL_API]: {\n// url: \"/DistributorSignup\",\n// params,\n// method: \"GET\",\n// },\n// });\n// } catch (error) {\n// alert(`${error}`);\n// }\n// };\n\n// export const registration = (params) => async (dispatch) => {\n// try {\n// return await dispatch({\n// [CALL_API]: {\n// url: \"/DistributorAddUser\",\n// params,\n// method: \"GET\",\n// },\n// });\n// } catch (error) {\n// alert(`${error}`);\n// }\n// };\n\nexport const forgotUserId = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/GetForgotUsername\",\n params,\n method: \"GET\",\n isAuth: true,\n\n },\n });\n } catch (error) {\n alert(`${error}`);\n // console.log(error);\n }\n};\n\n\nexport const resetPassword = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/ResetPassword\",\n params,\n method: \"GET\",\n isAuth: true,\n\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const userLogout = () => {\n return {\n type: USER_LOGOUT,\n };\n};\n\nexport const PosterOpen = (value) => {\n return {\n type: POSTER_OPEN,\n body: value,\n };\n};\n\nexport const userPan = (Pan) => {\n return {\n type: USER_PAN,\n body: Pan,\n };\n};\n\nexport const EnachUMR = (UMR) => {\n return {\n type: ENACH_UMR,\n body: UMR,\n };\n};\n\nexport const EnachFolio = (folio) => {\n return {\n type: ENACH_FOLIO,\n body: folio,\n };\n};\n\nexport const Enachbank = (Bank) => {\n return {\n type: ENACH_BANK_ACC,\n body: Bank,\n };\n};\n\nexport const EnachEndDate = (date) => {\n return {\n type: ENACH_END_DATE,\n body: date,\n };\n};\nexport const EnachStartDate = (date) => {\n return {\n type: ENACH_START_DATE,\n body: date,\n };\n};\nexport const EnachMaxAmount = (amount) => {\n return {\n type: ENACH_MAX_AMOUNT,\n body: amount,\n };\n};\n// export const FundCodes = () => async dispatch =>{\n// try{\n// return await dispatch({\n\n// })\n// }catch (error) {\n// alert(`${error}`);\n// }\n// }\nexport const refreshToken = () => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/refresh_token\",\n method: \"GET\",\n types: [\"\", USER_LOGIN_REFRESH_SUCCESS],\n },\n });\n } catch (error) {\n console.log(`${error}`);\n }\n};\nexport const generateLoginOtp = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/GenerateLoginOTP\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n return { error };\n }\n};\nexport const validateLoginOtp = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/ValidateLoginOTP\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n return { error };\n }\n};\nexport const SaveEmailMobile_Login = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/SaveEmailMobile_Login\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n return { error };\n }\n};\nexport const SendOtp_EmailorMOB = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/SendOtp_EmailorMOB\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n return { error };\n }\n};\nexport const Verify_EmailorMOB = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/Verify_EmailorMOB\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n return { error };\n }\n};\n\nexport const validateOTP = (body) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/validate-otp\",\n body,\n method: \"POST\",\n types: [USER_LOGIN, USER_LOGIN_SUCCESS, USER_LOGIN_FAILED],\n isLogin: true,\n },\n });\n } catch (error) {\n alert(error);\n }\n};\n\nexport const generateOtp = (body) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/generate-signupotp\",\n body,\n method: \"POST\",\n isAuth: true,\n },\n });\n } catch (error) {\n alert(error);\n }\n};\n\nexport const reGenerateOtp = (body) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/regenerate-signupotp\",\n body,\n method: \"POST\",\n isAuth: true,\n },\n });\n } catch (error) {\n alert(error);\n }\n};\n\n\nexport const forgotPassword = (body) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/generate-forgotPasswordOtp\",\n body,\n method: \"POST\",\n isAuth: true,\n },\n });\n } catch (error) {\n alert(error);\n }\n};\n\n\nexport const validateForgotPasswordOtp = (body) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/validate-forgotPasswordOtp\",\n body,\n method: \"POST\",\n isAuth: true,\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const registration = (body) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/validate-signupotp\",\n body,\n method: \"POST\",\n isAuth: true,\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\n\nexport const saveLogin = (body) => (dispatch) => {\n return dispatch({\n type: USER_LOGIN_SUCCESS,\n body,\n });\n};\nexport const SignupCDMSValidate = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/ktrack_dist_signup_CDMS_Validate\",\n params,\n method: \"GET\",\n isAuth: true,\n },\n });\n } catch (error) {\n return { error };\n }\n};\n","import { CALL_API } from \"../api.middleware\";\nimport {\n GET_DASHBOARD_DATA,\n GET_DASHBOARD_DATA_SUCCESS,\n GET_DASHBOARD_DATA_FAILED,\n GET_TRANSACTION_DATA,\n GET_TRANSACTION_DATA_SUCCESS,\n GET_TRANSACTION_DATA_FAILED,\n GET_AUM_DATA,\n GET_AUM_DATA_SUCCESS,\n GET_AUM_DATA_FAILED,\n GET_FREQUENT_MAIL_BACK_REQUEST,\n GET_FREQUENT_MAIL_BACK_REQUEST_FAILED,\n GET_FREQUENT_MAIL_BACK_REQUEST_SUCCESS,\n GET_DASHBOARD_AUM_DATA,\n GET_DASHBOARD_AUM_DATA_SUCCESS,\n GET_DASHBOARD_AUM_DATA_FAILED,\n GET_SIP_SUMMARY_DATA,\n GET_SIP_SUMMARY_DATA_SUCCESS,\n GET_SIP_SUMMARY_DATA_FAILED,\n GET_NFO_SCHEMES,\n GET_NFO_SCHEMES_SUCCESS,\n GET_NFO_SCHEMES_FAILED,\n} from \"../types\";\n\nexport const getDashboardData = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/Dist_Dashboard\",\n params,\n method: \"GET\",\n types: [\n GET_DASHBOARD_DATA,\n GET_DASHBOARD_DATA_SUCCESS,\n GET_DASHBOARD_DATA_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getTransactionData = (params) => async (dispatch) => {\n try {\n await dispatch({\n [CALL_API]: {\n url: \"/Ktrack_Dist_DetailedTransaction\",\n params,\n method: \"GET\",\n types: [\n GET_TRANSACTION_DATA,\n GET_TRANSACTION_DATA_SUCCESS,\n GET_TRANSACTION_DATA_FAILED,\n ],\n showLoader: true,\n },\n });\n } catch (error) {\n console.log(error);\n }\n};\n\nexport const getAumData = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/GetDistributorAUM\",\n params,\n method: \"GET\",\n types: [GET_AUM_DATA, GET_AUM_DATA_SUCCESS, GET_AUM_DATA_FAILED],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getFrequentMailBackRequest = () => async (dispatch) => {\n try {\n await dispatch({\n [CALL_API]: {\n url: \"/ktrack_frequent_mailback_request\",\n method: \"GET\",\n types: [\n GET_FREQUENT_MAIL_BACK_REQUEST_SUCCESS,\n GET_FREQUENT_MAIL_BACK_REQUEST,\n GET_FREQUENT_MAIL_BACK_REQUEST_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getDashboardDataAum = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/KtrackDistAumSummary\",\n params,\n method: \"GET\",\n types: [\n GET_DASHBOARD_AUM_DATA,\n GET_DASHBOARD_AUM_DATA_SUCCESS,\n GET_DASHBOARD_AUM_DATA_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getSipSummary = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/ktrackGetSipAum\",\n params,\n method: \"GET\",\n types: [\n GET_SIP_SUMMARY_DATA,\n GET_SIP_SUMMARY_DATA_SUCCESS,\n GET_SIP_SUMMARY_DATA_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getNfoSchemes = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/GetNFOSchemes\",\n params,\n method: \"GET\",\n types: [\n GET_NFO_SCHEMES,\n GET_NFO_SCHEMES_SUCCESS,\n GET_NFO_SCHEMES_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const reinitateTransaction = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/Ktrack_ReinitiateTransaction\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const NfoSchemesSubmission = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/SendNFOLink\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n","import { CALL_API } from \"../api.middleware\";\nimport {\n GET_INVESTORS_LIST,\n GET_INVESTORS_LIST_SUCCESS,\n GET_INVESTORS_LIST_FAILED,\n GET_INVESTOR_DETAILS,\n GET_INVESTOR_DETAILS_SUCCESS,\n GET_INVESTOR_DETAILS_FAILED,\n FAVOURITE_INVESTOR_SUCCESS,\n SEARCH_INVESTORS,\n SEARCH_INVESTORS_SUCCESS,\n SEARCH_INVESTORS_FAILED,\n VALIDATE_SUB_BROKER,\n VALIDATE_SUB_BROKER_SUCCESS,\n VALIDATE_SUB_BROKER_FAILED,\n GET_UPCOMING_SIP_DETAILS,\n GET_UPCOMING_SIP_DETAILS_FAILED,\n GET_UPCOMING_SIP_DETAILS_SUCCESS,\n GET_FOLIOS_CANCELLATION,\n GET_FOLIOS_CANCELLATION_FAILED,\n GET_FOLIOS_CANCELLATION_SUCCESS,\n STORE_TYPE,\n SUBMIT_GET_FOLIOS_CANCELLATION,\n SUBMIT_GET_FOLIOS_CANCELLATION_SUCCESS,\n SUBMIT_GET_FOLIOS_CANCELLATION_FAILED,\n PAUSE_SIP_DATES,\n PAUSE_SIP_DATES_SUCCESS,\n PAUSE_SIP_DATES_FAILED,\n PAUSE_END_SIP_DATES,\n PAUSE_END_SIP_DATES_SUCCESS,\n PAUSE_END_SIP_DATES_FAILED,\n PAUSE_SIP_VALIDATOR,\n PAUSE_SIP_VALIDATOR_SUCCESS,\n PAUSE_SIP_VALIDATOR_FAILED,\n FINAL_SIP_PAUSE,\n FINAL_SIP_PAUSE_SUCCESS,\n FINAL_SIP_PAUSE_FAILED,\n SEND_MAIL_KYC,\n SEND_MAIL_KYC_SUCCESS,\n SEND_MAIL_KYC_FAILED,\n SUBMIT_GET_STP_FOLIOS_CANCELLATION,\n SUBMIT_GET__STP_FOLIOS_CANCELLATION_SUCCESS,\n SUBMIT_GET_STP_FOLIOS_CANCELLATION_FAILED,\n} from \"../types\";\n\nexport const getInvestors = (params) => async (dispatch) => {\n try {\n await dispatch({\n [CALL_API]: {\n url: \"/Dist_AllClientDetails\",\n params,\n method: \"GET\",\n types: [\n GET_INVESTORS_LIST,\n GET_INVESTORS_LIST_SUCCESS,\n GET_INVESTORS_LIST_FAILED,\n ],\n showLoader: true,\n },\n });\n } catch (error) {\n console.log(error);\n // alert(`${error}`);\n }\n};\n\nexport const getInvestorDetails = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/GetDistributorDetailsbyPAN\",\n params,\n method: \"GET\",\n types: [\n GET_INVESTOR_DETAILS,\n GET_INVESTOR_DETAILS_SUCCESS,\n GET_INVESTOR_DETAILS_FAILED,\n ],\n showLoader: true,\n },\n });\n } catch (error) {\n console.error(error);\n // alert(`${error}`);\n }\n};\n\nexport const favouriteInvestor = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/DistSavefavourite\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n console.log(`${error}`);\n }\n};\n\nexport const updateFavouriteInvestor = (data) => {\n return {\n type: FAVOURITE_INVESTOR_SUCCESS,\n data,\n };\n};\n\nexport const searchInvestors = (params, showLoader = false) => async (\n dispatch\n) => {\n try {\n await dispatch({\n [CALL_API]: {\n url: \"/InvestorSearch\",\n params,\n method: \"GET\",\n types: [\n SEARCH_INVESTORS,\n SEARCH_INVESTORS_SUCCESS,\n SEARCH_INVESTORS_FAILED,\n ],\n showLoader,\n },\n });\n } catch (error) {\n // alert(`${error}`);\n console.log(`${error}`);\n }\n};\n\nexport const getNewPurchaseFundList = (params, types) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/getMasterNewpur\",\n params,\n method: \"GET\",\n types,\n showLoader: true,\n },\n });\n } catch (error) {\n console.log(error);\n }\n};\n\nexport const validateSubBroker = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/ValidateBrokercode\",\n params,\n method: \"GET\",\n types: [\n VALIDATE_SUB_BROKER,\n VALIDATE_SUB_BROKER_SUCCESS,\n VALIDATE_SUB_BROKER_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const checkKyc = (params, showLoader = false) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/dist_ChkpanexistsinKRA\",\n params,\n method: \"GET\",\n showLoader,\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const redirectKyc = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/EKYCVerification\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\n\nexport const getUpComingSips = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/GetSipFundDetails\",\n params,\n method: \"GET\",\n types: [\n GET_UPCOMING_SIP_DETAILS,\n GET_UPCOMING_SIP_DETAILS_SUCCESS,\n GET_UPCOMING_SIP_DETAILS_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getFolioSipCancellation = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/GetFoliosForSIPCancelation\",\n params,\n method: \"GET\",\n types: [\n GET_FOLIOS_CANCELLATION,\n GET_FOLIOS_CANCELLATION_SUCCESS,\n GET_FOLIOS_CANCELLATION_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`)\n }\n};\n\nexport const submitSipCancellation = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/Ktrack_Dist_SipCancellation\",\n params,\n method: \"GET\",\n types: [\n SUBMIT_GET_FOLIOS_CANCELLATION,\n SUBMIT_GET_FOLIOS_CANCELLATION_SUCCESS,\n SUBMIT_GET_FOLIOS_CANCELLATION_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const submitSTPCancellation = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/SIPCancelSave\",\n params,\n method: \"GET\",\n types: [\n SUBMIT_GET_STP_FOLIOS_CANCELLATION,\n SUBMIT_GET__STP_FOLIOS_CANCELLATION_SUCCESS,\n SUBMIT_GET_STP_FOLIOS_CANCELLATION_FAILED,\n ],\n },\n });\n } catch (error) {\n console.log(error);\n }\n};\n\nexport const sipPauseDateCalculate = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/GetSIPPauseDate\",\n params,\n method: \"GET\",\n types: [\n PAUSE_SIP_DATES,\n PAUSE_SIP_DATES_SUCCESS,\n PAUSE_SIP_DATES_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const sipPauseEndDateCalculate = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/PauseSIPEnddateDecider\",\n params,\n method: \"GET\",\n types: [\n PAUSE_END_SIP_DATES,\n PAUSE_END_SIP_DATES_SUCCESS,\n PAUSE_END_SIP_DATES_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const sipPauseValidator = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/SIPPauseVAlidation\",\n params,\n method: \"GET\",\n types: [\n PAUSE_SIP_VALIDATOR,\n PAUSE_SIP_VALIDATOR_SUCCESS,\n PAUSE_SIP_VALIDATOR_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const finalSipPause = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/SIPPause\",\n params,\n method: \"GET\",\n types: [\n FINAL_SIP_PAUSE,\n FINAL_SIP_PAUSE_SUCCESS,\n FINAL_SIP_PAUSE_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const storeType = (selectedTab) => {\n return {\n type: STORE_TYPE,\n body: { selectedTab },\n };\n};\n\nexport const EKYCMail = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/Send_eKYCMail\",\n ikyc: true,\n params: params,\n method: \"GET\",\n types: [SEND_MAIL_KYC, SEND_MAIL_KYC_SUCCESS, SEND_MAIL_KYC_FAILED],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const getCancellationReason = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/GetCancellationReason\",\n params,\n method: \"GET\",\n showLoader: true,\n },\n });\n } catch (error) {\n return { error };\n }\n};\n","import { CALL_API } from \"../api.middleware\";\nimport {\n SHOW_PURCHASE_CONFIRMATION,\n SHOW_PURCHASE_CONFIRMATION_SUCCESS,\n SHOW_PURCHASE_CONFIRMATION_FAILED,\n CONFIRM_PURCHASE,\n CONFIRM_PURCHASE_SUCCESS,\n CONFIRM_PURCHASE_FAILED,\n SET_SIP_DETAILS,\n SIP_SAVE_DATA,\n SET_NEW_PAN,\n SIP_SAVE_DATA_SUCCESS,\n SIP_SAVE_DATA_FAILED,\n SET_SWITCH_DETAILS,\n SET_STP_DETAILS,\n GET_EARNINGS,\n GET_EARNINGS_SUCCESS,\n GET_EARNINGS_FAILED,\n SAVE_TRANSACTION_DETAILS,\n RE_INITIATE_TRANSACTION,\n RE_INITIATE_SUCCESS,\n RE_INITIATE_FAILED,\n} from \"../types\";\n\nexport const submitPurchaseData = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/SentpurchasemailRed\",\n params,\n method: \"GET\",\n showLoader: true,\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const showPurchaseConfirmation = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/ShowpurchaseconfirmationData\",\n params,\n method: \"GET\",\n types: [\n SHOW_PURCHASE_CONFIRMATION,\n SHOW_PURCHASE_CONFIRMATION_SUCCESS,\n SHOW_PURCHASE_CONFIRMATION_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const saveTransactionDetails = (body) => {\n return {\n type: SAVE_TRANSACTION_DETAILS,\n body,\n };\n};\nexport const saveSipData = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/SIPSave\",\n params,\n method: \"GET\",\n types: [SIP_SAVE_DATA, SIP_SAVE_DATA_SUCCESS, SIP_SAVE_DATA_FAILED],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const confirmPurchase = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/SaveDTRWeb\",\n params,\n method: \"GET\",\n types: [\n CONFIRM_PURCHASE,\n CONFIRM_PURCHASE_SUCCESS,\n CONFIRM_PURCHASE_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getAssetClasses = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/GetAssetclass\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getOtherSchemes = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/getOtherSchemesSwitch\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getBankDetails = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/GetRedemptionBankDeatils\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getCheckPanKotm = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/CheckPANKotm\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const getCheckPanAotm = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/CheckPANAotm\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getRedemptionPaymentDetails = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/exitloadcalc\",\n params,\n method: \"GET\",\n types: [\n SHOW_PURCHASE_CONFIRMATION,\n SHOW_PURCHASE_CONFIRMATION_SUCCESS,\n SHOW_PURCHASE_CONFIRMATION_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const redemptionConfirm = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/Savetransaction_red\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const swpOptions = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/getMasterSIP\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const CalcSIPEnddt = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/CalcSIPEnddt\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const swpConfirm = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/SWPDetailsSave_WEB\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const stpConfirm = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/SaveSTPconfirmationWeb\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const physicalTransaction = (body) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"\",\n body,\n method: \"POST\",\n isFile: true,\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const setSipDetails = (data) => {\n return {\n type: SET_SIP_DETAILS,\n body: data,\n };\n};\n\nexport const setNewPAN = (pan) => {\n return {\n type: SET_NEW_PAN,\n body: pan,\n };\n};\n\nexport const setSwitchDetails = (data) => {\n return {\n type: SET_SWITCH_DETAILS,\n body: data,\n };\n};\n\nexport const setStpDetails = (data) => {\n return {\n type: SET_STP_DETAILS,\n body: data,\n };\n};\n\nexport const getFundWiseEarnings = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: `/GetBrokerageDetails`,\n isOld: true,\n params,\n method: \"GET\",\n types: [GET_EARNINGS, GET_EARNINGS_SUCCESS, GET_EARNINGS_FAILED],\n showLoader: true,\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getMinimumAmount = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: `/Ktrack_GetMinAmt`,\n params,\n method: \"GET\",\n // types: [GET_EARNINGS, GET_EARNINGS_SUCCESS, GET_EARNINGS_FAILED],\n // showLoader: true\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getNctType = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: `/GetNCTKtrackgo`,\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getNctSave = (body) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: ``,\n body,\n method: \"POST\",\n isNct: true,\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getEnach = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: `/enachregdbilldesk`,\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const EBamountValidation = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/ktrack_mirae_EB_amt_validation\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n return error;\n }\n};\n\nexport const getEnachFolios = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: `/GetEnachBankByFolio`,\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getEnachFequency = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: `/GetEnachFrequency`,\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const getEnachFoliosList = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: `/CheckPANAotm`,\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n // alert(`${error}`);\n console.log(`${error}`);\n }\n};\nexport const STPMinGap = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: `/Ktrack_get_min_gap`,\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n // alert(`${error}`);\n console.log(`${error}`);\n }\n};\nexport const STPCycleDateValidation = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: `/Ktrack_get_cycle_date_validation`,\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n // alert(`${error}`);\n return error\n }\n};\n\nexport const getEnachValidateBank = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: `/ktrack_enach_bank_valid`,\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n // console.log(`${error}`)\n }\n};\n\nexport const checkPAN = (payload) => async (dispatch) => {\n try {\n const requestBody = {\n Pan: payload.pan,\n PanName: payload.PanName,\n PanDOB: payload.PanDOB,\n JH1_PAN: payload.jointHolder1Pan,\n JH1_PanDOB: payload.jointHolder1PanDOB,\n JH1_PanName: payload.jointHolder1PanName,\n JH2_PAN: payload.jointHolder2Pan,\n JH2_PanDOB: payload.jointHolder2PanDOB,\n JH2_PanName: payload.jointHolder2PanName,\n G_Pan: payload.guardianPan,\n G_PanName: payload.guardianPanName,\n G_PanDOB: payload.guardianPanDOB,\n TrxnType: \"New\",\n Acno: 0,\n Branch: \"WB99\",\n Fund: payload.fund,\n invStatus: payload.invStatus,\n JH1_invStatus:payload.JH1_invStatus,\n JH2_invStatus:payload.JH2_invStatus,\n };\n\n const response = await dispatch({\n [CALL_API]: {\n url: \"/Wrappermethod\",\n method: \"GET\",\n showLoader: true,\n params: requestBody,\n skipEncode: true,\n },\n });\n const { DtData = [] } = response;\n const [panAadhaaarResponse = {}] = DtData;\n return panAadhaaarResponse;\n } catch (error) {\n alert(`${error}`);\n }\n};\n\n\nexport const reInitiateTransaction = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/Ktrack_ReinitiateTransaction\",\n params,\n method: \"GET\",\n types: [\n RE_INITIATE_TRANSACTION,\n RE_INITIATE_SUCCESS,\n RE_INITIATE_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\n\nexport const showPurchaseConfirmationReinitiate =\n (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/ShowpurchaseconfirmationData_reinitiate\",\n params,\n method: \"GET\",\n types: [\n SHOW_PURCHASE_CONFIRMATION,\n SHOW_PURCHASE_CONFIRMATION_SUCCESS,\n SHOW_PURCHASE_CONFIRMATION_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n };\n","import { CALL_API } from \"../api.middleware\";\nimport {\n STORE_FATCA_DETAILS,\n STORE_NOMINEE_DETAILS,\n STORE_INVESTMENT_DETAILS,\n STORE_SCHEME_DETAILS,\n STORE_APPLICANT_PARAMS,\n STORE_INVESTMENT_PARAMS,\n STORE_SCHEME_PARAMS,\n STORE_ADDRESS_SUCESS,\n GET_NOMINEE_DETAILS,\n GET_NOMINEE_DETAILS_SUCESS,\n GET_NOMINEE_DEATILS_FAILED,\n GET_BANK_DETAILS,\n GET_BANK_DETAILS_SUCESS,\n GET_BANK_DETAILS_FAILED,\n STORE_PAN,\n CLEARING_FIRST_TIME_INVETOR_JOURNEY_SUCCESS,\n} from \"../types\";\n\nexport const getBankList = () => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/Ktrack_GetBanks\",\n method: \"GET\",\n },\n });\n } catch (error) {\n console.log({ error });\n }\n};\n\nexport const validatePennyDrop = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/ValidatePennyDrop\",\n method: \"GET\",\n params,\n },\n });\n } catch (error) {\n console.log({ error });\n }\n};\nexport const getRelationShipList = () => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/getmasternewpur\",\n method: \"GET\",\n params: {\n opt: \"nrn\",\n },\n },\n });\n } catch (error) {\n console.log({ error });\n }\n};\nexport const getNomineeDetails = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/ktrack_GetDIT_NomineeDetails\",\n params,\n types: [\n GET_NOMINEE_DETAILS,\n GET_NOMINEE_DETAILS_SUCESS,\n GET_NOMINEE_DEATILS_FAILED,\n ],\n method: \"GET\",\n },\n });\n } catch (error) {\n console.error(error);\n }\n};\nexport const NewinvestorBankDetails = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/ktrack_GetDIT_BankDetails\",\n params,\n method: \"GET\",\n types: [\n GET_BANK_DETAILS,\n GET_BANK_DETAILS_SUCESS,\n GET_BANK_DETAILS_FAILED,\n ],\n },\n });\n } catch (error) {\n console.error(error);\n }\n};\nexport const getNav = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/getNavData\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n console.error(error);\n }\n};\nexport const getStatesList = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/Ktrack_GetStates\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n console.error(error);\n throw error;\n }\n};\n\nexport const getCountriesList = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/Ktrack_GetCountries\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n console.error(error);\n throw error;\n }\n};\nexport const getBankDetails = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n params,\n url: \"/getBankdetailsByIFSC\",\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const getCitiesList = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/Ktrack_Getcitybtstate\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n console.error(error);\n }\n};\n\nexport const submitSipDetails = (body) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/new_investor_sip_submit\",\n body,\n method: \"POST\",\n showLoader: true,\n newinvestor:true,\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const submitLumpsumDetails = (body) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/new_investor_lumpsum_submit\",\n body,\n method: \"POST\",\n showLoader: true,\n newinvestor:true,\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const getAccountTypes = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/GetMasterNewpur_All\",\n params,\n method: \"GET\",\n showLoader: true,\n },\n });\n } catch (error) {\n console.error(error);\n }\n};\n\nexport const getKycDetails = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/Ktrack_GetKYCaddress\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n console.error(error);\n }\n};\nexport const bankAccountTypes = () => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/ktrack_Dist_Getbankaccounttypes\",\n method: \"GET\",\n showLoader: true,\n },\n });\n } catch (error) {\n console.error(error);\n }\n};\n\nexport const storeFatcaDetails = (body) => {\n return {\n type: STORE_FATCA_DETAILS,\n body,\n };\n};\nexport const storeNomineeDetails = (body) => {\n return {\n type: STORE_NOMINEE_DETAILS,\n body,\n };\n};\nexport const storeInvestmentDetails = (body) => {\n return {\n type: STORE_INVESTMENT_DETAILS,\n body,\n };\n};\n\nexport const storeSchemeDetails = (body) => {\n return {\n type: STORE_SCHEME_DETAILS,\n body,\n };\n};\n\nexport const storeSchemeParams = (body) => {\n return {\n type: STORE_SCHEME_PARAMS,\n body,\n };\n};\n\nexport const storeApplicantParams = (body) => {\n return {\n type: STORE_APPLICANT_PARAMS,\n body,\n };\n};\n\nexport const storeInvestmentParams = (body) => {\n return {\n type: STORE_INVESTMENT_PARAMS,\n body,\n };\n};\nexport const storeAddress = (body) => {\n return {\n type: STORE_ADDRESS_SUCESS,\n body,\n };\n};\nexport const storePan = (body) => {\n return {\n type: STORE_PAN,\n body,\n };\n};\nexport const clearingFirstTimeInvestorJourney = (body) => {\n return {\n type: CLEARING_FIRST_TIME_INVETOR_JOURNEY_SUCCESS,\n body,\n };\n};","import { CALL_API } from \"../api.middleware\";\nimport {\n GET_CAMS_DATA,\n GET_CAMS_DATA_FAILED,\n GET_CAMS_DATA_SUCCESS,\n SAVE_EMPANELMENT,\n SAVE_EMPANELMENT_FAILED,\n SAVE_EMPANELMENT_SUCCESS,\n GENERATE_EMPANEL_OTP,\n GENERATE_EMPANEL_OTP_FAILED,\n GENERATE_EMPANEL_OTP_SUCCESS,\n VALIDATE_EMPANEL_OTP,\n VALIDATE_EMPANEL_OTP_FAILED,\n VALIDATE_EMPANEL_OTP_SUCCESS,\n REMOVE_CAMS_DATA,\n GET_BANK_DETAILS,\n GET_BANK_DETAILS_FAILED,\n GET_BANK_DETAILS_SUCCESS,\n AGENT_REGISTRATION,\n AGENT_REGISTRATION_SUCCESS,\n AGENT_REGISTRATION_FAILED,\n VALIDATE_ARN_CODE,\n VALIDATE_ARN_CODE_SUCCESS,\n VALIDATE_ARN_CODE_FAILED,\n STORE_BASIC_DETAILS,\n STORE_BANK_STATE,\n STORE_BANK_DETAILS,\n STORE_CAMS_DETAILS,\n STORE_EMPANELLEMENT_NOMINEE_DETAILS\n} from \"../types/empanelment\";\n\nexport const validateArn = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n params,\n url: \"/ValidateArncode_Mirae\",\n method: \"GET\",\n types: [\n VALIDATE_ARN_CODE,\n VALIDATE_ARN_CODE_SUCCESS,\n VALIDATE_ARN_CODE_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const validatePennyDrop = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n url: \"/ValidatePennyDrop\",\n params,\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const empanelmentRegistration = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n params,\n url: \"/Empanelment_AgentRegistration\",\n method: \"GET\",\n types: [\n AGENT_REGISTRATION,\n AGENT_REGISTRATION_SUCCESS,\n AGENT_REGISTRATION_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const saveEmpanelment = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n params,\n url: \"/SaveAllDetails_Empanelment\",\n method: \"GET\",\n types: [\n SAVE_EMPANELMENT,\n SAVE_EMPANELMENT_SUCCESS,\n SAVE_EMPANELMENT_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const getBankDetails = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n params,\n url: \"/GetBankByIFSCorMICR\",\n method: \"GET\",\n types: [\n GET_BANK_DETAILS,\n GET_BANK_DETAILS_SUCCESS,\n GET_BANK_DETAILS_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const getCamsData = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n params,\n url: \"/CAMSData\",\n method: \"GET\",\n types: [GET_CAMS_DATA, GET_CAMS_DATA_SUCCESS, GET_CAMS_DATA_FAILED],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\n\nexport const generateEmpanelOTP = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n params,\n url: \"/GenerateEmpanelOtp\",\n method: \"GET\",\n types: [\n GENERATE_EMPANEL_OTP,\n GENERATE_EMPANEL_OTP_SUCCESS,\n GENERATE_EMPANEL_OTP_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const validateEmpanelOTP = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n params,\n url: \"/ValidateEmpanelOtp\",\n method: \"GET\",\n types: [\n VALIDATE_EMPANEL_OTP,\n VALIDATE_EMPANEL_OTP_SUCCESS,\n VALIDATE_EMPANEL_OTP_FAILED,\n ],\n },\n });\n } catch (error) {\n alert(`${error}`);\n }\n};\nexport const getCitiesList = (params) => async (dispatch) => {\n try {\n return await dispatch({\n [CALL_API]: {\n params,\n url: \"/GetCities\",\n method: \"GET\",\n },\n });\n } catch (error) {\n alert(error);\n }\n};\n\nexport const removeData = () => {\n return {\n type: REMOVE_CAMS_DATA,\n body: [],\n };\n};\n\nexport const saveEmpanelData = (data) => {\n return {\n type: STORE_BASIC_DETAILS,\n body: data,\n };\n};\nexport const saveCamsData = (data) => {\n return {\n type: STORE_CAMS_DETAILS,\n body: data,\n };\n};\nexport const saveEmpanelmentNomineeData = (data) => {\n return {\n type: STORE_EMPANELLEMENT_NOMINEE_DETAILS,\n body: data,\n };\n};\nexport const storeBankState = (data) => {\n return {\n type: STORE_BANK_STATE,\n body: data,\n };\n};\nexport const saveBankDetails = (body) => {\n return {\n type: STORE_BANK_DETAILS,\n body,\n };\n};\n","import React, { Component } from \"react\";\nimport { NavLink } from \"react-router-dom\";\nimport Breadcrumbs from \"@material-ui/core/Breadcrumbs\";\nimport NavigateNextIcon from \"@material-ui/icons/NavigateNext\";\nimport Image from \"../Image\";\n\nexport default class CommonBreadCrumb extends Component {\n lastAndTo = (index) => {\n let { pathnames } = this.props;\n if (pathnames.find((p) => p === process.env.PUBLIC_URL.split(\"/\").pop())) {\n pathnames = pathnames.slice(1);\n }\n const last = index === pathnames.length - 1;\n const to = `/${pathnames.slice(0, index + 1).join(\"/\")}`;\n return { last, to };\n };\n\n render() {\n let { hideFirst, pathnames, breadcrumbNameMap } = this.props;\n if (pathnames.find((p) => p === process.env.PUBLIC_URL.split(\"/\").pop())) {\n pathnames = pathnames.slice(1);\n }\n return pathnames.length === 1 && !!hideFirst ? (\n \n ) : (\n \n
\n\n {/* \n
*/}\n View Value Across Asset Classes
\n See holdings across asset classes - Equity,Debt,Liquid - and across funds and categories
\n \n {/* {index === 0 && (\n \n {breadcrumbNameMap[to]?.title}\n \n )}\n
\n );\n })}\n \n );\n }\n}\n","const drawerWidth = 254;\n\nexport const drawerStyles = (theme) => ({\n root: {\n display: \"flex\",\n },\n toolbar: {\n height: 75,\n minHeight: 75,\n display: \"flex\",\n alignItems: \"center\",\n paddingLeft: 20,\n borderBottom: \"0.1px solid black\",\n },\n appBar: {\n width: `calc(100% - ${drawerWidth}px)`,\n minHeight: 75,\n marginLeft: drawerWidth,\n background: \"white\",\n boxShadow: \"0px 0px 1px -1px lavender\",\n },\n drawer: {\n width: drawerWidth,\n flexShrink: 0,\n overflow: \"hidden\",\n },\n drawerPaper: {\n width: drawerWidth,\n boxShadow: \"0px 0px 3px -1px lavender\",\n border: 0,\n overflow: \"hidden\",\n },\n content: {\n flexGrow: 1,\n marginTop: 70,\n // padding: \"0px 30px\",\n width: \"70%\",\n overflow: \"hidden\",\n backgroundColor: \"#fbfcfd\",\n // padding: theme.spacing(3)\n },\n appbaricons: {\n display: \"flex\",\n width: \"100%\",\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n },\n appabarlastlogin: {\n height: 20,\n },\n appabarring: {\n height: 20,\n marginLeft: 20,\n marginRight: 20,\n },\n appabarlogout: {\n cursor: \"pointer\",\n height: 35,\n marginLeft: 20,\n marginRight: 20,\n color: \"White\",\n fontSize: 14,\n padding : 5,\n borderRadius: 5,\n background: \"#023F88\",\n border: \"none\",\n },\n lastlogindiv: {\n display: \"flex\",\n marginRight: 20,\n },\n lastloginmain: {\n color: \"gray\",\n fontSize: 12,\n marginLeft: 5,\n fontWeight: 600,\n },\n lastloginsub: {\n color: \"#023F88\",\n },\n profile: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n marginTop: 5,\n },\n profileimage: {\n background: \"#023F88\",\n display: \"flex\",\n marginLeft: 30,\n color: \"white\",\n fontSize: 20,\n fontWeight: 100,\n\n alignItems: \"center\",\n justifyContent: \"center\",\n\n height: 60,\n width: 60,\n // marginRight: 25,\n borderRadius: \"50%\",\n },\n profileRole: {\n backgroundColor: \"#feefe2\",\n padding: \"5px 20px 5px 10px\",\n borderTopRightRadius: 30,\n borderBottomRightRadius: 30,\n },\n profileRoletext: {\n color: \"#586266\",\n fontSize: 12,\n },\n profileRolesubtext: {\n color: \"#023F88\",\n fontFamily: \"HelveticaNeue-Bold\",\n fontSize: 12,\n },\n profileSettings: {\n display: \"flex\",\n alignItems: \"center\",\n padding: 10,\n marginRight: 5,\n border: \"1px solid lightgray\",\n borderRadius: 5,\n boxShadow: \"0px 0px 0px 1px lavender\",\n },\n profileSettingsicon: {\n height: 30,\n width: 35,\n marginRight: 10,\n },\n profileName: {\n color: \"black\",\n fontSize: 15,\n marginTop: 10,\n textAlign: \"center\",\n paddingRight: \"22px\"\n },\n profilenametext: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n paddingRight: \"24px\"\n },\n profilenameMaintext: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n fontSize: 13,\n color: \"#596679\",\n textAlign: \"center\",\n },\n profilediv: {\n paddingBottom: 15,\n },\n profilenamesubtext: {\n color: \"black\",\n fontSize: 15,\n marginLeft: 5,\n },\n combined: {\n margin: \"10px 0px\",\n },\n list: {\n margin: \"0px 10px\",\n padding: \"20px 0px 40px\",\n overflowX: \"hidden\",\n overflowY: \"scroll\",\n marginBottom: \"20px\",\n },\n listImage: {\n marginLeft: 12,\n height: 15,\n },\n listTextActive: {\n fontSize: 15,\n marginLeft: 15,\n color: \"white\",\n },\n\n listText: {\n fontSize: 15,\n marginLeft: 12,\n color: \"#586a82\",\n },\n});\n\nexport const dashboardStyles = (theme) => ({\n card: {\n display: \"flex\",\n width: \"33%\",\n height: 100,\n margin: \"0px 10px\",\n },\n details: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n content: {\n flex: \"1 0 auto\",\n display: \"flex\",\n paddingBottom: 0,\n flexDirection: \"column\",\n justifyContent: \"center\",\n },\n cover: {\n width: 151,\n },\n controls: {\n display: \"flex\",\n alignItems: \"center\",\n paddingLeft: theme.spacing(1),\n paddingBottom: theme.spacing(1),\n },\n playIcon: {\n height: 38,\n width: 38,\n },\n});\n\nexport const simpleCardsStyles = (theme) => ({\n card: {\n display: \"flex\",\n alignItems: \"center\",\n width: \"33.33%\",\n marginTop: 1,\n padding: \"16px 15px\",\n boxShadow: \"0px 0px 3px 1px lavender\",\n margin: \"0px 10px\",\n flexGrow: 1,\n },\n\n content: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n padding: 0,\n },\n displaySimpleCard: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n simpletwo: {\n display: \"flex\",\n alignItems: \"center\",\n flexGrow: 1,\n },\n details: {\n margin: \"0px 20px\",\n },\n name: {\n fontSize: 14,\n },\n count: {\n fontSize: 18,\n },\n});\n","import React, { Component } from \"react\";\nimport Loader from \"react-loader-spinner\";\nimport \"react-loader-spinner/dist/loader/css/react-spinner-loader.css\";\n\nexport default class CustomLoading extends Component {\n render() {\n return (\n \n {breadcrumbNameMap[to]?.title}\n
\n ) : (\n \n
\n \n \n 0 ? \"ThreeDots\" : \"\"}\n width={this.props.count > 0 ? 25 : 0}\n height={this.props.count > 0 ? 25 : 0}\n />\n )}\n \n
\n \n );\n }\n}\n\nDisplayCards.propTypes = {\n classes: PropTypes.object.isRequired,\n};\nexport default connect(({ loading }) => {\n const { count } = loading;\n return { count };\n})(withStyles(dashboardStyles)(DisplayCards));\n","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { simpleCardsStyles } from \"../appCss\";\nimport PropTypes from \"prop-types\";\nimport Card from \"@material-ui/core/Card\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport { Tooltip } from \"@material-ui/core\";\n\nimport CustomLoading from \"../CustomLoader\";\nimport {\n NEW_INVESTORS,\n INACTIVE_INVESTORS,\n ACTIVE_INVESTORS,\n EXPIRING_NEXT_MONTH,\n CLOSED_THIS_MONTH,\n SIP_INVESTMENTS,\n} from \"../../../store/types\";\nimport Image from \"../../Image\";\n\nclass DisplaySimpleCards extends Component {\n render() {\n const { classes } = this.props;\n const x = this.props.count + \"\";\n const pointer = this.props.pointer\n const nameArray = [\n \"Authorization Expired\",\n \"Authorization Approved\",\n \"Authorization Pending\",\n \"Active Investors\",\n \"Inactive Investors\",\n \"New Investors\",\n EXPIRING_NEXT_MONTH,\n CLOSED_THIS_MONTH,\n SIP_INVESTMENTS,\n ];\n\n return (\n \n {this.props.name}\n
\n {!!this.props.values ? (\n {parseFloat(this.props.values).toLocaleString()}
\n ) : (\n \n \n \n \n
\n\n {nameArray.includes(this.props.name) ? (\n \n
\n \n
\n \n \n {this.props.name}\n
\n\n {this.props.count >= 0 ? (\n \n {!!x && x.length === 1 && x !== \"0\" ? \"0\" + x : x}\n
\n ) : (\n \n \n \n \n {data.map((entry, index) => (\n
\n \n ))\n : \"\"}\n \n )}\n {!!this.props.data && !this.props.name ? (\n \n {!this.props.removePieData && (\n \n \n \n {!!item && !!item.name && this.props.name !== \"Fund\"\n ? item.name.toLowerCase()\n : \"\"}\n
\n \n \n Type\n
\n {!!this.props.data\n ? this.props.data.map((item, index) => (\n \n {!!this.props.percentile\n ? `${item.value} %`\n : item.value}\n
\n \n ))\n : \"\"}\n \n ) : (\n \"\"\n )}\n {!!this.props.data && !this.props.name ? (\n \"\"\n ) : (\n \n \n {this.props.symbol === \"%\" && !!this.props.data\n ? \"Percentage\"\n : !!this.props.data\n ? \"\"\n : \"\"}\n
\n {!!this.props.data\n ? this.props.data.map((item, index) => (\n \n \n AUM\n
\n {this.props.data.map((item, index) => (\n \n \n {this.props.response}\n
\n ) : (\n \"\"\n )}\n \n \n
\n Successfully raised a query
\n {!!this.props.response ? (\n \n
\n \n \n \n \n Change Password\n
\n \n \n
\n \n this.onBlurInput(value, \"oldPassword\")}\n height={18}\n image2={\n !!this.state.showOldPassword &&\n !this.state.showOldPassword.value\n ? \"/images/LIC_eye.svg\"\n : \"/images/lic_eye_hide.svg\"\n }\n // height={\n // !!this.state.showOldPassword &&\n // !this.state.showOldPassword.value\n // ? 10\n // : 15\n // }\n onClick={() => {\n this.setState({\n showOldPassword: !this.state.showOldPassword,\n });\n }}\n isShowPasswordError={\n this.state.oldPassword.isShowPasswordError\n }\n isShowError={this.state.oldPassword.isShowError}\n errorMessage={this.state.oldPassword.errorMessage}\n />\n
\n \n this.onBlurInput(value, \"newPassword\")}\n onClick={() => {\n this.setState({\n showPassword: !this.state.showPassword,\n });\n }}\n isShowError={this.state.newPassword.isShowError}\n isShowPasswordError={\n this.state.newPassword.isShowPasswordError\n }\n errorMessage={this.state.newPassword.errorMessage}\n />\n
\n \n {\n this.setState({\n confirmShowPassword: !this.state.confirmShowPassword,\n });\n }}\n value={this.state.confirmPassword.value}\n onChange={this.onChangeInput(\"confirmPassword\")}\n onBlur={(eve) => this.onBlurInput(eve, \"confirmPassword\")}\n isShowError={this.state.confirmPassword.isShowError}\n isShowPasswordError={\n this.state.confirmPassword.isShowPasswordError\n }\n errorMessage={this.state.confirmPassword.errorMessage}\n />\n
\n \n this.submit()}\n />\n
\n \n
\n\n \n \n Services\n
\n \n
\n \n \n Forms\n
\n \n
\n \n\n \n \n Downloads\n
\n \n
\n \n \n \n \n \n MailBack Request Status\n \n \n \n \n this.onDateChange(e)}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n maxDate={new Date()}\n id=\"mui-pickers-date\"\n value={this.state.date}\n />\n \n
\n \n
\n \n \n \n );\n }\n}\n\nexport const MBRStatusDialog = connect(null, { getMailBackRequestStatus })(\n MailBacKRequestStatusPopUp\n);\n\nexport class NonLoginServices extends Component {\n render() {\n return (\n \n \n \n \n {!!this.props.message\n ? this.props.message\n : \"This Client is not KYC compliant.Do you want to complete the KYC process?\"}\n
\n \n \n
\n \n \n \n );\n }\n}\n\nexport default class CustomizedDialogs extends React.Component {\n render() {\n return (\n \n \n \n \n {!!this.props.passwordSucess\n ? this.props.message || \"Password Changed Successfully\"\n : !!this.props.Gas\n ? this.props.error\n : \"Successfully submitted your request\"}\n \n {this.props.cas === true\n ? `A mail will be sent to ${this.props.Nctihno?\"registrated\":\"above entered\"} Email Id within 30 minutes.`\n : \"\"}\n {this.props.Gas === true && this.props.error === \"Success\"\n ? \"A mail will be sent to your registered email\"\n : \"\"}\n
\n \n ) : (this.props.componentName === \"MailBacKRequest\" &&\n this.props.refNo) ||\n (this.props.componentName === \"SWP\" && this.props.refNo) ||\n (this.props.componentName === \"REDEMPTION\" &&\n this.props.refNo) ? (\n \n
\n {this.props.cas === true ||\n this.props.Gas === true ||\n this.props.componentName === \"MailBackSoa\" ||\n this.props.passwordSucess ? (\n \n {!!this.props.componentName &&\n (this.props.componentName === \"REDEMPTION\" ||\n this.props.componentName === \"SWP\") ? (\n
\n \n ) : (\n \n Successfully Initiated Transaction\n
\n ) : (\n \"\"\n )}\n \n
\n \n {!!this.props.componentName &&\n (this.props.componentName === \"REDEMPTION\" ||\n this.props.componentName === \"SWP\") ? (\n \n Your request is successfully registered with reference no\n -\n \n {this.props.refNo}\n \n .{\" \"}\n {this.props.myself === true ? \"distributor\" : \"investor\"}{\" \"}\n will receive a mail to approval\n
\n \n Transaction for{\" \"}\n {this.props.componentName} has been\n initiated Successfully.\n
\n ) : (\n \"\"\n )}\n \n
\n )}\n \n )}\n \n {this.props.componentName === \"Sip cancellation\" ||\n this.props.componentName === \"SWP cancellation\" ||\n this.props.componentName === \"STP cancellation\"\n ? `${this.props.componentName.slice(0,4).toUpperCase()+this.props.componentName.slice(4,16)} request has been initiated`\n : this.props.componentName === \"Sip Pause\"\n ? ` SIP Pause has been initiated Successfully`\n : `Successfully Initiated Transaction`}\n
\n\n {this.props.type === \"STP\" || this.props.type === \"SWITCH\" ? (\n \n
\n ) : (\n \n Transaction for {this.props.type} has\n been initiated successfully.\n
\n \n You have initiated the transaction successfully with\n reference number:\n \n {this.props.refNo}\n \n investor will receive an mail for approval.\n
\n \n {!!this.props.reqtype ? (\n \n Transaction for NFO has been initiated Successfully.\n
\n \n Transaction for {this.props.reqtype}\n {!!this.props.Nctihno &&\n ` with the IHNO : ${this.props.Nctihno} `}\n has been initiated successfully\n
\n ) : (\n this.props.componentName !== \"Sip cancellation\" ||\n this.props.componentName !== \"SWP cancellation\" ||\n this.props.componentName !== \"STP cancellation\" ||\n (this.props.componentName !== \"Sip Pause\" && (\n \n Transaction for{\" \"}\n \n {!!this.props.refrence\n ? this.props.refrence.new_type\n : \"\"}\n {!!this.props.refNo ? \"SIP\" : \"\"}\n {\" \"}\n has been initiated successfully.\n
\n ))\n )}\n {!!this.props.reqtype ? (\n \n Your investor will receive the details via an mail and\n sms\n
\n ) : this.props.componentName === \"Sip cancellation\" ||\n this.props.componentName === \"SWP cancellation\" ||\n this.props.componentName === \"STP cancellation\" ? (\n \n Transaction for{\" \"}\n {this.props.componentName.slice(0,4).toUpperCase()+this.props.componentName.charAt(4).toUpperCase()+this.props.componentName.slice(5,16)} with the\n IH No. {this.props.refNo.value} is pending for investor confirmation.\n
\n ) : this.props.componentName === \"Sip Pause\" ? (\n this.props.refNo.errorMessage\n ) : this.props.transactName === \"NFO\" ? (\n <>\n \n Link for {this.props.scheme} scheme\n is generated\n
\n \n ) : (\n \n
\n )}\n \n Transaction for{\" \"}\n {this.props.transactName} has been\n initiated successfully.\n
\n \n Your investor will receive the details via an email\n and sms with reference number\n \n {!!this.props.refrence\n ? this.props.refrence.value\n : \"\"}\n {!!this.props.refNo ? this.props.refNo : \"\"}\n \n
\n \n {this.props.cas === true && !this.props.componentName ? (\n
\n \n \n \n );\n }\n}\n\nexport class SipCancelModal extends Component {\n render() {\n return (\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 class EnachModal extends Component {\n render() {\n return (\n \n
\n \n
\n \n
\n \n
\n \n
\n {/* \n
*/}\n \n \n \n {/* \n window.open(\"https://bit.ly/49yOZfT\")\n }\n /> */}\n \n
\n \n \n \n \n );\n }\n}\nexport const RejectionReason = (props) => {\n return (\n \n
\n \n Important Regulatory Update on KYC Status\n
\n\n As per the Master Circular issued by SEBI on KYC requirements,\n Investors with ‘KYC Registered’ status are requested to do their KYC again to become ‘KYC Validated’ by visiting {\" \"}\n https://mfs.kfintech.com/Investor/General/ValidateKYC/
\n Click here to know more about the circular.\n
\n \n Click here to know more about the circular.\n
\n
\n\n );\n};\n\n\n\nexport class CustomizedDialogsforReintitate extends React.Component {\n render() {\n return (\n Cancellation Reasons
\n {props.rejectionReasons.map((reason) => (\n\n
\n \n ))}\n {\n !!props.reasonMandatory && *Rejection reason is mandatory\n }\n \n Selected Reason: {props.selectedReason}
\n {props.selectedReason?.includes(\"Others\") && (\n\n
\n )}\n\n \n \n \n \n
\n );\n }\n}\n\n","import React, { Component } from \"react\";\nimport DisplayCards from \"./displaycards\";\nimport DisplaySimpleCards from \"./displaySimpleCards\";\nimport TabHeader from \"../../forms/tabHeader\";\nimport PieDiagram from \"./piechart\";\nimport { ALL, earningsBackground, earningsButton } from \"../../../store/types\";\nimport { Paper } from \"@material-ui/core\";\nimport \"react-loader-spinner/dist/loader/css/react-spinner-loader.css\";\nimport moment from \"moment\";\nimport { FormatCurrency } from \"../currencyFormatter\";\nimport {\n getDashboardData,\n getAumData,\n getInvestors,\n getFrequentMailBackRequest,\n getInvestorDetails,\n getDashboardDataAum,\n getSipSummary,\n PosterOpen,\n} from \"../../../store/actions\";\nimport { DashboardPosterDialog } from \"../customModal\";\nimport { getMailbackList } from \"../../../store/actions/mailback\";\nimport { getProfileData } from \"../../../store/actions/profile\";\nimport { connect } from \"react-redux\";\nimport {\n AUTHORIZATION_PENDING,\n AUTHORIZATION_APPROVED,\n AUTHORIZATION_EXPIRED,\n INACTIVE_INVESTORS,\n ACTIVE_INVESTORS,\n NEW_INVESTORS,\n EXPIRING_NEXT_MONTH,\n CLOSED_THIS_MONTH,\n SIP_INVESTMENTS,\n} from \"../../../store/types\";\nimport Image from \"../../Image\";\n\nconst windowWidth = window.outerWidth;\nclass Dashboard extends Component {\n constructor(props) {\n super(props);\n this.state = {\n date: new Date().toLocaleDateString(),\n reports: [],\n report: { value: \"\" },\n Tab: \"AUM_SUMMARY\",\n PosterOpen: true,\n };\n }\n\n goToRoute = (path) => () => {\n this.props.history.push({\n pathname: \"/dashboard/transaction-summary\",\n state: {\n active: path,\n },\n });\n };\n\n goToSIPRoute = (path) => () => {\n this.props.history.push({\n pathname: \"/dashboard/SipSummaryTypes\",\n state: {\n active: path,\n },\n });\n };\n\n async componentDidMount() {\n this.props.getProfileData({\n Agent: this.props.token,\n UserId: this.props.userId,\n customfund: \"102\",\n });\n\n const body = {\n AgentCode: this.props.token,\n customfund: \"102\",\n UserId: this.props.userId,\n DateVal: moment(new Date()).format(\"MM-DD-YYYY\"),\n };\n this.props.getDashboardDataAum(body);\n\n this.props.getDashboardData({\n AgentCode: this.props.token,\n customfund: \"102\",\n });\n\n this.props.getInvestors({\n ARN: this.props.token,\n customfund: \"102\",\n AllFavFlag: \"A\",\n });\n\n const MailParams = {\n customfund: \"102\",\n };\n\n const response = await this.props.getMailbackList(MailParams);\n if (response) {\n this.setState({\n reports: response.DtData,\n });\n }\n // const sipParams = {\n // Uid: this.props.userId,\n // customfund: \"102\",\n // AgentCode: this.props.token,\n // DateVal: moment(new Date()).format(\"MM-DD-YYYY\"),\n // };\n // const Rresponse = this.props.getSipSummary(sipParams);\n }\n handleChangeSubReports = (value) => () => {\n this.props.history.push({\n pathname: `/mailBackRequest`,\n state: {\n value: value,\n },\n });\n\n window.scrollTo(0, 0);\n };\n\n currencyConverter = (value) => {\n if (Math.abs(Number(value)) >= 1.0e5) {\n return `${parseInt(Math.abs(Number(value)) / 1.0e5)} Lakhs`;\n } else if (Math.abs(Number(value)) >= 1.0e7) {\n return `${parseInt(Math.abs(Number(value)) / 1.0e7)} Cr`;\n } else if (Math.abs(Number(value)) >= 1.0e3) {\n return `${parseInt(Math.abs(Number(value)) / 1.0e3)} K`;\n } else {\n return Math.abs(Number(value));\n }\n };\n\n handleChangeTab = (label) => () => {\n this.setState({\n Tab: label,\n });\n };\n closePoster = async () => {\n this.setState({\n PosterOpen: false,\n });\n await this.props.PosterOpen(1);\n };\n\n //transaction-summary // kebab case // route names , css class names\n //transactionSummary // camel case // variables, function names.\n //transaction_summary // snake case //\n //TransactionSummary // PascalCase //Class names\n\n render() {\n const {\n transactionSummary,\n my_aum,\n numberofschemes,\n profileData,\n dashboardAUMData,\n sipSummaryData,\n } = this.props;\n const AmcAumList =\n !!dashboardAUMData && dashboardAUMData.Table4\n ? dashboardAUMData.Table2\n : [];\n\n const SipAumList =\n !!sipSummaryData && !!sipSummaryData.DtData ? sipSummaryData.DtData : [];\n const sortPieFundChart =\n !!dashboardAUMData && !!dashboardAUMData.Table2\n ? dashboardAUMData.Table2.sort(\n (a, b) => parseFloat(b.aum_percent) - parseFloat(a.aum_percent)\n )\n : [];\n\n const fundPieData =\n !!sortPieFundChart && !!sortPieFundChart.length\n ? sortPieFundChart.slice(0, 3).map((ele) => ({\n name: ele.descr,\n value: ele.aum_percent,\n ruppess: ele.aum,\n }))\n : [];\n\n const AUMDetails =\n !!dashboardAUMData && dashboardAUMData.Table3\n ? dashboardAUMData.Table3\n : [];\n const AUMPieData =\n !!dashboardAUMData && dashboardAUMData.DtData\n ? dashboardAUMData.DtData.map((ele) => ({\n name: ele.category,\n value: ele.aum_percent,\n ruppess: ele.aum,\n }))\n : [];\n\n return (\n \n
\n \n Successfully Re-Initiated Transaction\n
\n \n
\n \n
\n \n Transaction for {this.props.componentName}{\" \"}\n has been initiated Successfully.\n
\n \n Your investor will receive the details via an mail and sms with\n reference number\n \n {!!this.props.refNo ? this.props.refNo : \"\"}\n \n
\n \n
\n \n
\n \n
\n \n {this.props.posterStatus === 0 &&\n \n */}\n\n
\n \n {profileData.Distributor_Name} Portfolio\n
\n \n {!!this.props.tran_enable_flag &&\n this.props.tran_enable_flag === \"N\" && (\n
\n \n \n this.props.history.push(\n `/my-earnings`\n )\n }\n />\n
\n )}\n \n
\n \n
\n\n \n MY AUM\n \n As on :{\" \"}\n \n {moment(new Date(), \"DD/MM/YYYY\").format(\"DD-MM-YYYY\")}\n \n \n
\n Assets Class Wise Breakup
\n \n
\n \n
\n \n this.props.history.push(\"/investors\")}\n />\n
\n \n {/* \n \n ) : !!AUMPieData && AUMPieData.length === 0 ? (\n \n \n No Asset Class wise break up Found\n
\n \n ) : (\n \"\"\n )}\n Asset class wise Breakup
*/}\n {!!AUMPieData && AUMPieData.length > 0 ? (\n \n TRANSACTION SUMMARY\n \n As on :{\" \"}\n \n {moment(new Date(), \"DD/MM/YYYY\").format(\"DD-MM-YYYY\")}\n \n \n
\n \n
\n\n \n
\n \n
\n FREQUENT MAIL BACK REPORTS
*/}\n \n
\n )}\n\n {this.state.Tab === \"AUM_SUMMARY\" && (\n SIP Summary
\n \n
\n {SipAumList.map((item, index) => (\n \n
\n \n {/* \n No Data Found\n
\n )}\n \n )}\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, dashboard, investor, profileReducer }) => {\n const { token, userId, tran_enable_flag, posterStatus } = authReducer;\n const { count } = investor;\n const { profileData } = profileReducer;\n const {\n transactionSummary = {},\n my_aum,\n numberofschemes,\n aumData,\n fundData,\n totalAum,\n sipSummaryData,\n dashboardAUMData,\n } = dashboard;\n return {\n token,\n posterStatus,\n dashboardAUMData,\n userId,\n transactionSummary,\n sipSummaryData,\n my_aum,\n count,\n profileData,\n totalAum,\n numberofschemes,\n aumData,\n fundData,\n tran_enable_flag,\n };\n },\n {\n getDashboardData,\n getDashboardDataAum,\n PosterOpen,\n getSipSummary,\n getAumData,\n getInvestors,\n getInvestorDetails,\n getFrequentMailBackRequest,\n getProfileData,\n getMailbackList,\n }\n)(Dashboard);\n\nexport class SubReports extends Component {\n render() {\n return (\n AUM of AMC`S
*/}\n {!!AmcAumList && AmcAumList.length > 0 ? (\n AmcAumList.map((item, index) => (\n \n {/* \n \n
\n\n */}\n\n \n
\n \n {value.descr}\n
\n \n Total Assets\n \n {!!value && value.aum ? `₹ ${value.aum}` : \"0\"}\n \n \n {\" \"}\n (as on date {moment(new Date()).format(\"DD MMM `YY\")})\n \n
\n \n Investors\n
\n \n
\n \n Brokerage Details\n \n (last 6 months)\n \n
\n \n
\n {date}
\n No Fund wise found
\n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport Table from \"@material-ui/core/Table\";\nimport TableBody from \"@material-ui/core/TableBody\";\nimport TableCell from \"@material-ui/core/TableCell\";\nimport TableHead from \"@material-ui/core/TableHead\";\nimport TableRow from \"@material-ui/core/TableRow\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { connect } from \"react-redux\";\nimport CustomLoader from \"../../forms/Loader\";\nimport { reinitateTransaction } from \"../../../store/actions\";\n// import CustomLoading from \"../CustomLoader\";\nimport { FormatCurrency } from \"../currencyFormatter\";\nimport Signbutton from \"../../forms/button\";\nimport copy from \"copy-to-clipboard\";\nimport { addDays, isAfter } from \"date-fns\";\nimport { AUTHORIZATION_PENDING } from \"../../../store/types\";\n\nclass TableContainer extends Component {\n constructor(props) {\n super(props);\n this.state = {\n loading: false,\n };\n }\n copyCodeToClipboard = (Link) => () => {\n if(!!Link){\n copy(Link);\n alert(\"Link copied successfully\");\n } else {\n alert(\"Failed to copy the link\");\n }\n };\n reinitiate = async (item) => {\n try {\n this.setState({ loading: true });\n const { fund_code, ihno } = item;\n \n if (item.trtype === \"SIP\" && item.acno === 0) {\n item.trtype = \"New Purchase\";\n }\n const params = { fund: fund_code, ihno };\n this.props.history.push({\n pathname: `/dashboard/re-initiate-transaction`,\n state: { transaction: item },\n });\n // const response = await this.props.reinitateTransaction(params);\n\n // if (!!response) {\n // const data = response.Table1[0];\n // const { IHNO } = data;\n // alert(\n // `Successfully Reinitiated Transaction with transaction number ${IHNO}`\n // );\n // }\n } catch (e) {\n alert(e);\n } finally {\n this.setState({\n loading: false,\n });\n }\n };\n displayTableRow = (item) => {\n if (this.props.active !== \"P\") {\n return isAfter(addDays(new Date(item.Entdate), 30), new Date());\n }\n return true;\n };\n displayButton = (item) => {\n if (this.props.active === \"E\") {\n return isAfter(addDays(new Date(item.Entdate), 14), new Date());\n }\n return true;\n };\n\n displaySummaryData = (summaryData = []) => {\n return summaryData.some((item) => this.displayTableRow(item));\n };\n render() {\n const { summaryData, active } = this.props;\n return (\n \n \n
\n \n \n
\n \n {summaryData.length > 0 ? (\n summaryData.map((ele, index) => (\n \n {\" \"}\n No Data Found\n
\n )}\n \n \n
\n \n \n {!!InvName ? InvName : \"NA\"}\n
\n Name
\n \n \n {!!date ? date : \"NA\"}\n
\n \n \n Date
\n \n
\n \n \n {!!type ? type : \"NA\"}\n
\n Type
\n \n \n {!!Ref_No ? Ref_No : \"NA\"}\n
\n \n \n Ref No
\n \n
\n {/* \n \n
\n Amount/Units
\n \n {active !== \"A\" ? (\n active === \"E\" ? (\n {\n reinitiate(item);\n }}\n />\n ) : (\n
*/}\n \n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport TransactionSummary from \"./transactionSummary\";\nimport TableContainer from \"./table\";\nimport { AUTHORIZATION_PENDING } from \"../../../store/types\";\nimport { connect } from \"react-redux\";\nimport { getTransactionData } from \"../../../store/actions\";\n\nclass TabContainer extends Component {\n constructor(props) {\n super(props);\n const { active } = this.props.location.state;\n this.state = {\n active: active || AUTHORIZATION_PENDING,\n };\n }\n\n componentDidMount() {\n this.props.getTransactionData({\n transflag: this.state.active,\n customfund: \"102\",\n Arn: this.props.token,\n });\n }\n\n onChangeActive = (active) => () => {\n this.setState({\n active,\n });\n this.props.getTransactionData({\n transflag: active,\n Arn: this.props.token,\n customfund: \"102\",\n });\n };\n\n render() {\n return (\n \n
\n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const { token } = authReducer;\n return { token };\n },\n { getTransactionData }\n)(TabContainer);\n","import React, { Component } from \"react\";\nimport TabHeader from \"../../forms/tabHeader\";\nimport {\n INACTIVE_INVESTORS,\n NEW_INVESTORS,\n ACTIVE_INVESTORS\n} from \"../../../store/types\";\n\nexport default class ListOfInvestors extends Component {\n render() {\n const { active } = this.props;\n return (\n \n
\n )}\n\n {tableData.length > 0 ? (\n tableData.map((ele, index) => (\n AUM Investors List
\n \n {!!tableData.length && (\n \n {tablearray.map((ele, index) => (\n \n {ele}\n
\n ))}\n \n
\n\n {/* {ele.name}
\n \n
*/}\n\n {ele.funddesc}
\n {ele.pangir}
\n \n\n {ele.mobile}
\n \n\n {ele.email}
\n \n \n ))\n ) : (\n \n {tableData.length > 0 ? (\n tableData.map((ele, index) => (\n \n {\" \"}\n No Data Found\n
\n )}\n \n \n );\n }\n}\n\nexport default connect(({ dashboard }) => {\n const { dashboardAUMData, sipSummaryData } = dashboard;\n return { dashboardAUMData, sipSummaryData };\n}, null)(ListOfInvestorsTabs);\n\nexport class InvestorTableCard extends Component {\n render() {\n const { invName, pan, mobile, email } = this.props;\n return (\n \n
\n \n \n {!!pan ? pan : \"NA\"}\n
\n PAN
\n \n \n {!!mobile ? mobile : \"NA\"}\n
\n \n \n Mobile
\n \n \n {!!email ? email : \"NA\"}\n
\n \n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport TabHeader from \"../../forms/tabHeader\";\nimport {\n EXPIRING_NEXT_MONTH,\n CLOSED_THIS_MONTH,\n SIP_INVESTMENTS,\n} from \"../../../store/types\";\n\nexport default class SipSummaryMainTabs extends Component {\n render() {\n const { active } = this.props;\n return (\n Email
\n \n {count === 0 && (\n \n
\n \n \n \n {/* {\n
\n Search by:
\n \n
\n } */}\n Name
\n \n
\n PAN
\n \n
\n Folio No.
\n \n
\n Mobile No.
\n \n
\n \n Email ID
\n \n
\n \n )}\n {!!this.state.errorMessage ? (\n \n (this.InputField = ele)}\n onChange={this.changeInput}\n onKeyPress={this.keyPress}\n onKeyDown={(evt) =>\n evt.key === \"e\" &&\n (this.state.radioValue === \"mobile\" ||\n this.state.radioValue === \"folio\") &&\n evt.preventDefault()\n }\n />\n
\n \n Search\n
\n \n \n \n {this.state.errorMessage}\n
\n )}\n \n
\n \n Search\n
\n \n {!!this.state.errorMessage && (\n \n \n
\n {this.state.active === NEW ? (\n <>\n New Transaction
\n\n \n
\n )}\n\n {/* \n {this.props.investors.length > 0 && (\n \n this.props.history.push(\"/newTransaction/transction-types\")\n }\n >\n Next\n
\n )}\n */}\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, investor }) => {\n const { token } = authReducer;\n const { investors } = investor;\n return { investors, token };\n },\n { getInvestors }\n)(Transactions);\n","import React, { Component } from \"react\";\nimport { Paper } from \"@material-ui/core\";\nimport { NEW_TRANSACTION_URL } from \".\";\nimport { saveTransactionDetails } from \"../../../store/actions\";\nimport { connect } from \"react-redux\";\nimport Image from \"../../Image\";\nclass TransactionTypeCards extends Component {\n constructor() {\n super();\n window.scrollTo({\n top: 0,\n behavior: \"smooth\",\n });\n }\n\n getUrlByName = (name) => {\n let url = `/`;\n switch (name) {\n case \"SIP(Existing Folio)\":\n url = NEW_TRANSACTION_URL + \"/sip/digital/transact\";\n break;\n // case \"ISIP\":\n // url = NEW_TRANSACTION_URL + \"/sip/digital/modes/transact\";\n // break;\n case \"STP\":\n url = NEW_TRANSACTION_URL + \"/stp/digital/transact\";\n break;\n case \"Switch\":\n url = NEW_TRANSACTION_URL + \"/switch/digital/transact\";\n break;\n case \"Redemption\":\n url = NEW_TRANSACTION_URL + \"/redemption/digital/transact\";\n break;\n case \"SWP\":\n url = NEW_TRANSACTION_URL + \"/swp/digital/transact\";\n break;\n case \"New Purchase(New Folio)\":\n url = \"/new-investor-transaction/investor-details\";\n break;\n case \"Additional Purchase(Existing Folio)\":\n url = NEW_TRANSACTION_URL + \"/additional-purchase/digital/transact\";\n break;\n case \"Pause/Cancellation\":\n url = NEW_TRANSACTION_URL + \"/sip-cancellation/digital/transact\";\n break;\n case \"NCT\":\n url = NEW_TRANSACTION_URL + \"/nct-types\";\n break;\n case \"eNACH\":\n url = NEW_TRANSACTION_URL + \"/eNACH/digital/transact\";\n break;\n default:\n break;\n }\n return url;\n };\n //Removing Stored Details Before Navigating to Transaction Pages\n goSip = () => {\n let pan =\n !!this.props.pan &&\n (this.props.name === \"SIP(Existing Folio)\" ||\n this.props.name === \"ISIP\" ||\n this.props.name === \"Lumpsum\" ||\n this.props.name === \"eNACH\")\n ? this.props.pan\n : \"\";\n let mode = this.props.name === \"ISIP\" ? \"ISIP\" : \"\";\n if (!!pan && this.props.name === \"SIP(Existing Folio)\") {\n this.props.saveTransactionDetails({});\n this.props.history.push({\n pathname: NEW_TRANSACTION_URL + \"/sip/digital/transact\",\n state: {\n pan: pan,\n mode: \"ISIP\",\n },\n });\n } else {\n this.props.saveTransactionDetails({});\n this.props.history.push({\n pathname: NEW_TRANSACTION_URL + \"/sip/digital/modes\",\n state: {\n pan: pan,\n mode: mode,\n },\n });\n }\n };\n\n Enach = () => {\n let pan =\n !!this.props.pan && this.props.name === \"Enach\" ? this.props.pan : \"\";\n this.props.saveTransactionDetails({});\n this.props.history.push({\n pathname: NEW_TRANSACTION_URL + \"/sip/digital/modes/enach-folios\",\n state: {\n pan: pan,\n mode: \"Enach\",\n },\n });\n };\n render() {\n console.log('this.props.user_pan',this.props.user_pan)\n return (\n \n \n this.props.history.push({\n pathname: this.getUrlByName(this.props.name),\n })\n }\n >\n Proceed\n
*/}\n \n {/* {this.props.name !== \"Pause/Cancellation\" &&\n this.props.name != \"NCT\" &&\n this.props.name != \"eNACH\" ? (\n \n
\n {this.props.name}
\n {/* \n \n \n Digital Mode\n
\n Select Transaction Type
\n \n \n \n {/* \n Phygital Mode\n
\n \n \n \n
\n \n Please Follow The Below Steps\n
*/}\n {/* \n
*/}\n\n \n
\n \n
\n \n Upload Order form\n
\n \n Upload Cheque\n
\n \n Sumbit Cheque at nearest Kfintech Branch\n
\n \n \n \n this.props.history.push({\n pathname: this.props.location.state.digital,\n })\n }\n >\n Select digital Mode\n \n
\n \n\n \n
\n \n
\n Digital Mode
\n \n A mutual fund is a professionally managed investment fund that pools\n money from many investors to purchase securities. These investors\n may be retail or institutional in nature.\n
\n \n
\n \n
\n Physical Mode
\n \n
\n \n Please Follow The Below Steps\n
\n \n
\n \n
\n \n
\n \n Upload Order form\n
\n \n Upload Cheque\n
\n \n Sumbit Cheque at nearest Karvy Branch\n
\n \n \n \n {this.props.uptext}\n
\n )}\n \n \n {this.props.name}\n {this.props.isMandatory && *}\n
\n {this.props.uptext && (\n \n {props.children}\n
\n );\n}\n\nfunction Menu(props) {\n return (\n \n \n \n {!!this.props.errorMessage ? this.props.errorMessage : \"\"}\n
\n \n \n );\n }\n}\n\nIntegrationReactSelect.propTypes = {\n classes: PropTypes.object.isRequired,\n theme: PropTypes.object.isRequired,\n};\n\nexport default withStyles(styles, { withTheme: true })(IntegrationReactSelect);\n","import React, { Component } from \"react\";\nimport { Input } from \"../../forms/input\";\nimport Signbutton from \"../../forms/button\";\nimport { connect } from \"react-redux\";\nimport CustomizedSelect from \"./customizedSelect\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\n\nimport {\n getNewPurchaseFundList,\n validateSubBroker,\n getInvestorDetails,\n submitPurchaseData,\n showPurchaseConfirmation,\n saveTransactionDetails,\n} from \"../../../store/actions\";\nimport {\n GET_CATEGORY_LIST,\n GET_CATEGORY_LIST_SUCCESS,\n GET_SCHEME_LIST,\n GET_SCHEME_LIST_SUCCESS,\n GET_CATEGORY_LIST_FAILED,\n GET_SCHEME_LIST_FAILED,\n PURCHASE,\n REGULAR,\n NO,\n YES,\n NEW_PURCHASE,\n NEW,\n NEWP,\n} from \"../../../store/types\";\nimport Radio from \"@material-ui/core/Radio\";\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport { NEW_TRANSACTION_URL } from \".\";\n\nclass NewPurchase extends Component {\n constructor(props) {\n super(props);\n\n const { investorData, communicationDetails = [], token } = this.props;\n const revCD =\n !!communicationDetails && communicationDetails.length > 0\n ? communicationDetails.reverse()\n : \"\";\n const Xmobile = (revCD || []).find(\n (detail) =>\n detail.PAN === investorData.PAN &&\n !!detail.Mobile &&\n !!detail.Fund &&\n detail.Fund === \"102\"\n );\n const Xemail = (revCD || []).find(\n (detail) =>\n detail.PAN === investorData.PAN &&\n !!detail.email &&\n !!detail.Fund &&\n detail.Fund === \"102\"\n );\n const Email = !!Xemail && !!Xemail.email ? Xemail.email : \"\";\n const Mobile = !!Xmobile && !!Xmobile.Mobile ? Xmobile.Mobile : \"\";\n\n this.state = {\n emailId: { value: Email || \"\" },\n mobile: { value: Mobile || \"\" },\n disbleEmail: !!Email ? true : false,\n disbleMobile: !!Mobile ? true : false,\n arnCode: { value: token },\n invName: { value: this.props.investorData.invname || \"\" },\n fund: { value: \"102\" },\n category: { value: \"\" },\n scheme: { value: \"\" },\n subArnCode: { value: \"\" },\n multiples: \"\",\n euinNo: { value: \"\" },\n radioValue: { value: \"no\" },\n minAmount: { value: \"\" },\n subBrokerCode: { value: \"\" },\n code: { value: \"+91\" },\n Family_Code_Email: { value: \"\" },\n Family_Code_Phone: { value: \"\" },\n };\n }\n\n async componentDidMount() {\n const { transactionDetails } = this.props;\n if (Object.keys(transactionDetails).length > 0) {\n this.setState(transactionDetails);\n return;\n }\n const params = {\n opt: \"AT\",\n plntype: REGULAR,\n fund: \"102\",\n };\n const types = [\n GET_CATEGORY_LIST,\n GET_CATEGORY_LIST_SUCCESS,\n GET_CATEGORY_LIST_FAILED,\n ];\n const response = await this.props.getNewPurchaseFundList(params, types);\n }\n FamilyDescriptionEmail = (event) => {\n this.setState({\n Family_Code_Email: { value: event },\n });\n };\n FamilyDescriptionPhone = (event) => {\n this.setState({\n Family_Code_Phone: { value: event },\n });\n };\n\n validateBrokerCode = async () => {\n if (\n !!this.state.subArnCode.value &&\n this.state.subArnCode.value === this.state.arnCode.value.split(\"-\")[1]\n ) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: \"ARN and Sub ARN Code should not be the same\",\n },\n });\n return;\n }\n\n const { fund, subArnCode, arnCode } = this.state;\n const params = {\n Fund: \"102\",\n SubAgentCd: !!subArnCode.value ? `ARN-${subArnCode.value}` : \"\",\n AgentCd: arnCode.value,\n };\n const response = await this.props.validateSubBroker(params);\n if (!!response && !!response.DtData && response.DtData.length > 0) {\n const getLength = response.DtData.length === 1;\n let value = {\n value: response.DtData[0].abm_agent,\n label: response.DtData[0].abm_agent,\n };\n if (!!getLength) {\n this.setState({\n euinNo: { value },\n });\n }\n }\n\n // if (!response) {\n // alert(`${response}`);\n // // this.setState({\n // // subArnCode: {\n // // value: \"\",\n // // isError: true,\n // // errorMessage: ``,\n // // },\n // // });\n // }\n };\n\n handleCategoryChange = (label) => async (event) => {\n this.setState({ [label]: { value: event.target.value } });\n if (!!event.target.value) {\n let params = { plntype: REGULAR };\n params = {\n ...params,\n opt: \"S\",\n schemetype: event.target.value,\n fund: \"102\",\n };\n const types = [\n GET_SCHEME_LIST,\n GET_SCHEME_LIST_SUCCESS,\n GET_SCHEME_LIST_FAILED,\n ];\n const response = await this.props.getNewPurchaseFundList(params, types);\n\n if (response) {\n this.setState({\n [label]: { value: event.target.value },\n scheme: { value: \"\" },\n minCost: \"\",\n });\n }\n } else {\n this.setState({\n [label]: { value: event.target.value },\n scheme: { value: \"\" },\n minCost: \"\",\n });\n }\n };\n\n changeScheme = (value) => {\n const comboScheme =\n !!value &&\n !!value.value &&\n this.props.schemeList.find((ele) => ele.Scheme_Plan === value.value);\n this.setState({\n scheme: { value: value, isError: false, errorMessage: \"\" },\n minAmount: { value: \"\", isError: false, errorMessage: \"\" },\n minCost: !!comboScheme && !!comboScheme.MinAmt ? comboScheme.MinAmt : \"\",\n multiples:\n !!comboScheme && !!comboScheme.multiples ? comboScheme.multiples : \"\",\n });\n if (!!value) {\n this.validateBrokerCode();\n }\n };\n\n changeValue = (label) => (event) => {\n if (label === \"minAmount\" && event.target.value.length <= 10) {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (label === \"code\") {\n if (!/^[+]\\d{1,3}$/.test(event.target.value)) {\n this.setState({\n [label]: {\n value: event.target.value,\n isError: true,\n errorMessage: \"Enter a valid Country Code\",\n },\n });\n } else {\n this.setState({ [label]: { value: event.target.value } });\n }\n } else if (label === \"mobile\") {\n if (!/^[6-9]\\d{9}$/.test(event.target.value)) {\n this.setState({\n [label]: {\n value: event.target.value,\n isError: true,\n errorMessage: \"Enter a valid Mobile Number\",\n },\n });\n } else {\n this.setState({ [label]: { value: event.target.value } });\n }\n } else if (\n (label === \"subArnCode\" || label === \"subBrokerCode\") &&\n event.target.value.length <= 20\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n return;\n } else if (label === \"invName\") {\n if (/^[a-zA-Z ]*$/.test(event.target.value)) {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n } else if (\n label !== \"mobile\" &&\n label !== \"invName\" &&\n label !== \"minAmount\" &&\n label !== \"subArnCode\" &&\n label !== \"subBrokerCode\"\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n };\n\n changeEuin = (label) => (value) => {\n this.setState({\n [label]: { value },\n });\n };\n\n showError = (label) => (event) => {\n const {\n [label]: { value },\n } = this.state;\n if (label === \"minAmount\") {\n if (/^0[0-9]+$/.test(event.target.value)) {\n this.setState({\n [label]: {\n value: \"\",\n isError: true,\n errorMessage: \"Input should not have leading zeros.\",\n },\n });\n }\n\n else if (\n parseFloat(this.state.minCost) > parseFloat(this.state.minAmount.value)\n ) {\n this.setState({\n [label]: {\n value: \"\",\n isError: true,\n errorMessage: `The amount should be ₹ ${this.state.minCost} or more`,\n },\n });\n } else if (\n !!this.state.minAmount.value &&\n !!this.state.multiples &&\n parseFloat(this.state.minAmount.value) %\n parseFloat(this.state.multiples) !=\n 0\n ) {\n this.setState({\n [label]: {\n value: \"\",\n isError: true,\n errorMessage: `The amount should be in the multiples of ${this.state.multiples}`,\n },\n });\n }\n } else if (label === \"emailId\") {\n this.setState({\n [label]: {\n value,\n isError:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.emailId.value\n ) === false\n ? true\n : !value,\n errorMessage:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.emailId.value\n ) === false\n ? `( *enter an vaild email address )`\n : \"\",\n },\n });\n } else if (label === \"code\") {\n if (!/^[+]\\d{1,3}$/.test(event.target.value)) {\n this.setState({\n [label]: {\n value: \"\",\n isError: true,\n errorMessage: \"Enter a valid Country Code\",\n },\n });\n }\n } else if (label === \"mobile\") {\n this.setState({\n [label]: {\n value,\n isError:\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\n this.state.mobile.value\n ) === false\n ? true\n : !value,\n errorMessage:\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\n this.state.mobile.value\n ) === false\n ? `(* Enter a valid Phone Number)`\n : !value,\n },\n });\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n\n submit = async () => {\n const { location } = this.props;\n const { state } = location;\n\n const {\n arnCode,\n combo,\n subArnCode,\n isCombo,\n radioValue,\n multiples,\n invName,\n euinNo,\n minCost,\n subBrokerCode,\n disbleEmail,\n disbleMobile,\n code,\n Family_Code_Email,\n Family_Code_Phone,\n ...others\n } = this.state;\n const arn = this.state.arnCode.value.split(\"-\");\n if (!/^[+]\\d{1,3}$/.test(code.value)) {\n this.setState({\n [code]: {\n value: \"\",\n isError: true,\n errorMessage: !code.value\n ? \"Country Code is Mandatory\"\n : \"Enter a valid Country Code\",\n },\n });\n return;\n }\n if (\n !/^[+]\\d{1,3}/.test(this.state.code.value) &&\n (this.state.sipType.value === NEW || this.state.sipType.value === NEWP)\n ) {\n this.setState({\n code: {\n value: \"\",\n isError: true,\n errorMessage: !code.value\n ? \"Country Code is Mandatory\"\n : \"Enter a valid Country Code\",\n },\n });\n return;\n }\n if (radioValue.value === \"no\" && !euinNo.value) {\n this.setState({\n euinNo: {\n value: \"\",\n isError: true,\n errorMessage: \"Euin is required to proceed\",\n },\n });\n }\n\n if (this.state.invName.value === \"\") {\n this.setState({\n invName: {\n value: \"\",\n isError: true,\n errorMessage: \"Investor Name is Mandatory*\",\n },\n });\n }\n\n const keys = Object.keys(others);\n const findError = keys.every((key) => !!others[key].value);\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage: `${\n key === \"category\"\n ? \"Please select a category to proceed\"\n : key === \"scheme\"\n ? \"Please select a scheme to proceed\"\n : key === \"minAmount\"\n ? \"Minimum Investment Amount is mandatory\"\n : key`${\"is mandatory\"} `\n } `,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n case \"emailId\": {\n this.emailIdField.focus();\n break;\n }\n case \"mobile\": {\n this.mobileField.focus();\n break;\n }\n case \"fund\": {\n this.fundField.focus();\n break;\n }\n case \"category\": {\n this.categoryField.focus();\n break;\n }\n case \"scheme\": {\n this.schemeField.focus();\n break;\n }\n case \"minAmount\": {\n this.minAmountField.focus();\n break;\n }\n default:\n break;\n }\n } else if (invName.value === \"\") {\n this.setState({\n invName: {\n value: \"\",\n isError: true,\n errorMessage: \"Investor Name is mandatory\",\n },\n });\n } else if (radioValue.value === \"no\" && !euinNo.value) {\n this.setState({\n euinNo: {\n ...euinNo,\n isError: true,\n errorMessage: \"EUIN No is mandatory\",\n },\n });\n this.euinField.focus();\n return;\n } else if (minCost > others.minAmount.value) {\n this.setState({\n minAmount: {\n ...others[\"minAmount\"],\n value: \"\",\n isError: true,\n errorMessage: `Minimum Amount should be ${minCost}`,\n },\n });\n this.minAmountField.focus();\n return;\n }\n // else if (others.minAmount.value > 1000000) {\n // this.setState({\n // minAmount: {\n // ...others[\"minAmount\"],\n // isError: true,\n // errorMessage: ` Amount should be less than or equal to 1,000,000`,\n // },\n // });\n // this.minAmountField.focus();\n // return;\n // }\n else if (\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.emailId.value\n ) === false\n ) {\n this.setState({\n emailId: {\n ...others[\"emailId\"],\n isError: true,\n errorMessage: `Enter an vaild Email Id`,\n },\n });\n return;\n } else if (\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\n this.state.mobile.value\n ) === false\n ) {\n this.setState({\n mobile: {\n ...others[\"mobile\"],\n isError: true,\n errorMessage: `Enter an vaild Phone Number`,\n },\n });\n return;\n } else if (arn[1] === this.state.subArnCode.value) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `and ARN code should not match `,\n },\n });\n } else {\n const plan = this.state.scheme.value.value.split(\"~\");\n\n const family_email_relationship = !!this.state.Family_Code_Email.value\n .value\n ? family_description_codes.find(\n (ele) =>\n ele.family_code === this.state.Family_Code_Email.value.value\n )\n : \"\";\n const family_mobile_relationship = !!this.state.Family_Code_Phone.value\n .value\n ? family_description_codes.find(\n (ele) =>\n ele.family_code === this.state.Family_Code_Phone.value.value\n )\n : \"\";\n\n const params = {\n InvestorName: this.state.invName.value,\n i_entby: this.props.userId,\n trtype: PURCHASE,\n Desci: \"YES~W\",\n SubbrokerArn: !!this.state.subArnCode.value\n ? `ARN-${subArnCode.value}`\n : \"\",\n ARNCode: this.state.arnCode.value,\n EuinCode:\n this.state.radioValue.value === \"no\"\n ? this.state.euinNo.value.value\n : \"\",\n i_Userid: this.props.userId,\n Mobile: this.state.mobile.value,\n PanNo: this.props.investorData.PAN || state.pan,\n Email: this.state.emailId.value,\n i_Acno: \"0\",\n Subbroker: this.state.subBrokerCode.value,\n i_Fund: \"102\",\n i_UntAmtValue: this.state.minAmount.value,\n EUINFlag: this.state.radioValue.value === \"no\" ? NO : YES,\n EuinValid: this.state.radioValue.value === \"no\" ? NO : YES,\n i_Scheme: plan[1],\n i_Plan: plan[2],\n i_Option: plan[3],\n i_oldihno: \"0\",\n i_InvDistFlag: \"W\",\n ModuleName: \"Webile\",\n customfund: \"102\",\n CountryCode: this.state.code.value,\n // comboswitch: !!this.state.isCombo ? \"Y\" : \"N\",\n fEmailFlag: this.state.Family_Code_Email.value.value,\n fMobileFlag: this.state.Family_Code_Phone.value.value,\n };\n const response = await this.props.submitPurchaseData(params);\n if (response) {\n const {\n DtData: [purchaseData],\n } = response;\n const confirmationParams = {\n Trtype: PURCHASE,\n fund: \"102\",\n customfund: \"102\",\n Refno: purchaseData.refno,\n ModuleName: \"Webile\",\n };\n\n const confirmationResponse = await this.props.showPurchaseConfirmation(\n confirmationParams\n );\n\n if (confirmationResponse) {\n this.props.saveTransactionDetails(this.state);\n this.props.history.push({\n pathname:\n NEW_TRANSACTION_URL +\n \"/nfo-new-purchase/digital/transact/confirm\",\n state: {\n title: \"LUMPSUM SUMMARY\",\n pan: !!state && !!state.pan ? state.pan : \"\",\n InvestorEmail: this.state.emailId.value,\n InvestorMobile: this.state.mobile.value,\n fEmailFlag: family_email_relationship,\n fMobileFlag: family_mobile_relationship,\n scheme: { Fund: this.state.fund.value.value },\n subArnCode: this.state.subArnCode.value,\n type: NEW_PURCHASE,\n arnCode: this.state.arnCode.value,\n },\n });\n }\n }\n }\n };\n\n // ComboChange = () => {\n // this.setState({\n // isCombo: !this.state.isCombo,\n // });\n // };\n\n render() {\n const { schemeList, categoryList, euinList, investorData } = this.props;\n const filteredSchemeList = schemeList\n .map((item) => ({\n label: item.Scheme_Desc,\n value: item.Scheme_Plan,\n }))\n .filter((item) => {\n return item.value.split(\"~\")[1] !== \"EB\";\n });\n const {\n emailId,\n mobile,\n arnCode,\n fund,\n invName,\n category,\n scheme,\n subArnCode,\n radioValue,\n euinNo,\n minAmount,\n subBrokerCode,\n\n Family_Code_Email,\n Family_Code_Phone,\n } = this.state;\n\n return (\n \n
\n Lumpsum
\n {/* {!!state && !!state.pan && ( */}\n \n (this.invNameField = ele)}\n />\n
\n\n \n ({\n label: item.family_description,\n value: item.family_code,\n }))}\n value={Family_Code_Email.value}\n placeholder=\"Select Family Description\"\n handleChange={this.FamilyDescriptionEmail}\n />\n
\n {/* )} */}\n \n Email Family Description\n
\n \n (this.emailIdField = ele)}\n errorMessage={this.state.emailId.errorMessage}\n />\n
\n \n ({\n label: item.family_description,\n value: item.family_code,\n }))}\n value={Family_Code_Phone.value}\n placeholder=\"Select Phone Description\"\n handleChange={this.FamilyDescriptionPhone}\n />\n
\n \n Mobile Family Description\n
\n \n (this.codeField = ele)}\n okKeyDown={(e) => {\n const keys = [\n \"Backspace\",\n \"Delete\",\n \"ArrowLeft\",\n \"ArrowRight\",\n \"+\",\n ];\n if (isNaN(e.key) && !keys.includes(e.key)) {\n e.preventDefault();\n }\n }}\n />\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n value={mobile.value}\n onChange={this.changeValue(\"mobile\")}\n onBlur={this.showError(\"mobile\")}\n isShowError={mobile.isError}\n errorMessage={mobile.errorMessage}\n inputref={(ele) => (this.mobileField = ele)}\n />\n
\n\n \n (this.categoryField = ele)}\n isError={category.isError}\n errorMessage={category.errorMessage}\n >\n {categoryList.map((item, index) => (\n \n ))}\n \n
\n\n \n (this.schemeField = ele)}\n isError={scheme.isError}\n errorMessage={scheme.errorMessage}\n />\n
\n\n Scheme
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n placeholder=\"₹ Amount\"\n step=\"1\"\n type=\"number\"\n value={minAmount.value}\n onChange={this.changeValue(\"minAmount\")}\n onBlur={this.showError(\"minAmount\")}\n errorMessage={minAmount.errorMessage}\n isShowError={minAmount.isError}\n inputref={(ele) => (this.minAmountField = ele)}\n />\n
\n\n \n
\n\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"#a6a6a6\"\n type=\"number\"\n value={subArnCode.value}\n isShowError={subArnCode.isError}\n errorMessage={subArnCode.errorMessage}\n onBlur={this.validateBrokerCode}\n onChange={this.changeValue(\"subArnCode\")}\n inputref={(ele) => (this.subArnField = ele)}\n />\n
\n\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"#a6a6a6\"\n value={subBrokerCode.value}\n onChange={this.changeValue(\"subBrokerCode\")}\n inputref={(ele) => (this.subBrokerField = ele)}\n />\n
\n \n \n \n \n
\n {radioValue.value === \"no\" ? (\n EUIN No
\n\n \n
\n YES
\n \n
\n \n NO
\n \n ({\n label: item.abm_agent,\n value: item.abm_agent,\n }))}\n value={euinNo.value}\n placeholder=\"Select EUIN\"\n handleChange={this.changeEuin(\"euinNo\")}\n errorMessage={euinNo.errorMessage}\n disabled={!euinList.length}\n inputRef={(ele) => (this.euinField = ele)}\n isError={euinNo.isError}\n />\n
\n ) : (\n EUIN Selection*
\n\n \n I/We hereby confirm that the EUIN box has been intentionally left\n the blank by me/us as this is an 'execution-only' transaction\n without any interaction or advice by any personnel of the above\n distributor or notwithstanding the advice of in-appropriateness,if\n any provided by any personnel of the distributor and the\n distributor has not charged any advisory fees on this transaction\n
\n )}\n\n {/* \n
\n \n \n \n *Note :\n {\" \"}\n Pursuant to notice cum addendum dated March 27, 2021 the nomenclature\n of dividend option has been changed w.e.f. April 01, 2021.\n
\n\n {state.title}
\n \n
\n ) : (\n \"\"\n )}\n\n \n
\n )}\n {state.type === SIP && (\n \n
\n )}\n {state.type === STP && (\n \n
\n )}\n {state.type === SWP && (\n \n
\n )}\n {state.type != \"Sip cancellation\" && (\n \n
\n ))}\n\n {state.type !== SWP && state.type !== SIP && (\n \n
\n )}\n \n {\n // this.setState({\n // showPassword: !this.state.showPassword,\n // });\n // }}\n // isShowError={password.isError}\n // inputref={(ele) => (this.passwordField = ele)}\n // onKeyPress={this.keyPress()}\n />\n
\n )}\n \n (this.sipTypeField = ele)}\n // isError={sipType.isError}\n // errorMessage={sipType.errorMessage}\n >\n {this.state.sip_pause_dates.map((item, index) => (\n \n ))}\n \n
\n \n (this.sipTypeField = ele)}\n // isError={sipType.isError}\n // errorMessage={sipType.errorMessage}\n >\n {this.state.pause_installemnts.map((item, index) => (\n \n ))}\n \n
\n \n
\n )}\n\n \n \n {this.props.subLabel}\n
\n \n \n \n {this.props.mainLabel}\n
\n \n \n {this.props.mainLabel1}\n
\n \n \n {this.state.active === GRAPH ? (\n \n ) : (\n \n Please fill all the details to display NAV Graph/ NAV Table\n
\n )}\n \n );\n }\n}\n\nexport default connect(({ transactionHistory }) => {\n const { navData } = transactionHistory;\n return { navData };\n})(NavData);\n\nclass CustomizedAxisTick extends Component {\n render() {\n const { x, y, payload } = this.props;\n\n return (\n \n
\n {!!navData.length ? (\n \n \n \n \n \n \n
\n ) : (\n \n \n
\n
\n )}\n \n \n \n 3 Mon\n
\n \n NAV Graph & NAV Table\n
\n \n {/* \n 1 Mon\n
\n \n
*/}\n AMC
\n \n \n {categoryList.map((item, index) => (\n \n ))}\n \n
\n \n ({\n label: item.Scheme_Desc,\n value: item.Scheme_Plan,\n }))}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n handleChange={this.changeScheme}\n disabled={!category.value}\n />\n
\n Scheme
\n \n \n 1 W\n
\n \n
\n \n \n );\n }\n}\n\nexport default connect(\n ({ transactions }) => {\n const { fundsList, schemeList, categoryList } = transactions;\n return { fundsList, schemeList, categoryList };\n },\n { getNewPurchaseFundList, getNavData, removeNavData }\n)(Nav);\n\nexport class BajajFund extends Component {\n render() {\n return (\n \n
\n )} \n {combo.flag === \"Y\" && (\n Additional Purchase
\n \n ({\n label: item,\n value: item,\n }))}\n onFocus={this.keyDown(\"folios\")}\n value={folio.value}\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n disabled={!fund.value}\n isError={folio.isError}\n errorMessage={folio.errorMessage}\n />\n
\n Folio*
\n Select Scheme Type*
\n \n
\n {schemeType === NEW && (\n \n (this.categoryField = ele)}\n isError={category.isError}\n borderColor=\"#a6a6a6\"\n errorMessage={category.errorMessage}\n >\n {categories.map((item, index) => (\n \n ))}\n \n
\n )}\n \n ({\n value: item,\n label: item.PlnDesc\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\n : item.fm_schdesc,\n }))}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n handleChange={this.handleSchemeChange}\n disabled={!folio.value}\n inputRef={(ele) => (this.schemeField = ele)}\n isError={scheme.isError}\n errorMessage={scheme.errorMessage}\n />\n
\n Scheme*
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n onBlur={this.showError(\"amount\")}\n onChange={this.changeValue(\"amount\")}\n inputref={(ele) => (this.amountField = ele)}\n bordercolor=\"#a6a6a6\"\n isShowError={amount.isError}\n errorMessage={amount.errorMessage}\n />\n
\n \n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n type=\"number\"\n value={subArnCode.value}\n isShowError={subArnCode.isError}\n errorMessage={subArnCode.errorMessage}\n onBlur={this.validateBrokerCode(\"102\")}\n onChange={this.changeValue(\"subArnCode\")}\n inputref={(ele) => (this.subArnField = ele)}\n bordercolor=\"#a6a6a6\"\n />\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n value={subBrokerCode.value}\n onChange={this.changeValue(\"subBrokerCode\")}\n inputref={(ele) => (this.subBrokerField = ele)}\n bordercolor=\"#a6a6a6\"\n type={\"number\"}\n />\n
\n {/* \n \n \n \n
*/}\n {radioValue.value === \"no\" ? (\n EUIN Declaration
\n \n
\n YES
\n \n
\n \n NO
\n \n ({\n value: item.abm_agent,\n label: item.abm_agent,\n }))}\n value={euinNo.value}\n placeholder=\"Select EUIN\"\n handleChange={this.changeEuin}\n errorMessage={euinNo.errorMessage}\n disabled={!euinList.length}\n inputRef={(ele) => (this.euinField = ele)}\n isError={euinNo.isError}\n />\n
\n ) : (\n EUIN Selection*
\n\n \n I/We hereby confirm that the EUIN box has been intentionally left\n the blank by me/us as this is an 'execution-only' transaction\n without any interaction or advice by any personnel of the above\n distributor or notwithstanding the advice of in-appropriateness,if\n any provided by any personnel of the distributor and the distributor\n has not charged any advisory fees on this transaction\n
\n )}\n {combo.flag === \"Y\" && (\n \n \n {combo.label}\n
\n \n
\n \n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }) => {\n const {\n fundList,\n token,\n userId,\n bankDetails,\n investorData,\n communicationDetails,\n } = authReducer;\n const { euinList, transactionDetails } = transactions;\n return {\n fundList,\n token,\n userId,\n euinList,\n bankDetails,\n investorData,\n communicationDetails,\n transactionDetails,\n };\n },\n {\n validateSubBroker,\n getAssetClasses,\n getOtherSchemes,\n submitPurchaseData,\n showPurchaseConfirmation,\n saveTransactionDetails,\n }\n)(AdditionalPurchase);\n","import React, { Component } from \"react\";\nimport CustomizedSelect from \"./customizedSelect\";\nimport { Input } from \"../../forms/input\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport { connect } from \"react-redux\";\nimport {\n YES,\n PARTIAL,\n FULL,\n UNITS,\n AMOUNT,\n PURCHASE,\n REDEMPTION,\n} from \"../../../store/types\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport {\n getBankDetails,\n getRedemptionPaymentDetails,\n saveTransactionDetails,\n} from \"../../../store/actions/transactions\";\nimport moment from \"moment\";\nimport { NEW_TRANSACTION_URL } from \".\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport { BajajFund } from \"../nav\";\n\nclass Redemption extends Component {\n constructor(props) {\n super(props);\n // const { fundList } = this.props;\n // const funds = fundList.reduce((prev, curr) => {\n // if (curr.rSchFlg === YES) {\n // const findIndex =\n // prev.findIndex((fund) => fund.Fund === curr.Fund) !== -1;\n // if (!findIndex) {\n // return [\n // ...prev,\n // { Fund: curr.Fund, FundDesc: curr.FundDesc, scheme: curr.Sch },\n // ];\n // }\n // }\n // return prev;\n // }, []);\n\n this.state = {\n // funds,\n fund: { value: { value: \"102\" } },\n folios: [],\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n bank: { value: \"\", errorMessage: \"\" },\n amount: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n banks: [],\n };\n }\n async componentDidMount() {\n window.scrollTo({\n behavior: \"smooth\",\n top: 0,\n });\n const { transactionDetails } = this.props;\n if (Object.keys(transactionDetails).length > 0) {\n this.setState(transactionDetails);\n return;\n }\n this.getfolios();\n }\n\n getfolios = () => {\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.rSchFlg === YES && curr.Fund.trim() === \"102\") {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value: { value: \"102\" } },\n folios: Array.from(new Set(folios)),\n scheme: { value: \"\" },\n folio: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n });\n };\n\n handleFundChange = (value) => {\n const fund = !!value ? value.value : \"\";\n if (!value) {\n this.setState({\n fund: { value: \"\" },\n folios: [],\n scheme: { value: \"\" },\n folio: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n amount: { value: \"\" },\n });\n return;\n } else if (value.value === this.state.fund.value.value) {\n return;\n } else {\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.rSchFlg === YES && curr.Fund === fund) {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value },\n folios: Array.from(new Set(folios)),\n scheme: { value: \"\" },\n folio: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n });\n }\n };\n handleFolioChange = async (value) => {\n const folio = !!value ? value.value : \"\";\n if (!folio) {\n this.setState({\n folio: { value: \"\" },\n scheme: { value: \"\" },\n schemes: [],\n banks: [],\n bank: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n amount: { value: \"\" },\n });\n } else if (value.value === this.state.folio.value) {\n return;\n } else {\n const params = {\n Acno: folio,\n Trtype: \"\",\n Fund: this.state.fund.value.value,\n };\n let schemes = this.schemes(folio);\n schemes = schemes.filter((scheme) => scheme.BalUnits !== 0);\n const response = await this.props.getBankDetails(params);\n\n if (response) {\n const banks = response.Table1;\n this.setState({\n folio: {\n value,\n isError: !schemes.length,\n errorMessage: !schemes.length\n ? \"Redemption in zero balance folios is not allowed\"\n : \"\",\n },\n scheme: { value: \"\" },\n schemes,\n amount: {value: \"\"},\n banks,\n bank: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n });\n }\n }\n };\n\n schemes = (folio) => {\n return this.props.fundList.reduce((prev, curr) => {\n if (\n curr.rSchFlg === YES &&\n curr.Fund.trim() === \"102\" &&\n curr.Acno === folio &&\n !!curr.BalUnits\n ) {\n return [...prev, curr];\n }\n return prev;\n }, []);\n };\n handleSchemeChange = (value) => {\n const scheme = !!value ? value.value : \"\";\n if (!scheme) {\n this.setState({\n scheme: { value: \"\" },\n minAmount: \"\",\n amount: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n });\n } else if (value.value === this.state.scheme.value.value) {\n return;\n } else {\n this.setState({\n scheme: { value },\n minAmount: !!scheme ? scheme.RedMinAmt || scheme.fm_newpur : \"\",\n amount: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n });\n }\n };\n\n showError = (label) => () => {\n const {\n [label]: { value },\n } = this.state;\n\n if (label === \"amount\") {\n if (!!this.state.scheme && !!this.state.scheme.value) {\n this.setState({\n [label]: {\n value,\n isError:\n this.state.redemptionMode === AMOUNT\n ? this.state.scheme.value.value.MinAmt > this.state.amount.value\n ? true\n : !value\n : this.state.scheme.value.value.MinAmt > this.state.scheme.value.value.LastNAV*this.state.amount.value ? true\n : this.state.scheme.value.value.BalUnits <\n this.state.amount.value\n ? true\n : !value,\n errorMessage:\n this.state.redemptionMode === AMOUNT\n ? this.state.scheme.value.value.MinAmt > this.state.amount.value\n ? `(Amount should be ${this.state.scheme.value.value.MinAmt})`\n : \"\"\n : this.state.scheme.value.value.MinAmt > this.state.scheme.value.value.LastNAV*this.state.amount.value ? `Units should not be less than ${this.state.minAmount/this.state.scheme.value.value.LastNAV}`\n : this.state.scheme.value.value.BalUnits <\n this.state.amount.value\n ? `Please enter units less than or equals to Balance Units`\n : \"\",\n },\n });\n }\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n handleRedemptionValueChange(event) {\n if (event.target.value.length <= 10) {\n this.setState({\n amount: { value: event.target.value },\n });\n }\n }\n\n changeRedemptionType = (value) => () => {\n if (value === FULL) {\n this.setState({\n redemptionType: FULL,\n redemptionMode: UNITS,\n amount: {\n value: !!this.state.scheme.value\n ? this.state.scheme.value.value.BalUnits\n : \"\",\n },\n });\n }\n if (value === PARTIAL) {\n this.setState({\n redemptionType: PARTIAL,\n amount: { value: \"\" },\n });\n }\n };\n changeRedemptionMode = (value) => () => {\n if (value === AMOUNT) {\n this.setState({\n redemptionMode: AMOUNT,\n amount: { value: \"\" },\n });\n }\n if (value === UNITS) {\n this.setState({\n redemptionMode: UNITS,\n });\n }\n };\n handlefolioBankDetailsChange = (event) => {\n this.setState({\n bank: { value: event.target.value },\n });\n };\n\n submit = async () => {\n const {\n funds,\n banks,\n schemes,\n folios,\n redemptionType,\n redemptionMode,\n minAmount,\n bank,\n ...others\n } = this.state;\n if (this.state.bank.value === \"\") {\n this.setState({\n bank: {\n value: \"\",\n isError: true,\n errorMessage: \"Bank details are mandatory\",\n },\n });\n }\n \n let currValue;\n if (!!this.state.scheme.value) {\n currValue = !!this.state.scheme.value.value\n ? this.state.scheme.value.value.Fund_CurValue\n : \"\";\n }\n if(this.state.scheme?.value?.label?.includes(\"Tax\")) {\n if( this.state.redemptionMode === \"AMOUNT\" && this.state.amount.value%500 !== 0 ) {\n alert(\"Amount should be multiple of 500\")\n return\n }\n }\n const keys = Object.keys(others);\n const findError = keys.every((key) => !!others[key].value );\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage: `${\n key === \"folio\"\n ? \"Folio\"\n : key === \"scheme\"\n ? \"Scheme\"\n : key === \"amount\"\n ? \"Redemption Value\"\n : key\n } is mandatory`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n case \"fund\": {\n this.fundField.focus();\n break;\n }\n case \"folio\": {\n this.folioField.focus();\n break;\n }\n case \"scheme\": {\n this.schemeField.focus();\n break;\n }\n case \"amount\": {\n this.amountField.focus();\n break;\n }\n // case \"bank\": {\n // this.bankField.focus();\n // break;\n // }\n }\n } else if (\n this.state.redemptionMode === AMOUNT &&\n this.state.scheme.value.value?.MinAmt > this.state.amount.value\n ) {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: `Minimum Amount shoud be ${this.state.scheme.value.value?.MinAmt} ₹`,\n },\n });\n }\n if (this.state.scheme.value.value?.MinAmt > this.state.scheme.value.value?.LastNAV*this.state.amount.value) {\n return;\n }\n // else if (\n // !!currValue &&\n // !!this.state.amount.value &&\n // currValue < this.state.amount.value\n // ) {\n // this.setState({\n // amount: {\n // value: \"\",\n // isError: true,\n // errorMessage:\n // \"( Investment amount should not be greater than Current value )\"\n // }\n // });\n // }\n else if (\n !!this.state.scheme.value && !!this.state.amount.value && parseInt(this.state.scheme.value.value.CurValue.replace(/,/g, '')) < parseInt(this.state.amount.value)\n ) {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage:\n \"( Investment amount should not be greater than Current value )\"\n }\n });\n return;\n }\n\n else if (\n this.state.redemptionMode !== AMOUNT &&\n this.state.scheme.value.value?.BalUnits < this.state.amount.value\n ) {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: `Please enter units less than or equal to your current holding`,\n },\n });\n } else if (this.state.bank.value === \"\") {\n this.setState({\n bank: {\n ...others[\"bank\"],\n value: \"\",\n isError: true,\n errorMessage: `Please select the bank`,\n },\n });\n return\n } else {\n const params = {\n amount: redemptionMode === AMOUNT ? others.amount.value : \"0\",\n Fund: \"102\",\n plan: others.scheme.value.value.Pln,\n customfund: \"102\",\n scheme: others.scheme.value.value.Sch,\n acno: others.scheme.value.value.Acno,\n trdt: moment(new Date()).format(\"MM/DD/YYYY\"),\n units: redemptionMode === UNITS ? others.amount.value : \"0\",\n ttrtype: PURCHASE,\n };\n const response = await this.props.getRedemptionPaymentDetails(params);\n if (response) {\n this.props.saveTransactionDetails(this.state);\n this.props.history.push({\n pathname:\n NEW_TRANSACTION_URL + \"/redemption/digital/transact/confirm\",\n state: {\n title: \"Redemption Summary\",\n type: REDEMPTION,\n scheme: others.scheme.value.value,\n redemptionMode,\n Folio: { value: others.scheme.value.value.Acno },\n redemptionType,\n amount: others.amount.value,\n bank: this.state.bank.value,\n },\n });\n }\n }\n };\n\n render() {\n const {\n fund,\n funds = [],\n folio,\n folios = [],\n schemes = [],\n scheme,\n bank,\n banks,\n amount,\n redemptionType,\n redemptionMode,\n } = this.state;\n\n return (\n \n
\n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }) => {\n const {\n fundList,\n token,\n userId,\n bankDetails,\n investorData,\n communicationDetails,\n } = authReducer;\n const { transactionDetails } = transactions;\n\n return {\n fundList,\n token,\n userId,\n bankDetails,\n investorData,\n communicationDetails,\n transactionDetails,\n };\n },\n { getBankDetails, getRedemptionPaymentDetails, saveTransactionDetails }\n)(Redemption);\n","import React, { Component } from \"react\";\nimport CustomizedSelect from \"./customizedSelect\";\nimport { Input } from \"../../forms/input\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport {\n validateSubBroker,\n getNewPurchaseFundList,\n getOtherSchemes,\n getAssetClasses,\n setSwitchDetails,\n getRedemptionPaymentDetails,\n saveTransactionDetails,\n} from \"../../../store/actions\";\n\nimport { connect } from \"react-redux\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport {\n YES,\n PARTIAL,\n FULL,\n UNITS,\n AMOUNT,\n REGULAR,\n PURCHASE,\n SWITCH,\n} from \"../../../store/types\";\nimport Radio from \"@material-ui/core/Radio\";\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport moment from \"moment\";\nimport { NEW_TRANSACTION_URL } from \".\";\nimport { BajajFund } from \"../nav\";\nclass switchCmponent extends Component {\n constructor(props) {\n super(props);\n const { fundList } = this.props;\n const { switchDetails } = this.props;\n // const funds = fundList.reduce((prev, curr) => {\n // if (curr.sSchFlg === YES) {\n // const findIndex =\n // prev.findIndex((fund) => fund.Fund === curr.Fund) !== -1;\n // if (!findIndex) {\n // return [\n // ...prev,\n // {\n // Fund: curr.Fund,\n // FundDesc: curr.FundDesc,\n // opt: curr.Opt,\n // SchType: curr.SchType,\n // },\n // ];\n // }\n // }\n // return prev;\n // }, []);\n this.state = {\n // funds,\n fund: { value: { value: \"102\" } },\n folios: [],\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n radioValue: { value: \"no\" },\n arnCode: { value: this.props.token },\n subArnCode: { value: \"\" },\n subBrokerCode: { value: \"\" },\n euinNo: { value: \"\" },\n category: { value: \"\" },\n categories: [],\n multiples : { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n amount: { value: \"\" },\n switchType: PARTIAL,\n switchMode: UNITS,\n ...switchDetails,\n };\n }\n\n handleFundChange = (value) => {\n if (!value) {\n this.setState({\n fund: { value: \"\" },\n folios: [],\n folio: { value: \"\" },\n scheme: { value: \"\" },\n amount: { value: \"\" },\n switchInScheme: { value: \"\" },\n category: { value: \"\" },\n });\n return;\n } else if (\n !!value &&\n !!this.state.fund &&\n value.value === this.state.fund.value.value\n ) {\n return;\n } else {\n const fund = value.value;\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.Fund === fund && curr.sSchFlg === YES) {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n scheme: { value: \"\" },\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n switchType: PARTIAL,\n switchMode: UNITS,\n });\n if (!!fund) {\n this.validateBrokerCode(fund)();\n }\n }\n };\n\n async componentDidMount() {\n window.scrollTo({\n behavior: \"smooth\",\n top: 0,\n });\n const { transactionDetails } = this.props;\n if (Object.keys(transactionDetails).length > 0) {\n this.setState(transactionDetails);\n return;\n }\n this.getFolios();\n }\n\n getFolios = () => {\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.Fund.trim() === \"102\" && curr.sSchFlg === YES) {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value: { value: \"102\" } },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n scheme: { value: \"\" },\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n switchType: PARTIAL,\n switchMode: UNITS,\n });\n // if (!!fund) {\n this.validateBrokerCode(\"102\")();\n // }\n };\n\n validateBrokerCode = (fund) => async () => {\n const { subArnCode, arnCode } = this.state;\n if (\n !!this.state.subArnCode.value &&\n this.state.subArnCode.value === this.state.arnCode.value.split(\"-\")[1]\n ) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: \"ARN and Sub ARN Code should not be the same\",\n },\n });\n return;\n }\n const params = {\n Fund: \"102\",\n SubAgentCd: !!subArnCode.value ? `ARN-${subArnCode.value}` : \"\",\n AgentCd: arnCode.value,\n };\n const response = await this.props.validateSubBroker(params);\n if (!!response && !!response.DtData && response.DtData.length > 0) {\n const getLength = response.DtData.length === 1;\n let value = {\n value: response.DtData[0].abm_agent,\n label: response.DtData[0].abm_agent,\n };\n if (!!getLength) {\n this.setState({\n euinNo: { value },\n });\n }\n } else if (!response) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `Please enter a valid Sub ARN Code`,\n },\n });\n }\n };\n\n handleFolioChange = async (value) => {\n if (!value) {\n this.setState({\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n switchType: PARTIAL,\n switchMode: UNITS,\n amount: { value: \"\" },\n });\n return;\n } else if (\n !!value &&\n !!this.state.folio &&\n value.value === this.state.folio.value.value\n ) {\n return;\n } else {\n const folio = value.value;\n const schemes = this.schemes(folio);\n\n this.setState({\n folio: {\n value,\n isError: !schemes.length,\n errorMessage: !schemes.length\n ? \"SWITCH in zero balance folios is not allowed\"\n : \"\",\n },\n schemes,\n scheme: { value: \"\" },\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n switchType: PARTIAL,\n switchMode: UNITS,\n categories: [],\n subArnCode: { value: \"\" },\n subBrokerCode: { value: \"\" },\n euinNo: { value: \"\" },\n amount: { value: \"\" },\n });\n\n this.getAssetClasses();\n }\n };\n schemes = (folio) => {\n return this.props.fundList.reduce((prev, curr) => {\n if (\n curr.sSchFlg === YES &&\n curr.Fund === this.state.fund.value.value &&\n curr.Acno === folio &&\n !!curr.BalUnits\n ) {\n return [...prev, curr];\n }\n return prev;\n }, []);\n };\n handleSchemeChange = (value) => {\n if (!value) {\n this.setState({\n scheme: { value: \"\" },\n minAmount: \"\",\n amount: { value: \"\" },\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n switchType: PARTIAL,\n switchMode: UNITS,\n categories: [],\n });\n return;\n } else if (\n !!value.value &&\n !!this.state.scheme.value.value &&\n value.value.SchDesc === this.state.scheme.value.value.SchDesc\n ) {\n return;\n } else {\n const scheme = value.value;\n if (!!value.value && !value.value.BalUnits) {\n this.setState({\n folio: {\n value: \"\",\n isError: \"true\",\n errorMessage: \"Switch in Zero balance folios is not accepted\",\n },\n scheme: { value: \"\" },\n });\n } else {\n this.setState({\n scheme: { value },\n minAmount: !!scheme ? scheme.MinAmt : \"\",\n amount: { value: \"\" },\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n });\n }\n this.getAssetClasses();\n }\n };\n handleCategoryChange = (event) => {\n if (!!event.target.value) {\n this.getOtherSchemes(event.target.value);\n this.setState({\n category: { value: event.target.value },\n switchInScheme: { value: \"\" },\n switchInSchemes: [],\n });\n }\n // else if(event.target.value===){\n\n // }\n else {\n this.setState({\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n switchInSchemes: [],\n });\n }\n };\n getAssetClasses = async () => {\n const params = {\n Fund: this.state.fund.value.value,\n Folio: this.state.folio.value.value,\n };\n const assetClasses = await this.props.getAssetClasses(params);\n if (assetClasses) {\n this.setState({\n categories: assetClasses.DtData,\n });\n }\n };\n\n changeEuin = (value) => {\n this.setState({\n euinNo: { value },\n });\n };\n\n getOtherSchemes = async (value) => {\n const params = {\n schtype: REGULAR,\n category: value,\n acno: this.state.folio.value.value,\n fundCode: this.state.fund.value.value,\n trantype: \"S\",\n };\n const otherSchemes = await this.props.getOtherSchemes(params);\n if (otherSchemes) {\n this.setState({\n switchInSchemes: otherSchemes.DtData,\n });\n }\n };\n handleSwitchInSchemeChange = (value) => {\n const { scheme } = this.state;\n var setSwitchOutScheme, setSwitchInScheme;\n setSwitchOutScheme = `${value.value.fm_scheme}${value.value.fm_plan}${value.value.fm_option}`;\n setSwitchInScheme = `${scheme.value.value.Sch}${scheme.value.value.Pln}${scheme.value.value.Opt}`;\n\n if (!value) {\n this.setState({\n switchInScheme: { value },\n });\n return;\n } else if (setSwitchOutScheme === setSwitchInScheme) {\n this.setState({\n switchInScheme: {\n value: \"\",\n isError: true,\n errorMessage: `Switch in scheme should not be same as Switch out scheme`,\n },\n });\n return;\n }\n this.setState({\n switchInScheme: { value },\n multiples: {\n value: value.value.multiples,\n }\n });\n };\n changeValue = (label) => (event) => {\n if (\n (label === \"subArnCode\" || label === \"subBrokerCode\") &&\n event.target.value.length <= 20\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (label === \"radioValue\" && event.target.value === \"no\") {\n if (!this.state.euinNo.value) {\n this.setState({\n radioValue: { value: event.target.value },\n });\n } else {\n this.setState({\n [label]: { value: event.target.value },\n euinNo: { value: \"\" },\n });\n }\n } else if (label === \"radioValue\" && event.target.value !== \"no\") {\n this.setState({\n [label]: { value: event.target.value },\n euinNo: { value: \"\" },\n });\n }\n else if (\n label !== \"subArnCode\" &&\n label !== \"subBrokerCode\" &&\n label === \"radioValue\" &&\n event.target.value !== \"no\"\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n };\n\n handleSwitchValueChange(event) {\n if (event.target.value.length <= 10) {\n this.setState({\n amount: { value: event.target.value.replace(/^0+/, \"\") },\n });\n }\n }\n\n changeSwitchType = (value) => () => {\n if (value === FULL) {\n this.setState({\n switchType: FULL,\n switchMode: UNITS,\n amount: {\n value: !!this.state.scheme.value\n ? this.state.scheme.value.value.BalUnits\n : \"\",\n },\n });\n }\n if (value === PARTIAL) {\n this.setState({\n switchType: PARTIAL,\n amount: { value: \"\" },\n });\n }\n };\n changeSwitchMode = (value) => () => {\n if (value === AMOUNT) {\n this.setState({\n switchMode: AMOUNT,\n amount: { value: \"\" },\n });\n }\n if (value === UNITS) {\n this.setState({\n switchMode: UNITS,\n amount: { value: \"\" },\n });\n }\n };\n showError = (label) => () => {\n const {\n [label]: { value },\n } = this.state;\n if (!!this.state.scheme && !!this.state.scheme.value.value) {\n if (label === \"amount\") {\n this.setState({\n [label]: {\n value,\n isError:\n this.state.switchMode === AMOUNT\n ? this.state.scheme.value.value.MinAmt > this.state.amount.value\n ? true\n : !value\n : this.state.scheme.value.value.MinAmt > this.state.scheme.value.value.LastNAV*this.state.amount.value ? true : this.state.scheme.value.value.BalUnits <\n this.state.amount.value\n ? true\n : +this.state.amount.value > 5250 ? true\n : !value,\n errorMessage:\n this.state.switchMode === AMOUNT\n ? this.state.scheme.value.value.MinAmt > this.state.amount.value\n ? `Minimum amount should be ${this.state.minAmount}`\n : \"\"\n : this.state.scheme.value.value.MinAmt > this.state.scheme.value.value.LastNAV*this.state.amount.value ? `Units should not be less than ${this.state.minAmount/this.state.scheme.value.value.LastNAV}` :\n this.state.scheme.value.value.BalUnits <\n this.state.amount.value\n ? `Please enter Switch Value less than or equal to Balance Units`\n : +this.state.amount.value > 5250 ? `Please enter Switch Value less than or equal to 5250`\n : \"\",\n },\n });\n }\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n\n submit = async () => {\n let currValue, currAmountValue;\n\n const {\n funds,\n schemes,\n switchInSchemes,\n folios,\n switchType,\n switchMode,\n minAmount,\n categories,\n arnCode,\n subArnCode,\n subBrokerCode,\n euinNo,\n amount,\n radioValue,\n isError,\n errorMessage,\n multiples,\n ...others\n } = this.state;\n\n const arn = this.state.arnCode.value.split(\"-\");\n const keys = Object.keys(others);\n if (!!this.state.scheme.value) {\n currValue = parseFloat(\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\n );\n }\n if(!!this.state.amount.isError){\n return;\n }\n currAmountValue =\n this.state.switchType !== FULL\n ? parseFloat(this.state.amount.value.replace(/,/g, \"\"))\n : \"\";\n const findError = keys.every((key) => !!others[key].value);\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage: `${\n key === \"folio\"\n ? \"Folio\"\n : key === \"scheme\"\n ? \"Switch out scheme\"\n : key === \"category\"\n ? \"Category\"\n : key === \"switchInScheme\"\n ? \"Switch in Scheme\"\n : key\n } is Mandatory`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n case \"fund\": {\n this.fundField.focus();\n break;\n }\n case \"folio\": {\n this.folioField.focus();\n break;\n }\n case \"scheme\": {\n this.switchOutField.focus();\n break;\n }\n case \"category\": {\n this.category.focus();\n break;\n }\n case \"switchInScheme\": {\n this.switchInScheme.focus();\n break;\n }\n }\n } else if (this.state.amount.value === \"\") {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: `Switch value is mandatory`,\n },\n });\n return;\n } else if (arn[1] === this.state.subArnCode.value) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `and ARN code should not match `,\n },\n });\n } else if (\n (this.state.scheme.value.value.MinAmt > this.state.amount.value &&\n this.state.switchMode === AMOUNT) ||\n (this.state.scheme.value.value.BalUnits < this.state.amount.value &&\n this.state.switchMode === UNITS &&\n this.state.switchType === PARTIAL) ||\n (currValue < currAmountValue && this.state.switchMode === AMOUNT)\n ) {\n if (\n this.state.scheme.value.value.MinAmt > this.state.amount.value &&\n this.state.switchMode === AMOUNT\n ) {\n\n this.setState({\n amount: {\n ...others[\"amount\"],\n value: \"\",\n isError: true,\n errorMessage: `Minimum Amount value is ${this.state.minAmount}`,\n },\n });\n this.amountField.focus();\n return;\n } \n else if (\n \n currValue < currAmountValue \n ) {\n this.setState({\n amount: {\n ...others[\"amount\"],\n isError: true,\n errorMessage: `You don't have enough Amount To Redeem! in Switch`,\n },\n });\n } else if (\n this.state.scheme.value.label === this.state.switchInScheme.value.label\n ) {\n this.setState({\n switchInScheme: {\n value:\"\",\n isError: true,\n errorMessage: `Switch in scheme and Switch out scheme cannot be same`,\n },\n });\n return;\n } else if (\n this.state.scheme.value.value.BalUnits < this.state.amount.value &&\n this.state.switchMode === UNITS\n ) {\n this.setState({\n ...others[\"amount\"],\n isError: true,\n errorMessage: `Please enter Switch Value less than or equal to Balance Units`,\n });\n }\n this.amountField.focus();\n return;\n } else if (\n this.state.radioValue.value === \"no\" &&\n this.state.euinNo.value === \"\"\n ) {\n this.setState({\n euinNo: {\n value: \"\",\n isError: true,\n errorMessage: `EUIN selection is mandatory`,\n },\n });\n this.euinField.focus();\n } else {\n this.props.setSwitchDetails(this.state);\n const params = {\n amount: switchMode === AMOUNT ? this.state.amount.value : \"0\",\n fund: \"102\",\n customfund: \"102\",\n plan: others.scheme.value.value.Pln,\n scheme: others.scheme.value.value.Sch,\n acno: others.scheme.value.value.Acno,\n trdt: moment(new Date()).format(\"MM/DD/YYYY\"),\n units: switchMode === UNITS ? this.state.amount.value : \"0\",\n ttrtype: PURCHASE,\n };\n const response = await this.props.getRedemptionPaymentDetails(params);\n if (response) {\n this.props.saveTransactionDetails(this.state);\n this.props.history.push({\n pathname: NEW_TRANSACTION_URL + \"/switch/digital/transact/confirm\",\n state: {\n title: \"Switch Summary\",\n type: SWITCH,\n scheme: others.scheme.value.value,\n Folio: { value: others.scheme.value.value.Acno },\n switchInScheme: others.switchInScheme.value.value,\n fund: \"102\",\n switchMode,\n subArnCode: this.state.subArnCode.value,\n subBrokerCode: this.state.subBrokerCode.value,\n switchType,\n euin: this.state.euinNo.value,\n amount: this.state.amount.value,\n },\n });\n }\n }\n };\n\n render() {\n const {\n fund,\n funds = [],\n folio,\n folios = [],\n schemes = [],\n scheme,\n radioValue,\n arnCode,\n subArnCode,\n subBrokerCode,\n euinNo,\n categories,\n category,\n switchInScheme,\n switchInSchemes,\n amount,\n switchType,\n switchMode,\n } = this.state;\n const { euinList } = this.props;\n return (\n Redemption
\n \n ({\n label: item,\n value: item,\n }))}\n value={folio.value}\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n isError={folio.isError}\n disabled={!fund.value}\n errorMessage={folio.errorMessage}\n />\n
\n\n Folio*
\n \n ({\n label: item.PlnDesc\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\n : item.fm_schdesc,\n value: item,\n }))}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n handleChange={this.handleSchemeChange}\n inputRef={(ele) => (this.schemeField = ele)}\n isError={scheme.isError}\n disabled={!folio.value}\n errorMessage={scheme.errorMessage}\n />\n
\n\n Scheme*
\n \n
\n\n \n
\n Balance Units
\n Current Value
\n NAV as on Date
\n Minimum Amount (₹)
\n \n
\n {!!scheme.value ? scheme.value.value.BalUnits : \"\"}
\n {!!scheme.value ? scheme.value.value.CurValue : \"\"}
\n {!!scheme.value ? scheme.value.value.LastNAV : \"\"}
\n {!!scheme.value ? scheme.value.value.MinAmt : \"\"}
\n Redemption Type*
\n \n
\n\n Redemption Mode*
\n \n
\n\n \n \n (evt.key === \"e\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"#a6a6a6\"\n errorMessage={amount.errorMessage}\n isShowError={amount.isError}\n type=\"number\"\n onBlur={this.showError(\"amount\")}\n disabled={redemptionType === FULL ? true : false}\n inputref={(ele) => (this.amountField = ele)}\n onChange={(event) => this.handleRedemptionValueChange(event)}\n value={amount.value}\n />\n
\n\n \n (this.bankField = ele)}\n >\n {banks.map((item, index) => (\n \n ))}\n \n {/* {!!bank.errorMessage ?
\n {bank.errorMessage}
: \"\"} */}\n \n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n errorMessage={amount.errorMessage}\n isShowError={amount.isError}\n onBlur={this.showError(\"amount\")}\n disabled={switchType === FULL ? true : false}\n onChange={(event) => this.handleSwitchValueChange(event)}\n value={amount.value}\n inputref={(ele) => (this.amountField = ele)}\n />\n\n
\n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }) => {\n const { fundList, token, userId, investorData, communicationDetails } =\n authReducer;\n const { euinList, switchDetails = {}, transactionDetails } = transactions;\n return {\n fundList,\n token,\n userId,\n euinList,\n switchDetails,\n investorData,\n communicationDetails,\n transactionDetails,\n };\n },\n {\n validateSubBroker,\n getNewPurchaseFundList,\n getOtherSchemes,\n setSwitchDetails,\n getAssetClasses,\n getRedemptionPaymentDetails,\n saveTransactionDetails,\n }\n)(switchCmponent);\n","import React, { Component } from \"react\";\nimport CustomizedSelect from \"./customizedSelect\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport { Input } from \"../../forms/input\";\nimport { Checkbox } from \"@material-ui/core\";\nimport {\n EXISTING,\n NEW,\n NEWP,\n YES,\n REGULAR,\n PURCHASE,\n SIP_TRANS_TYPE,\n INVESTMENT_FREQUENCY,\n SIP_DAY,\n SIP,\n NO,\n PAYMENT_MODE,\n} from \"../../../store/types\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport Radio from \"@material-ui/core/Radio\";\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport { connect } from \"react-redux\";\nimport {\n validateSubBroker,\n swpOptions,\n getNewPurchaseFundList,\n getOtherSchemes,\n getAssetClasses,\n CalcSIPEnddt,\n setSipDetails,\n submitPurchaseData,\n showPurchaseConfirmation,\n getMinimumAmount,\n EBamountValidation,\n saveTransactionDetails,\n getCheckPanKotm,\n getCheckPanAotm,\n} from \"../../../store/actions\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport { NEW_TRANSACTION_URL } from \".\";\nimport { isBefore, isAfter, isEqual } from \"date-fns\";\nconst initialState = {\n fund: { value: \"\" },\n funds: [],\n folio: { value: \"\" },\n folios: [],\n category: { value: \"\" },\n minimumLumpsumAmout: \"\",\n categories: [],\n scheme: { value: \"\" },\n schemes: [],\n investmentFrequency: { value: \"\" },\n frequencies: [],\n installments: { value: \"\" },\n sipDay: { value: \"\" },\n sipDays: [],\n sip_start_date: { value: \"\" },\n sip_end_date: { value: \"\" },\n installmentAmount: { value: \"\" },\n investmentAmount: { value: \"\" },\n mode: { value: \"\" },\n perpetualSip: false,\n modes: [],\n minAmount: \"\",\n kotm: false,\n selectedKotm: { value: \"\" },\n umrn: [],\n};\nclass Sip extends Component {\n constructor(props) {\n super(props);\n const { sipDetails, location, fundList, history } = this.props;\n const { state } = location;\n const checkExisting =\n !!fundList && fundList.find((ele) => ele.Fund === \"102\" && !!ele.Acno);\n const checkMode =\n !!history &&\n !!history.location &&\n !!history.location.state &&\n !!history.location.state.mode\n ? history.location.state.mode\n : !!sipDetails && !!sipDetails.mode && !!sipDetails.mode.value\n ? sipDetails.mode.value\n : \"\";\n\n const checkPan =\n !!history &&\n !!history.location &&\n !!history.location.state &&\n !!history.location.state.pan\n ? history.location.state.pan\n : !!sipDetails && !!sipDetails.pan && !!sipDetails.pan.value\n ? sipDetails.pan.value\n : \"\";\n const checkfolio = {\n value:\n !!history &&\n !!history.location &&\n !!history.location.state &&\n !!history.location.state.folio\n ? history.location.state.folio\n : !!sipDetails && !!sipDetails.folio && !!sipDetails.folio.value\n ? sipDetails.folio.value\n : \"\",\n label:\n !!history &&\n !!history.location &&\n !!history.location.state &&\n !!history.location.state.folio\n ? history.location.state.folio\n : !!sipDetails && !!sipDetails.folio && !!sipDetails.folio.value\n ? sipDetails.folio.value\n : \"\",\n };\n\n this.state = {\n sipTypes:\n // (!!state && !!state.pan) || !checkExisting\n // ? [\n // { label: \"New Folio - SIP Registration\", value: NEWP },\n // {\n // label: \"New Folio - SIP Registration with payment\",\n // value: NEW,\n // },\n // ]\n // :\n [\n { label: \"Existing Folio - SIP Registration\", value: EXISTING },\n {\n label: \"Existing Folio - SIP Registration with payment\",\n value: \"EXISTINGP\",\n },\n // { label: \"New Folio - SIP Registration\", value: NEWP },\n // {\n // label: \"New Folio - SIP Registration with payment\",\n // value: NEW,\n // },\n ],\n\n invName: { value: \"\" },\n sipType: { value: checkMode === \"ENACH\" ? EXISTING : \"\" },\n multiples: \"\",\n fund: { value: \"\" },\n pan: { value: checkPan },\n code: { value: \"+91\" },\n funds: [],\n folio: { value: checkfolio },\n folios: [],\n arnCode: { value: this.props.token },\n subArnCode: { value: \"\" },\n subBrokerCode: { value: \"\" },\n schemeType: EXISTING,\n category: { value: \"\" },\n categories: [],\n schemes: [],\n scheme: { value: \"\" },\n mode: { value: checkMode },\n disbleEmail: false,\n disbleMobile: false,\n euinNo: { value: \"\" },\n radioValue: { value: \"no\" },\n minAmount: \"\",\n minAmountValue: { value: \"\" },\n frequencies: [],\n investmentFrequency: { value: \"\" },\n sipDays: [],\n sipDay: { value: \"\" },\n installments: { value: \"\" },\n sip_start_date: { value: \"\" },\n sip_end_date: { value: \"\" },\n email: { value: \"\" },\n mobile: { value: \"\" },\n installmentAmount: { value: \"\" },\n investmentAmount: { value: \"\" },\n modes: [],\n maxAmount: \"\",\n Family_Code_Email: { value: \"\" },\n Family_Code_Phone: { value: \"\" },\n ...sipDetails,\n };\n }\n\n async componentDidMount() {\n window.scrollTo({\n behavior: \"smooth\",\n top: 0,\n });\n const { transactionDetails } = this.props;\n if (Object.keys(transactionDetails).length > 0) {\n this.setState(transactionDetails);\n return;\n }\n this.validateBrokerCode(\"102\")();\n\n // if (this.state.mode.value === \"ENACH\") {\n // const { history, sipDetails } = this.props;\n // const schemes = await this.schemes(\n // !!history &&\n // !!history.location &&\n // !!history.location.state &&\n // !!history.location.state.folio\n // ? history.location.state.folio\n // : !!sipDetails && !!sipDetails.folio && !!sipDetails.folio.value\n // ? sipDetails.folio.value\n // : \"\"\n // );\n\n // this.setState({\n // minAmountValue: { value: \"\" },\n // schemes,\n // schemeType: EXISTING,\n // });\n // this.validateBrokerCode(\"189\")();\n // }\n }\n\n handlechangeSIPEndDateChange = () => {\n const { perpetualSip } = this.state;\n let startDateSplitting = this.state.sip_start_date.value;\n const [day, month, year] = startDateSplitting.split('/');\n const startDate = new Date(year, month - 1, day);\n if (!perpetualSip && this.state.kotm) {\n \n let selectedFrequency = this.state.investmentFrequency.value.FrequencyID;\n let endDate = new Date(\n this?.state?.selectedKotm?.value[\"MANDATE END DATE\"]\n );\n let monthsDifference =\n (endDate.getFullYear() - startDate.getFullYear()) * 12 +\n (endDate.getMonth() - startDate.getMonth());\n let noofFrequency =\n selectedFrequency == \"Monthly\"\n ? monthsDifference\n : selectedFrequency == \"Daily\"\n ? Math.floor((endDate - startDate) / (1000 * 60 * 60 * 24))\n : selectedFrequency == \"Weekly\"\n ? (endDate - startDate) / (1000 * 60 * 60 * 24) / 7\n : selectedFrequency == \"Quarterly\"\n ? Math.floor(monthsDifference / 3)\n : selectedFrequency == \"Yearly\"\n ? Math.floor(monthsDifference / 12)\n : \"\";\n this.setState({\n perpetualSip: !this.state.perpetualSip,\n sip_end_date: {\n value: this?.state?.selectedKotm?.value[\"MANDATE END DATE\"],\n },\n installments: {\n value: Math.floor(noofFrequency),\n disabled: true,\n },\n });\n } else if (!perpetualSip && !this.state.kotm) {\n let selectedFrequency = this.state.investmentFrequency.value.FrequencyID;\n let endDate = new Date(\"2099-12-31\");\n let monthsDifference =\n (endDate.getFullYear() - startDate.getFullYear()) * 12 +\n (endDate.getMonth() - startDate.getMonth());\n let noofFrequency =\n selectedFrequency == \"Monthly\"\n ? monthsDifference\n : selectedFrequency == \"Daily\"\n ? Math.floor((endDate - startDate) / (1000 * 60 * 60 * 24))\n : selectedFrequency == \"Weekly\"\n ? (endDate - startDate) / (1000 * 60 * 60 * 24) / 7\n : selectedFrequency == \"Quarterly\"\n ? Math.floor(monthsDifference / 3)\n : selectedFrequency == \"Yearly\"\n ? Math.floor(monthsDifference / 12)\n : \"\";\n this.setState({\n perpetualSip: !this.state.perpetualSip,\n sip_end_date: { value: \"31/12/2099\" },\n installments: {\n value: Math.floor(noofFrequency),\n disabled: true,\n },\n });\n } else if (!!perpetualSip) {\n this.setState({\n perpetualSip: !this.state.perpetualSip,\n sipDay: { value: \"\" },\n sip_end_date: { value: \"\" },\n sip_start_date: { value: \"\" },\n installments: {\n value: \"\",\n placeholder: \"\",\n disabled: false,\n },\n });\n }\n };\n\n // handleFundChange = async (value) => {\n // const fund = !!value ? value.value : \"\";\n // const fundValue = !!value\n // ? this.state.sipType.value === NEW || this.state.sipType.value === NEWP\n // ? fund.amc_code\n // : fund.Fund\n // : \"\";\n\n // if (!value) {\n // this.setState({\n // ...initialState,\n // funds: this.state.funds,\n // fund: { value },\n // schemes: [],\n // scheme: { value: \"\" },\n // modes: [],\n // mode: { value: \"\" },\n // euinNo: { value: \"\" },\n // radioValue: { value: \"no\" },\n // minAmount: \"\",\n // frequencies: [],\n // investmentFrequency: { value: \"\" },\n // sipDays: [],\n // sipDay: { value: \"\" },\n // minAmountValue: { value: \"\" },\n // installments: { value: \"\" },\n // sip_start_date: { value: \"\" },\n // sip_end_date: { value: \"\" },\n // email: {\n // value:\n // this.state.sipType.value === NEW ||\n // this.state.sipType.value === NEWP\n // ? this.state.email.value\n // : \"\",\n // },\n // mobile: {\n // value:\n // this.state.sipType.value === NEW ||\n // this.state.sipType.value === NEWP\n // ? this.state.mobile.value\n // : \"\",\n // },\n // installmentAmount: { value: \"\" },\n // investmentAmount: { value: \"\" },\n // });\n // return;\n // } else if (\n // !!value &&\n // !!this.state.fund.value &&\n // value.value.Fund === this.state.fund.value.value.Fund &&\n // value.value.Fund !== undefined\n // ) {\n // return;\n // } else {\n // const params = {\n // opt: PAYMENT_MODE,\n // Fund: fundValue,\n // astscheme:\n // !!this.props.investorData && !!this.props.investorData.PAN\n // ? this.props.investorData.PAN\n // : \"\",\n // };\n // const folios = this.props.fundList.reduce((prev, curr) => {\n // if (curr.Fund === fundValue && curr.sipFlag === YES) {\n // return [...prev, curr.Acno];\n // }\n // return prev;\n // }, []);\n // this.setState({\n // ...initialState,\n // funds: this.state.funds,\n // fund: { value },\n // folios: Array.from(new Set(folios)),\n // folio: { value: \"\" },\n // });\n // if (!!value) {\n // this.validateBrokerCode(fundValue)();\n // }\n // if (\n // this.state.sipType.value === NEW ||\n // this.state.sipType.value === NEWP\n // ) {\n // this.getAssetClasses(fundValue);\n // }\n // const response = await this.props.swpOptions(params);\n // if (response) {\n // const { Dtinformation } = response;\n // this.setState({\n // modes: Dtinformation,\n // minAmountValue: { value: \"\" },\n // mode: { value: \"\" },\n // });\n // }\n // }\n // };\n\n validateBrokerCode = (fund) => async () => {\n const { subArnCode, arnCode } = this.state;\n if (\n !!subArnCode.value &&\n subArnCode.value === arnCode.value.split(\"-\")[1]\n ) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `Sub ARN Code should not be same as ARN Code`,\n },\n });\n } else {\n const params = {\n Fund: \"102\",\n SubAgentCd: !!subArnCode.value ? `ARN-${subArnCode.value}` : \"\",\n AgentCd: arnCode.value,\n };\n const response = await this.props.validateSubBroker(params);\n\n if (!!response && !!response.DtData && response.DtData.length > 0) {\n const getLength = response.DtData.length === 1;\n let value = {\n value: response.DtData[0].abm_agent,\n label: response.DtData[0].abm_agent,\n };\n if (!!getLength) {\n this.setState({\n euinNo: { value },\n });\n }\n } else if (!response) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `(Please enter a valid Sub ARN Code)`,\n },\n });\n }\n }\n };\n getUMRN = async (type) => {\n const params = {\n Fund: \"102\",\n PAN: this.props.investorData.PAN,\n Acno: this.state.folio.value.value ? this.state.folio.value.value : 0,\n };\n const response =\n type === \"KOTM\"\n ? await this.props.getCheckPanKotm(params)\n : await this.props.getCheckPanAotm(params);\n const umrn = await response.Table1;\n if (umrn.length > 1) {\n const maxAmt = umrn.reduce(\n (max, obj) => (obj.Amt > max ? obj.Amt : max),\n 0\n );\n const filteredData = umrn.filter((obj) => obj.Amt === maxAmt);\n this.setState({\n selectedKotm: { value: filteredData[0] },\n });\n }\n if (umrn.length === 1) {\n this.setState({\n selectedKotm: { value: umrn[0] },\n });\n }\n this.setState({\n umrn,\n });\n };\n\n handleFolioChange = (value) => {\n const folio = !!value ? value.value : \"\";\n const { folios } = this.state;\n const state = { folios };\n\n if (!value) {\n this.setState({\n ...initialState,\n ...state,\n mode: { value: this.state.mode.value },\n folio: { value },\n });\n return;\n } else if (\n !!value &&\n !!this.state.folio.value &&\n value.value === this.state.folio.value.value\n ) {\n return;\n } else {\n const schemes = this.schemes(folio);\n this.setState({\n ...initialState,\n ...state,\n mode: { value: this.state.mode.value },\n folio: { value },\n minAmountValue: { value: \"\" },\n schemes,\n euinNo:{value:\"\"},\n subArnCode:{value:\"\"},\n subBrokerCode:{value:\"\"},\n schemeType: EXISTING,\n });\n }\n };\n\n changeEuin = (value) => {\n this.setState({\n euinNo: { value },\n });\n };\n\n changeValue = (label) => async (event) => {\n if (\n (label === \"installmentAmount\" || label === \"investmentAmount\") &&\n event.target.value.length <= 10\n ) {\n this.setState({\n [label]: { value: parseFloat(event.target.value.replace(/^0+/, \"\")) },\n });\n } else if (label === \"mode\") {\n this.setState({\n sipDay: { value: \"\" },\n sip_start_date: { value: \"\" },\n sip_end_date: { value: \"\" },\n perpetualSip: false,\n });\n if (event.target.value === \"KOTM\") {\n this.getUMRN(\"KOTM\");\n } else if (event.target.value === \"AOTM\") {\n this.getUMRN(\"AOTM\");\n }\n this.setState({\n [label]: { value: event.target.value },\n kotm: event.target.value === \"KOTM\" || event.target.value === \"AOTM\",\n selectedKotm: { value: \"\" },\n });\n } else if (label === \"kotm\") {\n this.setState({\n selectedKotm: {\n value: event.target.value,\n },\n });\n } else if (label === \"code\") {\n if (!/^[+]\\d{1,3}$/.test(event.target.value)) {\n this.setState({\n [label]: {\n value: event.target.value,\n isError: true,\n errorMessage: \"Enter a valid Country Code\",\n },\n });\n } else {\n this.setState({ [label]: { value: event.target.value } });\n }\n } else if (label === \"installments\" && event.target.value.length <= 4) {\n if (parseFloat(event.target.value) <= 9999) {\n this.setState({\n [label]: {\n value: parseFloat(event.target.value.replace(/^0+/, \"\")),\n },\n sipDay: { value: \"\" },\n sip_start_date: { value: \"\" },\n sip_end_date: { value: \"\" },\n });\n const modeparams = {\n opt: PAYMENT_MODE,\n Fund: \"102\",\n astscheme:\n !!this.props.investorData && !!this.props.investorData.PAN\n ? this.props.investorData.PAN\n : !!this.state && !!this.state.pan\n ? this.state.pan\n : \"\",\n };\n const res = await this.props.swpOptions(modeparams);\n if (res) {\n const { Dtinformation } = res;\n this.setState({\n modes: Dtinformation,\n mode: { value: \"\" },\n });\n }\n } else if (!event.target.value) {\n this.setState({\n [label]: {\n value: \"\",\n isError: \"\",\n errorMessage: !!event.target.value\n ? \"no of installemnts should not be more than 500\"\n : \"no of installments is mandatory\",\n },\n sipDay: { value: \"\" },\n sip_start_date: { value: \"\" },\n sip_end_date: { value: \"\" },\n });\n }\n } else if (label === \"mobile\") {\n if (!/^[6-9]\\d{9}$/.test(event.target.value)) {\n this.setState({\n [label]: {\n value: event.target.value,\n isError: true,\n errorMessage: \"Enter a valid Mobile Number\",\n },\n });\n } else {\n this.setState({ [label]: { value: event.target.value } });\n }\n } else if (\n (label === \"subArnCode\" || label === \"subBrokerCode\") &&\n event.target.value.length <= 20\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (label === \"radioValue\" && event.target.value === \"no\") {\n if (!this.state.euinNo.value) {\n this.setState({\n radioValue: { value: event.target.value },\n });\n } else {\n this.setState({\n [label]: { value: event.target.value },\n euinNo: { value: \"\" },\n });\n }\n } else if (label === \"radioValue\" && event.target.value !== \"no\") {\n this.setState({\n [label]: { value: event.target.value },\n euinNo: { value: \"\" },\n });\n }\n else if (label === \"email\") {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (label === \"invName\" && event.target.value.length <= 40) {\n if (/^[a-zA-Z ]*$/.test(event.target.value)) {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n } else if (\n label !== \"installmentAmount\" &&\n label !== \"invName\" &&\n label !== \"subArnCode\" &&\n label !== \"installments\" &&\n label !== \"subBrokerCode\" &&\n label !== \"email\" &&\n label !== \"mobile\" &&\n label !== \"investmentAmount\" &&\n label === \"radioValue\" &&\n event.target.value !== \"no\"\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n };\n\n getAssetClasses = async (fund, folio) => {\n const params = {\n Fund: \"102\",\n Folio: folio,\n };\n const assetClasses = await this.props.getAssetClasses(params);\n if (assetClasses) {\n this.setState({\n categories: assetClasses.DtData,\n });\n }\n };\n\n getOtherSchemes = async (category) => {\n const params = {\n schtype: REGULAR,\n category,\n acno:\n this.state.sipType.value === NEW || this.state.sipType.value === NEWP\n ? \"0\"\n : this.state.folio.value.value,\n fundCode: \"102\",\n trantype: SIP_TRANS_TYPE,\n };\n\n const otherSchemes = await this.props.getOtherSchemes(params);\n const FundName = \"102\";\n\n if (otherSchemes) {\n this.setState({\n schemes: otherSchemes.DtData,\n mode: { value: this.state.mode.value },\n fund: {\n ...this.state.fund,\n errorMessage:\n (FundName.trim() === \"128\" ||\n FundName.trim() === \"116\" ||\n FundName.trim() === \"102\") &&\n this.state.category.value === \"LIQUID\" &&\n otherSchemes.DtData.length === 0\n ? \"Liquid Schemes are not allowed for SIP\"\n : otherSchemes.DtData.length === 0 &&\n (FundName.trim() !== \"128\" ||\n FundName.trim() !== \"116\" ||\n FundName.trim() !== \"102\")\n ? \"No Schemes under this fund\"\n : \"\",\n },\n });\n }\n };\n\n schemes = (folio) => {\n if (\n this.state.sipType.value === EXISTING ||\n this.state.mode.value === \"ENACH\" ||\n this.state.sipType.value === \"EXISTINGP\"\n ) {\n return this.props.fundList.reduce((prev, curr) => {\n if (\n parseFloat(curr.Fund) === 102 &&\n parseFloat(curr.Acno) === parseFloat(folio) &&\n curr.sipSchFlg === YES\n ) {\n return [...prev, curr];\n }\n return prev;\n }, []);\n }\n };\n\n handleCategoryChange = (event) => {\n const category = event.target.value;\n const { funds, fund, folios, folio, categories } = this.state;\n const state = {\n funds,\n fund,\n folios,\n\n folio,\n categories,\n };\n if (!category) {\n this.setState({\n ...initialState,\n ...state,\n category: { value: \"\" },\n mode: { value: this.state.mode.value },\n });\n return;\n }\n this.setState({\n ...initialState,\n ...state,\n category: { value: category },\n mode: { value: this.state.mode.value },\n subArnCode:{value:\"\"},\n subBrokerCode:{value:\"\"},\n euinNo:{value:\"\"}\n });\n this.getOtherSchemes(category);\n };\n\n handleSipTypeChange = async (event) => {\n const sipType = event.target.value;\n const { communicationDetails, investorData } = this.props;\n\n const detailsEmail = communicationDetails.find(\n (detail) =>\n detail.PAN === investorData.PAN &&\n !!detail.email &&\n !!detail.Fund &&\n String(detail.Fund).trim() === \"102\"\n );\n const detailsMobile = communicationDetails.find(\n (detail) =>\n detail.PAN === investorData.PAN &&\n !!detail.Mobile &&\n String(detail.Fund).trim() === \"102\"\n );\n\n const Setstate = {\n ...initialState,\n schemeType: EXISTING,\n invName: {\n value:\n !!investorData && !!investorData.invname ? investorData.invname : \"\",\n },\n email: {\n value:\n (sipType === NEW || sipType === NEWP) &&\n // !!location.state &&\n // !location.state.pan &&\n !!detailsEmail &&\n !!detailsEmail.email\n ? detailsEmail.email\n : \"\",\n },\n mobile: {\n value:\n (sipType === NEW || sipType === NEWP) &&\n // !!location.state &&\n // !location.state.pan &&\n !!detailsMobile &&\n !!detailsMobile.Mobile\n ? detailsMobile.Mobile\n : \"\",\n },\n disbleEmail:\n !!detailsEmail &&\n !!detailsEmail.email &&\n (sipType === NEW || sipType === NEWP)\n ? true\n : false,\n disbleMobile:\n !!detailsMobile &&\n (sipType === NEW || sipType === NEWP) &&\n !!detailsMobile.Mobile\n ? true\n : false,\n mode: { value: this.state.mode.value },\n };\n\n if (!sipType) {\n this.setState({\n ...Setstate,\n sipType: { value: event.target.value },\n minAmountValue: { value: \"\" },\n });\n return;\n } else if (event.target.value === this.state.sipType.value) {\n return;\n }\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (parseFloat(curr.Fund) === 102 && curr.sipFlag === YES) {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n ...Setstate,\n sipType: { value: sipType },\n funds: [],\n fund: { value: { value: \"102\" } },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n mode: { value: this.state.mode.value },\n });\n if (!!sipType) {\n this.validateBrokerCode(\"102\")();\n }\n if (sipType === NEW || sipType === NEWP) {\n this.getAssetClasses(\"102\");\n }\n\n this.setState({\n minAmountValue: { value: \"\" },\n });\n };\n\n changeSchemeType = (value) => () => {\n const { folios, folio } = this.state;\n const state = {\n folios,\n folio,\n };\n if (value === this.state.schemeType) {\n return;\n }\n if (value === EXISTING || value === \"EXISTINGP\") {\n const schemes = this.schemes(this.state.folio.value.value);\n this.setState({\n ...initialState,\n ...state,\n schemeType: value,\n minAmountValue: { value: \"\" },\n schemes,\n mode: { value: this.state.mode.value },\n });\n } else {\n this.setState({\n ...initialState,\n minAmountValue: { value: \"\" },\n ...state,\n schemeType: value,\n mode: { value: this.state.mode.value },\n });\n if (!!this.state.folio.value) {\n this.getAssetClasses(\n this.state.sipType.value === NEW ? \"102\" : \"102\",\n this.state.folio.value.value\n );\n }\n }\n };\n\n handleSchemeChange = (value) => {\n const scheme = !!value ? value.value : \"\";\n const { funds, fund, folios, folio, categories, category, schemes } =\n this.state;\n const state = {\n funds,\n fund,\n folios,\n\n folio,\n categories,\n category,\n schemes,\n };\n if (!value) {\n this.setState({\n ...initialState,\n ...state,\n scheme: { value: value },\n });\n return;\n }\n\n this.setState({\n ...initialState,\n ...state,\n multiples: !!scheme && !!scheme.multiples ? scheme.multiples : \"\",\n mode: { value: this.state.mode.value },\n scheme: { value },\n // minAmount: !!scheme ? scheme.sipminamt || scheme.SIPminamt : \"\",\n // minAmountValue: {\n // value: !!scheme ? scheme.sipminamt || scheme.SIPminamt : \"\",\n // },\n euinNo:{value:\"\"},\n subArnCode:{value:\"\"},\n subBrokerCode:{value:\"\"},\n minimumLumpsumAmout:\n this.state.sipType.value === NEW\n ? scheme.fm_newpur\n : this.state.sipType.value === \"EXISTINGP\"\n ? scheme.MinAmt\n : \"\",\n });\n const params = {\n opt: INVESTMENT_FREQUENCY,\n fund: \"102\",\n };\n this.getInvestmentFrequency(params, \"frequencies\");\n };\n\n getInvestmentFrequency = async (params, label) => {\n const response = await this.props.swpOptions(params);\n if (response) {\n this.setState({\n [label]: response.Dtinformation,\n });\n }\n };\n FamilyDescriptionEmail = (event) => {\n this.setState({\n Family_Code_Email: { value: event },\n });\n };\n FamilyDescriptionPhone = (event) => {\n this.setState({\n Family_Code_Phone: { value: event },\n });\n };\n\n changeFrequency = async (event) => {\n const investmentFrequency = event.target.value;\n let minAmount = \"\";\n const {\n funds,\n fund,\n folios,\n\n folio,\n categories,\n category,\n schemes,\n scheme,\n frequencies,\n } = this.state;\n const state = {\n funds,\n fund,\n folios,\n\n folio,\n categories,\n category,\n schemes,\n scheme,\n frequencies,\n };\n if (!investmentFrequency) {\n this.setState({\n ...initialState,\n ...state,\n installments: { value: \"\" },\n sip_end_date: { value: \"\" },\n sip_start_date: { value: \"\" },\n sipDay: { value: \"\" },\n investmentFrequency: { value: investmentFrequency },\n mode: { value: this.state.mode.value },\n });\n return;\n }\n if (this.state.sipType.value === NEW || this.state.sipType.value === NEWP) {\n const minParams = {\n Fund: \"102\",\n Scheme: this.state.scheme.value.value.fm_scheme,\n Trtype: \"SIP\",\n Frequency: event.target.value.FrequencyID,\n };\n const response = await this.props.getMinimumAmount(minParams);\n\n if (response) {\n const { DtData } = response;\n minAmount = DtData[0].minamt;\n this.setState({\n minAmountValue: { value: minAmount }\n })\n }\n }\n if (this.state.sipType.value === EXISTING || this.state.sipType.value === \"EXISTINGP\") {\n const minParams = {\n Fund: \"102\",\n\n Scheme:\n this.state.scheme.value.value.Sch ||\n this.state.scheme.value.value.fm_scheme,\n Trtype: \"SIP\",\n Frequency: event.target.value.FrequencyID,\n };\n console.log(\"minParams,\",minParams,this.state.scheme)\n const response = await this.props.getMinimumAmount(minParams);\n if (response) {\n const { DtData } = response;\n minAmount = DtData[0].minamt;\n this.setState({\n minAmountValue: { value: minAmount },\n minimumLumpsumAmout:minAmount\n })\n }\n }\n\n this.setState({\n investmentFrequency: { value: investmentFrequency },\n installments: { value: \"\" },\n sip_end_date: { value: \"\" },\n sip_start_date: { value: \"\" },\n // minAmountValue: {\n // value: this.state.minAmountValue.value,\n // },\n });\n\n const params = {\n opt: SIP_DAY,\n fund: \"102\",\n astscheme: investmentFrequency.FrequencyID,\n };\n this.getInvestmentFrequency(params, \"sipDays\");\n };\n\n changeSipDay = (value) => {\n const sipDay = !!value ? value.value : \"\";\n\n this.setState({\n perpetualSip: false,\n sipDay: { value: value },\n installmentAmount: { value: \"\" },\n investmentAmount: { value: \"\" },\n sip_end_date: { value: \"\" },\n sip_start_date: { value: \"\" },\n });\n if (!!sipDay && !!this.state.installments.value) {\n this.getSipEndDate(sipDay);\n } else if (!this.state.installments.value) {\n this.setState({\n sipDay: { value: \"\" },\n\n installments: {\n isError: true,\n errorMessage: \"Please enter Installments\",\n },\n });\n this.installmentsField.focus();\n }\n };\n\n changeDateFormat(date) {\n const [day, month, year] = date.split(\"/\");\n return new Date(year, month - 1, day);\n }\n\n getSipEndDate = async (sipDay) => {\n const modeparams = {\n opt: PAYMENT_MODE,\n Fund: \"102\",\n astscheme:\n !!this.props.investorData && !!this.props.investorData.PAN\n ? this.props.investorData.PAN\n : !!this.state && !!this.state.pan\n ? this.state.pan\n : \"\",\n };\n const res = await this.props.swpOptions(modeparams);\n if (res) {\n const { Dtinformation } = res;\n this.setState({\n modes: Dtinformation,\n });\n }\n\n const params = {\n fund: \"102\",\n StartDate: sipDay,\n Installments: this.state.installments.value,\n Frequency: this.state.investmentFrequency.value.FrequencyID,\n trtype: \"SIP\",\n sch:\n this.state.scheme.value.value.Sch ||\n this.state.scheme.value.value.fm_scheme,\n };\n const response = await this.props.CalcSIPEnddt(params);\n if (response) {\n const {\n DtData: [dates],\n } = response;\n const { SIP_EndDate, SIP_StartDate } = dates;\n if (!!SIP_EndDate) {\n const reformSIPEndDT = SIP_EndDate.split(\"/\");\n if (parseFloat(reformSIPEndDT[2]) > 2099) {\n this.setState({\n sipDay: { value: \"\" },\n sip_start_date: { value: \"\" },\n sip_end_date: { value: \"\" },\n installments: {\n value: \"\",\n isError: true,\n errorMessage:\n \"Your SIP installments are going beyond 2099, select lesser number of installments.\",\n },\n });\n this.installmentsField.focus();\n } else if (\n parseFloat(reformSIPEndDT[2]) <= 2099 &&\n !!this.props.enachEndDate\n ) {\n const isStartDateValid =\n this.changeDateFormat(SIP_StartDate) >=\n this.changeDateFormat(this.props.enachStartDate);\n\n const isEndDateValid =\n this.changeDateFormat(SIP_EndDate) <=\n this.changeDateFormat(this.props.enachEndDate);\n if (isStartDateValid && isEndDateValid) {\n this.setState({\n sip_start_date: { value: SIP_StartDate, isError: false },\n sip_end_date: { value: SIP_EndDate, isError: false },\n });\n }\n if (!isStartDateValid) {\n this.setState({\n sip_start_date: {\n value: SIP_StartDate,\n isError: true,\n errorMessage: `SIP Start Date should be after or same as Enach Start Date (${this.props.enachStartDate}) )`,\n },\n sip_end_date: { value: SIP_EndDate, isError: false },\n });\n }\n if (!isEndDateValid) {\n this.setState({\n sip_end_date: {\n value: SIP_EndDate,\n isError: true,\n errorMessage: `SIP End Date should be before or same as Enach End Date (${this.props.enachEndDate}) )`,\n },\n sip_start_date: {\n value: SIP_StartDate,\n isError: false,\n },\n });\n }\n } else if (parseFloat(reformSIPEndDT[2]) <= 2099) {\n this.setState({\n sip_start_date: { value: SIP_StartDate, isError: false },\n sip_end_date: { value: SIP_EndDate, isError: false },\n });\n }\n }\n } else {\n alert(\"Something went wrong or Your SIP installments are going beyond 2099, select lesser number of installments.\");\n this.setState({\n sipDay: { value: \"\" },\n installments: {\n value: \"\",\n },\n })\n }\n };\n\n showError = (label) => async (event) => {\n const {\n [label]: { value },\n } = this.state;\n\n if (label === \"email\") {\n this.setState({\n [label]: {\n value,\n isError: !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n )\n ? true\n : !value,\n errorMessage: !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n )\n ? `Enter an vaild Email Id`\n : \"\",\n },\n });\n } else if (label === \"code\") {\n if (!/^[+]\\d{1,3}$/.test(event.target.value)) {\n this.setState({\n [label]: {\n value: \"\",\n isError: true,\n errorMessage: \"Enter a valid Country Code\",\n },\n });\n }\n } else if (label === \"mobile\") {\n this.setState({\n [label]: {\n value,\n isError: !/^[6-9]\\d{9}$/.test(this.state.mobile.value)\n ? true\n : !value,\n errorMessage: !/^[6-9]\\d{9}$/.test(this.state.mobile.value)\n ? `Enter a valid Phone Number`\n : !value,\n },\n });\n } else if (label === \"installments\") {\n this.setState({\n [label]: {\n value,\n isError:\n !!this.state.investmentFrequency.value &&\n !!this.state.investmentFrequency.value.Minimum_Instalment &&\n parseFloat(this.state.installments.value) <\n parseFloat(\n this.state.investmentFrequency.value.Minimum_Instalment\n )\n ? true\n : !value,\n errorMessage:\n !!this.state.investmentFrequency.value &&\n !!this.state.investmentFrequency.value.Minimum_Instalment &&\n parseFloat(this.state.installments.value) <\n parseFloat(\n this.state.investmentFrequency.value.Minimum_Instalment\n )\n ? \"Number of installments should be greater than or equal to the minimum number of installments mentioned above\"\n : \"Installments is mandatory\",\n },\n });\n } else if (label === \"installmentAmount\") {\n const { location } = this.props;\n const { state } = location;\n const { scheme } = this.state;\n const checkScheme = !!scheme && !!scheme.value && !!scheme.value.value;\n if (\n !!checkScheme &&\n (scheme.value.value.Sch === \"EB\" ||\n scheme.value.value.fm_scheme === \"EB\")\n ) {\n const params = {\n pan:\n !!this.props.investorData && !!this.props.investorData.PAN\n ? this.props.investorData.PAN\n : !!state && !!state.pan\n ? state.pan\n : \"\",\n amt: this.state.installmentAmount.value,\n };\n const response = await this.props.EBamountValidation(params);\n if (!!response && !!response.Dtinformation) {\n return;\n } else {\n this.setState({\n [label]: {\n value: \"\",\n isError: true,\n errorMessage: `${response}`,\n },\n });\n }\n } else if (\n parseFloat(this.state.minAmountValue.value) >\n parseFloat(this.state.installmentAmount.value)\n ) {\n this.setState({\n [label]: {\n value: \"\",\n isError: true,\n errorMessage: `The amount should be ₹ ${this.state.minAmountValue.value} or more`,\n },\n });\n } else if (\n parseFloat(this.props.enachMaxAmount) <\n parseFloat(this.state.installmentAmount.value)\n ) {\n this.setState({\n [label]: {\n value: \"\",\n isError: true,\n errorMessage: `Installment Amount should be less than or equal to ${this.props.enachMaxAmount}(₹) as per Enach Registration Amount`,\n },\n });\n } else if (\n !!this.state.installmentAmount.value &&\n !!this.state.multiples &&\n parseFloat(this.state.installmentAmount.value) %\n parseFloat(this.state.multiples) !=\n 0\n ) {\n this.setState({\n [label]: {\n value: \"\",\n isError: true,\n errorMessage: `The amount should be in the multiples of ${this.state.multiples}`,\n },\n });\n } else if (\n +this.state.selectedKotm.value.Amt < +this.state.installmentAmount.value\n ) {\n this.setState({\n installmentAmount: {\n value: \"\",\n isError: true,\n errorMessage: `SIP installment amount cannot exceed\n mandate registration limit of ${this.state.selectedKotm.value.Amt}.`,\n },\n });\n this.installmentAmount.focus();\n return;\n }\n return;\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n errorMessage: `${label} is mandatory`,\n },\n });\n }\n };\n\n submit = async () => {\n const {\n sipTypes,\n funds,\n pan,\n folio,\n disbleEmail,\n disbleMobile,\n fund,\n folios,\n arnCode,\n subArnCode,\n invName,\n email,\n subBrokerCode,\n schemeType,\n category,\n mobile,\n categories,\n schemes,\n euinNo,\n radioValue,\n minimumLumpsumAmout,\n multiples,\n minAmount,\n minAmountValue,\n frequencies,\n sipDays,\n investmentAmount,\n installmentAmount,\n perpetualSip,\n mode,\n modes,\n installments,\n maxAmount,\n code,\n Family_Code_Email,\n Family_Code_Phone,\n kotm,\n selectedKotm,\n umrn,\n ...others\n } = this.state;\n let d1, d2;\n const split_enddate = this?.state?.sip_end_date?.value.split(\"/\");\n const split_mandatedate =\n this?.state?.selectedKotm?.value[\"MANDATE END DATE\"]?.split(\"/\");\n d1 = new Date(\n Number(split_enddate[2]),\n Number(split_enddate[1]) - 1,\n Number(split_enddate[0])\n );\n if (this?.state?.selectedKotm?.value[\"MANDATE END DATE\"]?.split(\"/\")) {\n d2 = new Date(\n Number(split_mandatedate[2]),\n Number(split_mandatedate[1]) - 1,\n Number(split_mandatedate[0])\n );\n }\n const { location } = this.props;\n if (\n !/^[+]\\d{1,3}$/.test(code.value) &&\n (this.state.sipType.value === NEW || this.state.sipType.value === NEWP)\n ) {\n this.setState({\n [code]: {\n value: \"\",\n isError: true,\n errorMessage: !code.value\n ? \"Country Code is Mandatory\"\n : \"Enter a valid Country Code\",\n },\n });\n return;\n }\n if (!this.state.email.value) {\n this.setState({\n email: {\n value: \"\",\n isError: true,\n errorMessage: \"Email ID is mandatory\",\n },\n });\n }\n if (\n !/^[+]\\d{1,3}/.test(this.state.code.value) &&\n (this.state.sipType.value === NEW || this.state.sipType.value === NEWP)\n ) {\n this.setState({\n code: {\n value: \"\",\n isError: true,\n errorMessage: !code.value\n ? \"Country Code is Mandatory\"\n : \"Enter a valid Country Code\",\n },\n });\n return;\n }\n if (\n !!this.state.sip_start_date.isError ||\n !!this.state.sip_end_date.isError\n ) {\n return;\n }\n if (!this.state.invName.value) {\n this.setState({\n invName: {\n value: \"\",\n isError: true,\n errorMessage: \"Investor name is mandatory\",\n },\n });\n }\n if (!this.state.installmentAmount.value) {\n this.setState({\n installmentAmount: {\n value: \"\",\n isError: true,\n errorMessage: \"installmentAmount is mandatory\",\n },\n });\n }\n if (this.state.invName.value.charAt(0) === \" \") {\n this.setState({\n invName: {\n value: \"\",\n isError: true,\n errorMessage: \"Enter valid name\",\n },\n });\n return;\n }\n if (!this.state.mobile.value) {\n this.setState({\n mobile: {\n value: \"\",\n isError: true,\n errorMessage: \"Mobile is mandatory\",\n },\n });\n }\n if (!this.state.folio.value) {\n this.setState({\n folio: {\n value: \"\",\n isError: true,\n errorMessage: \"Folio is mandatory\",\n },\n });\n }\n if (!this.state.category.value) {\n this.setState({\n category: {\n value: \"\",\n isError: true,\n errorMessage: \"Category is mandatory\",\n },\n });\n }\n if (!this.state.investmentAmount.value) {\n this.setState({\n investmentAmount: {\n value: \"\",\n isError: true,\n errorMessage: \"Investment Amount is mandatory\",\n },\n });\n }\n if (!this.state.euinNo.value) {\n this.setState({\n euinNo: {\n value: \"\",\n isError: true,\n errorMessage: \"EUIN No is mandatory\",\n },\n });\n }\n if (!this.state.selectedKotm.value && kotm) {\n this.setState({\n selectedKotm: {\n value: \"\",\n isError: true,\n errorMessage: \"UMRN is mandatory*\",\n },\n });\n }\n\n const keys = Object.keys(others);\n\n const findError = keys.every((key) => !!others[key].value);\n\n const arn = this.state.arnCode.value.split(\"-\");\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage: `${\n key === \"sipType\"\n ? \"SIP Type\"\n : key === \"scheme\"\n ? \"Scheme\"\n : key === \"investmentFrequency\"\n ? \"Investment frequency\"\n : key === \"installments\"\n ? \"Installments\"\n : key === \"sipDay\"\n ? \"SIP day\"\n : key === \"sip_start_date\"\n ? \"SIP Start date\"\n : key === \"sip_end_date\"\n ? \"SIP end date\"\n : key === \"installmentAmount\"\n ? \"Installment Amount\"\n : key\n } is mandatory`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n case \"sipType\":\n this.sipTypeField.focus();\n break;\n case \"fund\":\n this.fundField.focus();\n break;\n case \"scheme\":\n this.schemeField.focus();\n break;\n case \"investmentFrequency\":\n this.investmentFrequency.focus();\n break;\n case \"installments\":\n this.installmentsField.focus();\n break;\n case \"sipDay\":\n this.sipDay.focus();\n break;\n case \"installmentAmount\":\n this.installmentAmount.focus();\n break;\n\n case \"email\":\n this.emailField.focus();\n break;\n case \"mobile\":\n this.mobileField.focus();\n break;\n default:\n break;\n }\n } else if (\n invName.value === \"\" &&\n (this.state.sipType.value === NEW || this.state.sipType.value === NEWP)\n ) {\n this.setState({\n invName: {\n value: \"\",\n isError: true,\n errorMessage: \"Investor name is mandatory\",\n },\n });\n this.invNameField.focus();\n return;\n } else if (others.sipType === EXISTING && !folio.value) {\n this.setState({ folio: { ...folio, isError: true } });\n this.folioField.focus();\n return;\n } else if (\n (others.sipType.value === NEW || schemeType === NEW) &&\n !category.value\n ) {\n this.setState({ category: { ...category, isError: true } });\n this.categoryField.focus();\n return;\n } else if (\n (others.sipType.value === NEW || others.sipType.value === NEWP) &&\n (!email.value ||\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(email.value))\n ) {\n this.setState({\n email: {\n ...email,\n isError: true,\n errorMessage: \"Please enter an valid Email ID\",\n },\n });\n this.emailField.focus();\n return;\n } else if (\n others.sipType.value === NEW &&\n (!mobile.value || !/^[6-9]\\d{9}$/.test(mobile.value))\n ) {\n this.setState({ mobile: { ...mobile, isError: true } });\n this.mobileField.focus();\n return;\n } else if (radioValue.value === \"no\" && !euinNo.value) {\n this.setState({\n euinNo: { ...euinNo, isError: true },\n });\n this.euinField.focus();\n return;\n } else if (\n (others.sipType.value === NEW || others.sipType.value === \"EXISTINGP\") &&\n (!investmentAmount.value ||\n parseFloat(investmentAmount.value) <\n parseFloat(this.state.minimumLumpsumAmout))\n ) {\n if (\n parseFloat(investmentAmount.value) <\n parseFloat(this.state.minimumLumpsumAmout)\n ) {\n this.setState({\n investmentAmount: {\n value: \"\",\n isError: true,\n errorMessage: `Lumpsum amount should be more than ${this.state.minimumLumpsumAmout}`,\n },\n });\n } else {\n this.setState({\n investmentAmount: { ...investmentAmount, isError: true },\n });\n }\n\n this.investmentAmount.focus();\n return;\n } else if (arn[1] === this.state.subArnCode.value) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `and ARN code should not match `,\n },\n });\n } else if (\n !!others.investmentFrequency.value &&\n !!others.investmentFrequency.value.Minimum_Instalment &&\n this.state.installments.value <\n others.investmentFrequency.value.Minimum_Instalment &&\n others.investmentFrequency.value.FrequencyID !== \"Quarterly\" &&\n !perpetualSip\n ) {\n this.installmentsField.focus();\n this.setState({\n installments: {\n value: \"\",\n isError: true,\n errorMessage: `Please check minimum no of installments`,\n },\n });\n } else if (\n this.state.minAmountValue.value > this.state.installmentAmount.value\n ) {\n this.setState({\n installmentAmount: {\n value: \"\",\n isError: true,\n errorMessage: `Installment Amount should be ${this.state.minAmountValue.value}(₹)`,\n },\n });\n this.installmentAmount.focus();\n return;\n }\n // else if (+this.state.installmentAmount.value > 1000000) {\n // this.setState({\n // installmentAmount: {\n // value: \"\",\n // isError: true,\n // errorMessage: `Installment Amount should be less than or equal to 1,000,000(₹)`,\n // },\n // });\n // this.installmentAmount.focus();\n // return;\n // }\n else if (\n !!others.investmentFrequency.value &&\n this.state.installments.value < 4 &&\n others.investmentFrequency.value.FrequencyID === \"Quarterly\" &&\n !perpetualSip\n ) {\n this.setState({\n installments: {\n value: \"\",\n isError: true,\n errorMessage: `Please check minimum no of installments`,\n },\n });\n } else if (this.state.installmentAmount.value > this.props.enachMaxAmount) {\n this.setState({\n installmentAmount: {\n value: \"\",\n isError: true,\n errorMessage: `Installment Amount should be less than or equal to ${this.props.enachMaxAmount}(₹)`,\n },\n });\n this.installmentAmount.focus();\n return;\n } else if (d1 > d2) {\n this.setState({\n sip_end_date: {\n value: \"\",\n isError: true,\n errorMessage: `SIP end date cannot exceed mandate validity\n date of ${selectedKotm.value[\"MANDATE END DATE\"]}.`,\n },\n });\n return;\n } else {\n this.props.setSipDetails(this.state);\n const family_email_relationship = !!this.state.Family_Code_Email.value\n .value\n ? family_description_codes.find(\n (ele) =>\n ele.family_code === this.state.Family_Code_Email.value.value\n )\n : \"\";\n const family_mobile_relationship = !!this.state.Family_Code_Phone.value\n .value\n ? family_description_codes.find(\n (ele) =>\n ele.family_code === this.state.Family_Code_Phone.value.value\n )\n : \"\";\n if (\n others.sipType.value === NEW ||\n others.sipType.value === NEWP ||\n others.sipType.value === \"EXISTINGP\"\n ) {\n const { investorData } = this.props;\n const params = {\n InvestorName: this.state.invName.value || \"\",\n i_entby: this.props.userId,\n trtype: PURCHASE,\n Desci: \"YES~W\",\n SubbrokerArn: !!this.state.subArnCode.value\n ? `ARN-${subArnCode.value}`\n : \"\",\n ARNCode: this.state.arnCode.value,\n EuinCode:\n this.state.radioValue.value === \"no\"\n ? this.state.euinNo.value.value\n : \"\",\n i_Userid: this.props.userId,\n CountryCode: this.state.code.value,\n Mobile: this.state.mobile.value,\n PanNo: investorData.PAN || this.state.pan.value,\n Email: this.state.email.value,\n i_Acno:\n others.sipType.value === \"EXISTINGP\"\n ? this.state.folio.value.value\n : \"0\",\n Subbroker: this.state.subBrokerCode.value,\n i_Fund: \"102\",\n customfund: \"102\",\n\n i_UntAmtValue:\n this.state.sipType.value === NEW ||\n this.state.sipType.value === \"EXISTINGP\"\n ? this.state.investmentAmount.value\n : \"\",\n EUINFlag: this.state.radioValue.value === \"no\" ? NO : YES,\n EuinValid: this.state.radioValue.value === \"no\" ? NO : YES,\n noofinstallments: this.state.installments.value,\n i_Scheme:\n this.state.scheme.value.value.Sch ||\n this.state.scheme.value.value.fm_scheme,\n i_Plan:\n this.state.scheme.value.value.Pln ||\n this.state.scheme.value.value.fm_plan,\n i_Option:\n this.state.scheme.value.value.Opt ||\n this.state.scheme.value.value.fm_option,\n i_oldihno: \"0\",\n i_InvDistFlag: \"W\",\n sipenddt: new Date(\n this.state.sip_end_date.value.split(\"/\").reverse().join(\"/\")\n ).toLocaleDateString(\"en-US\"),\n sipstartdt: new Date(\n this.state.sip_start_date.value.split(\"/\").reverse().join(\"/\")\n ).toLocaleDateString(\"en-US\"),\n sipfrequency: this.state.investmentFrequency.value.FrequencyID,\n sipamount: this.state.installmentAmount.value,\n ModuleName: \"Webile\",\n paymode: this.state.mode.value,\n fEmailFlag: this.state.Family_Code_Email.value.value,\n fMobileFlag: this.state.Family_Code_Phone.value.value,\n UMRN: this.state.selectedKotm?.value?.UMRNNO,\n };\n\n const response = await this.props.submitPurchaseData(params);\n if (response) {\n const {\n DtData: [purchaseData],\n } = response;\n const confirmationParams = {\n Trtype: PURCHASE,\n fund: \"102\",\n customfund: \"102\",\n Refno: purchaseData.refno,\n ModuleName: \"Webile\",\n };\n const confirmationResponse =\n await this.props.showPurchaseConfirmation(confirmationParams);\n\n if (confirmationResponse) {\n this.props.saveTransactionDetails(this.state);\n this.props.history.push({\n pathname: NEW_TRANSACTION_URL + \"/sip/digital/transact/confirm\",\n state: {\n title: \"SIP\",\n type: SIP,\n transactiontype: this.state.sipType.value,\n mode: this.state.mode.value,\n fEmailFlag: family_email_relationship,\n fMobileFlag: family_mobile_relationship,\n InvestorEmail:\n this.state.sipType.value === NEW ||\n this.state.sipType.value === NEWP\n ? this.state.email.value\n : \"\",\n InvestorMobile:\n this.state.sipType.value === NEW ||\n this.state.sipType.value === NEWP\n ? this.state.mobile.value\n : \"\",\n arnCode: this.state.arnCode.value,\n scheme: {\n Fund: \"102\",\n },\n perpetual: perpetualSip,\n UMRN: this.state.selectedKotm?.value?.UMRNNO,\n },\n });\n }\n }\n } else {\n this.props.saveTransactionDetails(this.state);\n this.props.history.push({\n pathname:\n this.state.mode.value === \"ENACH\"\n ? `/new-transaction/sip/digital/modes/enach-folios/transact/confirm`\n : `/new-transaction/sip/digital/modes/transact/confirm`,\n state: {\n title: \"SIP\",\n type: SIP,\n mode: this.state.mode.value,\n InvestorEmail:\n this.state.sipType.value === NEW ||\n this.state.sipType.value === NEWP\n ? this.state.email.value\n : \"\",\n InvestorMobile:\n this.state.sipType.value === NEW ||\n this.state.sipType.value === NEWP\n ? this.state.mobile.value\n : \"\",\n arnCode: this.state.arnCode.value,\n Folio: { value: this.state.folio.value.value },\n scheme: {\n Fund: \"102\",\n },\n perpetual: perpetualSip,\n isEnach: this.state.mode.value === \"ENACH\",\n UMRN: this.state.selectedKotm?.value?.UMRNNO,\n },\n });\n }\n }\n };\n\n render() {\n console.log(\"this.state\",this.state)\n const {\n sipType,\n schemeType,\n fund,\n sipTypes,\n mode,\n modes,\n folios,\n folio,\n arnCode,\n subArnCode,\n subBrokerCode,\n categories,\n category,\n schemes,\n scheme,\n euinNo,\n radioValue,\n\n frequencies,\n investmentFrequency,\n sipDays,\n sipDay,\n installments,\n sip_end_date,\n sip_start_date,\n installmentAmount,\n investmentAmount,\n email,\n mobile,\n invName,\n Family_Code_Email,\n Family_Code_Phone,\n kotm,\n selectedKotm,\n } = this.state;\n const { euinList } = this.props;\n\n return (\n Switch
\n \n ({\n label: item,\n value: item,\n }))}\n value={folio.value}\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n disabled={!fund.value}\n isError={folio.isError}\n errorMessage={folio.errorMessage}\n />\n
\n Folio
\n \n ({\n value: item,\n label: item.PlnDesc\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\n : item.fm_schdesc,\n }))}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n handleChange={this.handleSchemeChange}\n disabled={!folio.value}\n inputRef={(ele) => (this.switchOutField = ele)}\n isError={scheme.isError}\n errorMessage={scheme.errorMessage}\n />\n
\n \n Switch out Scheme\n
\n \n
\n \n
\n Balance Units
\n Current Value
\n NAV as on Date
\n Minimum Amount (₹)
\n \n
\n \n {!!scheme && !!scheme.value ? scheme.value.value.BalUnits : \"\"}\n
\n \n {!!scheme && !!scheme.value ? scheme.value.value.CurValue : \"\"}\n
\n \n {!!scheme && !!scheme.value ? scheme.value.value.LastNAV : \"\"}\n
\n \n {!!scheme && !!scheme.value ? scheme.value.value.MinAmt : \"\"}\n
\n \n (this.category = ele)}\n isError={category.isError}\n disabled={!scheme.value}\n errorMessage={category.errorMessage}\n >\n {categories.map((item, index) => (\n \n ))}\n \n
\n\n \n ({\n label: item.fm_schdesc,\n value: item,\n }))}\n label=\"Fund\"\n handleChange={this.handleSwitchInSchemeChange}\n value={switchInScheme.value}\n placeholder=\"Select Fund\"\n disabled={!category.value}\n inputRef={(ele) => (this.switchInScheme = ele)}\n isError={switchInScheme.isError}\n errorMessage={switchInScheme.errorMessage}\n />\n
\n\n \n Switch In Scheme\n
\n \n
\n\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"#a6a6a6\"\n disabled={!fund.value}\n isShowError={subArnCode.isError}\n errorMessage={subArnCode.errorMessage}\n value={subArnCode.value}\n onBlur={\n !!fund.value ? this.validateBrokerCode(fund.value.value.Fund) : \"\"\n }\n onChange={this.changeValue(\"subArnCode\")}\n />\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"#a6a6a6\"\n value={subBrokerCode.value}\n onChange={this.changeValue(\"subBrokerCode\")}\n />\n
\n\n {/* \n \n \n \n
*/}\n\n {radioValue.value === \"no\" ? (\n EUIN Declaration
\n \n
\n YES
\n \n
\n \n NO
\n \n ({\n label: item.abm_agent,\n value: item.abm_agent,\n }))}\n label=\"Fund\"\n handleChange={this.changeEuin}\n value={euinNo.value}\n disabled={!euinList.length}\n placeholder=\"Select EUIN\"\n inputRef={(ele) => (this.euinField = ele)}\n isError={euinNo.isError}\n errorMessage={euinNo.errorMessage}\n />\n
\n ) : (\n EUIN Selection*
\n\n \n I/We hereby confirm that the EUIN box has been intentionally left\n the blank by me/us as this is an 'execution-only' transaction\n without any interaction or advice by any personnel of the above\n distributor or notwithstanding the advice of in-appropriateness,if\n any provided by any personnel of the distributor and the distributor\n has not charged any advisory fees on this transaction\n
\n )}\n\n Switch Type
\n \n
\n\n Switch Mode
\n \n
\n\n \n
\n \n \n
\n )}\n\n SIP Registration
\n {this.state.mode.value !== \"ENACH\" && (\n \n (this.sipTypeField = ele)}\n isError={sipType.isError}\n errorMessage={sipType.errorMessage}\n >\n {sipTypes.map((item, index) => (\n \n ))}\n \n
\n )}\n\n {/* {(sipType.value === NEW || sipType.value === NEWP) && (\n\n )} */}\n {(sipType.value === NEW || sipType.value === NEWP) && (\n \n
\n )}\n\n {(this.state.mode.value === \"ENACH\" ||\n sipType.value === EXISTING ||\n sipType.value === \"EXISTINGP\") && (\n \n (this.invNameField = ele)}\n />\n
\n \n ({\n label: item.family_description,\n value: item.family_code,\n }))}\n value={Family_Code_Email.value}\n placeholder=\"Select Family Description\"\n handleChange={this.FamilyDescriptionEmail}\n />\n
\n \n Email Family Description\n
\n \n (this.emailField = ele)}\n />\n
\n \n ({\n label: item.family_description,\n value: item.family_code,\n }))}\n value={Family_Code_Phone.value}\n placeholder=\"Select Phone Description\"\n handleChange={this.FamilyDescriptionPhone}\n />\n
\n \n Mobile Family Description\n
\n \n (this.codeField = ele)}\n okKeyDown={(e) => {\n const keys = [\n \"Backspace\",\n \"Delete\",\n \"ArrowLeft\",\n \"ArrowRight\",\n \"+\",\n ];\n if (isNaN(e.key) && !keys.includes(e.key)) {\n e.preventDefault();\n }\n }}\n />\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n type=\"number\"\n onChange={this.changeValue(\"mobile\")}\n onBlur={this.showError(\"mobile\")}\n isShowError={mobile.isError}\n errorMessage={mobile.errorMessage}\n inputref={(ele) => (this.mobileField = ele)}\n />\n
\n \n
\n )}\n\n {(schemeType === NEW ||\n sipType.value === NEW ||\n sipType.value === NEWP) && (\n \n ({\n label: item,\n value: item,\n }))}\n value={\n this.state.mode.value === \"ENACH\"\n ? this.state.folio.value\n : folio.value\n }\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n // disabled={!fund.value}\n isError={folio.isError}\n errorMessage={folio.errorMessage}\n />\n
\n Folio*
\n Select Scheme Type*
\n \n
\n \n (this.categoryField = ele)}\n isError={category.isError}\n errorMessage={category.errorMessage}\n >\n {categories.map((item, index) => (\n \n ))}\n \n
\n )}\n \n ({\n label: item.PlnDesc\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\n : item.fm_schdesc,\n value: item,\n }))}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n // handleInputchange={this.handleInputChange}\n handleChange={this.handleSchemeChange}\n disabled={\n schemeType === EXISTING &&\n (sipType.value === EXISTING || sipType.value === \"EXISTINGP\")\n ? !folio.value\n : !category.value\n }\n inputRef={(ele) => (this.schemeField = ele)}\n isError={scheme.isError}\n errorMessage={scheme.errorMessage}\n />\n
\n\n Scheme*
\n \n
\n\n \n
\n\n \n
\n\n {/* \n \n \n \n
*/}\n {radioValue.value === \"no\" ? (\n EUIN Declaration*
\n \n
\n YES
\n \n
\n \n NO
\n \n ({\n value: item.abm_agent,\n label: item.abm_agent,\n }))}\n errorMessage={euinNo.errorMessage}\n value={euinNo.value}\n placeholder=\"Select EUIN\"\n handleChange={this.changeEuin}\n disabled={!euinList.length}\n inputRef={(ele) => (this.euinField = ele)}\n isError={euinNo.isError}\n />\n
\n ) : (\n EUIN Selection*
\n\n \n I/We hereby confirm that the EUIN box has been intentionally left\n the blank by me/us as this is an 'execution-only' transaction\n without any interaction or advice by any personnel of the above\n distributor or notwithstanding the advice of in-appropriateness,if\n any provided by any personnel of the distributor and the distributor\n has not charged any advisory fees on this transaction\n
\n )}\n\n \n (this.investmentFrequency = ele)}\n isError={investmentFrequency.isError}\n errorMessage={investmentFrequency.errorMessage}\n >\n {frequencies.map((item, index) => (\n \n ))}\n \n
\n\n \n (this.installmentsField = ele)}\n errorMessage={installments.errorMessage}\n disabled={installments.disabled}\n placeholder={installments.placeholder}\n />\n
\n \n \n {modes.map((item, index) => (\n \n ))}\n \n
\n {kotm && (\n \n
\n )}\n {kotm && (\n \n (this.kotmField = ele)}\n isError={selectedKotm.error}\n errorMessage={selectedKotm.errorMessage}\n disabled={this.state?.umrn.length === 1 ? true : false}\n >\n {this.state.umrn.map((item, index) => (\n \n ))}\n \n
\n \n {this.state?.umrn.length === 1 && (\n
\n \n The investor has only one active KOTM mandate.\n
\n )}\n \n
\n )}\n \n
\n Mandate amount limit
\n Start Date
\n End Date
\n Bank Name
\n Bank Account No
\n \n
\n \n {selectedKotm.value ? selectedKotm.value.Amt : \"\"}\n (INR)\n
\n \n {selectedKotm.value\n ? selectedKotm.value[\"MANDATE START DATE\"]\n : \"\"}{\" \"}\n
\n \n {selectedKotm.value\n ? selectedKotm.value[\"MANDATE END DATE\"]\n : \"\"}\n
\n \n {selectedKotm.value ? selectedKotm.value[\"BANK NAME\"] : \"\"}\n
{\" \"}\n \n {selectedKotm.value ? selectedKotm.value[\"BANK A/C NO\"] : \"\"}\n
\n \n ({\n value: item.sip_cycleid,\n label: item.sip_cycleid,\n }))}\n value={sipDay.value}\n placeholder=\"SIP Day\"\n handleChange={this.changeSipDay}\n // disabled={!investmentFrequency.value || !installments.value}\n inputRef={(ele) => (this.sipDay = ele)}\n isError={sipDay.isError}\n errorMessage={sipDay.errorMessage}\n />\n
\n SIP Day*
\n \n
\n\n \n
\n\n {!!sip_start_date && !!sip_start_date.value && (\n Perpetual SIP
\n \n
\n\n \n
\n Minimum Amount
\n {(sipType.value === NEW || sipType.value === \"EXISTINGP\") && (\n Minimum Lumpsum Investment Amount
\n )}\n \n
\n \n {!!this.state.minAmountValue\n ? this.state.minAmountValue.value\n : \"\"}\n (₹)\n
\n {(sipType.value === NEW || sipType.value === \"EXISTINGP\") && (\n {this.state.minimumLumpsumAmout}(₹)
\n )}\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"#a6a6a6\"\n value={installmentAmount.value}\n onChange={this.changeValue(\"installmentAmount\")}\n type=\"number\"\n onBlur={this.showError(\"installmentAmount\")}\n isShowError={installmentAmount.isError}\n inputref={(ele) => (this.installmentAmount = ele)}\n errorMessage={installmentAmount.errorMessage}\n />\n
\n\n {(sipType.value === NEW || sipType.value === \"EXISTINGP\") && (\n \n
\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }) => {\n const {\n fundList,\n token,\n userId,\n investorData,\n communicationDetails,\n enachBank,\n umr,\n enachStartDate,\n enachEndDate,\n enachMaxAmount,\n } = authReducer;\n const {\n transactionDetails,\n euinList,\n fundsList,\n sipDetails = {},\n } = transactions;\n return {\n fundList,\n token,\n userId,\n euinList,\n investorData,\n communicationDetails,\n fundsList,\n sipDetails,\n enachBank,\n umr,\n enachStartDate,\n enachEndDate,\n enachMaxAmount,\n transactionDetails,\n };\n },\n {\n validateSubBroker,\n swpOptions,\n getNewPurchaseFundList,\n EBamountValidation,\n getOtherSchemes,\n getAssetClasses,\n CalcSIPEnddt,\n setSipDetails,\n getCheckPanKotm,\n getCheckPanAotm,\n submitPurchaseData,\n showPurchaseConfirmation,\n getMinimumAmount,\n saveTransactionDetails,\n }\n)(Sip);\nexport const family_description_codes = [\n {\n family_description: \"Self\",\n family_code: \"SE\",\n },\n {\n family_description: \"Spouse\",\n family_code: \"SP\",\n },\n {\n family_description: \"Dependent Children\",\n family_code: \"DC\",\n },\n {\n family_description: \"Dependent Siblings\",\n family_code: \"DS\",\n },\n {\n family_description: \"Dependent Parents\",\n family_code: \"DP\",\n },\n {\n family_description: \"Guardian\",\n family_code: \"GD\",\n },\n];\n","import React, { Component } from \"react\";\nimport CustomizedSelect from \"./customizedSelect\";\nimport { Input } from \"../../forms/input\";\nimport Signbutton from \"../../forms/button\";\nimport { connect } from \"react-redux\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport { YES, SWP } from \"../../../store/types\";\nimport {\n swpOptions,\n CalcSIPEnddt,\n getMinimumAmount,\n saveTransactionDetails,\n} from \"../../../store/actions\";\nimport { NEW_TRANSACTION_URL } from \".\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport { textAlign } from \"@material-ui/system\";\n// import { BajajFund } from \"../nav\";\nclass Swp extends Component {\n constructor(props) {\n super(props);\n const { fundList } = this.props;\n // const funds = fundList.reduce((prev, curr) => {\n // const findIndex =\n // prev.findIndex((fund) => fund.Fund === curr.Fund) !== -1;\n // if (!findIndex) {\n // return [...prev, { Fund: curr.Fund, FundDesc: curr.FundDesc }];\n // }\n // return prev;\n // }, []);\n\n this.state = {\n // funds,\n minAmountValue: { value: \"\" },\n fund: { value: { value: \"102\" } },\n folios: [],\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n swpOption: { value: \"\" },\n swpOptions: [],\n swpFrequency: { value: \"\" },\n swpFrequencyOptions: [],\n withdrawals: { value: \"\" },\n minAmountValue: { value: \"\" },\n sipDay: { value: \"\" },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n amount: { value: \"\" },\n sipCycle: [],\n minswp : {value : 0}\n };\n }\n handleFundChange = (value) => {\n if (!value) {\n this.setState({\n fund: { value: \"\" },\n folios: [],\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n swpOption: { value: \"\" },\n swpOptions: [],\n swpFrequency: { value: \"\" },\n swpFrequencyOptions: [],\n withdrawals: { value: \"\" },\n sipDay: { value: \"\" },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n amount: { value: \"\" },\n sipCycle: [],\n });\n } else if (value.value === this.state.fund.value.value) {\n return;\n } else {\n const fund = !!value ? value.value : \"\";\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.sFlag === YES && curr.Fund === fund) {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n scheme: { value: \"\" },\n withdrawals: { value: \"\" },\n swpFrequency: { value: \"\" },\n });\n }\n };\n\n async componentDidMount() {\n window.scrollTo({\n behavior: \"smooth\",\n top: 0,\n });\n const { transactionDetails } = this.props;\n if (Object.keys(transactionDetails).length > 0) {\n this.setState(transactionDetails);\n return;\n }\n this.getfolios();\n }\n\n getfolios = () => {\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.sFlag === YES && curr.Fund.trim() === \"102\") {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value: { value: \"102\" } },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n scheme: { value: \"\" },\n withdrawals: { value: \"\" },\n swpFrequency: { value: \"\" },\n });\n };\n\n handleFolioChange = async (value) => {\n const folio = !!value ? value.value : \"\";\n const schemes = !!value ? this.schemes(folio) : [];\n // const banks = this.props.bankDetails.filter(item => item.foliono === folio);\n this.setState({\n folio: { value },\n schemes,\n scheme: { value: \"\" },\n });\n };\n schemes = (folio) => {\n return this.props.fundList.reduce((prev, curr) => {\n if (curr.Fund === this.state.fund.value.value && curr.Acno === folio) {\n return [...prev, curr];\n }\n return prev;\n }, []);\n };\n\n handleSchemeChange = async (value) => {\n if (!value) {\n this.setState({\n swpOption: { value: \"\" },\n swpOptions: [],\n swpFrequency: { value: \"\" },\n swpFrequencyOptions: [],\n withdrawals: { value: \"\" },\n sipDay: { value: \"\" },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n amount: { value: \"\" },\n sipCycle: [],\n });\n } else if (\n !!value &&\n !!this.state.scheme.value.value &&\n value.value.SchDesc === this.state.scheme.value.value.SchDesc\n ) {\n return;\n } else {\n if (value.value.BalUnits === 0) {\n this.setState({\n folio: {\n value: \"\",\n isError: true,\n errorMessage: \"SWP in zero balance folios is not allowed\",\n },\n scheme: {\n value: \"\",\n },\n });\n } else {\n const params = {\n fund: this.state.fund.value.value,\n opt: \"SWPW\",\n customfund: \"102\",\n };\n let swpOptionsResponse = [];\n const response = await this.props.swpOptions(params);\n if (response) {\n swpOptionsResponse = response.Dtinformation;\n }\n this.setState({\n scheme: { value },\n swpOptions: swpOptionsResponse,\n });\n this.handleSwpOptonChange({ target: { value: swpOptionsResponse[0] } });\n }\n }\n };\n handleSwpOptonChange = async (event) => {\n if (\n !!this.state.swpOption.value &&\n event.target.value.code === this.state.swpOption.value.code\n ) {\n this.setState({\n swpOption: { value: event.target.value },\n })\n return;\n } else {\n const swpOption = event.target.value;\n const params = {\n opt: \"SWF\",\n fund: this.state.fund.value.value,\n };\n const response = await this.props.swpOptions(params);\n const swpFrequencyOptionsResponse = response.Dtinformation;\n\n this.setState({\n swpOption: { value: swpOption },\n withdrawals: { value: \"\" },\n swpFrequency: { value: \"\" },\n swpFrequencyOptions: swpFrequencyOptionsResponse,\n });\n }\n };\n\n handleSwpFrequencyChange = async (event) => {\n const swpFrequency = event.target.value;\n const params = {\n opt: \"SWPD\",\n fund: this.state.fund.value.value,\n astscheme:\n !!event.target.value && !!event.target.value.FrequencyDescription\n ? event.target.value.FrequencyDescription\n : \"\",\n };\n const response = await this.props.swpOptions(params);\n const sipCycleResponse = response.Dtinformation;\n\n this.setState({\n swpFrequency: { value: swpFrequency },\n sipDay: { value: \"\" },\n minswp : {value: event.target.value.Minimum_Instalment},\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipCycle: sipCycleResponse,\n minAmountValue: {\n value: 1000,\n },\n });\n };\n\n handleNoOfWithDrawals(event) {\n if (event.target.value.length <= 4 && !!event.target.value) {\n if (parseFloat(event.target.value) <= 1200 && event.target.value !== \"0\") {\n this.setState({\n withdrawals: {\n value: parseFloat(event.target.value.replace(/^0+/, \"\")),\n },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipDay: { value: \"\" },\n // swpFrequency: { value: \"\" },\n });\n } else {\n this.setState({\n withdrawals: {\n value: \"\",\n isError: true,\n errorMessage: !!event.target.value\n ? \"no of withdrwals should not be more than 1200\"\n : \"\",\n },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipDay: { value: \"\" },\n // swpFrequency: { value: \"\" },\n });\n }\n } else if (!event.target.value) {\n this.setState({\n withdrawals: {\n value: \"\",\n isError: true,\n errorMessage:\n !!event.target.value && event.target.value !== \"0\"\n ? \"no of withdrawals should not be more than 500\"\n : event.target.value === \"0\"\n ? \"no of withdrwals should not be zero\"\n : \"please enter the minimum no of withdrawals\",\n },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipDay: { value: \"\" },\n });\n }\n }\n async handleSwpDay(event) {\n const day = event.target.value;\n this.setState({\n sipDay: { value: day },\n });\n if (day) {\n const params = {\n Fund: this.state.fund.value.value,\n StartDate: day,\n installments: this.state.withdrawals.value,\n Frequency: this.state.swpFrequency.value.FrequencyDescription,\n trtype: \"SWP\",\n sch: this.state.scheme.value.value.Sch,\n };\n\n const response = await this.props.CalcSIPEnddt(params);\n\n const sipStartDateResponse = response.DtData[0].SIP_StartDate;\n const sipEndDateResponse = response.DtData[0].SIP_EndDate;\n\n if (!!sipEndDateResponse) {\n const reformSIPEndDT = sipEndDateResponse.split(\"/\");\n if (parseFloat(reformSIPEndDT[2]) > 2099 ) {\n this.setState({\n sipDay: { value: \"\" },\n swpFrequency: { value: \"\" },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n withdrawals: {\n value: \"\",\n isError: true,\n errorMessage:\n \"Your SIP withdrawals are going beyond 2099, select lesser number of withdrawals.\",\n },\n });\n } else if (parseFloat(reformSIPEndDT[2]) <= 2099) {\n this.setState({\n sipDay: { value: day },\n sipStartDate: { value: sipStartDateResponse },\n sipEndDate: { value: sipEndDateResponse },\n });\n }\n }\n }\n }\n\n showError = (label) => () => {\n const {\n [label]: { value },\n } = this.state;\n\n if (label === \"withdrawals\") {\n this.setState({\n [label]: {\n value,\n isError: this.state.withdrawals.value < this.state.minswp.value ? true : !value,\n errorMessage:\n this.state.withdrawals.value < this.state.minswp.value\n ? \"Number of withdrawals should be greater than or equal to the minimum number of installments mentioned above\"\n : \"\",\n },\n });\n }\n else if (label === \"amount\") {\n this.setState({\n [label]: {\n value,\n isError:\n +this.state.minAmountValue.value > +this.state.amount.value\n ? true\n : !value,\n errorMessage:\n +this.state.minAmountValue.value > +this.state.amount.value\n ? `Amount should be min ${this.state.minAmountValue.value}`\n : \"\"\n }\n });\n return;\n }\n else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n errorMessage: `${label} is mandatory*`,\n },\n });\n }\n };\n\n handleMinimumAmount(event) {\n if (event.target.value.length <= 10) {\n this.setState({\n amount: { value: parseFloat(event.target.value.replace(/^0+/, \"\")) },\n });\n }\n }\n\n submit = () => {\n let currValue;\n\n if (!!this.state.scheme.value) {\n currValue = parseFloat(\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\n );\n }\n if (Number(this.state.amount.value) >= currValue) {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: \"Amount is greater than the current value\",\n },\n });\n return;\n }\n if (\n this.state.withdrawals.value * Number(this.state.amount.value) >\n currValue\n ) {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: \"Installmentwise enter the greater than current value\",\n },\n });\n return;\n }\n if (this.state.amount.errorMessage && this.state.amount.errorMessage !== \"\") { return; }\n if (this.state.swpOption.value.code!==\"C\" && !this.state.amount.value) {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: \"(Investment amount is mandatory)\",\n },\n });\n return;\n }\n if (\n !!this.state.scheme.value &&\n !!this.state.amount.value &&\n parseInt(this.state.scheme.value.value.CurValue.replace(/,/g, \"\")) <\n parseInt(this.state.amount.value)\n ) {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: `(Withdrawal amount is more than Current Value)`,\n },\n });\n return;\n }\n\n const {\n funds,\n folios,\n schemes,\n swpOptions,\n swpFrequencyOptions,\n // withdrawals,\n sipStartDate,\n sipEndDate,\n amount,\n sipCycle,\n bank,\n banks,\n ...others\n } = this.state;\n const keys = Object.keys(others);\n const findError = keys.every((key) => !!others[key].value);\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage: `${\n key === \"sipDay\"\n ? \"SWP day\"\n : key === \"swpFrequency\"\n ? \"With-drawal frequency\"\n : key === \"swpOption\"\n ? \"With-drawal option\"\n : key === \"folio\"\n ? \"Folio\"\n : key === \"withdrawals\"\n ? \"Withdrawals\"\n : key === \"scheme\"\n ? \"Scheme\"\n : \"\"\n } is mandatory`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n case \"fund\": {\n this.fundField.focus();\n break;\n }\n case \"folio\": {\n this.folioField.focus();\n break;\n }\n case \"scheme\": {\n this.schemeField.focus();\n break;\n }\n case \"swpOption\": {\n this.swpOptionField.focus();\n break;\n }\n case \"sipDay\": {\n this.sipDayField.focus();\n break;\n }\n case \"swpFrequency\": {\n this.swpFrquencyField.focus();\n break;\n }\n }\n } else if (this.state.withdrawals.value < 2) {\n this.setState({\n withdrawals: {\n value: \"\",\n isError: true,\n errorMessage: `Please check the minimum With-drawals value`,\n },\n });\n } else if (\n (parseFloat(this.state.amount.value) < this.state.minAmountValue.value ||\n !this.state.amount.value) &&\n this.state.swpOption.value.Description === \"FIXED\"\n ) {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: `Minimum amount is ${this.state.minAmountValue.value}(₹)`,\n },\n });\n // }\n // else {\n // this.setState({\n // amount: {\n // value: \"\",\n // isError: true,\n // errorMessage: \"(*Amount should not be greater than Current Value)\"\n // }\n // });\n // }\n // return;\n } else {\n const { funds, folios, schemes, swpFrequencyOptions, ...others } =\n this.state;\n this.props.saveTransactionDetails(this.state);\n this.props.history.push({\n pathname: NEW_TRANSACTION_URL + \"/swp/digital/transact/confirm\",\n state: {\n title: \"SWP Payment Summary\",\n type: SWP,\n Folio: { value: others.scheme.value.value.Acno },\n withDrawals: others.withdrawals.value,\n scheme: others.scheme.value.value,\n swpFrequency: others.swpFrequency.value,\n sipEndDate: others.sipEndDate.value,\n swpOption: others.swpOption.value,\n sipStartDate: others.sipStartDate.value,\n amount: others.amount.value,\n sipDay: others.sipDay.value,\n },\n });\n }\n };\n render() {\n const {\n funds,\n fund,\n folio,\n folios,\n scheme,\n schemes,\n swpOption,\n swpOptions,\n swpFrequency,\n swpFrequencyOptions,\n withdrawals,\n sipDay,\n sipStartDate,\n sipEndDate,\n sipCycle,\n amount,\n minswp\n } = this.state;\n return (\n \n
\n ) : (\n \"\"\n )}\n SWP Plan
\n \n ({\n label: item,\n value: item,\n }))}\n disabled={!fund.value}\n value={folio.value}\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n isError={folio.isError}\n errorMessage={folio.errorMessage}\n />\n
\n Folio*
\n \n ({\n label: item.PlnDesc\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\n : item.fm_schdesc,\n value: item,\n }))}\n disabled={!folio.value}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n handleChange={this.handleSchemeChange}\n inputRef={(ele) => (this.schemeField = ele)}\n isError={scheme.isError}\n errorMessage={scheme.errorMessage}\n />\n
\n Scheme*
\n \n
\n \n {/*
\n Minimum Amount (₹)
*/}\n Current Value
\n \n {/*
\n {!!scheme.value ? scheme.value.value.MinAmt : \"\"}
*/}\n {!!scheme.value ? `₹${ scheme.value.value.CurValue} ` : \"\"}
\n \n (this.swpOptionField = ele)}\n isError={swpOption.isError}\n errorMessage={swpOption.errorMessage}\n >\n {swpOptions.map((item, index) => (\n \n ))}\n \n
\n \n (this.swpFrquencyField = ele)}\n isError={swpFrequency.isError}\n // disabled={!withdrawals.value}\n errorMessage={swpFrequency.errorMessage}\n >\n {swpFrequencyOptions.map((item, index) => (\n \n ))}\n \n
\n \n this.handleNoOfWithDrawals(event)}\n onBlur={this.showError(\"withdrawals\")}\n isShowError={withdrawals.isError}\n errorMessage={withdrawals.errorMessage}\n disabled={!scheme.value}\n value={withdrawals.value}\n />\n
\n \n (this.sipDayField = ele)}\n isError={sipDay.isError}\n errorMessage={sipDay.errorMessage}\n handleChange={(event) => this.handleSwpDay(event)}\n >\n {sipCycle.map((item, index) => (\n \n ))}\n \n
\n Withdrawal Period
\n \n
\n\n \n
\n {this.state.swpOption.value.Description === \"Fixed\" ? (\n \n \n Minimum Amount :\n {!!this.state.minAmountValue\n ? this.state.minAmountValue.value\n : \"\"}\n (₹)\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"#a6a6a6\"\n type=\"number\"\n errorMessage={amount.errorMessage}\n isShowError={amount.isError}\n onBlur={this.showError(\"amount\")}\n // disabled={redemptionType === FULL ? true : false}\n onChange={(event) => this.handleMinimumAmount(event)}\n value={amount.value}\n />\n
\n \n
\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }) => {\n const {\n fundList,\n token,\n userId,\n bankDetails,\n investorData,\n communicationDetails,\n } = authReducer;\n const { euinList, transactionDetails } = transactions;\n return {\n fundList,\n token,\n userId,\n euinList,\n bankDetails,\n investorData,\n communicationDetails,\n transactionDetails,\n };\n },\n { swpOptions, CalcSIPEnddt, getMinimumAmount, saveTransactionDetails }\n)(Swp);\n","import React, { Component } from \"react\";\nimport CustomizedSelect from \"./customizedSelect\";\nimport { Input } from \"../../forms/input\";\nimport Signbutton from \"../../forms/button\";\nimport { connect } from \"react-redux\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from \"@material-ui/pickers\";\nimport moment from \"moment\";\n\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport {\n addBusinessDays,\n addDays,\n addMonths,\n addWeeks,\n isWednesday,\n format,\n} from \"date-fns\";\nimport {\n validateSubBroker,\n getAssetClasses,\n getOtherSchemes,\n swpOptions,\n CalcSIPEnddt,\n setStpDetails,\n saveTransactionDetails,\n STPMinGap,\n STPCycleDateValidation\n} from \"../../../store/actions\";\nimport { REGULAR, PURCHASE, STP } from \"../../../store/types\";\nimport Radio from \"@material-ui/core/Radio\";\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport { NEW_TRANSACTION_URL } from \".\";\nimport { BajajFund } from \"../nav\";\n\nclass Stp extends Component {\n constructor(props) {\n super(props);\n // const { fundList } = this.props;\n const { stpDetails } = this.props;\n // const funds = fundList.reduce((prev, curr) => {\n // const findIndex =\n // prev.findIndex((fund) => fund.Fund === curr.Fund) !== -1;\n // if (!findIndex) {\n // return [...prev, { Fund: curr.Fund, FundDesc: curr.FundDesc }];\n // }\n // return prev;\n // }, []);\n\n this.state = {\n // funds,\n fund: { value: { value: \"102\" } },\n folios: [],\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n radioValue: { value: \"no\" },\n arnCode: { value: this.props.token },\n subArnCode: { value: \"\" },\n euinNo: { value: \"\" },\n subBrokerCode: { value: \"\" },\n categories: [],\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n stpDates: [],\n swpOptions: [],\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { value: \"\" },\n minimumInstallments: \"\",\n multiples: \"\",\n minDate: \"\",\n ...stpDetails,\n };\n }\n\n handleFundChange = (value) => {\n if (!value) {\n this.setState({\n fund: { value: \"\" },\n folios: [],\n folio: { value: \"\" },\n subArnCode: { value: \"\" },\n euinNo: { value: \"\" },\n subBrokerCode: { value: \"\" },\n categories: [],\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n });\n return;\n } else if (value.value === this.state.fund.value.value) {\n return;\n } else {\n const fund = value.value;\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.Fund === fund) {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n scheme: { value: \"\" },\n schemes: [],\n subArnCode: { value: \"\" },\n euinNo: { value: \"\" },\n subBrokerCode: { value: \"\" },\n categories: [],\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { value: \"\" },\n });\n if (!!fund) {\n this.validateBrokerCode(fund)();\n }\n }\n };\n\n async componentDidMount() {\n // Scroll to top of the window\n window.scrollTo({\n behavior: \"smooth\",\n top: 0,\n });\n \n try {\n const { transactionDetails } = this.props;\n if (Object.keys(transactionDetails).length > 0) {\n this.setState(transactionDetails);\n } else {\n // If transaction details not available, fetch SWP options\n const params = {\n fund: \"102\",\n opt: \"SWPW\",\n customfund: \"102\",\n };\n \n const response = await this.props.swpOptions(params);\n const swpOptionsResponse = response?.Dtinformation; // Ensure Dtinformation exists in response\n \n if (swpOptionsResponse) {\n // Update state with transfers and SWP options\n this.setState({\n transfers: { value: this.props.transferValue }, // Assuming transferValue is available in props\n swpOptions: swpOptionsResponse,\n });\n }\n }\n \n // Fetch additional data (assuming this is an asynchronous function call)\n this.getFolios();\n } catch (error) {\n console.error(\"Error in componentDidMount:\", error);\n // Handle error if necessary\n }\n }\n \n getFolios = () => {\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.Fund.trim() === \"102\") {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n\n this.setState({\n fund: { value: { value: \"102\" } },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n scheme: { value: \"\" },\n schemes: [],\n subArnCode: { value: \"\" },\n euinNo: { value: \"\" },\n subBrokerCode: { value: \"\" },\n categories: [],\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { value: \"\" },\n });\n this.validateBrokerCode(\"102\")();\n };\n\n validateBrokerCode = (fund) => async () => {\n const { subArnCode, arnCode } = this.state;\n if (\n !!this.state.subArnCode.value &&\n this.state.subArnCode.value === this.state.arnCode.value.split(\"-\")[1]\n ) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: \"ARN and Sub ARN Code should not be the same\",\n },\n });\n return;\n }\n const params = {\n Fund: \"102\",\n SubAgentCd: !!subArnCode.value ? `ARN-${subArnCode.value}` : \"\",\n AgentCd: arnCode.value,\n };\n const response = await this.props.validateSubBroker(params);\n if (!!response && !!response.DtData && response.DtData.length > 0) {\n const getLength = response.DtData.length === 1;\n let value = {\n value: response.DtData[0].abm_agent,\n label: response.DtData[0].abm_agent,\n };\n if (!!getLength) {\n this.setState({\n euinNo: { value },\n });\n }\n } else if (!response) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `Please enter a valid Sub ARN Code`,\n },\n });\n }\n };\n\n handleFolioChange = (value) => {\n if (!value) {\n this.setState({\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n subArnCode: { value: \"\" },\n euinNo: { value: \"\" },\n subBrokerCode: { value: \"\" },\n categories: [],\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { value: \"\" },\n });\n return;\n } else if (value.value === this.state.folio.value.value) {\n return;\n } else {\n this.getAssetClasses(value.value);\n const schemes = this.schemes(value.value);\n\n this.setState({\n folio: { value },\n schemes,\n scheme: { value: \"\" },\n });\n }\n };\n\n getAssetClasses = async (value) => {\n const params = {\n Fund: this.state.fund.value.value,\n Folio: value,\n };\n const assetClasses = await this.props.getAssetClasses(params);\n if (assetClasses) {\n this.setState({\n categories: assetClasses.DtData,\n });\n }\n };\n\n schemes = (value) => {\n return this.props.fundList.reduce((prev, curr) => {\n if (curr.Fund === this.state.fund.value.value && curr.Acno === value) {\n return [...prev, curr];\n }\n return prev;\n }, []);\n };\n handleSchemeChange = (value) => {\n if (!value) {\n this.setState({\n scheme: { value: \"\" },\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { value: \"\" },\n });\n return;\n } else if (value.value === this.state.scheme.value.value) {\n return;\n } else {\n if (!value.value.BalUnits) {\n this.setState({\n folio: {\n value: \"\",\n isError: \"true\",\n errorMessage: \"STP in Zero balance folios is not accepted\",\n },\n scheme: { value: \"\" },\n });\n } else {\n this.setState({\n scheme: { value },\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { value: \"\" },\n });\n }\n }\n };\n handleCategoryChange = (event) => {\n if (event.target.value) {\n this.getOtherSchemes(event.target.value);\n this.setState({\n category: { value: event.target.value },\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOption: { value: \"\" },\n });\n } else {\n this.setState({\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n });\n }\n };\n getOtherSchemes = async (value) => {\n const params = {\n schtype: REGULAR,\n category: value,\n acno: this.state.folio.value.value,\n fundCode: this.state.fund.value.value,\n trantype: \"T\",\n };\n const otherSchemes = await this.props.getOtherSchemes(params);\n\n if (otherSchemes) {\n this.setState({\n switchInSchemes: otherSchemes.DtData,\n });\n }\n };\n handleSwitchInScheme = async (value) => {\n if (!value) {\n this.setState({\n switchInScheme: { value: \"\" },\n // sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOption: { value: \"\" },\n });\n return;\n } else if (value.value === this.state.switchInScheme.value.value) {\n return;\n } else {\n if (!!value) {\n if (\n `${value.value.fm_scheme}~${value.value.fm_plan}~${value.value.fm_option}` ===\n `${this.state.scheme.value.value.Sch}~${this.state.scheme.value.value.Pln}~${this.state.scheme.value.value.Opt}`\n ) {\n this.setState({\n switchInScheme: {\n value: \"\",\n isError: true,\n errorMessage:\n \"Transfer from Scheme and Transfer to Scheme should not be same\",\n },\n });\n } else {\n const params = {\n opt: \"SF\",\n fund: this.state.fund.value.value,\n astscheme: \"\",\n };\n const sipCycleResponse = await this.props.swpOptions(params);\n const sipCycleResponseOptions = !!sipCycleResponse\n ? sipCycleResponse.Dtinformation\n : \"\";\n this.setState({\n switchInScheme: { value },\n stpDates: sipCycleResponseOptions,\n multiples: value.multiples,\n });\n }\n }\n }\n };\n changeValue = (label) => (event) => {\n if (\n label === \"subArnCode\" ||\n (label === \"subBrokerCode\" && event.target.value.length <= 20)\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (label === \"radioValue\" && event.target.value === \"no\") {\n if (!this.state.euinNo.value) {\n this.setState({\n radioValue: { value: event.target.value },\n });\n } else {\n this.setState({\n [label]: { value: event.target.value },\n euinNo: { value: \"\" },\n });\n }\n } else if (\n label !== \"subArnCode\" &&\n label !== \"subBrokerCode\" &&\n label === \"radioValue\" &&\n event.target.value !== \"no\"\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n };\n\n async handleSwpDay(event) {\n const day = event.target.value;\n const frequency = this.state.swpFrequency.value;\n const transfers = this.state.transfers.value;\n const x = parseFloat(this.state.transfers.value.replace(/,/g, \"\"));\n if (\n this.state.transfers.value !== \"\" &&\n (x > parseFloat(this.state.minimumInstallments) ||\n x === parseFloat(this.state.minimumInstallments))\n ) {\n const params = {\n Fund: this.state.fund.value.value,\n StartDate: day,\n installments: this.state.transfers.value,\n Frequency: this.state.swpFrequency.value,\n trtype: \"STP\",\n sch: this.state.scheme.value.value.Sch,\n };\n if (frequency === \"Weekly\") {\n const { startDate, endDate } = calculateStpDates(transfers, day);\n const reformSIPEndDT = endDate.value.split(\"/\");\n if (parseFloat(reformSIPEndDT[2]) >= 2099) {\n this.setState({\n sipDay: { value: \"\" },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n transfers: {\n value: \"\",\n isError: true,\n errorMessage:\n \"Your SIP installments are going beyond 2099, select lesser number of installments.\",\n },\n });\n return;\n }\n this.setState({\n sipDay: { value: day },\n sipStartDate: startDate,\n sipEndDate: endDate,\n });\n return;\n }\n\n const response = await this.props.CalcSIPEnddt(params);\n const sipStartDateResponse = response.DtData[0].SIP_StartDate;\n const sipEndDateResponse = response.DtData[0].SIP_EndDate;\n if (!!sipEndDateResponse) {\n const reformSIPEndDT = sipEndDateResponse.split(\"/\");\n if (parseFloat(reformSIPEndDT[2]) >= 2099) {\n this.setState({\n sipDay: { value: \"\" },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n transfers: {\n value: \"\",\n isError: true,\n errorMessage:\n \"Your SIP installments are going beyond 2099, select lesser number of installments.\",\n },\n });\n } else if (parseFloat(reformSIPEndDT[2]) < 2099) {\n this.setState({\n sipDay: { value: day },\n sipStartDate: { value: sipStartDateResponse },\n sipEndDate: { value: sipEndDateResponse },\n });\n }\n }\n }\n }\n handleChangeTransfers = async (event) => {\n const transferValue = event.target.value;\n const params = {\n fund: \"102\",\n opt: \"SWPW\",\n customfund: \"102\",\n };\n if (!this.state.swpOption.value && event.target.value.length <= 3) {\n const response = await this.props.swpOptions(params);\n const swpOptionsResponse = response.Dtinformation;\n if (!!transferValue && parseFloat(transferValue) <= 999) {\n this.setState({\n transfers: { value: transferValue },\n swpOptions: swpOptionsResponse,\n sipDay: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOption: { value: swpOptionsResponse[0] },\n });\n } else if (!transferValue) {\n this.setState({\n transfers: {\n value: \"\",\n isError: true,\n errorMessage: !!transferValue\n ? \"no of transfers value should not be more than 999\"\n : \"transfers value is mandatory*\",\n },\n swpOptions: swpOptionsResponse,\n sipDay: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOption: { value: \"\" },\n });\n }\n } else if (event.target.value.length <= 3) {\n this.setState({\n transfers: { value: transferValue },\n sipEndDate: { value: \"\" },\n sipDay: { value: \"\" },\n sipStartDate: { value: \"\" },\n });\n }\n };\n handleSwpOptionChange = (event) => {\n const swpOption = event.target.value;\n\n this.setState({\n swpOption: { value: swpOption },\n amount: { value: \"\" },\n });\n };\n handleChangeTransferAmount = (event) => {\n const transferAmount = event.target.value;\n if (event.target.value.length <= 10) {\n this.setState({\n amount: { value: transferAmount.replace(/^0+/, \"\") },\n });\n }\n };\n changeEuin = (value) => {\n this.setState({\n euinNo: { value },\n });\n };\n\n submit = () => {\n let currValue;\n let amountValue;\n const {\n amount,\n transfers,\n minDate,\n sipDay,\n funds,\n folios,\n schemes,\n categories,\n switchInSchemes,\n sipCycle,\n subBrokerCode,\n subArnCode,\n radioValue,\n euinNo,\n arnCode,\n swpOptions,\n stpDates,\n minimumInstallments,\n multiples,\n ...others\n } = this.state;\n if (!!this.state.scheme.value) {\n currValue = parseInt(\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\n );\n }\n\n if (this.state.amount && this.state.amount.value) {\n amountValue = parseFloat(this.state.amount.value.replace(/,/g, \"\"));\n }\n if (\n this.state.euinNo.value.value === \"\"\n ) {\n this.setState({\n euinNo: {\n value: \"\",\n isError: true,\n errorMessage: \"EUIN No is mandatory\",\n },\n });\n }\n if (\n !!this.state.scheme.value &&\n !!this.state.amount.value &&\n parseInt(this.state.amount.value) > currValue\n ) {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: `(Transfer amount is more than the current Value)`,\n },\n });\n return;\n }\n\n const minAmount = 1000;\n const arn = this.state.arnCode.value.split(\"-\");\n const keys = Object.keys(others);\n\n const findError = keys.every((key) => !!others[key].value);\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage: `${key === \"sipDay\"\n ? \"STP date\"\n : key === \"swpOption\"\n ? \"STP option\"\n : key === \"folio\"\n ? \"Folio\"\n : key === \"scheme\"\n ? \"Transfer from Scheme\"\n : key === \"category\"\n ? \"Category\"\n : key === \"switchInScheme\"\n ? \"Transfer to Scheme\"\n : key === \"swpFrequency\"\n ? \"Frequency\"\n : key === \"sipEndDate\"\n ? \"End date\"\n : key === \"sipStartDate\"\n ? \"Start date\"\n : key\n } is mandatory`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n case \"fund\": {\n this.fundField.focus();\n break;\n }\n case \"folio\": {\n this.folioField.focus();\n break;\n }\n case \"scheme\": {\n this.schemeField.focus();\n break;\n }\n case \"category\": {\n this.categoryField.focus();\n break;\n }\n case \"switchInScheme\": {\n this.switchInSchemeField.focus();\n break;\n }\n case \"swpOption\": {\n this.swpField.focus();\n break;\n }\n }\n } else if (\n !!this.state.subArnCode.value &&\n arn[1] === this.state.subArnCode.value\n ) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `and ARN code should not match `,\n },\n });\n } else if (\n (amountValue < minAmount || this.state.amount.value === \"\") &&\n this.state.swpOption.value.Description === \"Fixed\"\n ) {\n if (this.state.amount.value === \"\") {\n this.setState({\n amount: {\n ...others[\"amount\"],\n value: \"\",\n isError: true,\n errorMessage: `Transfer amount value is mandatory`,\n },\n });\n } else if (amountValue < minAmount) {\n this.setState({\n amount: {\n ...others[\"amount\"],\n value: \"\",\n isError: true,\n errorMessage: `Minimum amount is 1000 (₹) for Monthly STP frequency`,\n },\n });\n }\n\n // else if (amountValue > currValue) {\n // this.setState({\n // amount: {\n // ...others[\"amount\"],\n // isError: true,\n // errorMessage: `(Transfer amount is more than the current Value)`\n // }\n // });\n // }\n } else if (\n +this.state.amount.value % +this.state.multiples !== 0 &&\n this.state.swpOption.value.Description === \"Fixed\"\n ) {\n this.setState({\n amount: {\n ...others[\"amount\"],\n isError: true,\n errorMessage: `Transfer amount should be multiple of ${this.state.multiples}`,\n },\n });\n return;\n } else if (\n this.state.radioValue.value === \"no\" &&\n !this.state.euinNo.value\n ) {\n this.euinField.focus();\n this.setState({\n euinNo: {\n value: \"\",\n isError: true,\n errorMessage: \"EUIN selection is mandatory\",\n },\n });\n } else if (!this.state.swpOption.value) {\n this.setState({\n swpOption: {\n value: \"\",\n isError: true,\n errorMessage: \"STP option is mandatory\",\n },\n });\n } else {\n const {\n scheme,\n amount,\n transfers,\n sipEndDate,\n swpOption,\n sipStartDate,\n sipDay,\n euinNo,\n switchInScheme,\n stpDates,\n ...stpDetails\n } = this.state;\n\n this.props.setStpDetails(this.state);\n this.props.saveTransactionDetails(this.state);\n this.props.history.push({\n pathname: NEW_TRANSACTION_URL + \"/stp/digital/transact/confirm\",\n state: {\n title: \"STP Payment Summary\",\n type: STP,\n Folio: { value: this.state.scheme.value.value.Acno },\n scheme: { Fund: \"102\" },\n ...stpDetails,\n },\n });\n }\n };\n handleSTPDates = (label) => async(event) => {\n const value = format(new Date(event), \"MM/dd/yyyy\");\n console.log(\"value\", value, label)\n\n if (label === \"EndDate\") {\n const params = {\n Frequency: this.state.swpFrequency.value,\n Fund: \"102\",\n Scheme: this.state.switchInScheme.value.value.fm_scheme,\n trtype: \"STP\",\n StartDate:this.state.sipStartDate.value,\n EndDate:value,\n };\n const response= await this.props.STPCycleDateValidation(params)\n console.log(\"response\",response)\n\n\n if (!!response && response.length>2) {\n this.setState({\n sipEndDate: {\n value: \"\",\n isError: true,\n errorMessage: response\n },\n });\n } else {\n this.setState({\n sipEndDate: {\n value,\n isError: false,\n errorMessage: \"\",\n },\n });\n }\n\n } else {\n \n this.setState({ sipStartDate: { value },sipEndDate:{value:\"\"} });\n\n }\n\n }\n\n showError = (label) => () => {\n let amountValue, currValue;\n const {\n [label]: { value },\n } = this.state;\n if (!!this.state.amount.value) {\n amountValue = parseFloat(this.state.amount.value.replace(/,/g, \"\"));\n }\n if (!!this.state.scheme.value) {\n currValue = parseFloat(\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\n );\n }\n const minAmount = 1000;\n\n if (label === \"transfers\") {\n this.setState({\n [label]: {\n value,\n isError:\n parseFloat(this.state.transfers.value) <\n parseFloat(this.state.minimumInstallments) ||\n this.state.transfers.value === \"\"\n ? true\n : !value,\n errorMessage:\n parseFloat(this.state.transfers.value) <\n parseFloat(this.state.minimumInstallments) ||\n this.state.transfers.value === \"\"\n ? `No of Installments in STP transaction should be minimum ${this.state.minimumInstallments}`\n : \"\",\n },\n });\n } else if (label === \"amount\") {\n this.setState({\n [label]: {\n value,\n isError:\n (amountValue || 0) < minAmount &&\n this.state.swpOption.value.Description === \"Fixed\"\n ? true\n : !value,\n errorMessage:\n (amountValue || 0) < minAmount &&\n this.state.swpOption.value.Description === \"Fixed\"\n ? `Minimum Amount should be ${minAmount}(₹)`\n : \"\",\n },\n });\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n handleChangeStpFrequency = async (event) => {\n if (event.target.value === this.state.swpFrequency.value) {\n return;\n } else {\n const transfer = this.state.stpDates.find(\n (ele) => ele.FrequencyID === event.target.value\n );\n const params = {\n Frequency: event.target.value,\n Fund: \"102\",\n Scheme: this.state.switchInScheme.value.value.fm_scheme,\n trtype: \"STP\"\n };\n const response = await this.props.STPMinGap(params)\n const mingap = response.DtData[0].Mingap;\n const currentDate = new Date();\n\n const newDate = addDays(currentDate, Number(mingap));\n\n const formattedDate = format(newDate, 'yyyy-MM-dd'); // Format as 'yyyy-MM-dd'\n\n this.setState({\n sipStartDate:{value:\"\"},\n sipEndDate:{value:\"\"},\n swpFrequency: { value: event.target.value },\n minimumInstallments: transfer.Minimum_Instalment,\n minDate: formattedDate,\n transfers: { value: \"\" },\n });\n }\n };\n\n render() {\n const {\n funds,\n fund,\n folio,\n folios,\n scheme,\n schemes,\n categories,\n category,\n arnCode,\n subArnCode,\n subBrokerCode,\n switchInScheme,\n switchInSchemes,\n euinNo,\n radioValue,\n sipCycle,\n sipDay,\n transfers,\n sipStartDate,\n sipEndDate,\n swpOptions,\n swpOption,\n stpDates,\n amount,\n } = this.state;\n console.log(\"this.state\", this.state)\n\n // let e;\n // e = parseFloat(this.state.transfers.value.replace(/,/g, \"\"));\n const { euinList } = this.props;\n return (\n \n \n Note:\n STP Start Date should fall on Friday when opted for Weekly.\n
\n )}\n {/* STP Plan
\n \n ({\n label: item,\n value: item,\n }))}\n type=\"number\"\n value={folio.value}\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n disabled={!fund.value}\n isError={folio.isError}\n errorMessage={folio.errorMessage}\n />\n
\n Folio
\n \n ({\n value: item,\n label: item.PlnDesc\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\n : item.fm_schdesc,\n }))}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n handleChange={this.handleSchemeChange}\n disabled={!folio.value}\n inputRef={(ele) => (this.schemeField = ele)}\n isError={scheme.isError}\n errorMessage={scheme.errorMessage}\n />\n
\n \n Transfer From Scheme\n
\n \n
\n \n
\n Balance Units
\n Current Value
\n \n
\n {!!scheme.value.value ? scheme.value.value.BalUnits : \"\"}
\n {!!scheme.value.value ? `₹${scheme.value.value.CurValue}` : \"\"}
\n \n (this.categoryField = ele)}\n isError={category.isError}\n disabled={!scheme.value}\n errorMessage={category.errorMessage}\n >\n {categories.map((item, index) => (\n \n ))}\n \n
\n \n ({\n label: item.fm_schdesc,\n value: item,\n multiples: item.multiples,\n }))}\n label=\"Fund\"\n handleChange={this.handleSwitchInScheme}\n value={switchInScheme.value}\n placeholder=\"Select Fund\"\n inputRef={(ele) => (this.switchInSchemeField = ele)}\n isError={switchInScheme.isError}\n errorMessage={switchInScheme.errorMessage}\n />\n
\n\n \n Transfer To Scheme\n
\n \n
\n\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n disabled={!fund.value}\n type=\"number\"\n isShowError={subArnCode.isError}\n errorMessage={subArnCode.errorMessage}\n onBlur={\n !!fund.value ? this.validateBrokerCode(fund.value.value.Fund) : \"\"\n }\n onChange={this.changeValue(\"subArnCode\")}\n />\n
\n\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n type=\"number\"\n onChange={this.changeValue(\"subBrokerCode\")}\n />\n
\n {/* \n \n \n \n
*/}\n {radioValue.value === \"no\" ? (\n EUIN Declaration
\n \n
\n YES
\n \n
\n \n NO
\n \n ({\n label: item.abm_agent,\n value: item.abm_agent,\n }))}\n label=\"Fund\"\n handleChange={this.changeEuin}\n value={euinNo.value}\n disabled={!euinList.length}\n placeholder=\"Select EUIN\"\n inputRef={(ele) => (this.euinField = ele)}\n isError={euinNo.isError}\n errorMessage={euinNo.errorMessage}\n />\n
\n ) : (\n EUIN Selection*
\n\n \n I/We hereby confirm that the EUIN box has been intentionally left\n the blank by me/us as this is an 'execution-only' transaction\n without any interaction or advice by any personnel of the above\n distributor or notwithstanding the advice of in-appropriateness,if\n any provided by any personnel of the distributor and the distributor\n has not charged any advisory fees on this transaction\n
\n )}\n \n (this.stpFrequencyField = ele)}\n handleChange={this.handleChangeStpFrequency}\n value={this.state.swpFrequency.value}\n isError={this.state.swpFrequency.isError}\n errorMessage={this.state.swpFrequency.errorMessage}\n >\n {stpDates.length > 0\n ? stpDates.map((item, index) => (\n \n ))\n : \"\"}\n {/* {\n \n } */}\n \n
\n {this.state.swpFrequency.value === \"Weekly\" && (\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n onChange={this.handleChangeTransfers}\n onBlur={this.showError(\"transfers\")}\n isShowError={transfers.isError}\n errorMessage={transfers.errorMessage}\n />\n
*/}\n\n {/* \n (this.swpDateField = ele)}\n isError={sipDay.isError}\n placeholder=\"STP Date\"\n value={\n this.state.sipDay.value\n // this.state.transfers.value !== \"\" && (e > 60 || e === 60)\n // ? this.state.sipDay.value\n // : \"\"\n }\n onBlur={this.showError(\"transfers\")}\n handleChange={(event) => this.handleSwpDay(event)}\n errorMessage={sipDay.errorMessage}\n >\n {sipCycle.map((item, index) => (\n \n ))}\n \n
*/}\n\n Time Period
\n \n \n \n {!!sipStartDate.errorMessage && (\n
\n From*
\n \n {\" \"}\n {sipStartDate.errorMessage}\n
\n )}\n \n \n \n {!!sipEndDate.errorMessage && (\n
\n To*
\n \n {\" \"}\n {sipEndDate.errorMessage}\n
\n )}\n \n (this.swpField = ele)}\n isError={swpOption.isError}\n errorMessage={swpOption.errorMessage}\n value={swpOption.value}\n handleChange={this.handleSwpOptionChange}\n // disabled\n >\n {swpOptions.map((item, index) => (\n \n ))}\n \n
\n {swpOption.value.Description === \"Fixed\" ? (\n \n
\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }) => {\n const {\n fundList,\n token,\n userId,\n bankDetails,\n investorData,\n communicationDetails,\n } = authReducer;\n const { euinList, stpDetails = {}, transactionDetails } = transactions;\n return {\n fundList,\n token,\n userId,\n euinList,\n stpDetails,\n bankDetails,\n investorData,\n communicationDetails,\n transactionDetails,\n };\n },\n {\n validateSubBroker,\n getAssetClasses,\n getOtherSchemes,\n swpOptions,\n setStpDetails,\n CalcSIPEnddt,\n saveTransactionDetails,\n STPMinGap,\n STPCycleDateValidation\n }\n)(Stp);\n\nexport const calculateStpDates = (transfers, selectedDate) => {\n const today = new Date(new Date().setHours(0, 0, 0, 0));\n const isSelectedDatePassed = new Date().setDate(selectedDate) < today;\n var startDate = isSelectedDatePassed\n ? new Date(addMonths(new Date().setDate(selectedDate), 1))\n : new Date(new Date().setDate(selectedDate));\n if (startDate < new Date(addDays(today, 5))) {\n startDate = new Date(addDays(today, 5));\n }\n while (true) {\n if (isWednesday(startDate)) {\n const endDate = addWeeks(startDate, transfers - 1);\n return {\n startDate: { value: format(startDate, \"dd/MM/yyyy\") },\n endDate: { value: format(endDate, \"dd/MM/yyyy\") },\n };\n }\n startDate = addDays(startDate, 1);\n }\n};\n","import React, { Component } from \"react\";\nimport Image from \"../Image\";\n\nexport default class UploadFile extends Component {\n render() {\n const { id, isShowError, fileName } = this.props;\n return (\n \n \n Upload\n
\n \n \n {fileName}
\n \n \n {type === \"isip\" && (\n
\n\n {type !== PHYSICAL_NEW && this.state.sipType.value !== NEW && (\n \n (this.sipTypeField = ele)}\n isError={sipType.isError}\n errorMessage={sipType.errorMessage}\n >\n {sipTypes.map((item, index) => (\n \n ))}\n \n
\n )}\n \n (this.folioField = ele)}\n isError={folio.isError}\n >\n {folios.map((item, index) => (\n \n ))}\n \n
\n )}\n \n (this.emailIdField = ele)}\n errorMessage={this.state.emailId.errorMessage}\n />\n
\n\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n value={mobile.value}\n type=\"number\"\n onChange={this.changeValue(\"mobile\")}\n onBlur={this.showError(\"mobile\")}\n isShowError={mobile.isError}\n errorMessage={mobile.errorMessage}\n inputref={(ele) => (this.mobileField = ele)}\n />\n
\n \n {!!this.state.upload.errorMessage ? (\n \n {this.state.upload.errorMessage}\n
\n ) : (\n \"\"\n )}\n \n Only .pdf files allowed. File size to not exceed 24 MB\n
\n \n\n \n alert(\"Please Read Terms and Conditions\")\n }\n />\n
\n \n \n \n \n {this.state.sipType.value} - {index + 1}\n
\n Pause/Cancellation Module
\n \n (this.sipTypeField = ele)}\n // isError={sipType.isError}\n // errorMessage={sipType.errorMessage}\n >\n {sipTypes.map((item, index) => (\n \n ))}\n \n
\n {/*\n \n (this.sipTypeField = ele)}\n // isError={sipType.isError}\n // errorMessage={sipType.errorMessage}\n >\n {funds.map((item, index) => (\n \n ))}\n \n
*/}\n\n {folios.map((ele, index) => (\n \n {ele.pause_flag !== \"N\" && this.state.sipType.value === \"SIP\" && (\n \n \n Pause\n
\n \n )}\n\n \n
\n \n \n
\n )}\n \n
\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }, props) => {\n const { location } = props;\n const { investorData, communicationDetails, token, userId } = authReducer;\n // const { fundsList } = transactions;\n const { fundList } = authReducer;\n\n return {\n investorData,\n communicationDetails,\n token,\n\n fundList,\n userId,\n };\n },\n { getNctType, getNctSave }\n)(NctType);\n","import React, { Component } from \"react\";\nimport { Input } from \"../../forms/input\";\nimport Signbutton from \"../../forms/button\";\nimport { connect } from \"react-redux\";\nimport InputBase from \"@material-ui/core/InputBase\";\nimport { getEnach } from \"../../../store/actions/transactions\";\nimport { EnachModal } from \"../customModal\";\nimport Image from \"../../Image\";\nclass ENACH extends Component {\n constructor(props) {\n super(props);\n const { investorData, communicationDetails, location } = this.props;\n const { state } = location;\n const Xemail =\n !!this.props.communicationDetails &&\n !!this.props.communicationDetails.length > 0 &&\n !!investorData.PAN &&\n (this.props.communicationDetails || []).find(\n (detail) =>\n detail.PAN === investorData.PAN &&\n !!detail.email &&\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(detail.email)\n );\n\n const Xmobile =\n !!this.props.communicationDetails &&\n !!this.props.communicationDetails.length > 0 &&\n !!investorData.PAN &&\n (this.props.communicationDetails || []).find(\n (detail) => detail.PAN === investorData.PAN && !!detail.Mobile\n );\n\n const Email = !!Xemail && !!Xemail.email ? Xemail.email : \"\";\n const Mobile = !!Xmobile && !!Xmobile.Mobile ? Xmobile.Mobile : \"\";\n\n this.state = {\n email: { value: Email || \"\" },\n EnachOpen: false,\n eNachAMCOpen: false,\n disabled: false,\n pan: {\n value:\n !!investorData && !!investorData.PAN\n ? investorData.PAN\n : !!state && !!state.pan\n ? state.pan\n : \"\",\n },\n mobile: { value: Mobile },\n name: {\n value:\n !!investorData && !!investorData.invname ? investorData.invname : \"\",\n },\n ref: \"\",\n code: { value: \"+91\" },\n };\n }\n\n changeValue = (label) => async (event) => {\n const value = event.target.value;\n if (label === \"mobile\") {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n if (label === \"code\") {\n if (!value) {\n this.setState({\n [label]: {\n value,\n isError: true,\n errorMessage: \"Country Code is Mandatory\",\n },\n });\n } else if (!/^[+]\\d{1,3}$/.test(value)) {\n this.setState({\n [label]: {\n value,\n isError: true,\n errorMessage: \"Enter a Valid Country Code\",\n },\n });\n } else {\n this.setState({\n [label]: { value },\n });\n }\n }\n };\n submit = async () => {\n const {\n ref,\n EnachOpen,\n EnachRef,\n disabled,\n eNachAMCOpen,\n code,\n ...others\n } = this.state;\n\n const { email, mobile, pan, name } = this.state;\n const { location } = this.props;\n const { state } = location;\n if (\n !!state &&\n !!state.pan &&\n (!email.value || !mobile.value || !name.value)\n ) {\n alert(\"Please fill all fields to submit\");\n this.setState({\n email: {\n value: this.state.email.value,\n isError: false,\n errorMessage: \"\",\n },\n });\n } else if (!code.value) {\n this.setState({\n code: {\n value: this.state.code.value,\n isError: true,\n errorMessage: \"Country Code is Mandatory\",\n },\n });\n return;\n } else if (!/^[+]\\d{1,3}$/.test(code.value)) {\n this.setState({\n code: {\n value: this.state.code.value,\n isError: true,\n errorMessage: \"Enter a Valid Country Code\",\n },\n });\n return;\n }\n if (!this.state.mobile.value) {\n this.setState({\n mobile: {\n value: \"\",\n isError: true,\n errorMessage: \"Enter a valid phone number\",\n },\n });\n this.mobileField.focus();\n return;\n } else if (\n !/^[6-9]\\d{9}$/.test(this.state.mobile.value) &&\n this.state.code.value === \"+91\"\n ) {\n this.setState({\n mobile: {\n value: \"\",\n isError: true,\n errorMessage: \"Enter a valid phone number\",\n },\n });\n this.mobileField.focus();\n return;\n } else {\n this.setState({\n disabled: true,\n });\n const params = {\n Email: this.state.email.value,\n Contact: this.state.mobile.value,\n Name: this.state.name.value,\n Pan: this.state.pan.value,\n invdistflag: \"W\",\n arncode: this.props.token,\n countrycode: this.state.code.value,\n customfund:\"102\"\n };\n const response = await this.props.getEnach(params);\n if (\n !!response &&\n !!response.DtData &&\n !!response.DtData[0] &&\n !!response.DtData[0].en_ihno\n ) {\n this.setState({\n EnachRef: response.DtData[0].en_ihno,\n EnachOpen: true,\n });\n }\n }\n\n // const keys = Object.keys(others);\n // const findError = keys.every((key) => !!others[key].value);\n // if (!findError) {\n // keys.forEach((key) => {\n // !others[key].value &&\n // this.setState({\n // [key]: {\n // ...others[key],\n // isError: true,\n // errorMessage: `${key.toUpperCase()} is Mandatory`,\n // },\n // });\n // });\n // const firstErroredKey = keys.find((key) => !others[key].value);\n // switch (firstErroredKey) {\n // case \"email\": {\n // this.emailField.focus();\n // break;\n // }\n // case \"mobile\": {\n // this.mobileField.focus();\n // break;\n // }\n // case \"pan\": {\n // this.panField.focus();\n // break;\n // }\n // case \"name\": {\n // this.nameField.focus();\n // break;\n // }\n // }\n // } else if (\n // !!this.state.pan.value &&\n // /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/.test(this.state.pan.value) ===\n // false\n // ) {\n // this.setState({\n // pan: {\n // ...others[\"pan\"],\n // isError: true,\n // errorMessage: `Enter a vaild PAN`,\n // },\n // });\n // return;\n // } else if (\n // !!this.state.email.value &&\n // /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n // this.state.email.value\n // ) === false\n // ) {\n // this.setState({\n // email: {\n // ...others[\"email\"],\n // isError: true,\n // errorMessage: `Enter a vaild Email address`,\n // },\n // });\n // return;\n // } else if (\n // !!this.state.mobile.value &&\n // /^[6-9]\\d{9}$/.test(\n // this.state.mobile.value\n // ) === false\n // ) {\n // this.setState({\n // mobile: {\n // ...others[\"mobile\"],\n // isError: true,\n // errorMessage: `Enter a vaild Phone number`,\n // },\n // });\n // return;\n // } else {\n\n // }\n this.setState({\n disabled: false,\n });\n };\n\n OpenEnachAMCOpen = () => {\n this.setState({\n eNachAMCOpen: true,\n });\n };\n\n OpenEnachAMCClose = () => {\n this.setState({\n eNachAMCOpen: false,\n });\n };\n\n close = () => {\n this.setState({\n EnachOpen: false,\n });\n this.props.history.push(\"/dashboard\");\n // const refno = encodeURIComponent(btoa(this.state.EnachRef));\n // window.open(\n // `https://api.karvymfs.com/25/Enach/EnachRegd.aspx?refno=${refno}`,\n // \"_self\"\n // );\n };\n\n onEmailBlur = () => {\n if (\n !!this.state.email.value &&\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ) {\n this.setState({\n email: {\n value: \"\",\n isError: true,\n errorMessage: \"Enter a vaild Email ID\",\n },\n });\n }\n };\n render() {\n const { mobile, email, pan, name } = this.state;\n const { location } = this.props;\n const { state } = location;\n\n return (\n NCT
\n \n ({\n label: item.FundDesc,\n value: item.Fund,\n }))}\n value={fund.value}\n placeholder=\"Select Fund\"\n handleChange={this.handleFundChange}\n inputRef={(ele) => (this.fundField = ele)}\n isError={fund.isError}\n errorMessage={fund.errorMessage}\n />\n
\n\n Fund
\n \n ({\n label: item,\n value: item,\n }))}\n value={folio.value}\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n isError={folio.isError}\n disabled={!fund.value}\n errorMessage={folio.errorMessage}\n />\n
\n\n Folio
\n \n ({\n label: item.nm_description,\n value: item.nm_code,\n }))}\n value={NctType.value}\n placeholder=\"Select NCT Type\"\n handleChange={this.handleNctTypeChange}\n inputRef={(ele) => (this.NctTypeField = ele)}\n isError={NctType.isError}\n disabled={!folio.value}\n errorMessage={NctType.errorMessage}\n />\n
\n\n NCT Type
\n \n (this.emailIdField = ele)}\n errorMessage={this.state.emailId.errorMessage}\n />\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n value={mobile.value}\n onChange={this.changeValue(\"mobile\")}\n // onBlur={this.showError(\"mobile\")}\n isShowError={mobile.isError}\n errorMessage={mobile.errorMessage}\n inputref={(ele) => (this.mobileField = ele)}\n />\n
\n\n \n {!!this.state.upload.errorMessage ? (\n \n {this.state.upload.errorMessage}\n
\n ) : (\n \"\"\n )}\n \n only pdf files are allowed, File size to not exceed 24 MB\n
\n\n \n
\n \n \n \n eNACH Participating AMCs{\" \"}\n
\n eNACH
\n \n \n // (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n // evt.preventDefault()\n // }\n bordercolor=\"#a6a6a6\"\n // onChange={this.changeValue(\"pan\")}\n // isShowError={pan.isError}\n // inputref={(ele) => (this.panField = ele)}\n // errorMessage={this.state.pan.errorMessage}\n />\n
\n \n (this.nameField = ele)}\n // errorMessage={this.state.name.errorMessage}\n />\n
\n\n \n (this.emailField = ele)}\n errorMessage={this.state.email.errorMessage}\n />\n
\n \n {\n if (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") {\n evt.preventDefault();\n }\n }}\n onChange={this.changeValue(\"code\")}\n isError={this.state.code.isError}\n isShowError={this.state.code.isError}\n errorMessage={this.state.code.errorMessage}\n inputref={(ele) => (this.countryCodeField = ele)}\n />\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"#a6a6a6\"\n onChange={this.changeValue(\"mobile\")}\n isShowError={mobile.isError}\n inputref={(ele) => (this.mobileField = ele)}\n errorMessage={this.state.mobile.errorMessage}\n />\n
\n\n {/* \n
\n{/* \n \n
\n \n Summary for ENACH Registration\n
\n \n
\n \n \n
\n E-MANDATE
\n Powered by
\n - \n {options.slice(0, maxItems).map((ele: any) => (\n
- \n
\n
\n \n \n ))}\n
![\"icon\"](\"/images/search-icon-dark.svg\"){kind=icon}
\n// ) : (\n// ![\"icon\"](\"/images/search-icon.svg\"){kind=icon}
\n// )}\n// \n// }\n// onFocus={() => setShow(true)}\n// // onBlur={() => {\n// // setShow(false);\n// // setOptions([]);\n// // }}\n// onChange={_debounce(callFilterFuncion, 500, _handleInputChange)}\n// {...rest}\n// />\n// {/* {show && \n {isValidating ? (\n <>\n
\n {onValidationText}\n \n ) : (\n \n//
\n// );\n// }\n// export default connect(({ authReducer }: RootStateType) => ({ ...authReducer }), {\n// getIfscDetails,\n// sendPhoneOTP,\n// })(MinorStatusEditBank);\n","import DateFnsUtils from '@date-io/date-fns';\nimport {\n KeyboardDatePicker,\n KeyboardDatePickerProps,\n MuiPickersUtilsProvider,\n} from '@material-ui/pickers';\n\nexport default function DatePickerInput({\n id,\n variant,\n label,\n value = '',\n ...rest\n}: KeyboardDatePickerProps) {\n return (\n \n//
\n// \n//
\n// \n//
\n// \n// {dashboard.MinorStatus.ReviewDetails.editFolioBank}\n// {/* Put Folio Number HERE */}\n// {targetFunds[0].folio}\n//
\n//\n// {[\n// {\n// label: dashboard.MinorStatus.ReviewDetails.fields.accountNumber,\n// value: bankDetails.accountNo || '',\n// name: 'accountNo',\n// fieldValidation: accountNumberValidation,\n// isDisabled: false,\n// },\n// {\n// label: dashboard.MinorStatus.ReviewDetails.fields.ifsc,\n// value: bankDetails.ifsc || '',\n// name: 'ifsc',\n// actionOnBlur: true,\n// isDisabled: false,\n// shouldValidateField: true,\n// fieldValidation: validateIfsc,\n// },\n// {\n// label: dashboard.MinorStatus.ReviewDetails.fields.bankName,\n// value: bankDetails.name || '',\n// name: 'name',\n// isDisabled: true,\n// },\n// {\n// label: dashboard.MinorStatus.ReviewDetails.fields.accountType,\n// value:\n// bankDetails.accountType ||\n// dashboard.ChangeBank.selectedFolios.fields.accountType,\n// name: 'accountType',\n// isDisabled: false,\n// },\n// {\n// label: dashboard.MinorStatus.ReviewDetails.fields.branch,\n// value: bankDetails.branch || '',\n// name: 'branch',\n// isDisabled: true,\n// },\n// {\n// label: dashboard.MinorStatus.ReviewDetails.fields.city,\n// value: bankDetails.city || '',\n// name: 'city',\n// isDisabled: true,\n// },\n// ].map((_ele: BANK_DETAILS, index: number) =>\n// _ele.name === 'accountType' ? (\n// \n// {\n// handleChange(e.target.value, _ele.name);\n// }}\n// onBlur={removeErrors}\n// // readOnly={true}\n// >\n// \n// {\n// dashboard.ChangeBank.selectedFolios.fields\n// .accountType\n// }\n// \n// {['SAVINGS'].map((type: string) => (\n// \n// ))}\n// \n// \n// {errors[_ele.name]}\n// \n// \n// ) : (\n// <>\n// \n// {\n// if (_ele.fieldValidation) {\n// _ele.fieldValidation(e.target.value)\n// ? handleChange(\n// e.target.value,\n// _ele.name,\n// )\n// : null;\n// return;\n// }\n// handleChange(e.target.value, _ele.name);\n// }}\n// error={!!errors[_ele.name]}\n// helperText={errors[_ele.name]}\n// onBlur={() => removeErrors()}\n// onFocus={() => setErrors({})}\n// disabled={_ele.isDisabled}\n// title={!!_ele.isDisabled ? _ele.value : ''}\n// />\n// {_ele.shouldValidateField && showLoader && (\n// \n// \n// )}\n// \n// \n// ),\n// )}\n//
\n// \n//
\n// {showModal && (\n// \n
\n );\n };\n\n useEffect(() => {\n setSearch(\"\");\n }, [openDrawer]);\n\n return (\n \n setSearch(value)}\n endAdornment={\n searchString.length > 0 ? (\n \n setSearch(\"\")}\n />\n \n ) : null\n }\n />\n
\n {dashboard.CorrectionFolios.Selection.selectionInfo}
\n\n \n {!!handleSearch(selection).length ? (\n handleSearch(selection).map((selector, index: number) => (\n \n _handleCheckBoxChange(\n {\n ...selector,\n isSelected: checked,\n },\n index\n )\n }\n checked={selector.isSelected}\n name=\"primary-holder\"\n />\n }\n label={selector.label}\n />\n ))\n ) : (\n \n {nctLinks.notMatched}\n \n )}\n \n
\n \n \n {/*
\n );\n}\n\nexport default connect(\n ({ authReducer, portfolio, investor }: RootStateType) => ({\n ...authReducer,\n ...portfolio,\n ...investor,\n }),\n { sendPhoneOTP, fetchIFSCDetails, updateDataEntry }\n)(CorrectionFoliosSelection);\n","import { useEffect, useState } from \"react\";\nimport en from \"../../../lang/en-us\";\nimport TextInput from \"../../../lib/TextField\";\nimport AddNominee from \"./addNominee\";\nimport * as yup from \"yup\";\nimport { NoteModals } from \"../../../lib/NoteModals\";\nimport { connect } from \"react-redux\";\nimport {\n getDate,\n getDateString,\n panRegex,\n _minDateForCalender,\n} from \"../../../utils/constants\";\nimport { getNameIndex } from \"../CorrectionFolios/correction-folios-selection\";\nimport Image from \"../../Image\";\nimport store from \"../../../store\";\n\nconst {\n dashboard,\n signUp: { form },\n common,\n} = en;\n\nexport interface InitialState {\n relation: string;\n name: string;\n dob: Date | string;\n share: number | null;\n gender: string;\n pan: string;\n address1: string;\n address2: string;\n address3?: string;\n pincode: number | string;\n city: string;\n state: string;\n country: string;\n guardianName: string;\n guardianPan: string;\n guardianAddress: string;\n guardianDob: Date | string;\n isEditable?: boolean;\n isNewlyAdded?: boolean;\n showDetails?: boolean;\n editShare?: boolean;\n id?: string;\n isEdited?: boolean;\n}\nexport interface NOMINEEINFO extends InitialState {\n initialState?: InitialState;\n}\nexport interface RELATIONS {\n label: string;\n value: string;\n}\nexport const relationShips = [\n {\n label: \"Mother\",\n value: \"mother\",\n },\n {\n label: \"Son\",\n value: \"son\",\n },\n {\n label: \"Daughter\",\n value: \"daughter\",\n },\n {\n label: \"Father\",\n value: \"father\",\n },\n {\n label: \"Spouse\",\n value: \"spouse\",\n },\n {\n label: \"Others\",\n value: \"others\",\n },\n];\n\nexport const initialValues: NOMINEEINFO = {\n relation: \"\",\n name: \"\",\n dob: \"\",\n share: null,\n gender: \"\",\n pan: \"\",\n address1: \"\",\n address2: \"\",\n pincode: \"\",\n city: \"\",\n state: \"\",\n country: \"\",\n guardianName: \"\",\n guardianPan: \"\",\n guardianAddress: \"\",\n guardianDob: \"\",\n};\nexport const validatePan = (pan: string) => {\n const investorData = store.getState().investor.investorData;\n return pan !== investorData.PAN; \n};\n\nexport const validationSchemaNominee = yup.object({\n relation: yup.string().required(\"Relation is required\"),\n name: yup\n .string()\n .required(\"Name is required\")\n .test(\"len\", \"Name is Required\", (val) => val?.trim().length !== 0),\n gender: yup.string().required(\"Gender is required\"),\n pan: yup.string().required(\"Pan is Required.\").matches(panRegex, form.pan.validations.individualPan).test('unique-pan', 'Nominee pan cannot be investor pan', validatePan),\n address1: yup\n .string()\n .notRequired()\n .test(\"len\", common.spaceNotAllowed, (val) => val?.trim().length !== 0),\n address2: yup\n .string()\n .notRequired()\n .test(\"len\", common.spaceNotAllowed, (val) => val?.trim().length !== 0),\n city: yup\n .string()\n .notRequired()\n .test(\"len\", common.spaceNotAllowed, (val) => val?.trim().length !== 0)\n .max(50, common.cityMaxLength),\n state: yup\n .string()\n .notRequired()\n .test(\"len\", common.spaceNotAllowed, (val) => val?.trim().length !== 0)\n .max(50, common.stateMaxLength),\n pincode: yup.string().length(6, \"Pincode should be of 6 digits\"),\n guardianPan: yup\n .string()\n .notRequired()\n .matches(panRegex, form.pan.validations.individualPan),\n});\n\nexport default function NomineeSummary(props: any) {\n const { nomineesData = {}, noNomineeFlagAll = false } = props || {};\n const { nominees: data = [], investorName = \"\", verified } = nomineesData;\n const [nominees, setNominees] = useState\n
\n {/* \n {dataSelection()}\n
\n \n setDrawer(false)}\n onOpen={() => setDrawer(true)}\n >\n {dataSelection()}\n \n
\n \n \n
\n \n
\n \n {dashboard.CorrectionFolios.Selection.selectedFolio}\n {fund?.folio}\n
\n\n {dashboard.CorrectionFolios.Selection.amc}\n {fund?.amcName}\n
\n\n {/*
\n \n
*/}\n {!!selectedItems.length ? (\n {dashboard.CorrectionFolios.Selection.makeSelection}
\n\n {selectedItems.map((selector, index: number) => (\n
\n ) : (\n \n
\n ))}\n {selector.label}
\n\n \n \n handleTextInputChange(value, selector.label)\n }\n onBlur={() => setValidate(true)}\n >\n \n {selector.masterData?.map((_ele: string) => (\n \n ))}\n \n \n {validate\n ? selector.validate &&\n selector.validate({\n value: selector.value,\n newValue: selector.newValue,\n }).helperText\n : \"\"}\n \n \n ) : selector.type === \"dob\" ? (\n {\n handleTextInputChange(date, selector.label);\n }}\n minDate={_minDateForCalender()}\n maxDate={moment(new Date()).format(\"YYYY-MM-DD\")}\n error={\n validate\n ? selector.validate &&\n selector.validate({\n value: selector.value,\n newValue: selector.newValue,\n }).error\n : false\n }\n helperText={\n validate\n ? selector.validate &&\n selector.validate({\n value: selector.value,\n newValue: selector.newValue,\n }).helperText\n : \"\"\n }\n />\n ) : (\n \n {\n if (selector.handleChangeCondition) {\n return selector.handleChangeCondition(value)\n ? handleTextInputChange(\n value,\n selector.label\n )\n : null;\n }\n handleTextInputChange(value, selector.label);\n }}\n onBlur={() => {\n if (selector.field === \"bank_ifsc\") {\n setError({\n error: true,\n message: \"\",\n });\n checkForCorrectIFSC();\n }\n setValidate(true);\n }}\n onFocus={() => setValidate(false)}\n error={\n validate\n ? selector.field === \"bank_ifsc\"\n ? error.error\n : nameFields.includes(selector.label)\n ? getNames(\n selector.label,\n nameFields,\n selector.newValue,\n selector.value\n ).error\n : selector.validate &&\n selector.validate({\n value: selector.value,\n newValue: selector.newValue,\n }).error\n : false\n }\n helperText={\n validate\n ? selector.field === \"bank_ifsc\"\n ? error.message\n : nameFields.includes(selector.label)\n ? getNames(\n selector.label,\n nameFields,\n selector.newValue,\n selector.value\n ).helperText\n : selector.validate &&\n selector.validate({\n value: selector.value,\n newValue: selector.newValue,\n }).helperText\n : \"\"\n }\n />\n {selector.shouldValidateField && showLoader && (\n \n \n )}\n \n )}\n
\n \n {dashboard.CorrectionFolios.Selection.nameInRecords}\n {selector.type === \"dob\" ? (\n moment(selector.value).format(\"DD/MM/YYYY\")\n ) : (\n {selector.value || \"Not Available\"}\n )}\n
\n {[\n \"bank_accountType\",\n \"taxStatus\",\n \"modeOfHolding\",\n ].includes(selector.field) ? (\n\n
\n )}\n \n {dashboard.CorrectionFolios.Selection.makeSelection}\n
\n\n {dashboard.CorrectionFolios.Selection.makeSelectionMobile}\n
\n\n {!!selectedItems.length && (\n ) => !!_ele.newValue\n ) ||\n selectedItems.some(\n (_ele: CorrectionFolioSelection) => {\n if (_ele.validate) {\n return _ele.validate({\n value: _ele.value,\n newValue: _ele.newValue,\n }).error;\n }\n return false;\n }\n ) ||\n error.error ||\n isButtonDisabled()\n }\n onClick={handleSubmit}\n label={dashboard.CorrectionFolios.Selection.buttonText}\n loading={loading}\n labelWhileLoading={dashboard.OtpScreen.buttonTextWhileLoading}\n >\n )}\n
\n Opted out of nomination
\n ) : !nomineesData.noNominee && nomineesData.nominees.length === 0 ? (\n No nominees selected
\n ) : (\n nominees.map((_ele: NOMINEEINFO, index: number) => (\n \n
\n ))\n )}\n \n );\n}\n","import { Checkbox, FormControlLabel } from \"@material-ui/core\";\n\nexport function CheckBoxField({\n\tlabel = \"\",\n\tonChange = (e: any) => {},\n\tvalue = false,\n\t...rest\n}) {\n\treturn (\n\t\t\n
\n \n \n
\n \n
\n \n
\n {_ele.showDetails && (\n \n
\n {dashboard.UpdateNominee.name}
\n{_ele.name}
\n\n
\n {dashboard.UpdateNominee.relation}
\n\n {_ele.relation.slice(0, 1).toUpperCase() +\n _ele.relation.slice(1)}\n
\n\n <>\n
\n {/* */}\n {dashboard.UpdateNominee.share}
\n{_ele.share}%
\n \n![\"icon\"](\"/images/up-arrow-purple.svg\"){kind=icon}
\n \n
\n )}\n \n
\n {dashboard.UpdateNominee.gender}
\n\n {_ele.gender.slice(0, 1).toUpperCase() +\n _ele.gender.slice(1)}\n
\n\n
\n \n {\" \"}\n {dashboard.UpdateNominee.address}\n
\n{_ele.address1}
\n\n history.goBack()} style={{ cursor: \"pointer\" }}>\n
\n );\n};\n\nexport const ActionHeader = ({ header = '', subHeader, history } : any ) => {\n return (\n \n history.goBack()} style={{ cursor: 'pointer' }}>\n \n \n {header}\n {subHeader && {subHeader}}\n
\n );\n};\n\nfunction SelectedFolios(props: any) {\n const [currIndex, setCurrentIndex] = React.useState\n
\n );\n}\n\nexport default connect(null)(SelectedFolios);\n","// import store from '../../../../store';\nimport {\n REGISTER_WITH_EMAIL,\n REGISTER_WITH_MOBILE,\n} from \"../../../utils/constants\";\n\nconst EMAIL_LISTING_ROUTE = \"/portal/nct/change-email-list\";\nconst EMAIL_ENTER_ROUTE = \"/portal/nct/change-email\";\nconst EMAIL_OTP_VERIFY = \"/portal/nct/change-email-otp\";\nconst REGISTERED_EMAIL_OR_PHONE_VERIFY = \"/portal/nct/change-email-auth\";\n\nexport const SUCCESS = \"SUCCESS\";\n\nexport const CHANGE_EMAIL_LOGIN_FLOW = [\n EMAIL_LISTING_ROUTE,\n REGISTERED_EMAIL_OR_PHONE_VERIFY,\n EMAIL_ENTER_ROUTE,\n EMAIL_OTP_VERIFY,\n];\nexport const CHANGE_EMAIL_MOBILE_LOGIN_FLOW = [\n EMAIL_ENTER_ROUTE,\n EMAIL_OTP_VERIFY,\n EMAIL_LISTING_ROUTE,\n REGISTERED_EMAIL_OR_PHONE_VERIFY,\n];\n\nexport function getChangeEmailFlow(registerType = REGISTER_WITH_MOBILE) {\n return registerType === REGISTER_WITH_EMAIL\n ? CHANGE_EMAIL_LOGIN_FLOW\n : CHANGE_EMAIL_MOBILE_LOGIN_FLOW;\n}\n","import store from \"../../../store\";\nimport {\n REGISTER_WITH_EMAIL,\n REGISTER_WITH_MOBILE,\n} from \"../../../utils/constants\";\nimport { getChangeEmailFlow } from \"../ChangeEmail/flow\";\n\nconst MOBILE_LISTING_ROUTE = \"/portal/nct/change-mobile\";\nconst MOBILE_ENTER_ROUTE = \"/portal/nct/change-mobile-new\";\nconst MOBILE_OTP_VERIFY = \"/portal/nct/otp-verification\";\nconst REGISTERED_EMAIL_OR_PHONE_VERIFY = \"/portal/nct/change-mobile-auth\";\n\nexport const SUCCESS = \"SUCCESS\";\n\nexport const MOBILE_LOGIN_FLOW = [\n MOBILE_LISTING_ROUTE,\n REGISTERED_EMAIL_OR_PHONE_VERIFY,\n MOBILE_ENTER_ROUTE,\n MOBILE_OTP_VERIFY,\n];\nexport const EMAIL_LOGIN_FLOW = [\n MOBILE_ENTER_ROUTE,\n MOBILE_OTP_VERIFY,\n MOBILE_LISTING_ROUTE,\n REGISTERED_EMAIL_OR_PHONE_VERIFY,\n];\n\nexport function getChangeMobileFlow(registerType = REGISTER_WITH_MOBILE) {\n return registerType === REGISTER_WITH_EMAIL\n ? EMAIL_LOGIN_FLOW\n : MOBILE_LOGIN_FLOW;\n}\n\nexport function nextScreen(path: string, nctFlow: string = \"mobile\") {\n const { authReducer } = store.getState();\n const { userRegisteredWith } = authReducer;\n const flows =\n nctFlow === \"email\"\n ? getChangeEmailFlow(userRegisteredWith)\n : getChangeMobileFlow(userRegisteredWith);\n if (!path) {\n return flows[0];\n }\n const index = flows.findIndex((_flow) => _flow === path);\n if (index + 1 === flows.length) {\n return SUCCESS;\n }\n return flows[index + 1];\n}\n// export function emailRegisteredUser() {\n// const { authReducer } = store.getState();\n// const { userRegisteredWith } = authReducer;\n// return userRegisteredWith === REGISTER_WITH_EMAIL;\n// }\n","import {\n FormControl,\n InputLabel,\n Select,\n MenuItem,\n FormHelperText,\n} from \"@material-ui/core\";\nimport { showHelperText } from \"../../../utils/utilityFunctions\";\nimport { getRelationShip } from \"../../home/portfolios/utils\";\n\nexport default function EmailRelationship({ emailFormik }: any) {\n return (\n \n {/* {verifyThrough === VerifyThrough.ESIGN && ( */}\n {/* setNoNomineeFlag(!noNomineeFlag)}\n style={{ paddinTop: 8, paddingBottom : 8 }}\n value={noNomineeFlag}\n label={dbCommercial.noNominee.indNote}\n />\n \n \n
\n \n
\n */}\n {/*
*/}\n {/* )} */}\n \n !nominee.verified))}\n label={'Submit'}\n onClick={handleSubmit}\n />\n
\n \n \n
\n \n \n );\n}\n\nexport default connect(\n ({ authReducer, investor }: RootStateType) => ({\n ...authReducer,\n ...investor,\n }),\n { sendEmailOTP }\n)(ChangeEmail);\n","import {\n FormControl,\n InputLabel,\n Select,\n MenuItem,\n FormHelperText,\n} from \"@material-ui/core\";\nimport { showHelperText } from \"../../../utils/utilityFunctions\";\nimport { getRelationShip } from \"../../home/portfolios/utils\";\n\nexport default function ({ mobileFormik }: any) {\n return (\n \n
\n \n
\n {/* \n \n {dashboard.changeEmail.subHeading}\n \n \n
\n \n {dashboard.changeEmail.subHeadingInfo}\n
\n\n \n Enter New Email\n \n
\n \n \n \n {dashboard.changeEmail.buttonText}\n \n
\n \n \n );\n}\nexport default connect(\n ({ authReducer, portfolio }: RootStateType) => ({\n ...authReducer,\n ...portfolio,\n }),\n {}\n)(ChangeMobileNew);\n\n// export default {};\n","import { Button } from \"@material-ui/core\";\nimport en from \"../../lang/en-us\";\nimport { SubmitButton } from \"../../lib/Button\";\nimport Image from \"../Image\";\nconst { dashboard } = en;\n\ntype NoFoliosFoundPropsType = {\n info?: string;\n extraClass?: string;\n icon?: string;\n onClick?: null | (() => void);\n};\n\nexport default function NoFoliosFound({\n info = \"\",\n extraClass = \"\",\n icon = \"folios-not-found\",\n onClick = null,\n}: NoFoliosFoundPropsType) {\n return (\n \n
\n \n
\n {/* \n \n {dashboard.ChangeMobile.newMobile.heading}\n {/* {dashboard.ChangeMobile.newMobile.headingSpan} */}\n \n \n
\n \n {dashboard.ChangeMobile.newMobile.info}\n
\n\n \n Enter New Mobile Number\n \n
\n \n
\n );\n}\n","/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable react/prop-types */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable react/display-name */\nimport {\n Tooltip,\n Checkbox,\n makeStyles,\n TableContainer,\n TableHead,\n Table,\n TableRow,\n TableCell,\n TableBody,\n Paper,\n Collapse,\n Radio,\n FormControlLabel,\n SwipeableDrawer,\n} from \"@material-ui/core\";\nimport { Theme, createStyles } from \"@material-ui/core/styles\";\nimport { GridRowData } from \"@material-ui/data-grid\";\nimport { useState, useEffect, useMemo } from \"react\";\nimport React from \"react\";\nimport en from \"../../lang/en-us\";\nimport { CheckBoxField } from \"../CheckBoxField\";\nimport SearchInput from \"../SearchInput\";\nimport Skeleton from \"@material-ui/lab/Skeleton\";\nimport {\n CustomToolTipProps,\n DataTableColumn as _Column,\n TableCellParams as CellParams,\n TableColumn as Column,\n TableProps,\n} from \"./types\";\nimport NoFoliosFound from \"../../components/home/NoFoliosFound\";\nimport Image from \"../../components/Image\";\nconst { dashboard, common } = en;\n\nexport type TableColumn = Column;\nexport type DataTableColumn = _Column;\nexport type TableCellParams = CellParams;\n\nconst useStyles = makeStyles({\n tooltip: {\n backgroundColor: \"#a39cc7\",\n fontSize: 14,\n },\n arrow: {\n color: \"#a39cc7\",\n },\n});\n\n/**\n * Custoom Tool Tip\n * @param param0\n */\n\nexport function CustomToolTip({ children, ...props }: CustomToolTipProps) {\n const classes = useStyles();\n return (\n {info}
*/}\n{info || dashboard.noFoliosFound}
\n {!!onClick && (\n\n {columns.map(\n (\n {\n renderCell,\n field,\n valueGetter,\n Cell,\n fullWidth = false,\n ...column\n },\n _index\n ) => {\n const value = row[`${field}`];\n const GridParams: TableCellParams = {\n row,\n id: row.id,\n value,\n colDef: { field, ...column },\n setCollapse,\n collapse,\n index,\n };\n return (\n \n
\n );\n }\n )}\n {column.headerName}
\n\n {Cell\n ? Cell\n : renderCell\n ? renderCell(GridParams)\n : valueGetter\n ? valueGetter(GridParams)\n : value}\n
\n\n \n {renderCollapse ? (\n
\n \n \n );\n };\n const DataRow = ({ row, index }: { row: GridRowData; index: number }) => {\n const [collapse, setCollapse] = useState\n {renderCollapse({ row, setCollapse })}\n
\n ) : (\n \n
\n );\n };\n\n const _onColumnHeaderClick = (isAllSelected: boolean) => {\n if (!isCheckBoxSelectable) {\n return;\n }\n setSelectedRows(() =>\n isAllSelected ? rows.filter((row) => !row.isDisabled) : []\n );\n if (\n !!props.onColumnHeaderClick &&\n typeof props.onColumnHeaderClick === \"function\"\n ) {\n props.onColumnHeaderClick({ isSelected: isAllSelected });\n }\n };\n\n const filteredRows = useMemo(() => {\n const filterKeys = Object.keys(filteredData).filter(\n (key) => key !== \"searchKey\"\n );\n const filtredRowData = rows.reduce((prev: GridRowData[], currRow) => {\n const valid = filterKeys.every((_key) => {\n const _filterData = filteredData[_key] || [];\n const value =\n typeof currRow[_key] === \"string\"\n ? currRow[_key]?.toString()?.toLowerCase()\n : currRow[_key];\n if (!_filterData.length) {\n return true;\n }\n if (_key === \"assetType\") {\n let other = false;\n let assetTypes =\n typeof value === \"string\" ? [value?.toUpperCase()] : value; // Modifying assetTypes as array\n if (_filterData.includes(\"other\")) {\n other = assetTypes?.every((assetType: string) => {\n const _assetType = assetType?.toUpperCase();\n return !(\n _assetType === \"EQUITY\" ||\n _assetType === \"DEBT\" ||\n _assetType === \"LIQUID\"\n );\n });\n }\n return (\n _filterData.some((_assetType: string) =>\n assetTypes?.includes(_assetType?.toUpperCase())\n ) || other\n );\n }\n if (_filterData.includes(value)) {\n return true;\n }\n });\n if (valid) {\n return [...prev, currRow];\n }\n return prev;\n }, []);\n\n return filteredData.searchKey\n ? filtredRowData.filter((row) =>\n row?.amcName\n ?.toLowerCase()\n ?.includes(filteredData?.searchKey?.toLowerCase())\n )\n : filtredRowData;\n }, [rows, filteredData]);\n const _TableFilters = useMemo(\n () => (\n \n {filteredRows.map((row, index) => (\n
\n \n \n );\n}\n\n/**\n * Filter For The table\n * @param columns\n * @param rows\n * @param onUpdateFilters\n */\nexport function TableFilters({\n columns = [],\n rows = [],\n filterType = null,\n filteredData = {},\n setFilteredData = () => {},\n setFilterType = () => {},\n resetFilters,\n enableSearch = true,\n}: {\n columns: TableColumn[];\n rows: GridRowData[];\n setFilterType: Function;\n setFilteredData: Function;\n filterType: string | null;\n filteredData: any;\n resetFilters: Function;\n enableSearch?: boolean;\n}) {\n const [openDrawer, setDrawer] = useState\n \n {\n setFilterType(\"\");\n setDrawer(false);\n }}\n onOpen={() => {}}\n className=\"mobile_mode\"\n >\n
\n );\n}\n","import { GridRowData } from '@material-ui/data-grid';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { TableColumn } from '.';\nimport Skeleton from '@material-ui/lab/Skeleton';\n\nexport type TableHookProps = {\n initialSelectionModal?: any;\n initialFilterType?: string | null;\n initialFilterData?: any;\n columns?: TableColumn[];\n rows?: GridRowData[];\n loading?: boolean;\n};\n\nexport function useTableWithCollapse\n \n setFilteredData({ ...filteredData, searchKey: e.target.value })\n }\n />\n )}\n
\n {columns.map((column, index) => {\n const fieldKey = column.filterKey || column.field;\n const dataWithDuplicatedValueKeys = rows.map((row) => row[fieldKey]);\n const data = dataWithDuplicatedValueKeys.reduce((prev, curr) => {\n if (!prev.includes(curr)) {\n return [...prev, curr];\n }\n return prev;\n }, []);\n const values = column.renderStaticFilters?.length\n ? column.renderStaticFilters\n : data;\n return (\n <>\n \n
\n
\n \n \n {values.map((_ele: string, index: number) => (\n \n _handleChange(fieldKey, _ele?.toString()?.toLowerCase())\n }\n value={(filteredData[fieldKey] || [])?.includes(\n _ele?.toString()?.toLowerCase()\n )}\n />\n ))}\n
\n \n
\n \n \n );\n })}\n {!!Object.keys(filteredData)\n .filter((key: string) => key !== \"searchKey\")\n .some((_ele: any) => !!filteredData[_ele].length) && (\n \n {values.map((_ele: string, index: number) => (\n \n _handleChange(fieldKey, _ele?.toString()?.toLowerCase())\n }\n value={(filteredData[fieldKey] || [])?.includes(\n _ele?.toString()?.toLowerCase()\n )}\n />\n ))}\n
\n \n
\n )}\n \n {Object.keys(filteredData).length ? (\n
\n {Object.keys(filteredData).length ? (\n \n ) : (\n {dashboard.ChangeDividend.selectedFilters}
\n ) : (\n{FilterChips()}
\n {row.modeOfHolding === \"1\" ? \"Single\" : \"---\"}
\n);\nexport const mohMap: {\n [key: number]: string;\n} = {\n 1: \"Single\",\n 2: \"Joint\",\n 3: \"Either or Survivor\",\n 4: \"Anyone or Survivor\",\n 5: \"Not applied\",\n};\n\nconst Columns: TableColumn[] = [\n {\n field: \"id\",\n headerName: \"FOLIO\",\n valueGetter: ({ row }) => row.folio,\n },\n {\n field: \"amcName\",\n headerName: \"Fund House\",\n width: 300,\n filterBy: true,\n },\n {\n field: \"investorName\",\n headerName: \"PRIMARY HOLDER\",\n width: 200,\n },\n {\n field: \"modeOfHolding\",\n headerName: \"Mode of Holding\",\n valueGetter: ({ row }) => {\n if (row.modeOfHolding === null) {\n return \"NA\";\n }\n const moh = mohMap[row.modeOfHolding];\n if (moh) {\n return moh;\n } else {\n return \"Others\";\n }\n },\n width: 150,\n },\n {\n field: \"nominees\",\n renderCell: _renderNominee,\n headerName: \"NOMINEE Details\",\n width: 150,\n },\n {\n isFilter: true,\n field: \"assetType\",\n headerName: \"Category\",\n filterBy: true,\n renderStaticFilters: [EQUITY, LIQUID, DEBT, OTHER],\n },\n];\n\nfunction Nominee(props: any) {\n const [rowData, setRowData] = useState\n
\n \n \n );\n}\n\nexport default connect(\n ({ authReducer, investor }: RootStateType) => ({\n ...authReducer,\n ...investor,\n }),\n { fetchInvestorDetails }\n)(Nominee);\n","import { Button, Dialog } from '@material-ui/core';\nimport { useEffect } from 'react';\nimport { useState } from 'react';\n\nexport function NoteModals({\n showModal = false,\n extraClass = '',\n heading = 'NOTE',\n info = '',\n proceedBtn = '',\n cancelBtn = '',\n proceedHref = '',\n mobileOrEmail = '',\n onCancel = () => { },\n ...props\n}) {\n const [show, setShow] = useState\n (this.reportTypeField = ele)}\n // isError={reportType.isError}\n // errorMessage={reportType.errorMessage}\n // isShowError={reportType.isError}\n //placeholder=\"Select Report Type\"\n >\n {emailMobileKeys &&\n emailMobileKeys.map((item) => (\n \n ))}\n \n
\n )}\n {/* Update Nominee Details
\n\n {tableRows.length > 0 && currentKey && (\n \n \n Select Email-Mobile Combination\n
\n */}\n
*/}\n \n
\n {/* \n
\n \n {/*
\n \n
\n \n
\n {dashboard.UpdateNominee.UpdateNomineeInfo}
\n\n {currentKey && (loading || rowData.length) ? (\n TableBody\n ) : (\n
\n {/* \n
\n \n {\n dispatch({\n type: INITIALIZE_NOMINEE_ARRAY,\n body: { payload: selectedRows },\n });\n props.history.push(\n \"/new-transaction/nct-type/update-ind-nominee\",\n {\n selectedRows,\n }\n );\n }}\n className=\"customBtn\"\n disabled={!selectedRows.length}\n label={dashboard.UpdateNominee.buttonNext}\n />\n
\n \n \n {dashboard.changeEmail.List.emailNote}\n \n \n \n Select Mobile Number\n
\n \n
\n {!!tableRows.length && (\n \n
\n {/* \n \n {!filteredData.length && !loading ? (\n \n row.isDisabled ? row.error : \"\"\n }\n checkBoxEnabled\n toolTipEnabled\n />\n )}\n
\n \n
\n )}\n \n fund.email?.toLowerCase() !== email?.toLowerCase()\n ).length\n }\n onClick={() => {\n handleSubmit();\n }}\n />\n
\n \n {/* \n {\" \"}\n {dashboard.ChangeMobile.ChangeMobileInfo}\n \n \n \n Select Email ID\n
\n \n
\n {!!tableRows.length && (\n \n
\n {/* \n \n {!rowData.length && !loading ? (\n \n row.isDisabled ? row.error : \"\"\n }\n checkBoxEnabled\n toolTipEnabled\n />\n )}\n
\n \n
\n )}\n \n fund.mobile !== newMobile)\n .length\n }\n onClick={() => {\n handleSubmit();\n }}\n />\n
\n \n \n \n {isSelected && (\n <>\n \n {selectedFile.name}{\" \"}\n {\n onImageSelected(\"\", \"\");\n setIsSelected(false);\n setSelectedFile({ name: \"\" });\n }}\n />\n \n \n )}\n {/* \n \n \n Signed.docx
*/}\n
\n \n Signed.docx ![\"icon\"](\"/images/close-black.svg\")
\n
*/}\n \n
\n {dashboard.ChangeTaxStatus.uploadDocumentsInfo}
\n {/*{documentFormat}
\nEach File size : {'<'} 2 MB
*/}\n- \n {AndriodUploadOptions.map((ele) => (\n
*/}\n \n \n {showMobile ? \"Mobile\" : \"Email\"}\n \n
\n\n {/* {email ? email : mobile}
\n\n
\n
\n \n \n );\n}\n","import { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { onSaveImageData } from \"../../../store/actions/nct\";\nimport { RootStateType } from \"../../../store/reducers\";\nimport { ImageSaveType } from \"../../../store/types/nct\";\nimport { OTP_ACTIONS } from \"../../../utils/constants\";\nimport UploadDocumentScreen from \"../UploadDocumentScreen\";\nimport { updateEmail } from \"../../../store/actions/nct\";\nimport { fetchInvestorDetails } from \"../../../store/actions/nct\";\nimport { getMatchAndUnMatchedFunds } from \"../../../utils/utilityFunctions\";\nimport {\n getPortfoliosFilteredData,\n portfoliosByMinorStatus,\n portfoliosByModeOfHolding,\n portfoliosByTransactionResource,\n} from \"../../home/portfolios/utils\";\nimport { getErrorMessage, getInvestorFunds } from \"../portfolios/utils\";\nimport en from \"../../../lang/en-us\";\nimport { RowInfoType } from \"./change-email-list\";\n//import InfoIcon from \"@mui/icons-material/Info\";\nimport React from \"react\";\nimport { BackArrow } from \"../UpdateNominee/SelectedFolios\";\nconst { dashboard } = en;\n\nfunction ChangeEmailDocument(props: any) {\n const [rowData, setRowData] = useState\n {/* */}\n\n
\n\n {subheading}
*/}\n\n {/*\n \n {dashboard.changeEmail.UploadDocument.buttonText}\n \n
\n \n \n
\n \n );\n}\nexport default connect(\n ({ authReducer, portfolio, investor }: RootStateType) => ({\n ...authReducer,\n ...portfolio,\n ...investor,\n }),\n { onSaveImageData, updateEmail, fetchInvestorDetails }\n)(ChangeEmailDocument);\n\n// export default {};\n","import { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport en from \"../../../lang/en-us\";\nimport { onSaveImageData } from \"../../../store/actions/nct\";\nimport { RootStateType } from \"../../../store/reducers\";\nimport { ImageSaveType } from \"../../../store/types/nct\";\nimport { OTP_ACTIONS } from \"../../../utils/constants\";\nimport UploadDocumentScreen from \"../UploadDocumentScreen\";\nimport { updateMobile } from \"../../../store/actions/nct\";\nimport { RowInfoType } from \"../ChangeEmail/change-email-list\";\nimport { fetchInvestorDetails } from \"../../../store/actions/nct\";\nimport { getMatchAndUnMatchedFunds } from \"../../../utils/utilityFunctions\";\nimport {\n getPortfoliosFilteredData,\n portfoliosByMinorStatus,\n portfoliosByModeOfHolding,\n portfoliosByTransactionResource,\n} from \"../../home/portfolios/utils\";\nimport { getErrorMessage, getInvestorFunds } from \"../portfolios/utils\";\nimport { BackArrow } from \"../UpdateNominee/SelectedFolios\";\nimport React from \"react\";\n\nconst { dashboard } = en;\n\nfunction ChangeMobileDocument(props: any) {\n const [Document, setDocument] = useState\n
\n );\n}\n\nexport default connect(\n ({ authReducer, portfolio, investor }: RootStateType) => ({\n ...authReducer,\n ...portfolio,\n ...investor,\n }),\n { onSaveImageData, updateMobile, fetchInvestorDetails }\n)(ChangeMobileDocument);\n","import React, { useCallback, useEffect } from \"react\";\nimport en from \"../../lang/en-us\";\nimport {\n FormControl,\n FormControlLabel,\n FormHelperText,\n FormLabel,\n Radio,\n RadioGroup,\n} from \"@material-ui/core\";\nimport { Skeleton } from \"@material-ui/lab\";\nconst { dashboard } = en;\n\nfunction RadioButton({\n label = \"\",\n value = \"\",\n radioImg = \"\",\n cssClass = \"\",\n disabled = false,\n isError = false,\n errorMessage = \"\",\n}) {\n return (\n <>\n 
}\n {label}\n {isError && (\n \n \n \n Select Email-Mobile Combination\n
\n Change of IDCW
\n {dividendOption && rowData.length > 0 && currentKey && (\n\n
\n \n );\n}\n\nexport default connect(\n ({ authReducer, portfolio, investor }: RootStateType) => ({\n ...authReducer,\n ...portfolio,\n ...investor,\n }),\n { updateDividend, getPortfolio, sendPhoneOTP }\n)(ChangeDividend);\n","import { Button } from \"@material-ui/core\";\n// import { ActionHeader } from '.';\nimport en from \"../../lang/en-us\";\nconst { dashboard } = en;\n\nexport default function SuccessScreen({\n heading = \"\",\n infospan2 = \"\",\n successMessage = \"\",\n note = \"\",\n info3 = \"\",\n list = [] as any,\n handleClick = () => {},\n backNavigation = () => {},\n showTrackStatusButton = true,\n ...props\n}: any) {\n return (\n <>\n \n setDividendOption(value)}\n />\n \n \n {dashboard.ChangeDividend.radioHeading}\n \n setDividendOption(e.target.value)}\n >\n {MenuList.map((item) => (\n \n ))}\n \n \n {!!dividendOption && (\n <>\n \n params.row.isDisabled && currentKey?.length > 0\n ? false\n : true\n }\n selectedRows={selectedRows}\n setSelectedRows={setSelectedRows}\n toolTipTextGetter={({ row }) =>\n row.isDisabled && row.lienUnitsFlag === \"Y\"\n ? dashboard.ChangeDividend.noSelectLeinUnits\n : row.isDisabled && currentKey?.length > 0\n ? dashboard.ChangeDividend.toolTip.info1\n : currentKey?.length == 0\n ? common.invalidEmailMobileNCT\n : \"\"\n }\n toolTipEnabled\n checkBoxEnabled\n resetFilters={resetFilters}\n {...filters}\n />\n ) : (\n
\n\n {!!dividendOption && (\n {dashboard.ChangeDividend.ChangeDividendInfo}
\n {(!!loading || tableRows.length) && currentKey ? (\n\n {!!rowData.length && (\n
\n )}\n \n \n {dashboard.ChangeDividend.buttonText}\n \n
\n )}\n \n
\n \n );\n}\n","import { Button } from '@material-ui/core';\nimport { useEffect } from 'react';\nimport { useCallback } from 'react';\nimport en from '../../../lang/en-us';\nimport { SCHEMES_RESPONSE } from \"../../../store/types/portfolio\";\nimport SuccessScreen from '../SuccessScreen';\nconst { dashboard } = en;\n\nexport default function ChangeDividendSuccess(props: any) {\n const { reqId, data = [], dividend } = props.location.state || {};\n\n useEffect(() => {\n if (!props.location.state) {\n props.history.push('/');\n }\n }, []);\n\n const getList = useCallback(() => {\n return data.map((ele: SCHEMES_RESPONSE) => ({\n text: `${ele.amcName} - ${ele.schemeName}`,\n }));\n }, [data.length]);\n\n return (\n \n
\n \n
\n {dashboard.Success.subHeading}
\n\n {successMessage || props.location?.state?.successMessage}\n
\n{note}
\n\n \n
\n \n props.history.push('/portal/track')}\n list={getList()}\n />\n
\n );\n}\n","import { IconButton, FormControl, Select, MenuItem } from \"@material-ui/core\";\nimport { KeyboardArrowDown, KeyboardArrowUp } from \"@material-ui/icons\";\nimport { useState, useEffect, useMemo } from \"react\";\nimport { connect } from \"react-redux\";\nimport { SubmitButton } from \"../../../lib/Button\";\nimport {\n TableCellParams,\n TableColumn,\n TableWithCollapse,\n} from \"../../../lib/DataTable\";\nimport { useTableWithCollapse } from \"../../../lib/DataTable/customHooks\";\nimport { NoteModals } from \"../../../lib/NoteModals\";\nimport { fetchInvestorDetails } from \"../../../store/actions/nct\";\nimport { RootStateType } from \"../../../store/reducers\";\nimport { INVETSOR_DETAILS_RESPONSE } from \"../../../store/types/nct\";\nimport NoFoliosFound from \"../NoFoliosFound\";\nimport { ActionHeader } from \"../UpdateNominee/SelectedFolios\";\nimport {\n getInvestorFunds,\n portfoliosByTransactionResource,\n fundsByLienFlag,\n} from \"../portfolios/utils\";\nimport { ConsolidateTableRowType } from \"./types\";\nimport en from \"../../../lang/en-us\";\nimport { LIST_PROTFOLIO_PAYLOAD } from \"../../../store/types/portfolio\";\nimport { BackArrow } from \"../UpdateNominee/SelectedFolios\";\nconst { dashboard } = en;\n\nexport const _renderBank = ({ collapse, setCollapse }: TableCellParams) => {\n return (\n <>\n {/* {row.bank[0]?.name} */}\n \n
\n );\n}\n\nexport default connect(\n ({ authReducer }: RootStateType) => ({ ...authReducer }),\n {\n fetchInvestorDetails,\n }\n)(ConsolidationFolios);\n","import { FormControlLabel, Checkbox, Button } from \"@material-ui/core\";\nimport { useState, useEffect, useMemo } from \"react\";\nimport { connect } from \"react-redux\";\nimport { _renderBank, keys } from \".\";\nimport en from \"../../../lang/en-us\";\nimport { TableColumn, TableWithCollapse } from \"../../../lib/DataTable\";\nimport { useTableWithCollapse } from \"../../../lib/DataTable/customHooks\";\nimport {\n fetchInvestorDetails,\n sendPhoneOTP,\n consolidationFolios,\n} from \"../../../store/actions/nct\";\nimport { RootStateType } from \"../../../store/reducers\";\nimport { OTP_ACTIONS } from \"../../../utils/constants\";\nimport { ActionHeader, BackArrow } from \"../UpdateNominee/SelectedFolios\";\nimport { ConsolidateTableRowType } from \"./types\";\nconst { dashboard } = en;\n\nexport const Columns: TableColumn[] = [\n {\n field: \"id\",\n headerName: \"Folio\",\n },\n {\n field: \"investorName\",\n headerName: \"PRIMARY HOLDER\",\n width: 200,\n },\n {\n field: \"investorPan\",\n headerName: \"PAN\",\n width: 100,\n },\n {\n field: \"modeOfHolding\",\n headerName: \"MODE OF HOLDING\",\n width: 100,\n },\n {\n field: \"bank\",\n headerName: \"BANK NAME\",\n valueGetter: ({ row }) => row?.banks[0]?.name,\n width: 150,\n },\n {\n field: \"\",\n headerName: \"\",\n renderCell: _renderBank,\n width: 20,\n },\n];\n\nexport function ConsolidationSourceFolios(props: any) {\n const { selectedRows, setSelectedRows, resetTable, ...filters } =\n useTableWithCollapseConsolidation of Folios
\n\n
\n \n \n setAmcType(value)}\n labelId=\"portfolio-sortby-label\"\n id=\"portfolio-sortby\"\n value={amcType}\n style={{\n border: \"1px solid lightgray\",\n borderRadius: 5,\n width: \"100%\",\n margin: \"0px 0px 0px\",\n whiteSpace: \"pre-wrap\",\n }}\n >\n \n {consolidateFunds.map((fund) => (\n \n ))}\n \n \n {amcType !== \"NONE\" && (\n <>\n
\n {amcType !== \"NONE\" && (\n <>\n {dashboard.ConsolidationFolios.chooseMutualFund}
\n{dashboard.ConsolidationFolios.selectFolio}
\n\n {filteredFunds.length < 2 ? (\n
\n \n )}\n \n
\n \n )}\n \n setShow(true)}\n className=\"customBtn\"\n label={dashboard.ConsolidationFolios.buttonText}\n />\n
\n \n {/*
\n \n );\n}\n\nexport default connect(\n ({ authReducer, investor }: RootStateType) => ({\n ...authReducer,\n ...investor,\n }),\n {\n consolidationFolios,\n fetchInvestorDetails,\n sendPhoneOTP,\n }\n)(ConsolidationSourceFolios);\n","import { Button } from '@material-ui/core';\nimport en from \"../../lang/en-us\";\nconst { dashboard } = en;\n\nfunction FailureScreenList({ text = '' }) {\n return (\n <>\n \n
\n Consolidation of Folios
\n\n \n
\n \n {dashboard.ConsolidationFolios.ConsolidationFoliosInfo}\n {amcType}\n
\n\n {dashboard.ConsolidationFolios.targetFolio}\n {folio}\n
\n{dashboard.ConsolidationFolios.sourceFolio}
\n\n {/*
\n \n \n {dashboard.ConsolidationFolios.buttonText}\n \n
\n \n setChecked(!isChecked)}\n />\n }\n label={dashboard.ConsolidationFolios.terms}\n />\n
\n \n \n ![\"icon\"](\"/images/left-arrow-black.svg\")
\n \n {heading}\n
\n \n
\n \n );\n}\n","import { Button } from '@material-ui/core';\nimport en from '../../../lang/en-us';\nimport FailureScreen from '../FailureScreen';\nconst { dashboard } = en;\n\nexport default function ConsolidationFoliosFailure() {\n return (\n \n
\n \n
\n {dashboard.Failed.subHeading}
\n{dashboard.Failed.subHeadingInfo1}
\n\n {/*
\n - \n {list.map((_childProps: any, index: any) => (\n
\n
\n );\n}\n","import { useState, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { SubmitButton } from \"../../../lib/Button\";\nimport { TableColumn, TableWithCollapse } from \"../../../lib/DataTable\";\nimport { useTableWithCollapse } from \"../../../lib/DataTable/customHooks\";\nimport { fetchInvestorDetails } from \"../../../store/actions/nct\";\nimport { RootStateType } from \"../../../store/reducers\";\nimport { BANK } from \"../../../store/types/nct\";\nimport { EQUITY, LIQUID, DEBT, OTHER } from \"../../../utils/constants\";\nimport { maskMobileNumber } from \"../../../utils/utilityFunctions\";\nimport { ConsolidateTableRowType } from \"../ConsolidationFolios/types\";\nimport NoFoliosFound from \"../NoFoliosFound\";\nimport { BackArrow } from \"../UpdateNominee/SelectedFolios\";\nimport { groupFilteredData } from \"../utils\";\nimport {\n getInvestorFunds,\n portfoliosByModeOfHolding,\n portfoliosByTransactionResource,\n} from \"../portfolios/utils\";\nimport en from \"../../../lang/en-us\";\nimport { useMobileEmailFilter } from \"../useMobileEmailFilter\";\nimport CustomizedSelect from \"../transactions/customizedSelect\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\n\nconst { common, dashboard } = en;\n\nexport const findDefaultBank = (row: any) => {\n return (\n row?.banks.find((details: BANK) => details.default === \"Y\") || row?.banks[0]\n );\n};\n\nexport const findDefaultBankIndex = (row: any) => {\n const NOT_FOUND = -1;\n const defaultBankIndex = row?.banks.findIndex(\n (details: BANK) => details.default === \"Y\"\n );\n return defaultBankIndex === NOT_FOUND ? 0 : defaultBankIndex;\n};\n\nexport const ChangeBankColumns: TableColumn[] = [\n {\n field: \"id\",\n headerName: \"FOLIO\",\n },\n {\n field: \"amcName\",\n headerName: \"Fund House\",\n width: 250,\n filterBy: true,\n filterHeader: \"Fund House\",\n filterKey: \"amcName\",\n },\n {\n field: \"bank\",\n headerName: \"BANK NAME\",\n valueGetter: ({ row }) =>\n findDefaultBank(row).name || dashboard.notAvailable,\n width: 150,\n },\n {\n field: \"accountNo\",\n headerName: \"Account No.\",\n valueGetter: ({ row }) =>\n maskMobileNumber(findDefaultBank(row)?.accountNo) ||\n dashboard.notAvailable,\n width: 100,\n },\n {\n field: \"ifsc\",\n headerName: \"IFSC\",\n valueGetter: ({ row }) => {\n const defaultBank: BANK = findDefaultBank(row);\n return (\n defaultBank?.ifsc || defaultBank.neftIfsc || dashboard.notAvailable\n );\n },\n width: 200,\n },\n {\n field: \"investorName\",\n headerName: \"PRIMARY HOLDER\",\n valueGetter: ({ row }) =>\n (row?.investorName || \"\").toUpperCase() || dashboard.notAvailable,\n width: 100,\n },\n {\n isFilter: true,\n field: \"assetType\",\n headerName: \"Category\",\n filterBy: true,\n renderStaticFilters: [EQUITY, LIQUID, DEBT, OTHER],\n },\n];\n\nfunction ChangeBank(props: any) {\n const [rowData, setRowdata] = useState\n \n \n Select Email-Mobile Combination\n
\n Change Bank
\n {tableRows.length > 0 && currentKey && (\n\n
\n \n );\n}\nexport default connect(\n ({ authReducer }: RootStateType) => ({ ...authReducer }),\n {\n fetchInvestorDetails,\n }\n)(ChangeBank);\n","import { Button, Dialog, Grid } from '@material-ui/core';\nimport { useEffect } from 'react';\nimport { useState } from 'react';\n\nexport function IfscModal({\n showModal = false,\n extraClass = '',\n heading = 'NOTE',\n info1 = '',\n info2 = '',\n info3 = '',\n info4 = '',\n content1 = '',\n content2 = '',\n content3 = '',\n content4 = '',\n proceedBtn = '',\n cancelBtn = '',\n proceedHref = '',\n mobileOrEmail = '',\n onCancel = () => { },\n ...props\n}) {\n const [show, setShow] = useState\n
\n \n {\" \"}\n {dashboard.ChangeBank.ChangeBankInfo}\n {dashboard.ChangeBank.Note}\n
\n {/* */}\n {!loading && !tableRows.length || !currentKey ? (\n
*/}\n {/* \n {!!rowData.length && (\n
\n \n \n props.history.push(\"change-bank-selected\", {\n targetFunds,\n })\n }\n />\n
\n )}\n {`${props.type} not found`}
;\n }\n }\n return component;\n};\n\nfunction Form({\n ui = [],\n submitButtonLabel = '',\n buttonExtraActions = false,\n isCancel = false,\n onCancel,\n cancelButtonLabel = 'Cancel',\n formik,\n parentClass = '',\n ...props\n}: FormikPropType): JSX.Element {\n return (\n <>\n \n \n );\n}\n\nexport default Form;\n","import {\n FormControl,\n FormHelperText,\n MenuItem,\n Select,\n} from \"@material-ui/core\";\nimport { useFormik } from \"formik\";\nimport { useCallback, useEffect } from \"react\";\nimport en from \"../../../lang/en-us\";\nimport { CustomRadio } from \"../../../lib/CustomRadio\";\nimport DatePickerInput from \"../../../lib/DatePicker\";\nimport Form, { InputType } from \"../../../lib/Formik\";\nimport TextInput from \"../../../lib/TextField\";\nimport {\n checkForOnlyAlphabets,\n EIGHTEEN_YEARS_IN_MILLISECONDS,\n isAlphaNumericAddress,\n isAlphaNumeric,\n MAX_LENGTH_FOR_PAN,\n MAX_LENGTH_FOR_NOMINEE_NAME,\n MAX_LENGTH_FOR_GUARDIAN_NAME,\n MAX_LENGTH_FOR_ADDRESS,\n minDateForCalender,\n _minDateForCalender,\n} from \"../../../utils/constants\";\nimport { getNameIndex } from \"../CorrectionFolios/correction-folios-selection\";\nimport { NOMINEEINFO, validationSchemaNominee } from \"./update-nominee-edit\";\nimport Image from \"../../Image\";\nimport { CheckBoxField } from \"../../../lib/CheckBoxField\";\nconst { dashboard, common } = en;\nfunction AddNomineeForm(props: any) {\n const { formik } = props;\n const thisYear = new Date().getFullYear();\n\n const resetFieldError = (fieldName: string) => {\n const { [fieldName]: excldeKey, ...rest } = formik.errors;\n formik.setErrors(rest);\n };\n\n return (\n <>\n\n \n {\" \"}\n
\n \n {dashboard.UpdateNominee.save}\n \n {/* formik.resetForm()} className=\"clear-nominee\">\n {dashboard.UpdateNominee.clear}\n */}\n \n props.cancelFormSubmission(props.index - 1, formik.values.id)\n }\n className=\"clear-nominee\"\n >\n {dashboard.UpdateNominee.cancel}\n \n
\n {/* {props.index < 3 && (\n \n )} */}\n \n );\n}\nconst AddNominee = ({ initialValues = {}, ...props }: any) => {\n const validate = (values: NOMINEEINFO) => {\n const nomineeNames = props.nominees\n .map((_ele: NOMINEEINFO, ind: number) => {\n if (ind !== props.index - 1) {\n return _ele.name?.trim().toLowerCase();\n }\n })\n .filter((name: string) => name);\n\n const nomineePans = props.nominees\n .map((_ele: NOMINEEINFO, ind: number) => {\n if (ind !== props.index - 1) {\n return _ele.pan?.trim().toLowerCase();\n }\n })\n .filter((pan: string) => pan);\n\n if (nomineeNames.includes(values.name?.trim().toLowerCase())) {\n return {\n name: `Nominee name should not be same as other nominee names`,\n };\n } else if (\n values.name?.trim().toLowerCase() ===\n props.investorName?.trim().toLowerCase()\n ) {\n return {\n name: `Nominee name can not be investor name`,\n };\n } else if (values.name?.trim().length > MAX_LENGTH_FOR_NOMINEE_NAME) {\n return {\n name: `Nominee name should be less than ${MAX_LENGTH_FOR_NOMINEE_NAME} characters`,\n };\n }\n if (values.pan === props.pan) {\n return {\n pan: `Nominee pan should not be the investor pan`,\n };\n } else if (nomineePans.includes(values.pan?.trim().toLowerCase())) {\n return {\n pan: `Nominee pan should not be same as other nominee pans`,\n };\n }\n if (values?.address1?.trim().length > MAX_LENGTH_FOR_ADDRESS) {\n return {\n address1: `Address should be less than ${MAX_LENGTH_FOR_ADDRESS} characters`,\n };\n }\n if (values?.address2?.trim().length > MAX_LENGTH_FOR_ADDRESS) {\n return {\n address2: `Address should be less than ${MAX_LENGTH_FOR_ADDRESS} characters`,\n };\n }\n if (!values.share?.toString()) {\n return {\n share: \"Share is required\",\n };\n } else if (Number(values.share) === 0) {\n return {\n share: \"Nominee share should not be 0\",\n };\n }\n if (values.dob) {\n const selectedDate = new Date(values.dob);\n if (selectedDate.getTime() > new Date().getTime()) {\n return {\n dob: \"Date of birth should not exceed current date\",\n };\n }\n const thisYear = new Date().getFullYear();\n const nomineeDobYear = new Date(formik.values.dob).getFullYear();\n if (thisYear - nomineeDobYear < 18) {\n if (!values.guardianName || values.guardianName?.trim().length === 0) {\n return {\n guardianName: `Guardian name is required`,\n };\n } else if (\n values.guardianName?.trim().length > MAX_LENGTH_FOR_GUARDIAN_NAME\n ) {\n return {\n guardianName: `Guardian name should be less than ${MAX_LENGTH_FOR_GUARDIAN_NAME} characters`,\n };\n } else if (\n values.guardianName?.trim().toLowerCase() ===\n values.name?.trim().toLowerCase()\n ) {\n return {\n guardianName: `Nominee name and Guardian name should not be same`,\n };\n }\n // if (\n // values.guardianPan &&\n // (values.guardianPan === values.pan ||\n // values.guardianPan === props.pan)\n // ) {\n // return {\n // guardianPan:\n // values.pan === values.guardianPan\n // ? `Guardian pan should not same as Nominee pan`\n // : `Guardian pan should not same as Investor pan`,\n // };\n // }\n \n if (!values.guardianPan) {\n return {\n guardianPan: 'Guardian pan is required'\n };\n }\n\n if (values.guardianPan && values.guardianPan === values.pan) {\n return {\n guardianPan:\n values.pan === values.guardianPan\n ? `Guardian pan should not same as Nominee pan`\n : ``,\n };\n }\n }\n }\n\n // if (values.guardianDob) {\n // const selectedDate = new Date(values.guardianDob);\n // if (new Date().getTime() - selectedDate.getTime() < EIGHTEEN_YEARS_IN_MILLISECONDS) {\n // return {\n // guardianDob: 'Guardian of the Nominee should be major',\n // };\n // }\n // if (selectedDate < new Date(minDateForCalender())) {\n // return {\n // guardianDob: common.errors.dob.ageLessThanHundred,\n // };\n // }\n // }\n };\n\n const formik = useFormik({\n initialValues: initialValues,\n onSubmit: () => {\n props.saveNominee(\"isEditable\", false, props.index - 1);\n },\n onReset: () => {\n props.handleResetForm(props.index - 1);\n },\n validationSchema: validationSchemaNominee,\n validateOnChange: false,\n validate: validate,\n });\n\n const formFields: Partial\n {\" \"}\n
\n \n {dashboard.UpdateNominee.save}\n \n {/* formik.resetForm()} className=\"clear-nominee\">\n {dashboard.UpdateNominee.clear}\n */}\n \n {\n resetFieldError(\"relation\");\n props.handleNomineeChange(\"relation\", value, props.index - 1);\n }}\n key={formik.values.relation}\n error={!!formik.errors.relation}\n helperText={formik.errors.relation}\n extraClass={\"nominee-relation-radio\"}\n />\n
\n \n
\n {thisYear - new Date(formik.values.dob).getFullYear() < 18 && (\n \n {\n resetFieldError(\"name\");\n return checkForOnlyAlphabets(e.target.value)\n ? props.handleNomineeChange(\n \"name\",\n e.target.value,\n props.index - 1\n )\n : null;\n }}\n error={!!formik.errors.name}\n helperText={formik.errors.name}\n />\n
\n \n
\n \n {\n resetFieldError(\"dob\");\n props.handleNomineeChange(\"dob\", date, props.index - 1);\n if (\n thisYear - new Date(formik.values.dob).getFullYear() >=\n 18\n ) {\n props.handleNomineeChange(\n \"guardianName\",\n \"\",\n props.index - 1\n );\n props.handleNomineeChange(\n \"guardianPan\",\n \"\",\n props.index - 1\n );\n }\n }}\n minDate={_minDateForCalender()}\n error={!!formik.errors.dob}\n helperText={formik.errors.dob}\n />\n
\n \n {\n resetFieldError(\"share\");\n return Number(e.target.value) <= 100\n ? props.handleNomineeChange(\n \"share\",\n e.target.value,\n props.index - 1\n )\n : null;\n }}\n error={!!formik.errors.share}\n helperText={formik.errors.share}\n />\n
\n \n {\n resetFieldError(\"gender\");\n props.handleNomineeChange(\"gender\", value, props.index - 1);\n }}\n list={[\n {\n label: \"Male\",\n value: \"male\",\n },\n {\n label: \"Female\",\n value: \"female\",\n },\n {\n label: \"Others\",\n value: \"others\",\n },\n ]}\n key={formik.values.gender}\n error={!!formik.errors.gender}\n helperText={formik.errors.gender}\n />\n
\n \n {\n resetFieldError(\"pan\");\n return isAlphaNumeric(e.target.value) &&\n e.target.value.length <= MAX_LENGTH_FOR_PAN\n ? props.handleNomineeChange(\n \"pan\",\n e.target.value.toUpperCase(),\n props.index - 1\n )\n : null;\n }}\n error={!!formik.errors.pan}\n helperText={formik.errors.pan}\n />\n
\n \n {\n props.handleAddressCheck(props.index - 1, e.target.checked);\n }}\n name=\"addressCheck\"\n value={formik.values.addressCheck}\n label={en.dbCommercial.profileDetails.nominees.addressCheck}\n />\n
\n \n \n {\n resetFieldError(\"address1\");\n if (isAlphaNumericAddress(e.target.value)) {\n props.handleNomineeChange(\n \"address1\",\n e.target.value,\n props.index - 1\n );\n }\n }}\n error={!!formik.errors.address1}\n helperText={formik.errors.address1}\n />\n
\n \n {\n resetFieldError(\"address2\");\n if (isAlphaNumericAddress(e.target.value)) {\n props.handleNomineeChange(\n \"address2\",\n e.target.value,\n props.index - 1\n );\n }\n }}\n error={!!formik.errors.address2}\n helperText={formik.errors.address2}\n />\n
\n \n {\n resetFieldError(\"pincode\");\n return (/^\\d+$/.test(e.target.value) || !e.target.value) &&\n e.target.value.length < 7\n ? props.handleNomineeChange(\n \"pincode\",\n e.target.value,\n props.index - 1\n )\n : null;\n }}\n error={formik.errors.pincode ? true : false}\n helperText={formik.errors.pincode}\n />\n
\n \n {\n resetFieldError(\"city\");\n if (!checkForOnlyAlphabets(e.target.value)) return;\n props.handleNomineeChange(\n \"city\",\n e.target.value,\n props.index - 1\n );\n }}\n error={!!formik.errors.city}\n helperText={formik.errors.city}\n />\n
\n \n {\n resetFieldError(\"state\");\n if (\n !checkForOnlyAlphabets(e.target.value) ||\n e.target.value.length > 20\n )\n return;\n props.handleNomineeChange(\n \"state\",\n e.target.value,\n props.index - 1\n );\n }}\n name={\"state\"}\n error={!!formik.errors.state}\n helperText={formik.errors.state}\n />\n
\n \n
\n \n \n {\n resetFieldError(\"country\");\n props.handleNomineeChange(\n \"country\",\n e.target.value,\n props.index - 1\n );\n }}\n >\n \n {dashboard.UpdateNominee.nomineeFields.country}\n \n \n \n \n {formik.errors.country}\n \n \n
\n \n
\n )}\n {dashboard.UpdateNominee.guardianDetailsHeading}
\n\n
\n \n {\n resetFieldError(\"guardianName\");\n return checkForOnlyAlphabets(e.target.value)\n ? props.handleNomineeChange(\n \"guardianName\",\n e.target.value,\n props.index - 1\n )\n : null;\n }}\n error={!!formik.errors.guardianName}\n helperText={formik.errors.guardianName}\n />\n
\n \n {\n resetFieldError(\"guardianPan\");\n return isAlphaNumeric(e.target.value) &&\n e.target.value.length <= MAX_LENGTH_FOR_PAN\n ? props.handleNomineeChange(\n \"guardianPan\",\n e.target.value.toUpperCase(),\n props.index - 1\n )\n : null;\n }}\n error={!!formik.errors.guardianPan}\n helperText={formik.errors.guardianPan}\n />\n
\n {/* \n {\n resetFieldError(\"guardianDob\");\n props.handleNomineeChange(\n 'guardianDob',\n e.target.value,\n props.index - 1,\n )\n }}\n type={'date'}\n inputProps={{\n max: moment(new Date()).format('YYYY-MM-DD'), min: minDateForCalender()\n }}\n InputLabelProps={{ shrink: true }}\n helperText={formik.errors.guardianDob}\n error={!!formik.errors.guardianDob}\n />\n
*/}\n {/* \n \n props.handleNomineeChange(\n 'guardianAddress',\n e.target.value,\n props.index - 1,\n )\n }\n />\n
*/}\n \n {/* { */}\n {/* { */}\n {/* nominees.every((_ele) => !_ele.isEditable) */}\n {/* ? props.history.goBack() */}\n {/* : nominees.map( */}\n {/* (_ele, index) => */}\n {/* _ele.isEditable && cancelFormSubmission(index, `${index}`), */}\n {/* ); */}\n {/* }} */}\n {/* /> */}\n {/* } */}\n
\n );\n}\n","import {\n FormControl,\n Select,\n MenuItem,\n FormHelperText,\n Button,\n} from \"@material-ui/core\";\nimport { useState, useRef, useEffect } from \"react\";\nimport { connect } from \"react-redux\";\nimport { findDefaultBankIndex } from \".\";\nimport { NoteModals } from \"../../../lib/NoteModals\";\nimport { IfscModal } from \"../../../lib/NoteModals/ifscModal\";\nimport TextInput from \"../../../lib/TextField\";\nimport {\n fetchIFSCDetails,\n updateBankDetails,\n} from \"../../../store/actions/nct\";\nimport { RootStateType } from \"../../../store/reducers\";\nimport { BANK, ImageSaveType } from \"../../../store/types/nct\";\nimport {\n accountNumberRegex,\n accountNumberValidation,\n validateIfsc,\n ACCOUNT_TYPE_MASTER_DATA,\n getBankAddress,\n} from \"../../../utils/constants\";\nimport { ConsolidateTableRowType } from \"../ConsolidationFolios/types\";\nimport { ifscRegex } from \"../CorrectionFolios/types\";\nimport { ValidationUI } from \"../MinorStatus/minor-status-edit-bank\";\nimport { BackArrow } from \"../UpdateNominee/SelectedFolios\";\nimport { initialValues } from \"../UpdateNominee/update-nominee-edit\";\nimport en from \"../../../lang/en-us\";\nimport Image from \"../../Image\";\n\nconst { dashboard, common } = en;\n\ninterface BANK_ACCOUNT_DETAILS extends BANK {\n amcName: string;\n primaryHolder: string;\n folioNo?: string;\n}\n\ntype ACCOUNT_DETAILS = {\n key: string;\n label: string;\n value: string;\n onBlurFunction?: Function;\n isDisabled: boolean;\n fieldValidation?: Function;\n shouldValidateField?: boolean;\n};\n\nfunction ChangeBankSelected(props: any) {\n const { targetFunds } = props.location.state || {};\n const [bankDetails, setDetails] = useState\n
\n \n {/*
\n {dashboard.UpdateNominee.UpdateNomineeInfo}
*/}\n\n {nominees.every((_ele: NOMINEEINFO) => !_ele.isEditable) && (\n resetForm(ind)}\n handleNomineeChange={(\n key: string,\n value: any,\n ind: number\n ) => handleNomineeChange(key, value, ind)}\n handleAddressCheck={handleAddressCheck}\n saveNominee={(key: string, value: any, ind: number) => {\n const nominee = [...nominees];\n nominee[ind] = {\n ...nominee[ind],\n isEditable: false,\n isNewlyAdded: false,\n isEdited: true,\n };\n setNominees(nominee);\n }}\n nominees={nominees}\n investorName={investorName}\n relations={\n _ele.relation\n ? relationShips.filter((relation: RELATIONS) => {\n const addedRelations = nominees\n .map((nominee: NOMINEEINFO) => {\n if (nominee.relation !== _ele.relation)\n return nominee.relation;\n })\n .filter((ele) => ele);\n return !addedRelations.includes(relation.label);\n })\n : relationShips.filter((relation: RELATIONS) => {\n const addedRelations = nominees.map(\n (_ele: NOMINEEINFO) => _ele.relation\n );\n return !addedRelations.includes(relation.label);\n })\n }\n pan={pan}\n cancelFormSubmission={cancelFormSubmission}\n />\n )\n )}\n {!noNomineeFlag && nominees.length < 3 && (\n \n )}\n {nominees.every(\n (_ele: NOMINEEINFO) => !_ele.isEditable && !_ele.editShare\n ) && (\n setShow(false)}\n />\n \n setShowShareModal({\n show: false,\n text: \"\",\n })\n }\n />\n
\n \n setNoNomineeFlag(!noNomineeFlag)}\n value={noNomineeFlag}\n label={dbCommercial.profileDetails.nominees.noNominee}\n />\n
\n )}\n {!noNomineeFlag &&\n nominees.map((_ele: NOMINEEINFO, index: number) =>\n !_ele.isEditable ? (\n \n
\n ) : (\n \n
\n \n \n
\n \n {\n setNominees((prevState: NOMINEEINFO[]) => {\n const nominees = [...prevState];\n const { initialState, ...nominee } =\n nominees[index];\n nominees[index].initialState = nominee;\n nominees[index].isEditable = true;\n return nominees;\n });\n }}\n />\n {nominees.length > 1 && (\n {\n setShow(true);\n setDeleteIndex(index);\n }}\n />\n )}\n
\n \n
\n \n
\n \n
\n \n {\" \"}\n {dashboard.UpdateNominee.name}\n
\n{_ele.name}
\n\n
\n \n {dashboard.UpdateNominee.relation}\n
\n\n {_ele.relation.slice(0, 1).toUpperCase() +\n _ele.relation.slice(1)}\n
\n\n {!_ele.editShare ? (\n <>\n
\n \n {dashboard.UpdateNominee.share}\n
\n\n {_ele.share}%\n
\n {\n if (Number(e.target.value) === 0) {\n alert(\"Nominee share should not be 0\");\n return;\n }\n handleNomineeChange(\n \"editShare\",\n false,\n index\n );\n handleNomineeChange(\n \"isEdited\",\n true,\n index\n );\n }}\n // onChange={(e) => {\n // if (Number(e.target.value) <= 100) {\n // handleNomineeChange(\n // 'share',\n // e.target.value,\n // index,\n // )\n // }\n // }}\n />\n {\n handleNomineeChange(\n \"editShare\",\n false,\n index\n );\n handleNomineeChange(\n \"isEdited\",\n true,\n index\n );\n }}\n />\n
\n )}\n \n {!_ele.showDetails ? (\n \n handleNomineeChange(\n \"showDetails\",\n true,\n index\n )\n }\n >\n {dashboard.UpdateNominee.more}\n \n handleNomineeChange(\n \"showDetails\",\n false,\n index\n )\n }\n >\n {dashboard.UpdateNominee.less}\n
\n \n {\n setNominees((prevState: NOMINEEINFO[]) => {\n const nominees = [...prevState];\n const { initialState, ...nominee } =\n nominees[index];\n nominees[index].initialState = nominee;\n nominees[index].isEditable = true;\n return nominees;\n });\n }}\n />\n {nominees.length > 1 && (\n {\n setShow(true);\n setDeleteIndex(index);\n }}\n />\n )}\n
\n \n
\n )}\n\n \n
\n
Change of Bank Account Details
\n\n \n
{dashboard.ChangeBank.selectedFolios.subheading}
\n {bankDetails.map((_ele: BANK_ACCOUNT_DETAILS, ind: number) => (\n\n {\n folioRef.current = ind.toString();\n setAlertModal({\n deleteType: \"deleteFolio\",\n showModal: true,\n });\n }}\n />\n \n
{_ele.amcName}
\n \n\n
\n {dashboard.ChangeBank.selectedFolios.primaryHolder}\n