\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ transactions }) => {\r\n const { fundsList, schemeList, categoryList } = transactions;\r\n return { fundsList, schemeList, categoryList };\r\n },\r\n { getNewPurchaseFundList, getNavData, removeNavData }\r\n)(Nav);\r\n\r\nexport class BajajFund extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n {props.children}\r\n
\r\n \r\n );\r\n};\r\nconst SummaryCard = (props) => {\r\n return (\r\n <>\r\n \r\n {props.title.toUpperCase()}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CardComponent;\r\nexport { SummaryCard };\r\n","export const validatePercentage = (val) => {\r\n if (+val > 100 || +val <= 0) {\r\n return +val > 100\r\n ? \"Percentage cannot be more than 100\"\r\n : \"Percentage should not be 0\";\r\n }\r\n};\r\n\r\nexport const checkIfMinor = (date) => {\r\n var today = new Date().getTime();\r\n var birthDate = new Date(date).getTime();\r\n const age = (today - birthDate) / 365 / 24 / 3600 / 1000;\r\n return age < 18;\r\n};\r\nexport const getFieldsFromMap = (\r\n type,\r\n Schema,\r\n noOfApplicants,\r\n customHandler\r\n) => {\r\n const fields = {};\r\n for (let i = 1; i < noOfApplicants + 1; i++) {\r\n for (let k in Schema) {\r\n const field = { ...Schema[k] };\r\n fields[`${type ? type + \"_\" : \"\"}${k}_${i}`] = field;\r\n\r\n customHandler && customHandler(field, i, k);\r\n }\r\n }\r\n return fields;\r\n};\r\n\r\nexport const getFieldList = (fieldMap) => {\r\n const fieldList = Object.keys(fieldMap).map((k) => {\r\n const field = fieldMap[k];\r\n field.key = k;\r\n return field;\r\n });\r\n\r\n return fieldList.filter((f) => !f.hidden);\r\n};\r\n\r\nexport const getConvertedFormValues = (formValues, allFields) => {\r\n const newFormValues = { ...formValues };\r\n for (let f in allFields) {\r\n if (f.hidden) {\r\n delete newFormValues[f.key];\r\n }\r\n }\r\n const conversionMap = {\r\n // # gets replaced with 1,2,3\r\n // @ gets replaced with '',2,3\r\n // ~ gets replaced with F,S,T\r\n pan: \"i_pangno@\",\r\n name: \"i_fname@\", // jholder1,jholder2\r\n email: \"i_email@\",\r\n gender: \"i_invgender@\",\r\n dob: \"i_dob@\", //jh1dob,jh2dob\r\n mobile: \"i_mobileno@\",\r\n category: \"i_category@\",\r\n status: \"\", //not needed\r\n kycCompleted: \"i_Ckyc#\",\r\n kyc_occupation: \"i_Occpn@\", //i_Soccpn, i_Toccpn\r\n kyc_annualIncome: \"i_income@\", //SAnnualIncome, TAnnualIncome\r\n kyc_birthCountry: \"~CountryofBirth\",\r\n kyc_nationality: \"~Nationality\",\r\n kyc_residentOfIndia: \"\",\r\n kyc_residency: \"~TaxResident\",\r\n kyc_foreignTaxId: \"~ForeignTaxId\",\r\n kyc_foreignTaxIdType: \"~ForeignTaxType\",\r\n countrycode: \"\",\r\n kyc_address: \"i_invadd#\",\r\n kyc_country: \"i_invcountry@\",\r\n kyc_state: \"i_invstate@\",\r\n kyc_city: \"i_invcity@\",\r\n kyc_pincode: \"i_invpin@\",\r\n kyc_politicallexposed: \"~PEP\",\r\n kyc_politicallyexposedrelative: \"~PREP\",\r\n\r\n nom_name: \"i_Nominee@\",\r\n nom_relationship: \"i_NomRelation@\",\r\n nom_guardian: \"i_@nomGuardian\",\r\n nom_dob: \"i_NomDOB@\",\r\n nom_gender: \"nom#gender\",\r\n nom_percentage: \"i_Nominee#percentage\",\r\n nom_email: \"nom#email\",\r\n nom_address: \"i_nomadd#1\",\r\n nom_country: \"i_nom@country\",\r\n nom_state: \"i_nomstate@\",\r\n nom_city: \"i_nomcity@\",\r\n nom_pincode: \"i_nompin@\",\r\n };\r\n\r\n const finalValues = {};\r\n\r\n for (let fkey in newFormValues) {\r\n const key = fkey.replace(/_\\d/g, \"\");\r\n const [num_part] = fkey.match(/_\\d/g) || [\"_1\"];\r\n const number = String(num_part).slice(1);\r\n\r\n const templateKey = conversionMap[key];\r\n\r\n if (!templateKey) {\r\n console.log({ key });\r\n continue;\r\n }\r\n\r\n const wildCard = [`@`, \"#\", \"~\"].find((t) => templateKey.includes(t));\r\n\r\n let finalNumber = number;\r\n\r\n if (wildCard === \"@\" && parseInt(number) === 1) {\r\n finalNumber = \"\";\r\n } else if (wildCard === `~`) {\r\n finalNumber = [\"F\", \"S\", \"T\"][number - 1];\r\n }\r\n const specialKeys = {\r\n name_2: \"i_jholder1\",\r\n name_3: \"i_jholder2\",\r\n dob_2: \"i_jh1dob\",\r\n dob_3: \"i_jh2dob\",\r\n kyc_occupation_2: \"i_Soccpn\",\r\n kyc_occupation_3: \"i_Toccpn\",\r\n kyc_annualIncome_2: \"SAnnualIncome\",\r\n kyc_annualIncome_3: \"TAnnualIncome\",\r\n nom_address_1: \"i_nomadd1\",\r\n };\r\n if (fkey in specialKeys) {\r\n finalValues[specialKeys[fkey]] = newFormValues[fkey];\r\n } else {\r\n const actualKey = templateKey.replace(wildCard, finalNumber);\r\n finalValues[actualKey] = newFormValues[fkey];\r\n }\r\n }\r\n\r\n return finalValues;\r\n};\r\n\r\nexport function $wait(time = 500) {\r\n return new Promise((res, rej) => {\r\n setTimeout(() => {\r\n res();\r\n }, time);\r\n });\r\n}\r\n","import {\r\n POSTER_OPEN,\r\n USER_LOGIN_REFRESH_SUCCESS,\r\n USER_LOGIN_SUCCESS,\r\n USER_LOGOUT,\r\n USER_PAN,\r\n ENACH_UMR,\r\n ENACH_FOLIO,\r\n ENACH_BANK_ACC,\r\n ENACH_START_DATE,\r\n ENACH_END_DATE,\r\n ENACH_MAX_AMOUNT,\r\n} from \"../types/auth\";\r\nimport {\r\n GET_INVESTOR_DETAILS,\r\n GET_INVESTOR_DETAILS_SUCCESS,\r\n GET_CAMS_DATA_SUCCESS,\r\n REMOVE_CAMS_DATA,\r\n STORE_EMPANEL_DATA,\r\n STORE_BANK_DETAILS,\r\n STORE_BASIC_DETAILS,\r\n STORE_NOMINEE_DETAILS,\r\n STORE_BANK_STATE,\r\n STORE_CAMS_DETAILS,\r\n STORE_EMPANELLEMENT_NOMINEE_DETAILS\r\n} from \"../types\";\r\n\r\nconst initialState = {\r\n token: null,\r\n showAll: false,\r\n lastLogin: \"\",\r\n user_pan: \"\",\r\n tran_enable_flag: \"\",\r\n auth_token: null,\r\n posterStatus: 0,\r\n umr: \"\",\r\n enachFolio: \"\",\r\n enachBank: \"\",\r\n camsdata: [],\r\n storeCAMSData:{},\r\n storeempanelmentNomineeDetails:{},\r\n empanelmentNomineeDetails:{},\r\n empanelmentBasicDetails: {},\r\n empanelmentBankDetails: {},\r\n bankState: {},\r\n};\r\n\r\nexport function authReducer(state = initialState, action) {\r\n switch (action.type) {\r\n case USER_LOGIN_SUCCESS: {\r\n const { DtData, Dtinformation, token } = action.body;\r\n\r\n const [data] = DtData;\r\n const { ARNCode, Login_MailID, Regflag } = data;\r\n return {\r\n ...state,\r\n auth_token: token,\r\n token: ARNCode,\r\n userId: Login_MailID,\r\n lastLogin: Dtinformation[0].last_login,\r\n tran_enable_flag: DtData[0].tran_enable_flag,\r\n Regflag,\r\n };\r\n }\r\n case STORE_CAMS_DETAILS: {\r\n return {\r\n ...state,\r\n storeCAMSData: action.body,\r\n };\r\n }\r\n case STORE_EMPANELLEMENT_NOMINEE_DETAILS: {\r\n return {\r\n ...state,\r\n storeempanelmentNomineeDetails: action.body,\r\n };\r\n }\r\n case STORE_BASIC_DETAILS: {\r\n return {\r\n ...state,\r\n empanelmentBasicDetails: action.body,\r\n };\r\n }\r\n case STORE_BANK_DETAILS: {\r\n return {\r\n ...state,\r\n empanelmentBankDetails: action.body,\r\n };\r\n }\r\n case STORE_NOMINEE_DETAILS: {\r\n return {\r\n ...state,\r\n empanelmentNomineeDetails: action.body,\r\n };\r\n }\r\n case STORE_BANK_STATE: {\r\n return {\r\n ...state,\r\n bankState: action.body,\r\n };\r\n }\r\n case GET_CAMS_DATA_SUCCESS: {\r\n const { DtData } = action.body;\r\n return {\r\n ...state,\r\n camsdata: DtData,\r\n };\r\n }\r\n case REMOVE_CAMS_DATA: {\r\n return {\r\n ...state,\r\n camsdata: [],\r\n };\r\n }\r\n case USER_LOGIN_REFRESH_SUCCESS: {\r\n return {\r\n ...state,\r\n auth_token: action.body.token,\r\n };\r\n }\r\n case POSTER_OPEN: {\r\n return {\r\n ...state,\r\n posterStatus: action.body,\r\n };\r\n }\r\n\r\n case GET_INVESTOR_DETAILS: {\r\n return {\r\n ...state,\r\n investorData: {},\r\n showAll: false,\r\n communicationDetails: [],\r\n bankDetails: [],\r\n fundList: [],\r\n };\r\n }\r\n case GET_INVESTOR_DETAILS_SUCCESS: {\r\n const {\r\n Table14: communicationDetails,\r\n Table7: bankDetails,\r\n Table11,\r\n Table14: fundList,\r\n } = action.body;\r\n const showTotalCards =\r\n !!fundList && fundList.find((ele) => !!ele.Fund && ele.Fund === \"189\");\r\n const [investorData] = Table11;\r\n return {\r\n ...state,\r\n showAll: !!showTotalCards ? true : false,\r\n investorData,\r\n communicationDetails,\r\n bankDetails,\r\n fundList,\r\n };\r\n }\r\n case USER_LOGOUT: {\r\n return initialState;\r\n }\r\n case USER_PAN: {\r\n return {\r\n ...state,\r\n user_pan: action.body,\r\n };\r\n }\r\n case ENACH_UMR: {\r\n return {\r\n ...state,\r\n umr: action.body,\r\n };\r\n }\r\n\r\n case ENACH_FOLIO: {\r\n return {\r\n ...state,\r\n enachFolio: action.body,\r\n };\r\n }\r\n case ENACH_BANK_ACC: {\r\n return {\r\n ...state,\r\n enachBank: action.body,\r\n };\r\n }\r\n case ENACH_START_DATE: {\r\n return {\r\n ...state,\r\n enachStartDate: action.body,\r\n };\r\n }\r\n case ENACH_END_DATE: {\r\n return {\r\n ...state,\r\n enachEndDate: action.body,\r\n };\r\n }\r\n case ENACH_MAX_AMOUNT: {\r\n return {\r\n ...state,\r\n enachMaxAmount: action.body,\r\n };\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n","import {\r\n GET_INVESTORS_LIST_SUCCESS,\r\n YES,\r\n GET_INVESTOR_DETAILS_SUCCESS,\r\n PANALL,\r\n FAVOURITE_INVESTOR_SUCCESS,\r\n GET_INVESTORS_LIST,\r\n SEARCH_INVESTORS_SUCCESS,\r\n SEARCH_INVESTORS,\r\n GET_INVESTOR_DETAILS,\r\n GET_UPCOMING_SIP_DETAILS_SUCCESS,\r\n ALL,\r\n STORE_TYPE,\r\n} from \"../types\";\r\n\r\nconst initialState = {\r\n investors: [],\r\n count: 0,\r\n investments: [],\r\n upComingSipDetails: [],\r\n selectedTab: ALL,\r\n};\r\n\r\nexport function investor(state = initialState, action) {\r\n switch (action.type) {\r\n case GET_INVESTORS_LIST_SUCCESS: {\r\n let { DtData } = action.body;\r\n DtData = DtData.map((investor) => ({\r\n ...investor,\r\n Kyc: investor.Kyc === YES,\r\n Fatca: investor.Fatca === YES,\r\n }));\r\n return {\r\n ...state,\r\n investors: DtData,\r\n count: DtData.length,\r\n };\r\n }\r\n case SEARCH_INVESTORS:\r\n case GET_INVESTORS_LIST: {\r\n return { ...state, investors: [] };\r\n }\r\n case GET_INVESTOR_DETAILS: {\r\n return {\r\n ...state,\r\n investorData: {},\r\n showAll: false,\r\n fundAllocation: [],\r\n pieData: [],\r\n investments: [],\r\n communicationDetails: [],\r\n investorInvestmentDetails: [],\r\n fundLevelInvestments: [],\r\n };\r\n }\r\n case GET_INVESTOR_DETAILS_SUCCESS: {\r\n const {\r\n Table14: communicationDetails,\r\n Table3,\r\n Table5: investorInvestmentDetails,\r\n Table11,\r\n Table12: fundLevelInvestments,\r\n // Table13: investments,\r\n } = action.body;\r\n\r\n const MiraeInvesmentList = !!action.body.Table13?action.body.Table13.filter((ele)=>!!ele.Fund&& ele.Fund.trim() === \"189\"):[]\r\n \r\n const asOnDate = action.body.Dtinformation[0].asondate;\r\n const { investors = [] } = state;\r\n const [investorData] = Table11;\r\n const fav = investors.find((inv) => inv.Pan === investorData.PAN) || {};\r\n const fundAllocation = Table3.filter((fund) => fund.PAN === PANALL);\r\n const pieData = fundAllocation.map((item) => ({\r\n name: item.name,\r\n value: item.totpercent,\r\n }));\r\n const investorTotal = investorInvestmentDetails.find(\r\n (x) => x.FundDesc === \"Total\" && x.PAN === \"ALL\"\r\n );\r\n return {\r\n ...state,\r\n investorData: { ...investorData, fav: fav.Favorite },\r\n fundAllocation,\r\n pieData,\r\n investorTotal,\r\n asOnDate,\r\n investments:MiraeInvesmentList,\r\n communicationDetails,\r\n fundLevelInvestments,\r\n };\r\n }\r\n case FAVOURITE_INVESTOR_SUCCESS: {\r\n const { InvPan, FavFlag } = action.data;\r\n let { investors, investorData } = state;\r\n investors = investors.map((inv) => ({\r\n ...inv,\r\n Favorite: inv.Pan === InvPan ? FavFlag : inv.Favorite,\r\n }));\r\n return {\r\n ...state,\r\n investors,\r\n investorData: { ...investorData, fav: FavFlag },\r\n };\r\n }\r\n case SEARCH_INVESTORS_SUCCESS: {\r\n const { Dtdata } = action.body;\r\n return { ...state, investors: Dtdata };\r\n }\r\n case GET_UPCOMING_SIP_DETAILS_SUCCESS: {\r\n const { DtData } = action.body;\r\n const UpBajajDetails = !!DtData && !!DtData.length>0 ? DtData.filter((ele)=>!!ele.fund_name &&ele.fund_name.toString().toLowerCase().includes(\"bajaj\")):[]; \r\n return { ...state, upComingSipDetails: UpBajajDetails };\r\n }\r\n case STORE_TYPE: {\r\n const { selectedTab } = action.body;\r\n return { ...state, selectedTab };\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n","import {\r\n GET_FUNDS_LIST_PAN_SUCCESS,\r\n GET_TRANSACTION_HISTORY_SUCCESS,\r\n GET_NAV_DATA_SUCCESS,\r\n REMOVE_NAV_DATA,\r\n REMOVE_TRANSACTION_HISTORY_DATA\r\n} from \"../types\";\r\n\r\nconst initialState = {\r\n fundsList: [],\r\n transactions: [],\r\n navData: []\r\n};\r\n\r\nexport function transactionHistory(state = initialState, action) {\r\n switch (action.type) {\r\n case GET_FUNDS_LIST_PAN_SUCCESS: {\r\n const { Table1: fundsList } = action.body;\r\n return { ...state, fundsList };\r\n }\r\n case GET_TRANSACTION_HISTORY_SUCCESS: {\r\n const { Table1: transactions } = action.body;\r\n return { ...state, transactions };\r\n }\r\n case GET_NAV_DATA_SUCCESS: {\r\n const { Table1: navData } = action.body;\r\n return { ...state, navData };\r\n }\r\n case REMOVE_NAV_DATA: {\r\n return { ...state, navData: [] };\r\n }\r\n case REMOVE_TRANSACTION_HISTORY_DATA :{\r\n return {...state,transactions:[]}\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n","import {\r\n STORE_FATCA_DETAILS,\r\n STORE_INVESTMENT_DETAILS,\r\n STORE_SCHEME_DETAILS,\r\n STORE_APPLICANT_PARAMS,\r\n STORE_SCHEME_PARAMS,\r\n STORE_INVESTMENT_PARAMS,\r\n STORE_NOMINEE_DETAILS,\r\n GET_NOMINEE_DETAILS_SUCESS,\r\n GET_BANK_DETAILS_SUCESS,\r\n STORE_ADDRESS_SUCESS,\r\n STORE_PAN,\r\n CLEARING_FIRST_TIME_INVETOR_JOURNEY_SUCCESS,\r\n} from \"../types\"; \r\n\r\nconst initialState = {\r\n fatcaDetails: {},\r\n nomineDetails: {},\r\n getnomineeDetails: {},\r\n getbankDetails: {},\r\n investmentDetails: {},\r\n schemeDetails: {},\r\n applicantparams: {},\r\n schemeparams: {},\r\n investmentparams: {},\r\n address: {},\r\n store_pan: {},\r\n};\r\n\r\nexport function newinvestor(state = initialState, action) {\r\n switch (action.type) {\r\n case STORE_FATCA_DETAILS:\r\n return { ...state, fatcaDetails: action.body };\r\n case STORE_NOMINEE_DETAILS:\r\n return { ...state, nomineDetails: action.body };\r\n case STORE_INVESTMENT_DETAILS:\r\n return { ...state, investmentDetails: action.body };\r\n case STORE_SCHEME_DETAILS:\r\n return { ...state, schemeDetails: action.body };\r\n case STORE_APPLICANT_PARAMS:\r\n return { ...state, applicantparams: action.body };\r\n case STORE_SCHEME_PARAMS:\r\n return { ...state, schemeparams: action.body };\r\n case STORE_INVESTMENT_PARAMS:\r\n return { ...state, investmentparams: action.body };\r\n case GET_NOMINEE_DETAILS_SUCESS:\r\n return { ...state, getnomineeDetails: action.body };\r\n case GET_BANK_DETAILS_SUCESS:\r\n return { ...state, getbankDetails: action.body };\r\n case STORE_ADDRESS_SUCESS:\r\n return { ...state, address: action.body };\r\n case STORE_PAN:\r\n return { ...state, store_pan: action.body };\r\n case CLEARING_FIRST_TIME_INVETOR_JOURNEY_SUCCESS:\r\n return { ...initialState }; \r\n default:\r\n return state;\r\n }\r\n}\r\n","import { combineReducers } from \"redux\";\r\nimport { authReducer } from \"./auth\";\r\nimport { dashboard } from \"./dashboard\";\r\nimport { investor } from \"./investors\";\r\nimport { transactions } from \"./transactions\";\r\nimport { profileReducer } from \"./profile\";\r\nimport { transactionHistory } from \"./history\";\r\nimport { support } from \"./support\";\r\nimport { loading } from \"./loader\";\r\nimport { newinvestor } from \"./newinvestor\";\r\n\r\nconst rootReducer = combineReducers({\r\n authReducer,\r\n dashboard,\r\n investor,\r\n transactions,\r\n profileReducer,\r\n transactionHistory,\r\n support,\r\n loading,\r\n newinvestor,\r\n});\r\n\r\nexport default rootReducer;\r\n","import {\r\n GET_DASHBOARD_DATA_SUCCESS,\r\n GET_TRANSACTION_DATA_SUCCESS,\r\n GET_TRANSACTION_DATA,\r\n GET_AUM_DATA_SUCCESS,\r\n GET_FREQUENT_MAIL_BACK_REQUEST_SUCCESS,\r\n GET_DASHBOARD_AUM_DATA_SUCCESS,\r\n GET_SIP_SUMMARY_DATA_SUCCESS,\r\n GET_NFO_SCHEMES_SUCCESS,\r\n GET_NFO_SCHEMES,\r\n} from \"../types\";\r\n\r\nexport function dashboard(\r\n state = { summaryData: [], aumData: [], nfoSchemes: [] },\r\n action\r\n) {\r\n switch (action.type) {\r\n case GET_DASHBOARD_DATA_SUCCESS: {\r\n const { DtData } = action.body;\r\n const [data] = DtData;\r\n\r\n return { ...state, transactionSummary: data };\r\n }\r\n case GET_DASHBOARD_AUM_DATA_SUCCESS: {\r\n return { ...state, dashboardAUMData: action.body };\r\n }\r\n case GET_SIP_SUMMARY_DATA_SUCCESS: {\r\n return { ...state, sipSummaryData: action.body };\r\n }\r\n case GET_TRANSACTION_DATA: {\r\n return { ...state, summaryData: [] };\r\n }\r\n case GET_NFO_SCHEMES_SUCCESS: {\r\n return { ...state, nfoSchemes: action.body };\r\n }\r\n\r\n case GET_TRANSACTION_DATA_SUCCESS: {\r\n const { DtData } = action.body;\r\n return { ...state, summaryData: DtData };\r\n }\r\n case GET_AUM_DATA_SUCCESS: {\r\n const {\r\n DtData: aumData,\r\n Table2: fundData,\r\n Table3: [data],\r\n } = action.body;\r\n return {\r\n ...state,\r\n aumData: aumData.map((item) => ({\r\n name: item.category,\r\n value: item.aum,\r\n })),\r\n fundData: fundData\r\n .sort(function (a, b) {\r\n return b.aum_percent - a.aum_percent;\r\n })\r\n .slice(0, 5)\r\n .map((item) => ({\r\n name: item.fund,\r\n value: item.aum_percent,\r\n })),\r\n totalAum: action.body.Table2.map((item) => ({\r\n aum: item.aum,\r\n })).reduce((p, c) => p + parseFloat(c.aum), 0),\r\n my_aum: data.my_aum,\r\n numberofschemes: data.Numberofschemes,\r\n };\r\n }\r\n case GET_FREQUENT_MAIL_BACK_REQUEST_SUCCESS: {\r\n return state;\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n","import {\r\n SHOW_PURCHASE_CONFIRMATION_SUCCESS,\r\n GET_FUNDS_LIST_SUCCESS,\r\n GET_CATEGORY_LIST_SUCCESS,\r\n GET_SCHEME_LIST_SUCCESS,\r\n VALIDATE_SUB_BROKER_SUCCESS,\r\n CONFIRM_PURCHASE_SUCCESS,\r\n SET_SIP_DETAILS,\r\n SIP_SAVE_DATA_SUCCESS,\r\n SET_SWITCH_DETAILS,\r\n SWITCH_SAVE_DATA_SUCCESS,\r\n SET_NEW_PAN,\r\n SET_STP_DETAILS,\r\n STP_SAVE_DATA_SUCCESS,\r\n GET_EARNINGS_SUCCESS,\r\n GET_EARNINGS,\r\n SAVE_TRANSACTION_DETAILS,\r\n} from \"../types\";\r\n\r\nexport function transactions(\r\n state = {\r\n confirmationData: {},\r\n fundsList: [],\r\n newPan:\"\",\r\n categoryList: [],\r\n schemeList: [],\r\n euinList: [],\r\n sipDetails: {},\r\n switchDetails: {},\r\n stpDetails: {},\r\n transactionDetails: {},\r\n earnings: []\r\n },\r\n action\r\n) {\r\n switch (action.type) {\r\n case SHOW_PURCHASE_CONFIRMATION_SUCCESS: {\r\n const { DtData, Dtdata } = action.body;\r\n const [data] = DtData || Dtdata;\r\n\r\n return {\r\n ...state,\r\n confirmationData: { ...data }\r\n };\r\n }\r\n case GET_FUNDS_LIST_SUCCESS: {\r\n const { Dtinformation: fundsList = [] } = action.body;\r\n return { ...state, fundsList, categoryList: [], schemeList: [] };\r\n }\r\n case GET_CATEGORY_LIST_SUCCESS: {\r\n const { Dtinformation: categoryList = [] } = action.body;\r\n return { ...state, categoryList, schemeList: [] };\r\n }\r\n case GET_SCHEME_LIST_SUCCESS: {\r\n const { Dtinformation: schemeList = [] } = action.body;\r\n return { ...state, schemeList };\r\n }\r\n case VALIDATE_SUB_BROKER_SUCCESS: {\r\n const { DtData: euinList = [] } = action.body;\r\n return { ...state, euinList };\r\n }\r\n case CONFIRM_PURCHASE_SUCCESS: {\r\n return { ...state, confirmationData: {} };\r\n }\r\n case SET_SIP_DETAILS: {\r\n return { ...state, sipDetails: action.body };\r\n }\r\n case SET_NEW_PAN:{\r\n return { ...state, newPan: action.body };\r\n }\r\n case SIP_SAVE_DATA_SUCCESS: {\r\n return { ...state, sipDetails: {} };\r\n }\r\n case SET_SWITCH_DETAILS: {\r\n return { ...state, switchDetails: action.body };\r\n }\r\n case SWITCH_SAVE_DATA_SUCCESS: {\r\n return { ...state, switchDetails: {} };\r\n }\r\n case SET_STP_DETAILS: {\r\n return { ...state, stpDetails: action.body };\r\n }\r\n case STP_SAVE_DATA_SUCCESS: {\r\n return { ...state, stpDetails: {} };\r\n }\r\n case GET_EARNINGS: {\r\n return { ...state, earnings: [] };\r\n }\r\n case GET_EARNINGS_SUCCESS: {\r\n const { DtData: earnings = [] } = action.body;\r\n return { ...state, earnings };\r\n }\r\n case SAVE_TRANSACTION_DETAILS: {\r\n return { ...state, transactionDetails: action.body };\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n","import { GET_PROFILE_DATA_SUCCESS } from \"../types/profile\";\r\n\r\nexport function profileReducer(\r\n state = { profileData: {}, reviewList: [] },\r\n action\r\n) {\r\n switch (action.type) {\r\n case GET_PROFILE_DATA_SUCCESS: {\r\n const { DtData, Table2: reviewList = [] } = action.body;\r\n const [profileData] = DtData;\r\n return { ...state, profileData, reviewList };\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n}\r\n","import { GET_DIST_POST_QUERY_DATA_SUCCESS } from \"../types/support\";\r\n\r\nexport function support(state = { supportQueries: [] }, action) {\r\n switch (action.type) {\r\n case GET_DIST_POST_QUERY_DATA_SUCCESS: {\r\n const { Dtinformation } = action.body;\r\n return { ...state, supportQueries: Dtinformation };\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n}\r\n","import { START_LOADER, STOP_LOADER } from \"../types\";\r\n\r\nexport function loading(state = { count: 0 }, action) {\r\n switch (action.type) {\r\n case START_LOADER: {\r\n return { ...state, count: state.count + 1 };\r\n }\r\n case STOP_LOADER: {\r\n return { ...state, count: Math.max(0, state.count - 1) };\r\n }\r\n default: {\r\n return state;\r\n }\r\n }\r\n}\r\n","import { createStore, applyMiddleware } from \"redux\";\r\nimport { persistStore, persistReducer } from \"redux-persist\";\r\nimport storage from \"redux-persist/lib/storage\";\r\n\r\nimport { createBrowserHistory } from \"history\";\r\n\r\nimport thunk from \"redux-thunk\";\r\nimport apiMiddleware from \"./api.middleware\";\r\n// import reduxLogger from \"redux-logger\";\r\nimport createRootReducer from \"./reducers\";\r\nimport { compose } from \"redux\";\r\n\r\nexport const history = createBrowserHistory({\r\n basename: process.env.PUBLIC_URL || \"/\",\r\n});\r\n\r\nconst persistConfig = {\r\n key: \"root\",\r\n storage,\r\n whitelist: [\"authReducer\", \"newinvestor\"],\r\n};\r\n\r\nconst isDevEnv = process.env.NODE_ENV == \"development\";\r\nconst composeEnhancers =\r\n (isDevEnv &&\r\n typeof window !== \"undefined\" &&\r\n window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) ||\r\n compose;\r\n\r\nconst persistedReducer = persistReducer(\r\n persistConfig,\r\n createRootReducer // root reducer with router state\r\n);\r\n\r\nconst store = createStore(\r\n persistedReducer,\r\n composeEnhancers(applyMiddleware(thunk, apiMiddleware))\r\n);\r\n\r\nexport const persistor = persistStore(store);\r\nexport default store;\r\n","import React, { Component } from \"react\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport { HeaderLogo } from \"../../store/types/appEssentials\";\r\nimport Image from \"../Image\";\r\n\r\nexport default class Appbar extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n open: false,\r\n };\r\n }\r\n openModal = () => {\r\n this.setState({\r\n open: true,\r\n });\r\n };\r\n\r\n closeModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n };\r\n\r\n render() {\r\n return (\r\n {props.title}
\r\n {props.children}
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n// \r\n// \r\n// Home\r\n// \r\n\r\n// \r\n// About\r\n// \r\n\r\n//
\r\n\r\n// \r\n// Contact us\r\n// \r\n// \r\n// \r\n\r\n// \r\n// \r\n// Client Services\r\n// \r\n//
\r\n// \r\n// \r\n//
\r\n// \r\n// \r\n// Distributor Services\r\n// \r\n// \r\n// Channel Partner Services\r\n// \r\n// \r\n// Mutual Fund Investor Services\r\n// \r\n// \r\n// Korp Connect\r\n// \r\n// \r\n// RIA Services\r\n// \r\n// \r\n// Alternative Investment Fund Investor\r\n// \r\n// \r\n// AMC Services\r\n// \r\n\r\n// \r\n// Financial Services\r\n// \r\n//
\r\n// \r\n \r\n {/* {CarsouelArray.map((ele) => { */}\r\n \r\n {\r\n !!this.props.empanellement ?\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","const drawerWidth = 254;\r\n\r\nexport const drawerStyles = (theme) => ({\r\n root: {\r\n display: \"flex\",\r\n },\r\n toolbar: {\r\n height: 75,\r\n minHeight: 75,\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n paddingLeft: 20,\r\n borderBottom: \"0.1px solid black\",\r\n },\r\n appBar: {\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n minHeight: 75,\r\n marginLeft: drawerWidth,\r\n background: \"white\",\r\n boxShadow: \"0px 0px 1px -1px lavender\",\r\n },\r\n drawer: {\r\n width: drawerWidth,\r\n flexShrink: 0,\r\n overflow: \"hidden\",\r\n },\r\n drawerPaper: {\r\n width: drawerWidth,\r\n boxShadow: \"0px 0px 3px -1px lavender\",\r\n border: 0,\r\n overflow: \"hidden\",\r\n },\r\n content: {\r\n flexGrow: 1,\r\n marginTop: 70,\r\n // padding: \"0px 30px\",\r\n width: \"70%\",\r\n overflow: \"hidden\",\r\n backgroundColor: \"#fbfcfd\",\r\n // padding: theme.spacing(3)\r\n },\r\n appbaricons: {\r\n display: \"flex\",\r\n width: \"100%\",\r\n alignItems: \"center\",\r\n justifyContent: \"flex-end\",\r\n },\r\n appabarlastlogin: {\r\n height: 20,\r\n },\r\n appabarring: {\r\n height: 20,\r\n marginLeft: 20,\r\n marginRight: 20,\r\n },\r\n appabarlogout: {\r\n cursor: \"pointer\",\r\n height: 35,\r\n marginLeft: 20,\r\n marginRight: 20,\r\n },\r\n lastlogindiv: {\r\n display: \"flex\",\r\n marginRight: 20,\r\n },\r\n lastloginmain: {\r\n color: \"gray\",\r\n fontSize: 12,\r\n marginLeft: 5,\r\n fontWeight: 600,\r\n },\r\n lastloginsub: {\r\n color: \"#003d7b\",\r\n },\r\n profile: {\r\n display: \"flex\",\r\n justifyContent: \"space-between\",\r\n alignItems: \"center\",\r\n marginTop: 5,\r\n },\r\n profileimage: {\r\n background: \"#043b72\",\r\n display: \"flex\",\r\n marginLeft: 30,\r\n color: \"white\",\r\n fontSize: 20,\r\n fontWeight: 100,\r\n\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n\r\n height: 60,\r\n width: 60,\r\n // marginRight: 25,\r\n borderRadius: \"50%\",\r\n },\r\n profileRole: {\r\n backgroundColor: \"#feefe2\",\r\n padding: \"5px 20px 5px 10px\",\r\n borderTopRightRadius: 30,\r\n borderBottomRightRadius: 30,\r\n },\r\n profileRoletext: {\r\n color: \"#586266\",\r\n fontSize: 12,\r\n },\r\n profileRolesubtext: {\r\n color: \"#005DAC\",\r\n fontFamily: \"Rubik-Bold\",\r\n fontSize: 12,\r\n },\r\n profileSettings: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n padding: 10,\r\n marginRight: 5,\r\n border: \"1px solid lightgray\",\r\n borderRadius: 5,\r\n boxShadow: \"0px 0px 0px 1px lavender\",\r\n },\r\n profileSettingsicon: {\r\n height: 30,\r\n width: 35,\r\n marginRight: 10,\r\n },\r\n profileName: {\r\n color: \"black\",\r\n fontSize: 15,\r\n marginTop: 10,\r\n textAlign: \"center\",\r\n },\r\n profilenametext: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n profilenameMaintext: {\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n fontSize: 13,\r\n color: \"#596679\",\r\n textAlign: \"center\",\r\n },\r\n profilediv: {\r\n paddingBottom: 15,\r\n },\r\n profilenamesubtext: {\r\n color: \"black\",\r\n fontSize: 15,\r\n marginLeft: 5,\r\n },\r\n combined: {\r\n margin: \"10px 0px\",\r\n },\r\n list: {\r\n margin: \"0px 10px\",\r\n padding: \"20px 0px 40px\",\r\n overflowX: \"hidden\",\r\n overflowY: \"scroll\",\r\n marginBottom: \"20px\",\r\n },\r\n listImage: {\r\n marginLeft: 12,\r\n height: 15,\r\n },\r\n listTextActive: {\r\n fontSize: 15,\r\n marginLeft: 15,\r\n color: \"white\",\r\n },\r\n\r\n listText: {\r\n fontSize: 15,\r\n marginLeft: 12,\r\n color: \"#586a82\",\r\n },\r\n});\r\n\r\nexport const dashboardStyles = (theme) => ({\r\n card: {\r\n display: \"flex\",\r\n width: \"33%\",\r\n height: 100,\r\n margin: \"0px 10px\",\r\n },\r\n details: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n },\r\n content: {\r\n flex: \"1 0 auto\",\r\n display: \"flex\",\r\n paddingBottom: 0,\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n },\r\n cover: {\r\n width: 151,\r\n },\r\n controls: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n paddingLeft: theme.spacing(1),\r\n paddingBottom: theme.spacing(1),\r\n },\r\n playIcon: {\r\n height: 38,\r\n width: 38,\r\n },\r\n});\r\n\r\nexport const simpleCardsStyles = (theme) => ({\r\n card: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n width: \"33.33%\",\r\n marginTop: 1,\r\n padding: \"16px 15px\",\r\n boxShadow: \"0px 0px 3px 1px lavender\",\r\n margin: \"0px 10px\",\r\n flexGrow: 1,\r\n },\r\n\r\n content: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n padding: 0,\r\n },\r\n displaySimpleCard: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-between\",\r\n },\r\n simpletwo: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n flexGrow: 1,\r\n },\r\n details: {\r\n margin: \"0px 20px\",\r\n },\r\n name: {\r\n fontSize: 14,\r\n },\r\n count: {\r\n fontSize: 18,\r\n },\r\n});\r\n","import React, { Component } from \"react\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { dashboardStyles } from \"../appCss\";\r\nimport PropTypes from \"prop-types\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport CardContent from \"@material-ui/core/CardContent\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport CustomLoading from \"../CustomLoader\";\r\nimport Image from \"../../Image\";\r\n\r\nclass DisplayCards extends Component {\r\n render() {\r\n const { classes, margin } = this.props;\r\n return (\r\n \r\n
\r\n \r\n \r\n 0 ? \"ThreeDots\" : \"\"}\r\n width={this.props.count > 0 ? 25 : 0}\r\n height={this.props.count > 0 ? 25 : 0}\r\n />\r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nDisplayCards.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\nexport default connect(({ loading }) => {\r\n const { count } = loading;\r\n return { count };\r\n})(withStyles(dashboardStyles)(DisplayCards));\r\n","import React, { Component } from \"react\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { simpleCardsStyles } from \"../appCss\";\r\nimport PropTypes from \"prop-types\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport CardContent from \"@material-ui/core/CardContent\";\r\n\r\nimport CustomLoading from \"../CustomLoader\";\r\nimport {\r\n NEW_INVESTORS,\r\n INACTIVE_INVESTORS,\r\n ACTIVE_INVESTORS,\r\n EXPIRING_NEXT_MONTH,\r\n CLOSED_THIS_MONTH,\r\n SIP_INVESTMENTS,\r\n} from \"../../../store/types\";\r\nimport Image from \"../../Image\";\r\n\r\nclass DisplaySimpleCards extends Component {\r\n render() {\r\n const { classes } = this.props;\r\n const x = this.props.count + \"\";\r\n const nameArray = [\r\n \"Authorization Expired\",\r\n \"Authorization Approved\",\r\n \"Authorization Pending\",\r\n NEW_INVESTORS,\r\n INACTIVE_INVESTORS,\r\n ACTIVE_INVESTORS,\r\n EXPIRING_NEXT_MONTH,\r\n CLOSED_THIS_MONTH,\r\n SIP_INVESTMENTS,\r\n ];\r\n\r\n return (\r\n \r\n {this.props.name}\r\n
\r\n {!!this.props.values ? (\r\n {this.props.values}
\r\n ) : (\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {nameArray.includes(this.props.name) ? (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.props.name}\r\n
\r\n\r\n {this.props.count >= 0 ? (\r\n \r\n {!!x && x.length === 1 && x !== \"0\" ? \"0\" + x : x}\r\n
\r\n ) : (\r\n \r\n {this.props.posterStatus === 0 && (\r\n \r\n */}\r\n\r\n
\r\n \r\n {profileData.Distributor_Name} Portfolio\r\n
\r\n \r\n {!!this.props.tran_enable_flag &&\r\n this.props.tran_enable_flag === \"N\" && (\r\n
\r\n \r\n \r\n this.props.history.push(\r\n `/my-earnings`\r\n )\r\n }\r\n />\r\n
\r\n )}\r\n \r\n
\r\n \r\n MY AUM\r\n \r\n As on :{\" \"}\r\n \r\n {moment(new Date(), \"DD/MM/YYYY\").format(\"DD-MM-YYYY\")}\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/* \r\n \r\n ) : !!AUMPieData && AUMPieData.length === 0 ? (\r\n \r\n \r\n No Asset Class wise break up Found\r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n Asset class wise Breakup
*/}\r\n {!!AUMPieData && AUMPieData.length > 0 ? (\r\n \r\n TRANSACTION SUMMARY\r\n \r\n As on :{\" \"}\r\n \r\n {moment(new Date(), \"DD/MM/YYYY\").format(\"DD-MM-YYYY\")}\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n FREQUENT MAIL BACK REPORTS
*/}\r\n \r\n
\r\n )}\r\n\r\n {this.state.Tab === \"AUM_SUMMARY\" && (\r\n SIP Summary
\r\n \r\n
\r\n {SipAumList.map((item, index) => (\r\n \r\n
\r\n \r\n {/* \r\n No Data Found\r\n
\r\n )}\r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer, dashboard, investor, profileReducer }) => {\r\n const { token, userId, tran_enable_flag, posterStatus } = authReducer;\r\n const { count } = investor;\r\n const { profileData } = profileReducer;\r\n const {\r\n transactionSummary = {},\r\n my_aum,\r\n numberofschemes,\r\n aumData,\r\n fundData,\r\n totalAum,\r\n sipSummaryData,\r\n dashboardAUMData,\r\n } = dashboard;\r\n return {\r\n token,\r\n posterStatus,\r\n dashboardAUMData,\r\n userId,\r\n transactionSummary,\r\n sipSummaryData,\r\n my_aum,\r\n count,\r\n profileData,\r\n totalAum,\r\n numberofschemes,\r\n aumData,\r\n fundData,\r\n tran_enable_flag,\r\n };\r\n },\r\n {\r\n getDashboardData,\r\n getDashboardDataAum,\r\n PosterOpen,\r\n getSipSummary,\r\n getAumData,\r\n getInvestors,\r\n getInvestorDetails,\r\n getFrequentMailBackRequest,\r\n getProfileData,\r\n getMailbackList,\r\n }\r\n)(Dashboard);\r\n\r\nexport class SubReports extends Component {\r\n render() {\r\n return (\r\n AUM of AMC`S
*/}\r\n {!!AmcAumList && AmcAumList.length > 0 ? (\r\n AmcAumList.map((item, index) => (\r\n \r\n {/* \r\n \r\n
\r\n\r\n */}\r\n\r\n \r\n
\r\n \r\n {value.descr}\r\n
\r\n \r\n Total Assets\r\n \r\n {!!value && value.aum ? `₹ ${value.aum}` : \"0\"}\r\n \r\n \r\n {\" \"}\r\n (as on date {moment(new Date()).format(\"DD MMM `YY\")})\r\n \r\n
\r\n \r\n Investors\r\n
\r\n \r\n
\r\n \r\n Brokerage Details\r\n \r\n (last 6 months)\r\n \r\n
\r\n \r\n
\r\n {date}
\r\n No Fund wise found
\r\n \r\n {summaryData.length > 0 ? (\r\n summaryData.map((ele, index) => (\r\n \r\n {\" \"}\r\n No Data Found\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n {!!InvName ? InvName : \"NA\"}\r\n
\r\n Name
\r\n \r\n \r\n {!!date ? date : \"NA\"}\r\n
\r\n \r\n \r\n Date
\r\n \r\n
\r\n \r\n \r\n {!!type ? type : \"NA\"}\r\n
\r\n Type
\r\n \r\n \r\n {!!Ref_No ? Ref_No : \"NA\"}\r\n
\r\n \r\n \r\n Ref No
\r\n \r\n
\r\n {/* \r\n \r\n
\r\n Amount/Units
\r\n \r\n {active !== \"A\" ? (\r\n active === \"E\" ? (\r\n {\r\n reinitiate(item);\r\n }}\r\n />\r\n ) : (\r\n
*/}\r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport TransactionSummary from \"./transactionSummary\";\r\nimport TableContainer from \"./table\";\r\nimport { AUTHORIZATION_PENDING } from \"../../../store/types\";\r\nimport { connect } from \"react-redux\";\r\nimport { getTransactionData } from \"../../../store/actions\";\r\n\r\nclass TabContainer extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { active } = this.props.location.state;\r\n this.state = {\r\n active: active || AUTHORIZATION_PENDING,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.props.getTransactionData({\r\n transflag: this.state.active,\r\n customfund: \"189\",\r\n Arn: this.props.token,\r\n });\r\n }\r\n\r\n onChangeActive = (active) => () => {\r\n this.setState({\r\n active,\r\n });\r\n this.props.getTransactionData({\r\n transflag: active,\r\n Arn: this.props.token,\r\n customfund: \"189\",\r\n });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const { token } = authReducer;\r\n return { token };\r\n },\r\n { getTransactionData }\r\n)(TabContainer);\r\n","import React, { Component } from \"react\";\r\nimport TabHeader from \"../../forms/tabHeader\";\r\nimport {\r\n INACTIVE_INVESTORS,\r\n NEW_INVESTORS,\r\n ACTIVE_INVESTORS\r\n} from \"../../../store/types\";\r\n\r\nexport default class ListOfInvestors extends Component {\r\n render() {\r\n const { active } = this.props;\r\n return (\r\n \r\n
\r\n )}\r\n\r\n {tableData.length > 0 ? (\r\n tableData.map((ele, index) => (\r\n AUM Investors List
\r\n \r\n {!!tableData.length && (\r\n \r\n {tablearray.map((ele, index) => (\r\n \r\n {ele}\r\n
\r\n ))}\r\n \r\n
\r\n\r\n {/* {ele.name}
\r\n \r\n
*/}\r\n\r\n {ele.funddesc}
\r\n {ele.pangir}
\r\n \r\n\r\n {ele.mobile}
\r\n \r\n\r\n {ele.email}
\r\n \r\n \r\n ))\r\n ) : (\r\n \r\n {tableData.length > 0 ? (\r\n tableData.map((ele, index) => (\r\n \r\n {\" \"}\r\n No Data Found\r\n
\r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(({ dashboard }) => {\r\n const { dashboardAUMData, sipSummaryData } = dashboard;\r\n return { dashboardAUMData, sipSummaryData };\r\n}, null)(ListOfInvestorsTabs);\r\n\r\nexport class InvestorTableCard extends Component {\r\n render() {\r\n const { invName, pan, mobile, email } = this.props;\r\n return (\r\n \r\n
\r\n \r\n \r\n {!!pan ? pan : \"NA\"}\r\n
\r\n PAN
\r\n \r\n \r\n {!!mobile ? mobile : \"NA\"}\r\n
\r\n \r\n \r\n Mobile
\r\n \r\n \r\n {!!email ? email : \"NA\"}\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport TabHeader from \"../../forms/tabHeader\";\r\nimport {\r\n EXPIRING_NEXT_MONTH,\r\n CLOSED_THIS_MONTH,\r\n SIP_INVESTMENTS,\r\n} from \"../../../store/types\";\r\n\r\nexport default class SipSummaryMainTabs extends Component {\r\n render() {\r\n const { active } = this.props;\r\n return (\r\n Email
\r\n \r\n \r\n \r\n \r\n \r\n this.props.history.push(\r\n `${INVESTOR_URL}/details/${ele.pan}`\r\n )\r\n }\r\n />\r\n
\r\n \r\n \r\n
\r\n )}\r\n {!!tableData && tableData.length > 0 ? (\r\n tableData.map((ele, index) => (\r\n \r\n {ele.invname}\r\n
\r\n Folio - {ele.acno}
\r\n )}\r\n \r\n
\r\n \r\n ))\r\n ) : tableData.length === 0 ? (\r\n \r\n
\r\n {this.state.Investmentsbutton === CWS ? (\r\n Email
\r\n \r\n {ele.email}\r\n
\r\n \r\n
\r\n ) : (\r\n Start Date
\r\n \r\n {/*
\r\n \r\n
\r\n )}\r\n {this.state.Investmentsbutton === CWS && (\r\n PAN
\r\n \r\n {/*
\r\n \r\n
\r\n )}\r\n EndDate
\r\n \r\n {ele.EndDate}\r\n
\r\n \r\n
\r\n Mobile Number
\r\n \r\n {ele.mobile}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Image from \"../../Image\";\r\n\r\nexport default class Amc extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport class AMCS extends Component {\r\n render() {\r\n return (\r\n AMCs
\r\n {this.props.name}
\r\n {this.props.aum}
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nexport default class Social extends Component {\r\n render() {\r\n return Social
;\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { DebtbuttonNowidth } from \"../../forms/button\";\r\nimport { Input } from \"../../forms/input\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { connect } from \"react-redux\";\r\nimport { PasswordDialog } from \"../customModal\";\r\nimport { getProfileData, resetPassword } from \"../../../store/actions/profile\";\r\nimport { lastLoginIcon } from \"../../../store/types/appEssentials\";\r\nimport Image from \"../../Image\";\r\n\r\nclass Settings extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n openPasswordModal: false,\r\n };\r\n }\r\n PasswordModal() {\r\n this.setState({\r\n openPasswordModal: true,\r\n });\r\n }\r\n closeModal() {\r\n this.setState({\r\n openPasswordModal: false,\r\n });\r\n }\r\n\r\n componentDidMount() {\r\n this.props.getProfileData({\r\n Agent: this.props.token,\r\n UserId: this.props.userId,\r\n });\r\n }\r\n render() {\r\n const { profileData, reviewList, token } = this.props;\r\n const {\r\n Distributor_Name = \"\",\r\n City = \"\",\r\n MobileNo = \"\",\r\n PAN = \"\",\r\n Email = \"\",\r\n } = profileData;\r\n\r\n return (\r\n \r\n \r\n this.PasswordModal()}\r\n />\r\n
\r\n Profile Settings
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n Self Declaration Status\r\n
\r\n \r\n {reviewList.slice(0, 9).map((item, index) => (\r\n Review
\r\n \r\n \r\n Year\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport class BlueLine extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {fromYear} - {toYear}\r\n
\r\n \r\n \r\n {confirmation}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport class RequestModes extends Component {\r\n render() {\r\n return (\r\n Mailback Requests - Investor
\r\n \r\n \r\n this.props.history.push({\r\n pathname:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? MAILBACK_URL +\r\n \"/investor/investor-selection/mail-back-soa\"\r\n : MAILBACK_URL + \"/investor/investor-selection\",\r\n\r\n state:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? {\r\n name: \"mailBackSoa\",\r\n investorData: this.props.location.state.investorData,\r\n }\r\n : { name: \"mailBackSoa\" },\r\n })\r\n }\r\n />\r\n \r\n this.props.history.push({\r\n pathname:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? MAILBACK_URL +\r\n \"/investor/investor-selection/consolidated-account-statement\"\r\n : MAILBACK_URL + \"/investor/investor-selection\",\r\n state:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? {\r\n name: \"consolidated\",\r\n investorData: this.props.location.state.investorData,\r\n }\r\n : {\r\n name: \"consolidated\",\r\n },\r\n })\r\n }\r\n />\r\n \r\n this.props.history.push({\r\n pathname:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? MAILBACK_URL + \"/investor/investor-selection/ELSS\"\r\n : MAILBACK_URL + \"/investor/investor-selection\",\r\n state:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? {\r\n name: \"ELSS\",\r\n investorData: this.props.location.state.investorData,\r\n }\r\n : {\r\n name: \"ELSS\",\r\n },\r\n })\r\n }\r\n />\r\n {/* \r\n this.props.history.push({\r\n pathname:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? MAILBACK_URL + \"/investor/investor-selection/CAN\"\r\n : MAILBACK_URL + \"/investor/investor-selection\",\r\n state:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? {\r\n name: \"CAN\",\r\n investorData: this.props.location.state.investorData,\r\n }\r\n : {\r\n name: \"CAN\",\r\n },\r\n })\r\n }\r\n /> */}\r\n \r\n this.props.history.push({\r\n pathname:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? MAILBACK_URL + \"/investor/investor-selection/CGS\"\r\n : MAILBACK_URL + \"/investor/investor-selection\",\r\n state:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? {\r\n name: \"CGS\",\r\n investorData: this.props.location.state.investorData,\r\n }\r\n : {\r\n name: \"CGS\",\r\n },\r\n })\r\n }\r\n />\r\n \r\n this.props.history.push({\r\n pathname:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? MAILBACK_URL + \"/investor/investor-selection/GAS\"\r\n : MAILBACK_URL + \"/investor/investor-selection\",\r\n state:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? {\r\n name: \"GAS\",\r\n investorData: this.props.location.state.investorData,\r\n }\r\n : {\r\n name: \"GAS\",\r\n },\r\n })\r\n }\r\n />\r\n\r\n \r\n this.props.history.push({\r\n pathname:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? MAILBACK_URL + \"/investor/investor-selection/GAS\"\r\n : MAILBACK_URL + \"/investor/investor-selection\",\r\n state:\r\n this.props.location.state &&\r\n this.props.location.state.investorData\r\n ? {\r\n name: \"Networth\",\r\n investorData: this.props.location.state.investorData,\r\n }\r\n : {\r\n name: \"Networth\",\r\n },\r\n })\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport TableData from \"../tableData\";\r\nimport Breadcrumbs from \"@material-ui/core/Breadcrumbs\";\r\nimport NavigateNextIcon from \"@material-ui/icons/NavigateNext\";\r\nimport Search from \"../searchComponent\";\r\nimport { ALL } from \"../../../store/types\";\r\nimport { connect } from \"react-redux\";\r\nimport { getInvestors } from \"../../../store/actions\";\r\nimport { MAILBACK_URL } from \".\";\r\nimport Image from \"../../Image\";\r\n\r\nclass InvestorSelection extends Component {\r\n componentDidMount() {\r\n this.props.getInvestors({\r\n ARN: this.props.token,\r\n customfund: \"189\",\r\n AllFavFlag: \"A\",\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n a
\r\n \r\n {this.props.name}\r\n
\r\n \r\n
\r\n\r\n \r\n this.props.history.push(MAILBACK_URL)}\r\n >\r\n Mail Back Request\r\n
*/}\r\n \r\n \r\n this.props.history.push(MAILBACK_URL + \"/investor\")\r\n }\r\n className=\"breadcrumbs-unselect-label\"\r\n >\r\n Mailback Types\r\n {/* {!!this.props.location &&\r\n this.props.location.state.name === \"consolidated\"\r\n ? \"Consolidated Account Statement\"\r\n : this.props.location.state.name === \"ELSS\"\r\n ? \"ELSS Account Statment\"\r\n : this.props.location.state.name === \"CAN\"\r\n ? \"CAN Based Account Statment\"\r\n : this.props.location.state.name === \"CGS\"\r\n ? \"Capital Gains Statment\"\r\n : this.props.location.state.name === \"GAS\"\r\n ? \"Grandfathering Account Statment\"\r\n : this.props.location.state.name === \"Networth\"\r\n ? \"Networth Report\"\r\n : \"Mail back Types\"} */}\r\n
\r\n {/* Investors Selection
\r\n \r\n \r\n sumbit process
;\r\n }\r\n}\r\n","export const ASON = \"ASON\";\r\nexport const BETWEEN = \"BETWEEN\";\r\nexport const SINGLESOA = \"SINGLESSOA\";\r\nexport const MULTISOA = \"MULTISOA\";\r\nexport const SUMMARY = \"SUMMARY\";\r\nexport const DETAILED = \"DETAILED\";\r\nexport const CURRENTFINANCIALYEAR = \"CURRENTFINANCIALYEAR\";\r\nexport const PREVIOUSFINANCIALYEAR = \"PREVIOUSFINANCIALYEAR\";\r\nexport const SPECIFICPERIOD = \"SPECIFICPERIOD\";\r\n\r\n","import React, { Component } from \"react\";\r\nimport { List } from \"../transactions/nfoAndNewPurchase\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { connect } from \"react-redux\";\r\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\r\nimport { Input } from \"../../forms/input\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport DateFnsUtils from \"@date-io/date-fns\";\r\nimport CustomizedDialogs from \"../../home/customModal\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport {\r\n ASON,\r\n BETWEEN,\r\n SINGLESOA,\r\n MULTISOA,\r\n} from \"../../../store/types/mailBack\";\r\nimport {\r\n GET_FUNDS_LIST,\r\n GET_FUNDS_LIST_SUCCESS,\r\n GET_FUNDS_LIST_FAILED,\r\n ALL,\r\n} from \"../../../store/types\";\r\nimport {\r\n getInvestorDetails,\r\n getNewPurchaseFundList,\r\n} from \"../../../store/actions\";\r\nimport {\r\n getDistFoliobyPan,\r\n getMailbackSoaStatus,\r\n // getNewPurchaseFundList\r\n} from \"../../../store/actions/mailback\";\r\nimport {\r\n Select,\r\n Checkbox,\r\n ListItemText,\r\n Input as MaterialInput,\r\n} from \"@material-ui/core\";\r\nimport { DASHBOARD_URL } from \"../dashboard\";\r\nimport { BajajFund } from \"../nav\";\r\nimport { MailBackBreadCrumb } from \"./mailBack\";\r\nclass MailBackSoa extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n names: [\"sai\", \"anil\", \"ravi\"],\r\n selectedNames: [],\r\n asDate: { value: null, error: false },\r\n DateON: ASON,\r\n fromDate: { value: null, error: false, errorMessage: \"\" },\r\n toDate: { value: null, error: false, errorMessage: \"\" },\r\n funds: [],\r\n fund: { value: \"\" },\r\n folios: [],\r\n selectednamevaluecheck: \"\",\r\n folio: { value: \"\" },\r\n soaValue: SINGLESOA,\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n open: false,\r\n showPassword: false,\r\n confirmShowPassword: false,\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n const params = {\r\n PAN: this.props.investorData.PAN,\r\n Fund: \"189\",\r\n customfund: \"189\",\r\n Agent: this.props.token,\r\n };\r\n const response = await this.props.getDistFoliobyPan(params);\r\n if (response) {\r\n this.setState({\r\n folios: response.DtData.reduce((prev, curr) => {\r\n const alreadyExist = prev.find((item) => item === curr.acno);\r\n if (alreadyExist) {\r\n return prev;\r\n }\r\n return [...prev, curr.acno];\r\n }, []),\r\n });\r\n }\r\n }\r\n changeDateOn = (event) => () => {\r\n this.setState({\r\n DateON: event,\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n fund: { value: \"\" },\r\n selectedNames: [],\r\n });\r\n };\r\n changeSoaValue = (event) => () => {\r\n this.setState({\r\n soaValue: event,\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n };\r\n\r\n handlechange = (event) => {\r\n const { selectedNames } = this.state;\r\n const { value } = event.target;\r\n if (selectedNames.includes(value)) {\r\n this.setState({\r\n selectedNames: selectedNames.filter((item) => item !== value),\r\n });\r\n } else {\r\n this.setState({\r\n selectedNames: [...selectedNames, value],\r\n });\r\n }\r\n };\r\n\r\n handleChangeFunds = async (value) => {\r\n if (value.value === this.state.fund.value.value) {\r\n return;\r\n } else {\r\n this.setState({\r\n fund: { value },\r\n selectedNames: [],\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n if (!!value) {\r\n const params = {\r\n PAN: this.props.investorData.PAN,\r\n Fund: \"189\",\r\n Agent: this.props.token,\r\n };\r\n const response = await this.props.getDistFoliobyPan(params);\r\n if (response) {\r\n this.setState({\r\n folios: response.DtData.reduce((prev, curr) => {\r\n const alreadyExist = prev.find((item) => item === curr.acno);\r\n if (alreadyExist) {\r\n return prev;\r\n }\r\n return [...prev, curr.acno];\r\n }, []),\r\n });\r\n }\r\n }\r\n }\r\n };\r\n handleChangefolio = (event) => {\r\n const folio = event.target.value;\r\n if (this.state.fund.value === \"\") {\r\n this.setState({\r\n selectedNames: [],\r\n });\r\n } else {\r\n this.setState({\r\n folio: { value: folio },\r\n soaValue: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n }\r\n };\r\n handleChangeSelfextractPassWord = (event) => {\r\n this.setState({\r\n selfExtract: { value: event.target.value },\r\n });\r\n };\r\n handleChangeConfirmSelfextractPassWord = (event) => {\r\n this.setState({\r\n confirmSelfExtract: { value: event.target.value },\r\n });\r\n };\r\n\r\n handleChangeSelfPassword = (event) => {\r\n this.setState({\r\n selfPassword: { value: event.target.value },\r\n });\r\n };\r\n handleChangeConfirmSelfPassword = (event) => {\r\n this.setState({\r\n ConfirmSelfPassword: { value: event.target.value },\r\n });\r\n };\r\n\r\n submit = async () => {\r\n const {\r\n selectedNames,\r\n asDate,\r\n showPassword,\r\n confirmShowPassword,\r\n selectednamevaluecheck,\r\n DateON,\r\n fund,\r\n fromDate,\r\n toDate,\r\n funds,\r\n folios,\r\n folio,\r\n soaValue,\r\n names,\r\n open,\r\n ...others\r\n } = this.state;\r\n const keys = Object.keys(others);\r\n const d2 = new Date(this.state.fromDate.value).setHours(12, 0, 0, 0);\r\n const d3 = new Date(this.state.toDate.value).setHours(12, 0, 0, 0);\r\n const findError = keys.every((key) => !!others[key].value);\r\n\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"selfPassword\"\r\n ? \"Self-Password\"\r\n : key === \"ConfirmSelfPassword\"\r\n ? \"Confirm Self-Password\"\r\n : \"\"\r\n } is mandatory`,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !others[key].value);\r\n return;\r\n } else if (this.state.selectedNames === []) {\r\n this.setState({\r\n password: {\r\n ...others[\"folio\"],\r\n isError: true,\r\n },\r\n });\r\n return;\r\n } else if (\r\n (d2===d3 ) &&\r\n this.state.DateON === \"BETWEEN\"\r\n ) {\r\n this.setState({\r\n toDate: { error: true, errorMessage: \"Start date and End date cannot be same\" },\r\n })\r\n} else if (\r\n others.selfPassword.value === \"\" ||\r\n others.selfPassword.value !== others.ConfirmSelfPassword.value ||\r\n (!!others.selfPassword.value &&\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n others.selfPassword.value\r\n ))\r\n ) {\r\n if (\r\n !!others.selfPassword.value &&\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n others.selfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `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)`,\r\n },\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n },\r\n });\r\n } else if (others.selfPassword.value === \"\") {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Self-password is mandatory`,\r\n },\r\n });\r\n } else if (\r\n others.selfPassword.value !== others.ConfirmSelfPassword.value\r\n ) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Password Mismatch`,\r\n },\r\n });\r\n }\r\n\r\n return;\r\n } else if (others.ConfirmSelfPassword.value === \"\") {\r\n this.setState({\r\n password: {\r\n ...others[\"ConfirmSelfPassword\"],\r\n isError: true,\r\n errorMessage: `Confirm Self-password is mandatory`,\r\n },\r\n });\r\n return;\r\n } else if (!!d2 && !!d3 && d2 > d3 && this.state.DateON !== ASON) {\r\n this.setState({\r\n toDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"Start date should be earlier than End date\",\r\n },\r\n });\r\n } else if (\r\n (this.state.fromDate.value === null ||\r\n this.state.toDate.value === null) &&\r\n this.state.DateON !== ASON\r\n ) {\r\n if (this.state.fromDate.value === null) {\r\n this.setState({\r\n fromDate: { error: true, errorMessage: \"Start Date is mandatory\" },\r\n });\r\n }\r\n if (this.state.toDate.value === null) {\r\n this.setState({\r\n toDate: { error: true, errorMessage: \"End Date is mandatory\" },\r\n });\r\n }\r\n } else {\r\n if (selectedNames.length === 0) {\r\n this.setState({\r\n selectednamevaluecheck: true\r\n })\r\n return;\r\n }\r\n else {\r\n this.setState({\r\n selectednamevaluecheck: false\r\n })\r\n }\r\n\r\n const params = {\r\n UserId: this.props.userId,\r\n Zippwd: this.state.selfPassword.value,\r\n RepType: \"SOA\",\r\n Arn: this.props.token,\r\n Pan: this.props.investorData.PAN,\r\n Acno: this.state.selectedNames.join(),\r\n Freq: this.state.soaValue === SINGLESOA ? \"S\" : \"M\",\r\n Fund: \"189\",\r\n customfund: \"189\",\r\n stdt:\r\n this.state.DateON === ASON\r\n ? \"\"\r\n : this.state.fromDate.value\r\n ? this.state.fromDate.value.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"numeric\",\r\n })\r\n : \"\",\r\n EndDt:\r\n this.state.DateON === ASON\r\n ? \"\"\r\n : this.state.toDate.value.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"numeric\",\r\n }),\r\n };\r\n\r\n const response = await this.props.getMailbackSoaStatus(params);\r\n\r\n if (response) {\r\n this.setState({\r\n open: true,\r\n });\r\n }\r\n }\r\n };\r\n\r\n showError = (label) => (event) => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n\r\n if (label === \"selfPassword\") {\r\n if (\r\n this.state.selfPassword.value === \"\" ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n selfPassword: {\r\n isError: true,\r\n errorMessage: `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)`,\r\n },\r\n });\r\n return;\r\n }\r\n } else if (this.state.selfPassword.value === \"\") {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Password is mandatory`,\r\n },\r\n });\r\n return;\r\n }\r\n } else if (label === \"email\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) === false\r\n ? true\r\n : !value,\r\n errorMessage:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) === false\r\n ? `Enter an vaild Email Id`\r\n : \"\",\r\n },\r\n });\r\n } else if (label === \"ConfirmSelfPassword\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n this.state.selfPassword.value !==\r\n this.state.ConfirmSelfPassword.value ||\r\n this.state.ConfirmSelfPassword.value === \"\"\r\n ? true\r\n : !value,\r\n errorMessage:\r\n this.state.selfPassword.value !==\r\n this.state.ConfirmSelfPassword.value ||\r\n this.state.ConfirmSelfPassword.value === \"\"\r\n ? `The Password and Confirm Password do not match`\r\n : \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n },\r\n });\r\n }\r\n };\r\n\r\n closeModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.replace(DASHBOARD_URL);\r\n };\r\n\r\n onDateChange = (label, event) => {\r\n this.setState({ [label]: { value: event } });\r\n };\r\n render() {\r\n const { investorData, fundsList } = this.props;\r\n const {\r\n selectedNames,\r\n DateON,\r\n fund,\r\n folios,\r\n soaValue,\r\n ConfirmSelfPassword,\r\n selfPassword,\r\n } = this.state;\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer, transactions }) => {\r\n const { investorData, userId, token } = authReducer;\r\n const { fundsList } = transactions;\r\n return { investorData, userId, token, fundsList };\r\n },\r\n {\r\n getInvestorDetails,\r\n getNewPurchaseFundList,\r\n getDistFoliobyPan,\r\n getMailbackSoaStatus,\r\n }\r\n)(MailBackSoa);\r\n","import React, { Component } from \"react\";\r\nimport { List } from \"../transactions/nfoAndNewPurchase\";\r\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { connect } from \"react-redux\";\r\nimport { Input } from \"../../forms/input\";\r\nimport DateFnsUtils from \"@date-io/date-fns\";\r\n\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport { getAccountStatement } from \"../../../store/actions/mailback\";\r\nimport {\r\n SUMMARY,\r\n DETAILED,\r\n CURRENTFINANCIALYEAR,\r\n PREVIOUSFINANCIALYEAR,\r\n SPECIFICPERIOD,\r\n} from \"../../../store/types/mailBack\";\r\nimport CustomizedDialogs from \"../../home/customModal\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\n\r\nimport { MailBackBreadCrumb } from \"./mailBack\";\r\nimport { DASHBOARD_URL } from \"../dashboard\";\r\nimport moment from \"moment\";\r\n\r\n\r\nclass Cas extends Component {\r\n constructor(props) {\r\n super(props);\r\n const reformtStDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\r\n this.state = {\r\n summaryData: SUMMARY,\r\n DetailedData: CURRENTFINANCIALYEAR,\r\n AsDate: new Date(),\r\n startDate: {\r\n value:\r\n d2 > d3\r\n ? new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n : new Date().setFullYear(new Date().getFullYear(), 3, 1),\r\n error: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n open: false,\r\n showPassword: false,\r\n confirmShowPassword: false,\r\n };\r\n }\r\n componentDidMount() {\r\n const reformtStDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\r\n this.setState({\r\n summaryData: SUMMARY,\r\n DetailedData: CURRENTFINANCIALYEAR,\r\n AsDate: new Date(),\r\n startDate: {\r\n value:\r\n d2 > d3\r\n ? new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n : new Date().setFullYear(new Date().getFullYear(), 3, 1),\r\n error: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n open: false,\r\n showPassword: false,\r\n confirmShowPassword: false,\r\n });\r\n }\r\n onDateChange = (label, event) => {\r\n if (label === \"endDate\" && !!this.state.startDate.value && !!event) {\r\n const reformtStDt = this.state.startDate.value.toLocaleDateString(\r\n \"en-US\",\r\n {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n }\r\n );\r\n\r\n const changeEndDt = event.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeEndDt).setHours(12, 0, 0, 0);\r\n if (d2 > d3) {\r\n console.log(label, \"skdfjhsd\");\r\n this.setState({\r\n [label]: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"Start Date should be earlier than End Date\",\r\n },\r\n });\r\n return;\r\n } else {\r\n this.setState({\r\n [label]: { value: event, errorMessage: \"\", error: false },\r\n });\r\n }\r\n } else if (label === \"startDate\") {\r\n this.setState({\r\n [label]: { value: event },\r\n endDate: { value: null, error: \"\", errorMessage: \"\" },\r\n });\r\n }\r\n };\r\n changesummaryData = (event) => () => {\r\n this.setState({\r\n summaryData: event,\r\n email: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n };\r\n\r\n ChangeDetailedData = (event) => () => {\r\n if (event === PREVIOUSFINANCIALYEAR) {\r\n const reformtStDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\r\n\r\n const reformtEndDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 2, 31)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeEndDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d4 = new Date(reformtEndDt).setHours(12, 0, 0, 0);\r\n const d5 = new Date(changeEndDt).setHours(12, 0, 0, 0);\r\n\r\n this.setState({\r\n DetailedData: event,\r\n startDate: {\r\n value:\r\n d2 > d3\r\n ? new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n )\r\n : new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 2, 3, 1)\r\n ),\r\n },\r\n endDate: {\r\n value:\r\n d4 > d5\r\n ? new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 1, 2, 31)\r\n )\r\n : new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 2, 31)\r\n ),\r\n },\r\n email: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n } else if (event === SPECIFICPERIOD) {\r\n this.setState({\r\n DetailedData: event,\r\n startDate: { value: null },\r\n endDate: { value: null },\r\n email: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n } else if (event === CURRENTFINANCIALYEAR) {\r\n const reformtStDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\r\n this.setState({\r\n DetailedData: event,\r\n startDate: {\r\n value:\r\n d2 > d3\r\n ? new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n : new Date().setFullYear(new Date().getFullYear(), 3, 1),\r\n },\r\n endDate: { value: new Date() },\r\n email: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n }\r\n };\r\n\r\n handleChangeSelfPassword = (event) => {\r\n this.setState({\r\n selfPassword: { value: event.target.value },\r\n });\r\n };\r\n handleChangeConfirmSelfPassword = (event) => {\r\n this.setState({\r\n ConfirmSelfPassword: { value: event.target.value },\r\n });\r\n };\r\n handleChangeEmail = (event) => {\r\n this.setState({\r\n email: { value: event.target.value },\r\n });\r\n };\r\n showError = (label) => (event) => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n\r\n if (label === \"selfPassword\") {\r\n if (\r\n this.state.selfPassword.value === \"\" ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n selfPassword: {\r\n isError: true,\r\n errorMessage: `Password should be at least 8 characters in length and should contain at least 1 Upper Case alphabet(A-Z).1 Special Character and 1 Numeric Value (0-9)`,\r\n },\r\n });\r\n return;\r\n }\r\n } else if (this.state.selfPassword.value === \"\") {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Password is mandatory`,\r\n },\r\n });\r\n return;\r\n }\r\n } else if (label === \"email\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) === false\r\n ? true\r\n : !value,\r\n errorMessage:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) === false\r\n ? `Enter an vaild Email ID`\r\n : \"\",\r\n },\r\n });\r\n } else if (label === \"ConfirmSelfPassword\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n this.state.selfPassword.value !==\r\n this.state.ConfirmSelfPassword.value ||\r\n this.state.ConfirmSelfPassword.value === \"\"\r\n ? true\r\n : !value,\r\n errorMessage:\r\n this.state.selfPassword.value !==\r\n this.state.ConfirmSelfPassword.value ||\r\n this.state.ConfirmSelfPassword.value === \"\"\r\n ? `The Password and Confirm Password do not match`\r\n : \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n },\r\n });\r\n }\r\n };\r\n closeYesModal = () => {\r\n this.setState({\r\n summaryData: SUMMARY,\r\n DetailedData: CURRENTFINANCIALYEAR,\r\n AsDate: new Date(),\r\n startDate: {\r\n value: new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)),\r\n error: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n open: false,\r\n });\r\n this.props.history.replace(DASHBOARD_URL);\r\n };\r\n closeNoModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.replace(\"/\");\r\n };\r\n submit = async () => {\r\n let asDateValue, startDateValue, endDateValue;\r\n if (!!this.state.AsDate.value) {\r\n asDateValue = this.state.AsDate.value.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"numeric\",\r\n });\r\n }\r\n if (!!this.state.startDate.value && this.state.summaryData === DETAILED) {\r\n startDateValue = new Date(this.state.startDate.value).toLocaleDateString(\r\n \"en-US\",\r\n {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"numeric\",\r\n }\r\n );\r\n }\r\n if (!!this.state.endDate.value && this.state.summaryData === DETAILED) {\r\n endDateValue = new Date(this.state.endDate.value).toLocaleDateString(\r\n \"en-US\",\r\n {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"numeric\",\r\n }\r\n );\r\n }\r\n if (!this.state.startDate.value && this.state.DetailedData === SPECIFICPERIOD) {\r\n this.setState({\r\n startDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"Start Date is mandatory\",\r\n },\r\n });\r\n return;\r\n }\r\n if (!this.state.endDate.value && this.state.DetailedData === SPECIFICPERIOD) {\r\n this.setState({\r\n endDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"End Date is mandatory\",\r\n },\r\n });\r\n return;\r\n }\r\n\r\n\r\n const {\r\n AsDate,\r\n startDate,\r\n endDate,\r\n ConfirmSelfPassword,\r\n showPassword,\r\n confirmShowPassword,\r\n selfPassword,\r\n email,\r\n ...others\r\n } = this.state;\r\n\r\n if (\r\n !this.state.selfPassword.value ||\r\n !this.state.ConfirmSelfPassword.value ||\r\n !this.state.email.value ||\r\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n ) ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.ConfirmSelfPassword.value\r\n ) ||\r\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\r\n ) {\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isShowPasswordError: true,\r\n },\r\n });\r\n }\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.ConfirmSelfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isShowPasswordError: true,\r\n },\r\n });\r\n }\r\n if (!this.state.selfPassword.value) {\r\n this.setState({\r\n selfPassword: {\r\n ...others[\"selfPassword\"],\r\n isError: true,\r\n errorMessage: `Self-password is mandatory`,\r\n },\r\n });\r\n }\r\n if (!this.state.ConfirmSelfPassword.value) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n ...others[\"ConfirmSelfPassword\"],\r\n isError: true,\r\n errorMessage: `Confirm Self-password is mandatory`,\r\n },\r\n });\r\n }\r\n if (\r\n !this.state.email.value ||\r\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n )\r\n ) {\r\n if (!this.state.email.value) {\r\n this.setState({\r\n email: {\r\n ...others[\"email\"],\r\n isError: true,\r\n errorMessage: `Email Id is mandatory`,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n email: {\r\n ...others[\"email\"],\r\n isError: true,\r\n errorMessage: `Please enter a valid Email Id`,\r\n },\r\n });\r\n }\r\n }\r\n if (\r\n !!this.state.ConfirmSelfPassword &&\r\n !!this.state.selfPassword &&\r\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\r\n ) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `The Password and Confirm Password do not match`,\r\n },\r\n });\r\n }\r\n } else {\r\n const { investorData } = this.props;\r\n const params = {\r\n Soapwd: this.state.selfPassword.value,\r\n customfund: \"189\",\r\n ToDate:\r\n this.state.summaryData === SUMMARY\r\n ? moment(new Date()).format(\"MM/DD/YYYY\")\r\n : endDateValue,\r\n FromDate:\r\n this.state.summaryData === SUMMARY ? \"01/01/1970\" : startDateValue,\r\n userid: this.state.email.value,\r\n Brokermail: this.state.email.value,\r\n Soaflag: \"C\",\r\n Pan: !!investorData && !!investorData.PAN ? investorData.PAN : \"\",\r\n Fund: \"0\",\r\n EmailId: this.state.email.value,\r\n Folio: \"0\",\r\n ReqBy: \"a\",\r\n LoginFlag: \"Y\",\r\n StmtFlag: this.state.summaryData === SUMMARY ? \"Summary\" : \"Detailed\",\r\n Broker: \"\",\r\n };\r\n console.log(params, \"params\");\r\n const response = await this.props.getAccountStatement(params);\r\n if (response) {\r\n this.setState({\r\n open: true,\r\n });\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n const { investorData } = this.props;\r\n const {\r\n summaryData,\r\n DetailedData,\r\n selfPassword,\r\n ConfirmSelfPassword,\r\n email,\r\n } = this.state;\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n Mailback SOA
\r\n \r\n
\r\n {DateON === ASON ? (\r\n \r\n \r\n this.onDateChange(\"toDate\", e)}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n maxDate={new Date()}\r\n id=\"mui-pickers-date\"\r\n disabled={true}\r\n value={new Date()}\r\n />\r\n \r\n
\r\n ) : (\r\n As on Date
\r\n \r\n \r\n this.onDateChange(\"fromDate\", e)}\r\n style={{\r\n border:\r\n this.state.fromDate.error === true\r\n ? \"1px solid red\"\r\n : \"1px solid #a6a6a6\",\r\n borderTop:\r\n this.state.fromDate.error === true\r\n ? \"2px solid red\"\r\n : \"2px solid #a6a6a6\",\r\n borderRadius:\r\n this.state.fromDate.error === true ? 7 : 7,\r\n }}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n maxDate={new Date()}\r\n margin=\"normal\"\r\n id=\"mui-pickers-date\"\r\n value={this.state.fromDate.value}\r\n />\r\n \r\n {!!this.state.fromDate.errorMessage ? (\r\n \r\n {this.state.fromDate.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n\r\n Start Date
\r\n \r\n \r\n this.onDateChange(\"toDate\", e)}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n maxDate={new Date()}\r\n margin=\"normal\"\r\n id=\"mui-pickers-date\"\r\n value={this.state.toDate.value}\r\n />\r\n \r\n {!!this.state.toDate.errorMessage ? (\r\n \r\n {this.state.toDate.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n End Date
\r\n \r\n
\r\n \r\n Folio
\r\n \r\n Select atleast one folio\r\n
\r\n }\r\n\r\n \r\n
\r\n SOA Type
\r\n \r\n
\r\n \r\n {\r\n this.setState({\r\n showPassword: !this.state.showPassword,\r\n });\r\n }}\r\n value={selfPassword.value}\r\n onBlur={this.showError(\"selfPassword\")}\r\n isShowError={selfPassword.isError}\r\n errorMessage={selfPassword.errorMessage}\r\n bordercolor=\"#a6a6a6\"\r\n inputref={(ele) => (this.selfPasswordField = ele)}\r\n />\r\n
\r\n \r\n {\r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n });\r\n }}\r\n height={!!this.state.confirmShowPassword ? 10 : 15}\r\n onChange={this.handleChangeConfirmSelfPassword}\r\n value={ConfirmSelfPassword.value}\r\n onBlur={this.showError(\"ConfirmSelfPassword\")}\r\n isShowError={ConfirmSelfPassword.isError}\r\n errorMessage={ConfirmSelfPassword.errorMessage}\r\n bordercolor=\"#a6a6a6\"\r\n inputref={(ele) => (this.ConfirmSelfPasswordField = ele)}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const { investorData, userId } = authReducer;\r\n // const userid = authReducer.userId;\r\n return { investorData, userId };\r\n },\r\n { getAccountStatement }\r\n)(Cas);\r\n","import React, { Component } from \"react\";\r\nimport { List } from \"../transactions/nfoAndNewPurchase\";\r\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { connect } from \"react-redux\";\r\nimport { Input } from \"../../forms/input\";\r\nimport DateFnsUtils from \"@date-io/date-fns\";\r\n\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport { getElssStatment } from \"../../../store/actions/mailback\";\r\nimport {\r\n SUMMARY,\r\n DETAILED,\r\n CURRENTFINANCIALYEAR,\r\n PREVIOUSFINANCIALYEAR,\r\n SPECIFICPERIOD,\r\n} from \"../../../store/types/mailBack\";\r\nimport CustomizedDialogs from \"../../home/customModal\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\n\r\nimport { MailBackBreadCrumb } from \"./mailBack\";\r\nimport { DASHBOARD_URL } from \"../dashboard\";\r\nimport moment from \"moment\";\r\n\r\nclass ELSS extends Component {\r\n constructor(props) {\r\n super(props);\r\n const reformtStDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\r\n this.state = {\r\n summaryData: SUMMARY,\r\n DetailedData: CURRENTFINANCIALYEAR,\r\n AsDate: new Date(),\r\n startDate: {\r\n value:\r\n d2 > d3\r\n ? new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n : new Date().setFullYear(new Date().getFullYear(), 3, 1),\r\n error: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n open: false,\r\n showPassword: false,\r\n confirmShowPassword: false,\r\n };\r\n }\r\n componentDidMount() {\r\n const reformtStDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\r\n this.setState({\r\n summaryData: SUMMARY,\r\n DetailedData: CURRENTFINANCIALYEAR,\r\n AsDate: new Date(),\r\n startDate: {\r\n value:\r\n d2 > d3\r\n ? new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n : new Date().setFullYear(new Date().getFullYear(), 3, 1),\r\n error: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n open: false,\r\n showPassword: false,\r\n confirmShowPassword: false,\r\n });\r\n }\r\n onDateChange = (label, event) => {\r\n if (label === \"endDate\" && !!this.state.startDate.value && !!event) {\r\n const reformtStDt = this.state.startDate.value.toLocaleDateString(\r\n \"en-US\",\r\n {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n }\r\n );\r\n\r\n const changeEndDt = event.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeEndDt).setHours(12, 0, 0, 0);\r\n if (d2 > d3) {\r\n this.setState({\r\n [label]: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"Start Date should be earlier than End Date\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: { value: event, errorMessage: \"\", error: false },\r\n });\r\n }\r\n } else if (label === \"startDate\") {\r\n this.setState({\r\n [label]: { value: event },\r\n endDate: { value: null, error: \"\", errorMessage: \"\" },\r\n });\r\n }\r\n };\r\n changesummaryData = (event) => () => {\r\n this.setState({\r\n summaryData: event,\r\n email: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n };\r\n\r\n ChangeDetailedData = (event) => () => {\r\n if (event === PREVIOUSFINANCIALYEAR) {\r\n const reformtStDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\r\n\r\n const reformtEndDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 2, 31)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeEndDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d4 = new Date(reformtEndDt).setHours(12, 0, 0, 0);\r\n const d5 = new Date(changeEndDt).setHours(12, 0, 0, 0);\r\n this.setState({\r\n DetailedData: event,\r\n startDate: {\r\n value:\r\n d2 > d3\r\n ? new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n )\r\n : new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 2, 3, 1)\r\n ),\r\n },\r\n endDate: {\r\n value:\r\n d4 > d5\r\n ? new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 1, 2, 31)\r\n )\r\n : new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 2, 31)\r\n ),\r\n },\r\n email: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n } else if (event === SPECIFICPERIOD) {\r\n this.setState({\r\n DetailedData: event,\r\n startDate: { value: null },\r\n endDate: { value: null },\r\n email: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n } else if (event === CURRENTFINANCIALYEAR) {\r\n const reformtStDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\r\n this.setState({\r\n DetailedData: event,\r\n startDate: {\r\n value:\r\n d2 > d3\r\n ? new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n : new Date().setFullYear(new Date().getFullYear(), 3, 1),\r\n },\r\n endDate: { value: new Date() },\r\n email: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n }\r\n };\r\n\r\n handleChangeSelfPassword = (event) => {\r\n this.setState({\r\n selfPassword: { value: event.target.value },\r\n });\r\n };\r\n handleChangeConfirmSelfPassword = (event) => {\r\n this.setState({\r\n ConfirmSelfPassword: { value: event.target.value },\r\n });\r\n };\r\n handleChangeEmail = (event) => {\r\n this.setState({\r\n email: { value: event.target.value },\r\n });\r\n };\r\n showError = (label) => (event) => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n\r\n if (label === \"selfPassword\") {\r\n if (\r\n this.state.selfPassword.value === \"\" ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n selfPassword: {\r\n isError: true,\r\n errorMessage: `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)`,\r\n },\r\n });\r\n return;\r\n }\r\n } else if (this.state.selfPassword.value === \"\") {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Password is mandatory`,\r\n },\r\n });\r\n return;\r\n }\r\n } else if (label === \"email\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) === false\r\n ? true\r\n : !value,\r\n errorMessage:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) === false\r\n ? `Enter an vaild Email ID`\r\n : \"\",\r\n },\r\n });\r\n } else if (label === \"ConfirmSelfPassword\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n this.state.selfPassword.value !==\r\n this.state.ConfirmSelfPassword.value ||\r\n this.state.ConfirmSelfPassword.value === \"\"\r\n ? true\r\n : !value,\r\n errorMessage:\r\n this.state.selfPassword.value !==\r\n this.state.ConfirmSelfPassword.value ||\r\n this.state.ConfirmSelfPassword.value === \"\"\r\n ? `The Password and Confirm Password do not match`\r\n : \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n },\r\n });\r\n }\r\n };\r\n closeYesModal = () => {\r\n this.setState({\r\n summaryData: SUMMARY,\r\n DetailedData: CURRENTFINANCIALYEAR,\r\n AsDate: new Date(),\r\n startDate: {\r\n value: new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)),\r\n error: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n open: false,\r\n });\r\n this.props.history.replace(DASHBOARD_URL);\r\n };\r\n closeNoModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.replace( \"/\");\r\n };\r\n submit = async () => {\r\n let asDateValue, startDateValue, endDateValue;\r\n if (!!this.state.AsDate.value) {\r\n asDateValue = new Date(this.state.AsDate.value).toLocaleDateString(\r\n \"en-US\",\r\n {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"numeric\",\r\n }\r\n );\r\n }\r\n if (!!this.state.startDate.value && this.state.summaryData === DETAILED) {\r\n startDateValue = new Date(this.state.startDate.value).toLocaleDateString(\r\n \"en-US\",\r\n {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"numeric\",\r\n }\r\n );\r\n }\r\n if (!!this.state.endDate.value && this.state.summaryData === DETAILED) {\r\n endDateValue = new Date(this.state.endDate.value).toLocaleDateString(\r\n \"en-US\",\r\n {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"numeric\",\r\n }\r\n );\r\n }\r\n if (!this.state.startDate.value && this.state.DetailedData === SPECIFICPERIOD) {\r\n this.setState({\r\n startDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"Start Date is mandatory\",\r\n },\r\n });\r\n return;\r\n }\r\n if (!this.state.endDate.value && this.state.DetailedData === SPECIFICPERIOD) {\r\n this.setState({\r\n endDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"End Date is mandatory\",\r\n },\r\n });\r\n return;\r\n }\r\n\r\n\r\n const {\r\n AsDate,\r\n startDate,\r\n endDate,\r\n ConfirmSelfPassword,\r\n selfPassword,\r\n showPassword,\r\n confirmShowPassword,\r\n email,\r\n ...others\r\n } = this.state;\r\n\r\n if (\r\n !this.state.selfPassword.value ||\r\n !this.state.ConfirmSelfPassword.value ||\r\n !this.state.email.value ||\r\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n ) ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.ConfirmSelfPassword.value\r\n ) ||\r\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\r\n ) {\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isShowPasswordError: true,\r\n },\r\n });\r\n }\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.ConfirmSelfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isShowPasswordError: true,\r\n },\r\n });\r\n }\r\n if (!this.state.selfPassword.value) {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Self-password is mandatory`,\r\n },\r\n });\r\n }\r\n if (!this.state.ConfirmSelfPassword.value) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Confirm Self-password is mandatory`,\r\n },\r\n });\r\n }\r\n if (\r\n !this.state.email.value ||\r\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n )\r\n ) {\r\n if (!this.state.email.value) {\r\n this.setState({\r\n email: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please enter an Email id`,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n email: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please enter a valid Email ID`,\r\n },\r\n });\r\n }\r\n }\r\n if (\r\n !!this.state.ConfirmSelfPassword &&\r\n !!this.state.selfPassword &&\r\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\r\n ) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `The Password and Confirm Password do not match`,\r\n },\r\n });\r\n }\r\n } else {\r\n const { investorData } = this.props;\r\n const params = {\r\n Soapwd: this.state.selfPassword.value,\r\n ToDate:\r\n this.state.summaryData === SUMMARY\r\n ? moment(new Date()).format(\"MM/DD/YYYY\")\r\n : endDateValue,\r\n FromDate:\r\n this.state.summaryData === SUMMARY ? \"01/01/1970\" : startDateValue,\r\n userid: this.state.email.value,\r\n Brokermail: this.state.email.value,\r\n Soaflag: \"C\",\r\n Pan: !!investorData && !!investorData.PAN ? investorData.PAN : \"\",\r\n Fund: \"0\",\r\n EmailId: this.state.email.value,\r\n Folio: \"0\",\r\n ReqBy: \"a\",\r\n LoginFlag: \"Y\",\r\n customfund: \"189\",\r\n StmtFlag: this.state.summaryData === SUMMARY ? \"Summary\" : \"Detailed\",\r\n Broker: \"\",\r\n };\r\n const response = await this.props.getElssStatment(params);\r\n if (response) {\r\n this.setState({\r\n open: true,\r\n });\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n const { investorData } = this.props;\r\n const {\r\n summaryData,\r\n DetailedData,\r\n selfPassword,\r\n ConfirmSelfPassword,\r\n email,\r\n } = this.state;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n Consolidated Account Statement
\r\n Statement Type
\r\n \r\n
\r\n {summaryData === SUMMARY ? (\r\n \r\n \r\n this.onDateChange(\"AsDate\", e)}\r\n // openTo={true}\r\n disabled={true}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n // minDate={new Date(new Date().setFullYear(1980, 0, 1))}\r\n maxDate={new Date()}\r\n margin=\"normal\"\r\n // animateYearScrolling={true}\r\n id=\"mui-pickers-date\"\r\n value={this.state.AsDate}\r\n />\r\n \r\n
\r\n ) : (\r\n As on Date
\r\n \r\n
\r\n Detailed Options
\r\n \r\n
\r\n \r\n \r\n this.onDateChange(\"startDate\", e)}\r\n // openTo={true}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n disabled={\r\n DetailedData === SPECIFICPERIOD ? false : true\r\n }\r\n minDate={\r\n DetailedData === CURRENTFINANCIALYEAR\r\n ? new Date(\r\n new Date().setFullYear(\r\n new Date().getFullYear(),\r\n 3,\r\n 1\r\n )\r\n )\r\n : DetailedData === SPECIFICPERIOD\r\n ? new Date(new Date().setFullYear(1970, 0, 1))\r\n : \"\"\r\n }\r\n maxDate={new Date()}\r\n margin=\"normal\"\r\n // animateYearScrolling={true}\r\n id=\"mui-pickers-date\"\r\n value={this.state.startDate.value}\r\n />\r\n \r\n {!!this.state.startDate.errorMessage && (\r\n
\r\n Start Date
\r\n \r\n {\" \"}\r\n {this.state.startDate.errorMessage}\r\n
\r\n )}\r\n\r\n \r\n \r\n this.onDateChange(\"endDate\", e)}\r\n // openTo={true}\r\n disableFuture={true}\r\n disabled={\r\n DetailedData === SPECIFICPERIOD ? false : true\r\n }\r\n format=\"dd/MM/yyyy\"\r\n maxDate={\r\n DetailedData === CURRENTFINANCIALYEAR ||\r\n DetailedData === SPECIFICPERIOD\r\n ? new Date()\r\n : DetailedData === PREVIOUSFINANCIALYEAR\r\n ? \"\"\r\n : \"\"\r\n }\r\n // margin=\"normal\"\r\n // animateYearScrolling={true}\r\n id=\"mui-pickers-date\"\r\n value={this.state.endDate.value}\r\n />\r\n \r\n {!!this.state.endDate.errorMessage ? (\r\n \r\n {this.state.endDate.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n End Date\r\n
\r\n \r\n
\r\n \r\n {\r\n this.setState({\r\n showPassword: !this.state.showPassword,\r\n });\r\n }}\r\n onChange={this.handleChangeSelfPassword}\r\n value={selfPassword.value}\r\n onBlur={this.showError(\"selfPassword\")}\r\n isShowError={selfPassword.isError}\r\n errorMessage={selfPassword.errorMessage}\r\n />\r\n
\r\n \r\n {\r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n });\r\n }}\r\n height={!!this.state.confirmShowPassword ? 10 : 15}\r\n onChange={this.handleChangeConfirmSelfPassword}\r\n value={ConfirmSelfPassword.value}\r\n onBlur={this.showError(\"ConfirmSelfPassword\")}\r\n isShowError={ConfirmSelfPassword.isError}\r\n errorMessage={ConfirmSelfPassword.errorMessage}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const { investorData, userId } = authReducer;\r\n // const userid = authReducer.userId;\r\n return { investorData, userId };\r\n },\r\n { getElssStatment }\r\n)(ELSS);\r\n","import React, { Component } from \"react\";\r\nimport { List } from \"../transactions/nfoAndNewPurchase\";\r\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { connect } from \"react-redux\";\r\nimport { Input } from \"../../forms/input\";\r\nimport DateFnsUtils from \"@date-io/date-fns\";\r\n\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport { getcaptialgainStatment } from \"../../../store/actions/mailback\";\r\nimport {\r\n SUMMARY,\r\n DETAILED,\r\n CURRENTFINANCIALYEAR,\r\n PREVIOUSFINANCIALYEAR,\r\n SPECIFICPERIOD,\r\n} from \"../../../store/types/mailBack\";\r\nimport CustomizedDialogs from \"../../home/customModal\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { formatDate } from \"../../forms/captalize\";\r\nimport { MAILBACK_URL } from \".\";\r\nimport { MailBackBreadCrumb } from \"./mailBack\";\r\nimport { DASHBOARD_URL } from \"../dashboard\";\r\n\r\nclass CAN extends Component {\r\n constructor(props) {\r\n super(props);\r\n const reformtStDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\r\n this.state = {\r\n summaryData: SUMMARY,\r\n DetailedData: CURRENTFINANCIALYEAR,\r\n AsDate: new Date(),\r\n startDate: {\r\n value:\r\n d2 > d3\r\n ? new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n : new Date().setFullYear(new Date().getFullYear(), 3, 1),\r\n error: \"\",\r\n isError: \"\",\r\n errorMessage: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\", isError: \"\", errorMessage: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n open: false,\r\n showPassword: false,\r\n confirmShowPassword: false,\r\n };\r\n }\r\n componentDidMount() {\r\n const reformtStDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\r\n this.setState({\r\n summaryData: SUMMARY,\r\n DetailedData: CURRENTFINANCIALYEAR,\r\n AsDate: new Date(),\r\n startDate: {\r\n value:\r\n d2 > d3\r\n ? new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n : new Date().setFullYear(new Date().getFullYear(), 3, 1),\r\n error: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n open: false,\r\n showPassword: false,\r\n confirmShowPassword: false,\r\n });\r\n }\r\n onDateChange = (label, event) => {\r\n console.log(\"hello babaii\");\r\n if (label === \"endDate\" && !!this.state.startDate.value && !!event) {\r\n const reformtStDt = this.state.startDate.value.toLocaleDateString(\r\n \"en-US\",\r\n {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n }\r\n );\r\n\r\n const changeEndDt = event.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeEndDt).setHours(12, 0, 0, 0);\r\n if (d2 > d3) {\r\n this.setState({\r\n [label]: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"Start Date should be earlier than End Date\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: { value: event, errorMessage: \"\", error: false },\r\n });\r\n }\r\n } else if (label === \"startDate\") {\r\n this.setState({\r\n [label]: { value: event },\r\n endDate: { value: null, error: \"\", errorMessage: \"\" },\r\n });\r\n }\r\n };\r\n changesummaryData = (event) => () => {\r\n this.setState({\r\n summaryData: event,\r\n email: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n };\r\n\r\n ChangeDetailedData = (event) => () => {\r\n if (event === PREVIOUSFINANCIALYEAR) {\r\n const reformtStDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\r\n\r\n const reformtEndDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 2, 31)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeEndDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d4 = new Date(reformtEndDt).setHours(12, 0, 0, 0);\r\n const d5 = new Date(changeEndDt).setHours(12, 0, 0, 0);\r\n this.setState({\r\n DetailedData: event,\r\n startDate: {\r\n value:\r\n d2 > d3\r\n ? new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n )\r\n : new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 2, 3, 1)\r\n ),\r\n },\r\n endDate: {\r\n value:\r\n d4 > d5\r\n ? new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 1, 2, 31)\r\n )\r\n : new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 2, 31)\r\n ),\r\n },\r\n email: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n } else if (event === SPECIFICPERIOD) {\r\n this.setState({\r\n DetailedData: event,\r\n startDate: { value: null },\r\n endDate: { value: null },\r\n email: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n } else if (event === CURRENTFINANCIALYEAR) {\r\n const reformtStDt = new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ).toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\r\n this.setState({\r\n DetailedData: event,\r\n startDate: {\r\n value:\r\n d2 > d3\r\n ? new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\r\n : new Date().setFullYear(new Date().getFullYear(), 3, 1),\r\n },\r\n endDate: { value: new Date() },\r\n email: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n });\r\n }\r\n };\r\n\r\n handleChangeSelfPassword = (event) => {\r\n this.setState({\r\n selfPassword: { value: event.target.value },\r\n });\r\n };\r\n handleChangeConfirmSelfPassword = (event) => {\r\n this.setState({\r\n ConfirmSelfPassword: { value: event.target.value },\r\n });\r\n };\r\n handleChangeEmail = (event) => {\r\n this.setState({\r\n email: { value: event.target.value },\r\n });\r\n };\r\n showError = (label) => (event) => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n\r\n if (label === \"selfPassword\") {\r\n if (\r\n this.state.selfPassword.value === \"\" ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n selfPassword: {\r\n isError: true,\r\n errorMessage: `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)`,\r\n },\r\n });\r\n return;\r\n }\r\n } else if (this.state.selfPassword.value === \"\") {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Password is mandatory`,\r\n },\r\n });\r\n return;\r\n }\r\n } else if (label === \"ConfirmSelfPassword\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n this.state.selfPassword.value !==\r\n this.state.ConfirmSelfPassword.value ||\r\n this.state.ConfirmSelfPassword.value === \"\"\r\n ? true\r\n : !value,\r\n errorMessage:\r\n this.state.selfPassword.value !==\r\n this.state.ConfirmSelfPassword.value ||\r\n this.state.ConfirmSelfPassword.value === \"\"\r\n ? `The Password and Confirm Password do not match`\r\n : \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n },\r\n });\r\n }\r\n };\r\n onDateChange = (label, event) => {\r\n this.setState({ [label]: { value: event } });\r\n };\r\n closeYesModal = () => {\r\n this.setState({\r\n summaryData: SUMMARY,\r\n DetailedData: CURRENTFINANCIALYEAR,\r\n AsDate: new Date(),\r\n startDate: {\r\n value: new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)),\r\n error: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n open: false,\r\n });\r\n this.props.history.replace(DASHBOARD_URL);\r\n };\r\n closeNoModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.replace(\"/\");\r\n };\r\n submit = async () => {\r\n let asDateValue, startDateValue, endDateValue;\r\n if (this.state.AsDate.value) {\r\n asDateValue = this.state.AsDate.value.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"numeric\",\r\n });\r\n }\r\n if (this.state.startDate.value) {\r\n startDateValue = this.state.startDate.value.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"numeric\",\r\n });\r\n }\r\n if (this.state.endDate.value) {\r\n endDateValue = this.state.endDate.value.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"numeric\",\r\n });\r\n }\r\n const d2 = !!this.state.startDate.value\r\n ? new Date(this.state.startDate.value).setHours(12, 0, 0, 0)\r\n : \"\";\r\n const d3 = !!this.state.endDate.value\r\n ? new Date(this.state.endDate.value).setHours(12, 0, 0, 0)\r\n : \"\";\r\n\r\n const {\r\n AsDate,\r\n startDate,\r\n endDate,\r\n ConfirmSelfPassword,\r\n selfPassword,\r\n email,\r\n showPassword,\r\n confirmShowPassword,\r\n ...others\r\n } = this.state;\r\n\r\n if (\r\n !this.state.selfPassword.value ||\r\n !this.state.ConfirmSelfPassword.value ||\r\n !this.state.email.value ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n ) ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.ConfirmSelfPassword.value\r\n ) ||\r\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\r\n ) {\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isShowPasswordError: true,\r\n },\r\n });\r\n }\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.ConfirmSelfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isShowPasswordError: true,\r\n },\r\n });\r\n }\r\n if (!this.state.selfPassword.value) {\r\n this.setState({\r\n selfPassword: {\r\n ...others[\"selfPassword\"],\r\n isError: true,\r\n errorMessage: `Self-password is mandatory`,\r\n },\r\n });\r\n }\r\n if (!this.state.ConfirmSelfPassword.value) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n ...others[\"ConfirmSelfPassword\"],\r\n isError: true,\r\n errorMessage: `Confirm Self-password is mandatory`,\r\n },\r\n });\r\n }\r\n if (!this.state.email.value) {\r\n if (!this.state.email.value) {\r\n this.setState({\r\n email: {\r\n ...others[\"email\"],\r\n isError: true,\r\n errorMessage: `CAN is mandatory`,\r\n },\r\n });\r\n }\r\n }\r\n if (\r\n !!this.state.ConfirmSelfPassword &&\r\n !!this.state.selfPassword &&\r\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\r\n ) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Password does not match`,\r\n },\r\n });\r\n }\r\n } else if (!this.state.startDate.value || !this.state.endDate.value) {\r\n if (!this.state.startDate.value) {\r\n this.setState({\r\n startDate: {\r\n value: null,\r\n isError: true,\r\n errorMessage: \"Start date is mandatory\",\r\n },\r\n });\r\n }\r\n if (!this.state.endDate.value) {\r\n this.setState({\r\n endDate: {\r\n value: null,\r\n isError: true,\r\n errorMessage: \"End date is mandatory\",\r\n },\r\n });\r\n }\r\n } else if (!!d2 && !!d3 && d2 > d3) {\r\n this.setState({\r\n endDate: {\r\n value: null,\r\n isError: true,\r\n errorMessage: \"Start date Should be earlier than End date)\",\r\n },\r\n });\r\n } else {\r\n const { investorData } = this.props;\r\n\r\n const params = {\r\n fromdt: formatDate(this.state.startDate.value),\r\n todate: formatDate(this.state.endDate.value),\r\n trtype: \"CAN\",\r\n customfund: \"189\",\r\n PAN: !!investorData && !!investorData.PAN ? investorData.PAN : \"\",\r\n Email: this.state.email.value,\r\n distCode: this.props.token,\r\n Password: this.state.selfPassword.value,\r\n distUid: this.props.userId,\r\n StmtFlag: this.state.summaryData === SUMMARY ? \"Summary\" : \"Detailed\",\r\n };\r\n const response = await this.props.getcaptialgainStatment(params);\r\n\r\n if (response) {\r\n this.setState({\r\n open: true,\r\n });\r\n } else {\r\n this.setState({\r\n email: {\r\n value: \"\",\r\n errorMessage: \"No Email Id for this CAN\",\r\n isError: true,\r\n },\r\n });\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n const { investorData } = this.props;\r\n const {\r\n summaryData,\r\n DetailedData,\r\n selfPassword,\r\n ConfirmSelfPassword,\r\n email,\r\n } = this.state;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n ELSS Account Statement
\r\n Statement Type
\r\n \r\n
\r\n {summaryData === SUMMARY ? (\r\n \r\n \r\n this.onDateChange(\"AsDate\", e)}\r\n // openTo={true}\r\n disabled={true}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n // minDate={new Date(new Date().setFullYear(1980, 0, 1))}\r\n maxDate={new Date()}\r\n margin=\"normal\"\r\n // animateYearScrolling={true}\r\n id=\"mui-pickers-date\"\r\n value={this.state.AsDate}\r\n />\r\n \r\n
\r\n ) : (\r\n As on Date
\r\n \r\n
\r\n Detailed Options
\r\n \r\n
\r\n \r\n \r\n this.onDateChange(\"startDate\", e)}\r\n // openTo={true}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n disabled={\r\n DetailedData === SPECIFICPERIOD ? false : true\r\n }\r\n minDate={\r\n DetailedData === CURRENTFINANCIALYEAR\r\n ? new Date(\r\n new Date().setFullYear(\r\n new Date().getFullYear(),\r\n 3,\r\n 1\r\n )\r\n )\r\n : DetailedData === SPECIFICPERIOD\r\n ? new Date(new Date().setFullYear(1970, 0, 1))\r\n : \"\"\r\n }\r\n maxDate={new Date()}\r\n margin=\"normal\"\r\n // animateYearScrolling={true}\r\n id=\"mui-pickers-date\"\r\n value={this.state.startDate.value}\r\n />\r\n \r\n {!!this.state.startDate.errorMessage && (\r\n
\r\n Start Date
\r\n \r\n {\" \"}\r\n {this.state.startDate.errorMessage}\r\n
\r\n )}\r\n\r\n \r\n \r\n this.onDateChange(\"endDate\", e)}\r\n // openTo={true}\r\n disableFuture={true}\r\n disabled={\r\n DetailedData === SPECIFICPERIOD ? false : true\r\n }\r\n format=\"dd/MM/yyyy\"\r\n maxDate={\r\n DetailedData === CURRENTFINANCIALYEAR ||\r\n DetailedData === SPECIFICPERIOD\r\n ? new Date()\r\n : DetailedData === PREVIOUSFINANCIALYEAR\r\n ? \"\"\r\n : \"\"\r\n }\r\n // margin=\"normal\"\r\n // animateYearScrolling={true}\r\n id=\"mui-pickers-date\"\r\n value={this.state.endDate.value}\r\n />\r\n \r\n {!!this.state.endDate.errorMessage ? (\r\n \r\n {this.state.endDate.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n End Date\r\n
\r\n \r\n
\r\n \r\n {\r\n this.setState({\r\n showPassword: !this.state.showPassword,\r\n });\r\n }}\r\n onChange={this.handleChangeSelfPassword}\r\n value={selfPassword.value}\r\n onBlur={this.showError(\"selfPassword\")}\r\n isShowError={selfPassword.isError}\r\n errorMessage={selfPassword.errorMessage}\r\n />\r\n
\r\n \r\n {\r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n });\r\n }}\r\n height={!!this.state.confirmShowPassword ? 10 : 15}\r\n onChange={this.handleChangeConfirmSelfPassword}\r\n value={ConfirmSelfPassword.value}\r\n onBlur={this.showError(\"ConfirmSelfPassword\")}\r\n isShowError={ConfirmSelfPassword.isError}\r\n errorMessage={ConfirmSelfPassword.errorMessage}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const { investorData, userId } = authReducer;\r\n // const userid = authReducer.userId;\r\n return { investorData, userId };\r\n },\r\n { getcaptialgainStatment }\r\n)(CAN);\r\n","import React, { Component } from \"react\";\r\nimport { List } from \"../transactions/nfoAndNewPurchase\";\r\nimport Signbutton from \"../../forms/button\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { connect } from \"react-redux\";\r\nimport { Input } from \"../../forms/input\";\r\nimport DateFnsUtils from \"@date-io/date-fns\";\r\n\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport { getcaptialgainStatment } from \"../../../store/actions/mailback\";\r\n\r\nimport CustomizedDialogs from \"../../home/customModal\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\n\r\nimport { formatDate } from \"../../forms/captalize\";\r\nimport { MailBackBreadCrumb } from \"./mailBack\";\r\nimport { DASHBOARD_URL } from \"../dashboard\";\r\n\r\nclass CGS extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n startDate: {\r\n value: null,\r\n error: \"\",\r\n },\r\n endDate: { value: null, error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n open: false,\r\n showPassword: false,\r\n confirmShowPassword: false,\r\n };\r\n }\r\n\r\n handleChangeSelfPassword = (event) => {\r\n this.setState({\r\n selfPassword: { value: event.target.value },\r\n });\r\n };\r\n handleChangeConfirmSelfPassword = (event) => {\r\n this.setState({\r\n ConfirmSelfPassword: { value: event.target.value },\r\n });\r\n };\r\n handleChangeEmail = (event) => {\r\n this.setState({\r\n email: { value: event.target.value },\r\n });\r\n };\r\n\r\n showError = (label) => (event) => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n\r\n if (label === \"selfPassword\") {\r\n if (\r\n this.state.selfPassword.value === \"\" ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n selfPassword: {\r\n isError: true,\r\n errorMessage: `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)`,\r\n },\r\n });\r\n return;\r\n }\r\n } else if (this.state.selfPassword.value === \"\") {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Password is mandatory`,\r\n },\r\n });\r\n return;\r\n }\r\n } else if (label === \"email\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) === false\r\n ? true\r\n : !value,\r\n errorMessage:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) === false\r\n ? `Enter an vaild Email ID`\r\n : \"\",\r\n },\r\n });\r\n } else if (label === \"ConfirmSelfPassword\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n this.state.selfPassword.value !==\r\n this.state.ConfirmSelfPassword.value ||\r\n this.state.ConfirmSelfPassword.value === \"\"\r\n ? true\r\n : !value,\r\n errorMessage:\r\n this.state.selfPassword.value !==\r\n this.state.ConfirmSelfPassword.value ||\r\n this.state.ConfirmSelfPassword.value === \"\"\r\n ? `The Password and Confirm Password do not match`\r\n : \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n },\r\n });\r\n }\r\n };\r\n closeYesModal = () => {\r\n this.setState({\r\n startDate: {\r\n value: new Date(),\r\n error: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n open: false,\r\n });\r\n this.props.history.replace(DASHBOARD_URL);\r\n };\r\n closeNoModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.replace(\"/\");\r\n };\r\n\r\n onDateChange = (label, event) => {\r\n if (label === \"endDate\" && !!this.state.startDate.value && !!event) {\r\n const reformtStDt = this.state.startDate.value.toLocaleDateString(\r\n \"en-US\",\r\n {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n }\r\n );\r\n\r\n const changeEndDt = event.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeEndDt).setHours(12, 0, 0, 0);\r\n if (d2 > d3) {\r\n this.setState({\r\n [label]: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"Start date should be earlier than End date\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: { value: event, errorMessage: \"\", error: false },\r\n });\r\n }\r\n } else if (label === \"startDate\") {\r\n this.setState({\r\n [label]: { value: event },\r\n endDate: { value: null, error: \"\", errorMessage: \"\" },\r\n });\r\n }\r\n };\r\n\r\n submit = async () => {\r\n let startDateValue, endDateValue;\r\n\r\n if (this.state.startDate.value) {\r\n startDateValue = this.state.startDate.value.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n }\r\n if (this.state.endDate.value) {\r\n endDateValue = this.state.endDate.value.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n }\r\n\r\n const d2 = new Date(this.state.startDate.value).setHours(12, 0, 0, 0);\r\n const d3 = new Date(this.state.endDate.value).setHours(12, 0, 0, 0);\r\n\r\n const {\r\n AsDate,\r\n startDate,\r\n endDate,\r\n ConfirmSelfPassword,\r\n selfPassword,\r\n showPassword,\r\n confirmShowPassword,\r\n email,\r\n ...others\r\n } = this.state;\r\n\r\n if (\r\n !this.state.selfPassword.value ||\r\n !this.state.ConfirmSelfPassword.value ||\r\n !this.state.email.value ||\r\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n ) ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.ConfirmSelfPassword.value\r\n ) ||\r\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\r\n ) {\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isShowPasswordError: true,\r\n },\r\n });\r\n }\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.ConfirmSelfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isShowPasswordError: true,\r\n },\r\n });\r\n }\r\n if (!this.state.selfPassword.value) {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Self-password is mandatory`,\r\n },\r\n });\r\n }\r\n if (!this.state.ConfirmSelfPassword.value) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Confirm Self-password is mandatory`,\r\n },\r\n });\r\n }\r\n if (\r\n !this.state.email.value ||\r\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n )\r\n ) {\r\n if (!this.state.email.value) {\r\n this.setState({\r\n email: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage:`Please enter an Email id`,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n email: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please enter a valid Email ID`,\r\n },\r\n });\r\n }\r\n }\r\n if (\r\n !!this.state.ConfirmSelfPassword &&\r\n !!this.state.selfPassword &&\r\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\r\n ) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `The Password and Confirm Password do not match`,\r\n },\r\n });\r\n }\r\n } else if (!this.state.startDate.value) {\r\n this.setState({\r\n startDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"Start date is mandatory\",\r\n },\r\n });\r\n return;\r\n } else if (!this.state.endDate.value) {\r\n this.setState({\r\n endDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"End date is mandatory\",\r\n },\r\n });\r\n return;\r\n } else if (d2 > d3) {\r\n this.setState({\r\n startDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"Start date should be earlier than End date)\",\r\n },\r\n });\r\n } else {\r\n const { investorData } = this.props;\r\n const params = {\r\n fromdt: formatDate(this.state.startDate.value),\r\n todate: formatDate(this.state.endDate.value),\r\n customfund: \"189\",\r\n trtype: \"WBCAP\",\r\n PAN: !!investorData && !!investorData.PAN ? investorData.PAN : \"\",\r\n Email: this.state.email.value,\r\n distCode: this.props.token,\r\n Password: this.state.selfPassword.value,\r\n distUid: this.props.userId,\r\n };\r\n\r\n const response = await this.props.getcaptialgainStatment(params);\r\n\r\n if (response) {\r\n this.setState({\r\n open: true,\r\n });\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n const { investorData } = this.props;\r\n const { selfPassword, ConfirmSelfPassword, email } = this.state;\r\n return (\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n CAN Based Account Statement
\r\n Statement Type
\r\n \r\n
\r\n {summaryData === SUMMARY ? (\r\n \r\n \r\n this.onDateChange(\"AsDate\", e)}\r\n disabled={true}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n maxDate={new Date()}\r\n margin=\"normal\"\r\n id=\"mui-pickers-date\"\r\n value={this.state.AsDate}\r\n />\r\n \r\n
\r\n ) : (\r\n As on Date
\r\n \r\n
\r\n Detailed Options
\r\n \r\n
\r\n \r\n \r\n this.onDateChange(\"startDate\", e)}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n disabled={\r\n DetailedData === SPECIFICPERIOD ? false : true\r\n }\r\n minDate={\r\n DetailedData === CURRENTFINANCIALYEAR\r\n ? new Date(\r\n new Date().setFullYear(\r\n new Date().getFullYear(),\r\n 3,\r\n 1\r\n )\r\n )\r\n : DetailedData === SPECIFICPERIOD\r\n ? new Date(new Date().setFullYear(1970, 0, 1))\r\n : \"\"\r\n }\r\n maxDate={new Date()}\r\n margin=\"normal\"\r\n id=\"mui-pickers-date\"\r\n value={this.state.startDate.value}\r\n />\r\n \r\n {!!this.state.startDate &&\r\n this.state.startDate.isError === true &&\r\n !!this.state.startDate.errorMessage ? (\r\n \r\n {this.state.startDate.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n Start Date
\r\n \r\n \r\n this.onDateChange(\"endDate\", e)}\r\n // openTo={true}\r\n disableFuture={true}\r\n disabled={\r\n DetailedData === SPECIFICPERIOD ? false : true\r\n }\r\n format=\"dd/MM/yyyy\"\r\n maxDate={\r\n DetailedData === CURRENTFINANCIALYEAR ||\r\n DetailedData === SPECIFICPERIOD\r\n ? new Date()\r\n : DetailedData === PREVIOUSFINANCIALYEAR\r\n ? \"\"\r\n : \"\"\r\n }\r\n id=\"mui-pickers-date\"\r\n value={this.state.endDate.value}\r\n />\r\n \r\n {!!this.state.endDate.errorMessage ? (\r\n \r\n {this.state.endDate.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n End Date\r\n
\r\n \r\n
\r\n \r\n {\r\n this.setState({\r\n showPassword: !this.state.showPassword,\r\n });\r\n }}\r\n onChange={this.handleChangeSelfPassword}\r\n value={selfPassword.value}\r\n onBlur={this.showError(\"selfPassword\")}\r\n isShowError={selfPassword.isError}\r\n errorMessage={selfPassword.errorMessage}\r\n />\r\n
\r\n \r\n {\r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n });\r\n }}\r\n height={!!this.state.confirmShowPassword ? 10 : 15}\r\n onChange={this.handleChangeConfirmSelfPassword}\r\n value={ConfirmSelfPassword.value}\r\n onBlur={this.showError(\"ConfirmSelfPassword\")}\r\n isShowError={ConfirmSelfPassword.isError}\r\n errorMessage={ConfirmSelfPassword.errorMessage}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.onDateChange(\"endDate\", e)}\r\n disabled={!this.state.startDate.value ? true : false}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n errorMessage={this.state.endDate.errorMessage}\r\n maxDate={new Date()}\r\n id=\"mui-pickers-date\"\r\n value={this.state.endDate.value}\r\n />\r\n {!!this.state.endDate.errorMessage ? (\r\n \r\n {this.state.endDate.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n this.onDateChange(\"startDate\", e)}\r\n // openTo={true}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n maxDate={new Date()}\r\n id=\"mui-pickers-date\"\r\n value={this.state.startDate.value}\r\n />\r\n {!!this.state.startDate.errorMessage ? (\r\n \r\n {this.state.startDate.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n Capital Gains Account Statement
\r\n \r\n
\r\n \r\n \r\n Start Date\r\n
\r\n \r\n \r\n End Date\r\n
\r\n \r\n {\r\n this.setState({\r\n showPassword: !this.state.showPassword,\r\n });\r\n }}\r\n onChange={this.handleChangeSelfPassword}\r\n value={selfPassword.value}\r\n onBlur={this.showError(\"selfPassword\")}\r\n isShowError={selfPassword.isError}\r\n errorMessage={selfPassword.errorMessage}\r\n />\r\n
\r\n \r\n {\r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n });\r\n }}\r\n height={!!this.state.confirmShowPassword ? 10 : 15}\r\n onChange={this.handleChangeConfirmSelfPassword}\r\n value={ConfirmSelfPassword.value}\r\n onBlur={this.showError(\"ConfirmSelfPassword\")}\r\n isShowError={ConfirmSelfPassword.isError}\r\n errorMessage={ConfirmSelfPassword.errorMessage}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const { investorData, userId, token } = authReducer;\r\n return { investorData, userId, token };\r\n },\r\n { getcaptialgainStatment }\r\n)(GAS);\r\n","import React, { Component } from \"react\";\r\nimport { List } from \"../transactions/nfoAndNewPurchase\";\r\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { connect } from \"react-redux\";\r\nimport { Input } from \"../../forms/input\";\r\nimport { DASHBOARD_URL } from \"../dashboard\";\r\nimport { getNetworthPortfolio } from \"../../../store/actions/mailback\";\r\nimport CustomizedDialogs from \"../../home/customModal\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { MAILBACK_URL } from \".\";\r\nimport { formatDate } from \"../../forms/captalize\";\r\nimport { MailBackBreadCrumb } from \"./mailBack\";\r\nimport moment from \"moment\";\r\n\r\nclass Networth extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n startDate: {\r\n value: new Date(),\r\n error: \"\",\r\n },\r\n pan: {\r\n value: \"\",\r\n isError: false,\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n open: false,\r\n Mode: \"Email\",\r\n showPassword: false,\r\n confirmShowPassword: false,\r\n };\r\n }\r\n\r\n handleChangeSelfPassword = (event) => {\r\n this.setState({\r\n selfPassword: { value: event.target.value },\r\n });\r\n };\r\n handleChangeConfirmSelfPassword = (event) => {\r\n this.setState({\r\n ConfirmSelfPassword: { value: event.target.value },\r\n });\r\n };\r\n handleChangeEmail = (event) => {\r\n this.setState({\r\n email: { value: event.target.value },\r\n });\r\n };\r\n\r\n handleChangePan = (event) => {\r\n if (event.target.value.length <= 10) {\r\n this.setState({\r\n pan: {\r\n value: event.target.value.toUpperCase(),\r\n },\r\n });\r\n }\r\n };\r\n\r\n panvadilation = (event) => {\r\n if (/[A-Za-z]{5}\\d{4}[A-Za-z]{1}/.test(event.target.value) === false) {\r\n this.setState({\r\n pan: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a vaild PAN\",\r\n },\r\n });\r\n }\r\n };\r\n\r\n showError = (label) => (event) => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n\r\n if (label === \"selfPassword\") {\r\n if (\r\n this.state.selfPassword.value === \"\" ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n selfPassword: {\r\n isError: true,\r\n errorMessage: `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)`,\r\n },\r\n });\r\n return;\r\n }\r\n } else if (this.state.selfPassword.value === \"\") {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Password is mandatory`,\r\n },\r\n });\r\n return;\r\n }\r\n } else if (label === \"email\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) === false\r\n ? true\r\n : !value,\r\n errorMessage:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) === false\r\n ? `Enter an vaild Email ID`\r\n : \"\",\r\n },\r\n });\r\n } else if (label === \"ConfirmSelfPassword\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n this.state.selfPassword.value !==\r\n this.state.ConfirmSelfPassword.value ||\r\n this.state.ConfirmSelfPassword.value === \"\"\r\n ? true\r\n : !value,\r\n errorMessage:\r\n this.state.selfPassword.value !==\r\n this.state.ConfirmSelfPassword.value ||\r\n this.state.ConfirmSelfPassword.value === \"\"\r\n ? `The Password and Confirm Password do not match`\r\n : \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n },\r\n });\r\n }\r\n };\r\n\r\n changeDateOn = (event) => () => {\r\n this.setState({\r\n Mode: event,\r\n selfPassword: { value: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n });\r\n };\r\n\r\n closeYesModal = () => {\r\n this.setState({\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: \"\" },\r\n open: false,\r\n });\r\n this.props.history.replace(DASHBOARD_URL);\r\n };\r\n closeNoModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.replace(\"/\");\r\n };\r\n\r\n onDateChange = (label, event) => {\r\n this.setState({ [label]: { value: event } });\r\n };\r\n\r\n submit = async () => {\r\n const {\r\n ConfirmSelfPassword,\r\n selfPassword,\r\n email,\r\n showPassword,\r\n confirmShowPassword,\r\n ...others\r\n } = this.state;\r\n if (this.state.Mode === \"Email\") {\r\n if (\r\n !this.state.selfPassword.value ||\r\n !this.state.ConfirmSelfPassword.value ||\r\n !this.state.email.value ||\r\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n ) ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.ConfirmSelfPassword.value\r\n ) ||\r\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\r\n ) {\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.selfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isShowPasswordError: true,\r\n },\r\n });\r\n }\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.ConfirmSelfPassword.value\r\n )\r\n ) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isShowPasswordError: true,\r\n },\r\n });\r\n }\r\n if (!this.state.selfPassword.value) {\r\n this.setState({\r\n selfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Self-password is mandatory`,\r\n },\r\n });\r\n }\r\n if (!this.state.ConfirmSelfPassword.value) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Confirm Self-password is mandatory`,\r\n },\r\n });\r\n }\r\n if (\r\n !this.state.email.value ||\r\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n )\r\n ) {\r\n if (!this.state.email.value) {\r\n this.setState({\r\n email: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Email ID is mandatory`,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n email: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please enter a valid Email Id`,\r\n },\r\n });\r\n }\r\n }\r\n if (\r\n !!this.state.ConfirmSelfPassword &&\r\n !!this.state.selfPassword &&\r\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\r\n ) {\r\n this.setState({\r\n ConfirmSelfPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `The Password and Confirm Password do not match`,\r\n },\r\n });\r\n }\r\n } else {\r\n let startDateValue;\r\n startDateValue = new Date().toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"numeric\",\r\n });\r\n\r\n const params = {\r\n fromdate: \"01/01/1970\",\r\n todate: moment(new Date()).format(\"DD/MM/YYYY\"),\r\n mylp: \"\",\r\n emailid: this.state.email.value,\r\n distCode: this.props.token,\r\n pswd: this.state.selfPassword.value,\r\n funds: \"\",\r\n pagetype: \"Email\",\r\n distUid: this.props.userId,\r\n };\r\n\r\n const response = await this.props.getNetworthPortfolio(params);\r\n\r\n if (response) {\r\n this.setState({\r\n open: true,\r\n });\r\n }\r\n }\r\n } else if (this.state.Mode === \"PAN\") {\r\n if (\r\n !this.state.pan.value ||\r\n !/[A-Za-z]{5}\\d{4}[A-Za-z]{1}/.test(this.state.pan.value)\r\n ) {\r\n if (!this.state.pan.value) {\r\n this.setState({\r\n pan: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Please enter an PAN\",\r\n },\r\n });\r\n return;\r\n }\r\n\r\n if (!/[A-Za-z]{5}\\d{4}[A-Za-z]{1}/.test(this.state.pan.value)) {\r\n this.setState({\r\n pan: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a vaild PAN\",\r\n },\r\n });\r\n }\r\n } else {\r\n let startDateValue;\r\n const params = {\r\n fromdate: \"01/01/1970\",\r\n todate: moment(new Date()).format(\"DD/MM/YYYY\"),\r\n mylp: \"\",\r\n emailid: \"\",\r\n pan: this.state.pan.value,\r\n distCode: this.props.token,\r\n pswd: this.state.pan.value,\r\n customfund: \"189\",\r\n funds: \"\",\r\n pagetype: \"PAN\",\r\n distUid: this.props.userId,\r\n };\r\n\r\n const response = await this.props.getNetworthPortfolio(params);\r\n\r\n if (response) {\r\n this.setState({\r\n open: true,\r\n error: \"Data inserted Successfully\",\r\n });\r\n }\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n const { investorData } = this.props;\r\n const { selfPassword, ConfirmSelfPassword, email, pan, Mode } = this.state;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Grandfathering Account Statement
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n this.setState({\r\n showPassword: !this.state.showPassword,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n {\r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n });\r\n }}\r\n height={!!this.state.confirmShowPassword ? 10 : 15}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const { investorData, userId, token } = authReducer;\r\n return { investorData, userId, token };\r\n },\r\n { getNetworthPortfolio }\r\n)(Networth);\r\n","import React, { Component } from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport MailBackInvestor from \"./investor\";\r\nimport InvestorSelection from \"./InvestorSelection\";\r\nimport SubmitRequest from \"./submitRequest\";\r\nimport MailBackSoa from \"./mailBackSoa\";\r\nimport Cas from \"./consolidatedAccountStatement\";\r\nimport ELSS from \"./ELSS\";\r\nimport CAN from \"./CAN\";\r\nimport CGS from \"./CGS\";\r\nimport GAS from \"./GAS\";\r\nimport Networth from \"./networth\";\r\n\r\nexport default class MailbackRouter extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Networth Report
\r\n \r\n
\r\n {Mode === \"PAN\" ? (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {\r\n this.setState({\r\n showPassword: !this.state.showPassword,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n {\r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n });\r\n }}\r\n height={!!this.state.confirmShowPassword ? 10 : 15}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport class MailBackBreadCrumb extends Component {\r\n render() {\r\n const { name } = this.props;\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n this.props.history.push(MAILBACK_URL + \"/investor\")\r\n }\r\n className=\"breadcrumbs-unselect-label\"\r\n >\r\n Mailback Types\r\n
\r\n {this.props.name}
\r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Paper } from \"@material-ui/core\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n getNewPurchaseFundList,\r\n getFundWiseEarnings,\r\n} from \"../../../store/actions\";\r\nimport CustomLoading from \"../CustomLoader\";\r\nimport { FormatCurrency } from \"../currencyFormatter\";\r\nimport CustomLoader from \"../../forms/Loader\";\r\n\r\nexport const MyEarnings_URL = `/my-earnings`;\r\n\r\nclass MyEarnings extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n selectedFund: 0,\r\n };\r\n }\r\n async componentDidMount() {\r\n this.getEarnings(\"189\");\r\n }\r\n\r\n getEarnings = () => {\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\",\r\n });\r\n const params = {\r\n ReqBy: \"M\",\r\n Agent: this.props.token,\r\n Fund: \"189\",\r\n customfund: \"189\",\r\n };\r\n this.props.getFundWiseEarnings(params);\r\n };\r\n\r\n get total() {\r\n const { earnings = [] } = this.props;\r\n return earnings.reduce((prev, curr) => prev + curr.Amount, 0);\r\n }\r\n\r\n render() {\r\n const { fundsList = [], earnings = [], count } = this.props;\r\n const { selectedFund } = this.state;\r\n return (\r\n \r\n 0 && !fundsList.length ? true : false}\r\n />\r\n ) : (\r\n \r\n {/*
\r\n ))}\r\n */}\r\n My Earnings
\r\n {count > 0 && !fundsList.length ? (\r\n \r\n {fundsList.map((fund, index) => (\r\n this.getEarnings(fund.amc_code, index)}\r\n >\r\n \r\n {fund.amc_name}\r\n
\r\n \r\n
\r\n\r\n {count > 0 ? (\r\n \r\n \r\n Brokerage Details{\" \"}\r\n \r\n (last 6 months)\r\n \r\n
\r\n \r\n Total:
\r\n \r\n \r\n \r\n {earning.Fromdate} to {earning.ToDate}\r\n
\r\n \r\n {earning.BankName}
\r\n \r\n \r\n Period:\r\n
\r\n \r\n \r\n Amount\r\n
\r\n \r\n {!!this.props.nfoSchemes &&\r\n !!this.props.nfoSchemes.DtData &&\r\n this.props.nfoSchemes.DtData.length > 0 ? (\r\n this.props.nfoSchemes.DtData.map((ele, index) => (\r\n <>\r\n {ele.fund === \"189\" && (\r\n \r\n Currently there are no active NFO's available.\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ dashboard }) => {\r\n const { nfoSchemes } = dashboard;\r\n return {\r\n nfoSchemes,\r\n };\r\n },\r\n { getNfoSchemes }\r\n)(NfoFunds);\r\n\r\nexport class NfoFundCard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n openShare: false,\r\n };\r\n }\r\n\r\n copyCodeToClipboard = () => {\r\n this.setState({\r\n openShare: false,\r\n });\r\n copy(this.props.link);\r\n alert(\"Link copied successfully\");\r\n };\r\n OpenShareOptions = () => {\r\n this.setState({\r\n openShare: !this.state.openShare,\r\n });\r\n };\r\n\r\n closeShare = () => {\r\n this.setState({\r\n openShare: false,\r\n });\r\n };\r\n\r\n render() {\r\n const { fund, OpeningDate, closingDate, scheme, link, LocationScheme } =\r\n this.props;\r\n\r\n return (\r\n \r\n
\r\n )}\r\n \r\n Generate Your ARN hardcoded NFO link, copy and share with your\r\n investors.\r\n
\r\n \r\n ))\r\n ) : (\r\n \r\n \r\n Scheme\r\n
\r\n \r\n \r\n {OpeningDate}\r\n
\r\n \r\n \r\n \r\n Opening Date\r\n
\r\n \r\n \r\n Closing Date\r\n
\r\n \r\n \r\n \r\n {/* \r\n
\r\n \r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { Input } from \"../../forms/input\";\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport { connect } from \"react-redux\";\r\nimport Signbutton from \"../../forms/button\";\r\nimport {\r\n validateSubBroker,\r\n NfoSchemesSubmission,\r\n getNfoSchemes,\r\n} from \"../../../store/actions\";\r\nimport { NO, YES } from \"../../../store/types\";\r\nimport CustomizedDialogs from \"../customModal\";\r\n\r\nclass NfoTransact extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n subArnCode: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n radioValue: { value: \"no\" },\r\n euinNo: { value: \"\" },\r\n open: false,\r\n FundSchemes: [],\r\n scheme: { value: \"\" },\r\n nfoLink: \"\",\r\n refno: \"\",\r\n schemeName: \"\",\r\n };\r\n }\r\n async componentDidMount() {\r\n const { location, nfoSchemes } = this.props;\r\n if (!!location && !!location.fund) {\r\n const params = {\r\n Fund: \"189\",\r\n customfund: \"189\",\r\n SubAgentCd: \"\",\r\n AgentCd: this.props.token,\r\n };\r\n const Euinresponse = await this.props.validateSubBroker(params);\r\n if (!!nfoSchemes && !!nfoSchemes.Table2 && nfoSchemes.Table2.length > 0) {\r\n const filteredSchemes = nfoSchemes.Table2.filter(\r\n (ele) => ele.fund === \"189\"\r\n );\r\n this.setState({\r\n FundSchemes: filteredSchemes,\r\n });\r\n } else {\r\n const params = { fund: \"189\" };\r\n const response = await this.props.getNfoSchemes(params);\r\n\r\n if (!!response && !!response.Table2 && response.Table2.length > 0) {\r\n const filteredSchemes = response.Table2.filter(\r\n (ele) => ele.fund === \"189\"\r\n );\r\n this.setState({\r\n FundSchemes: filteredSchemes,\r\n });\r\n }\r\n }\r\n } else {\r\n this.props.history.push(`/nfo-funds`);\r\n }\r\n }\r\n changeValue = (label) => (event) => {\r\n if (label === \"radioValue\" && event.target.value === \"no\") {\r\n if (!this.state.euinNo.value) {\r\n this.setState({\r\n radioValue: { value: event.target.value },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n euinNo: { value: \"\" },\r\n });\r\n }\r\n return;\r\n } else if (label === \"radioValue\" && event.target.value === \"yes\") {\r\n this.setState({\r\n radioValue: { value: event.target.value },\r\n });\r\n return;\r\n } else if (\r\n (label === \"subArnCode\" || label === \"subBrokerCode\") &&\r\n event.target.value.length <= 20\r\n ) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n return;\r\n }\r\n };\r\n\r\n changeEuin = (value) => {\r\n this.setState({\r\n euinNo: { value },\r\n });\r\n };\r\n\r\n submit = async () => {\r\n const {\r\n subArnCode,\r\n radioValue,\r\n euinNo,\r\n subBrokerCode,\r\n nfoLink,\r\n refno,\r\n open,\r\n FundSchemes,\r\n schemeName,\r\n ...others\r\n } = this.state;\r\n const keys = Object.keys(others);\r\n if (this.state.euinNo.value === \"\" && radioValue.value === \"no\") {\r\n this.setState({\r\n euinNo: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Euin Declartion is mandatory*\",\r\n },\r\n });\r\n }\r\n\r\n const findError = keys.every((key) => !!others[key].value);\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${key} is mandatory*`,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !others[key].value);\r\n switch (firstErroredKey) {\r\n case \"scheme\": {\r\n this.schemeField.focus();\r\n break;\r\n }\r\n }\r\n } else if (this.state.euinNo.value === \"\" && radioValue.value === \"no\") {\r\n this.setState({\r\n euinNo: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Euin Declartion is mandatory*\",\r\n },\r\n });\r\n } else {\r\n const params = {\r\n euincode: this.state.euinNo.value.value,\r\n euinflag: this.state.radioValue.value === \"no\" ? NO : YES,\r\n fund: \"189\",\r\n customfund: \"189\",\r\n scheme: this.state.scheme.value.value,\r\n userid: this.props.userId,\r\n invdistflag: \"B\",\r\n arncode: this.props.token,\r\n subarn: this.state.subArnCode.value,\r\n subbroker: this.state.subBrokerCode.value,\r\n };\r\n const response = await this.props.NfoSchemesSubmission(params);\r\n if (\r\n !!response &&\r\n !!response.DtData &&\r\n !!response.DtData[0] &&\r\n !!response.DtData[0].refno\r\n ) {\r\n this.setState({\r\n open: true,\r\n refno: response.DtData[0].refno,\r\n nfoLink: response.DtData[0].nfo_link,\r\n schemeName: response.DtData[0].Scheme,\r\n });\r\n }\r\n }\r\n };\r\n\r\n closeModal = () => {\r\n const { location } = this.props;\r\n\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.push({\r\n pathname: `/nfo-funds`,\r\n link: this.state.nfoLink,\r\n fund: \"189\",\r\n scheme: this.state.scheme.value.label,\r\n schemeName: this.state.schemeName,\r\n });\r\n };\r\n\r\n handleSchemeChange = (value) => {\r\n if (!value) {\r\n this.setState({\r\n scheme: { value: \"\" },\r\n });\r\n return;\r\n } else if (\r\n !!value.value &&\r\n !!this.state.scheme.value.value &&\r\n value.value.scheme_desc === this.state.scheme.value.value.scheme_desc\r\n ) {\r\n return;\r\n } else {\r\n const scheme = value.value;\r\n\r\n this.setState({\r\n scheme: { value },\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n const { radioValue, scheme, subBrokerCode, subArnCode, euinNo } =\r\n this.state;\r\n const { euinList } = this.props;\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n (evt.key === \"e\" ||\r\n evt.key === \".\" ||\r\n evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n bordercolor=\"#a6a6a6\"\r\n type=\"number\"\r\n onBlur={this.validateBrokerCode}\r\n onChange={this.changeValue(\"subArnCode\")}\r\n inputref={(ele) => (this.subArnField = ele)}\r\n />\r\n
\r\n \r\n \r\n 0\r\n ? this.state.FundSchemes.map((item) => ({\r\n label: item.scheme_desc,\r\n value: item.scheme,\r\n }))\r\n : []\r\n }\r\n label=\"Fund\"\r\n handleChange={this.handleSchemeChange}\r\n value={scheme.value}\r\n placeholder=\"Select Scheme\"\r\n inputRef={(ele) => (this.schemeField = ele)}\r\n isError={scheme.isError}\r\n errorMessage={scheme.errorMessage}\r\n />\r\n
\r\n \r\n Scheme\r\n
\r\n \r\n
\r\n \r\n \r\n (evt.key === \"e\" ||\r\n evt.key === \".\" ||\r\n evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n type=\"number\"\r\n bordercolor=\"#a6a6a6\"\r\n value={subBrokerCode.value}\r\n onChange={this.changeValue(\"subBrokerCode\")}\r\n inputref={(ele) => (this.subBrokerField = ele)}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {radioValue.value === \"no\" ? (\r\n EUIN Declaration
\r\n \r\n
\r\n YES
\r\n \r\n
\r\n \r\n NO
\r\n \r\n ({\r\n label: item.abm_agent,\r\n value: item.abm_agent,\r\n }))}\r\n label=\"Euin\"\r\n handleChange={this.changeEuin}\r\n value={euinNo.value}\r\n disabled={!euinList.length}\r\n placeholder=\"Select EUIN\"\r\n inputRef={(ele) => (this.euinField = ele)}\r\n isError={euinNo.isError}\r\n errorMessage={euinNo.errorMessage}\r\n />\r\n
\r\n ) : (\r\n \r\n I/We hereby confirm that the EUIN box has been\r\n intentionally left the blank by me/us as this is an\r\n 'execution-only' transaction without any interaction or\r\n advice by any personnel of the above distributor or\r\n notwithstanding the advice of in-appropriateness,if any\r\n provided by any personnel of the distributor and the\r\n distributor has not charged any advisory fees on this\r\n transaction\r\n
\r\n )}{\" \"}\r\n \r\n
\r\n \r\n \r\n {/*
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Route, Switch, Redirect } from \"react-router-dom\";\r\nimport Amc from \"./amc\";\r\nimport Nav from \"./nav\";\r\nimport MailBack from \"./mailBackRequest\";\r\nimport TransactionHistory from \"./transactionHistory\";\r\nimport Social from \"./social\";\r\nimport Settings from \"./settings\";\r\nimport DashboardComponent from \"./dashboard/index\";\r\nimport InvestorComponent from \"./investors/index\";\r\nimport TransactionComponent from \"./transactions/index\";\r\nimport MailBackComponent from \"./mailBackRequest/mailBack\";\r\nimport MyEarnings from \"./myEarnings/index\";\r\nimport EKYC from \"../home/transactions/ekycForm\";\r\nimport { connect } from \"react-redux\";\r\nimport NFOComponent from \"./NFO\";\r\nimport NewInvestorRegistration from \"./transactions/newInvestor/NewInvestorRegistration\";\r\nclass AppRouter extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n Mutual Fund investments are subject to market risks, read all scheme\r\n related documents carefully.\r\n
{\" \"}\r\n © 2023, Bajaj Asset Management All rights reserved.
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Drawer from \"@material-ui/core/Drawer\";\r\nimport CssBaseline from \"@material-ui/core/CssBaseline\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport Divider from \"@material-ui/core/Divider\";\r\nimport AppRouter from \"./appRoutes\";\r\nimport { drawerStyles } from \"./appCss\";\r\nimport List from \"@material-ui/core/List\";\r\nimport Tooltip from \"@material-ui/core/Tooltip\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport Collapse from \"@material-ui/core/Collapse\";\r\nimport ExpandLess from \"@material-ui/icons/ExpandLess\";\r\nimport ExpandMore from \"@material-ui/icons/ExpandMore\";\r\nimport { connect } from \"react-redux\";\r\nimport { userLogout } from \"../../store/actions\";\r\nimport { getProfileData } from \"../../store/actions/profile\";\r\nimport { INVESTOR_URL } from \"./investors\";\r\nimport { NEW_TRANSACTION_URL } from \"./transactions\";\r\nimport { MAILBACK_URL } from \"./mailBackRequest\";\r\nimport { NAV_URL } from \"./nav\";\r\nimport { HISTORY_URL } from \"./transactionHistory\";\r\nimport CustomLoading from \"../home/CustomLoader\";\r\nimport { MyEarnings_URL } from \"./myEarnings\";\r\nimport CustomLoader from \"../forms/Loader\";\r\n\r\nimport {\r\n lastLoginIcon,\r\n nfoInActive,\r\n nfoActive,\r\n logoutIcon,\r\n HeaderLogo,\r\n dashboardActive,\r\n investorsActive,\r\n newTransactionActive,\r\n navActive,\r\n mailBackActive,\r\n transactionHistoryActive,\r\n ekycActive,\r\n earningsActive,\r\n dashboardInActive,\r\n investorsInActive,\r\n newTransactionInActive,\r\n navInActive,\r\n mailBackInActive,\r\n transactionHistoryInActive,\r\n ekycInActive,\r\n earningsInActive,\r\n settingsActive,\r\n settingsInactive,\r\n} from \"../../store/types/appEssentials\";\r\nimport Footer from \"../auth/footer\";\r\nimport Image from \"../Image\";\r\n\r\nexport const EKYC_URL = `/e-KYC`;\r\nconst NFO_URL = `/nfo-funds`;\r\n\r\nclass PermanentDrawerLeft extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n open: false,\r\n pathname: \"\",\r\n responsiveDrawer: false,\r\n };\r\n }\r\n // componentDidMount() {\r\n // this.props.getProfileData({\r\n // Agent: this.props.token,\r\n // UserId: this.props.userId,\r\n // });\r\n // }\r\n handleClick = () => {\r\n this.setState({\r\n open: !this.state.open,\r\n });\r\n this.props.history.push(MAILBACK_URL);\r\n };\r\n\r\n goToRoute = (path) => () => {\r\n this.props.history.push(path);\r\n this.setState({\r\n responsiveDrawer: false,\r\n });\r\n\r\n if (!path.includes(MAILBACK_URL)) {\r\n this.setState({\r\n open: false,\r\n });\r\n }\r\n };\r\n\r\n logOut = () => {\r\n this.props.userLogout();\r\n this.props.history.replace(\"/\");\r\n };\r\n openResponsiveDrawer = () => {\r\n this.setState({\r\n responsiveDrawer: !this.state.responsiveDrawer,\r\n });\r\n };\r\n\r\n render() {\r\n const { classes, location, tran_enable_flag } = this.props;\r\n const { responsiveDrawer } = this.state;\r\n const { pathname } = location;\r\n return (\r\n \r\n {/* \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n Login time : \r\n {!!this.props.lastLogin ? (\r\n this.props.lastLogin\r\n ) : (\r\n \r\n Logged as\r\n \r\n {this.props.userId}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!!this.props.userId\r\n ? this.props.userId\r\n .split(\" \")\r\n .reduce(\r\n (p, c) => p.concat(c.charAt(0).toUpperCase()),\r\n \"\"\r\n )\r\n : \"\"}\r\n
\r\n \r\n
\r\n \r\n {this.props.profileData.Distributor_Name}\r\n
\r\n \r\n {/*
\r\n \r\n
*/}\r\n\r\n ARN Code :
\r\n \r\n
\r\n \r\n {\" \"}\r\n {this.props.token}\r\n
\r\n \r\n \r\n \r\n Dashboard\r\n
\r\n \r\n\r\n - \r\n
\r\n \r\n \r\n New Transaction\r\n
\r\n \r\n \r\n )}\r\n {/* */}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {!!this.props.userId\r\n ? this.props.userId\r\n .split(\" \")\r\n .reduce((p, c) => p.concat(c.charAt(0).toUpperCase()), \"\")\r\n : \"\"}\r\n
\r\n \r\n
\r\n \r\n {this.props.profileData.Distributor_Name}\r\n
\r\n \r\n {/*
\r\n \r\n
*/}\r\n\r\n ARN Code :
\r\n \r\n
\r\n \r\n {\" \"}\r\n {this.props.token}\r\n
\r\n \r\n \r\n \r\n Dashboard\r\n
\r\n \r\n\r\n - \r\n
\r\n \r\n \r\n New Transaction\r\n
\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Appbar from \"./appbar\";\r\nimport Signbutton from \"../forms/button\";\r\nimport { Input } from \"../forms/input\";\r\nimport DemoCarousel from \"../auth/carsouel\";\r\nimport { connect } from \"react-redux\";\r\nimport { userLogin, removeData, passwordPolicy_JMF } from \"../../store/actions\";\r\n\r\nimport { DASHBOARD_URL } from \"../home/dashboard\";\r\nimport { QueryAssistant } from \"../home/home\";\r\nimport Footer from \"./footer\";\r\nimport CustomLoader from \"../forms/Loader\";\r\nimport { Checkbox, Tooltip } from \"@material-ui/core\";\r\nimport Image from \"../Image\";\r\n\r\nclass Login extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n username: { value: \"\" },\r\n password: { value: \"\" },\r\n showPassword: false,\r\n PosterOpen: true,\r\n display: false,\r\n terms: true,\r\n displayCommonArn: false,\r\n displayGenerateArn: false,\r\n displayEmpanelment: false,\r\n CamsData: \"\",\r\n };\r\n }\r\n async componentDidMount() {\r\n await this.props.removeData();\r\n }\r\n\r\n toggleCheckbox = () => {\r\n this.setState({ terms: !this.state.terms });\r\n };\r\n\r\n changeValue = (label) => (event) => {\r\n if (event.target.value.length <= 50) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n };\r\n\r\n showError = (label) => (event) => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n errorMessage: `${\r\n label === \"username\"\r\n ? \"User ID\"\r\n : label === \"password\"\r\n ? \"Password\"\r\n : label\r\n } is mandatory`,\r\n },\r\n });\r\n };\r\n goTermsConditions = () => {\r\n this.props.history.push(\"/terms-conditions\");\r\n };\r\n\r\n closePoster = () => {\r\n this.setState({\r\n PosterOpen: false,\r\n });\r\n };\r\n\r\n signIn = async () => {\r\n const {\r\n showPassword,\r\n display,\r\n terms,\r\n PosterOpen,\r\n displayEmpanelment,\r\n displayCommonArn,\r\n displayGenerateArn,\r\n CamsData,\r\n nonce,\r\n ...others\r\n } = this.state;\r\n const keys = Object.keys(others);\r\n const findError = keys.every((key) => {\r\n return !!this.state[key].value;\r\n });\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !this.state[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...this.state[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"username\"\r\n ? \"User Id\"\r\n : key === \"password\"\r\n ? \"Password\"\r\n : \"\"\r\n } is mandatory`,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !this.state[key].value);\r\n switch (firstErroredKey) {\r\n case \"username\":\r\n this.usernameField.focus();\r\n break;\r\n case \"password\":\r\n this.passwordField.focus();\r\n break;\r\n default:\r\n break;\r\n }\r\n } else {\r\n if (!terms) {\r\n alert(\"Please accept the Terms and Conditions\");\r\n } else {\r\n const nonce = Math.floor(100000 + Math.random() * 900000);\r\n this.setState({\r\n display: true,\r\n nonce,\r\n });\r\n const payload = {\r\n username: encrypt(this.state.username.value),\r\n password: encrypt(this.state.password.value),\r\n ReqBy: \"M\",\r\n nonce: encrypt(nonce),\r\n CustomFund: \"189\",\r\n };\r\n const response = await this.props.userLogin(payload);\r\n if (response && String(response?.nonce) !== String(this.state.nonce)) {\r\n this.setState({\r\n display: false,\r\n username: { value: \"\" },\r\n password: { value: \"\" },\r\n });\r\n alert(\"Unauthorized Request\");\r\n return;\r\n }\r\n\r\n if (!!response && !!response.DtData && response.DtData.length > 0) {\r\n const { DtData } = response;\r\n this.setState({\r\n display: false,\r\n });\r\n\r\n if (DtData[0].tran_enable_flag === \"N\") {\r\n this.props.history.replace(DASHBOARD_URL);\r\n } else {\r\n this.props.history.replace(`/new-transaction`);\r\n }\r\n } else if (!response) {\r\n this.setState({\r\n display: false,\r\n username: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Please enter valid details\",\r\n },\r\n password: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Please enter valid details\",\r\n },\r\n });\r\n }\r\n }\r\n }\r\n };\r\n\r\n keyPress = (label) => (e) => {\r\n if (e.key === \"Enter\") {\r\n // Do code here\r\n if (label === \"username\") {\r\n this.passwordField.focus();\r\n } else {\r\n this.signIn();\r\n }\r\n e.preventDefault();\r\n }\r\n };\r\n\r\n gotoDistributorEmapanellement = () => {\r\n window.open(\"https://onboarding.bajajamc.com/login\");\r\n };\r\n gotogenerateArnLink = () => {\r\n this.props.history.push(\"/generate-arn-link\");\r\n };\r\n\r\n render() {\r\n const { username, password } = this.state;\r\n return (\r\n \r\n {/* {\r\n this.setState({\r\n showPassword: !this.state.showPassword,\r\n });\r\n }}\r\n value={password.value}\r\n onChange={this.changeValue(\"password\")}\r\n onBlur={this.showError(\"password\")}\r\n isShowError={password.isError}\r\n inputref={(ele) => (this.passwordField = ele)}\r\n onKeyPress={this.keyPress()}\r\n placeholder={\"Please enter your Password\"}\r\n />\r\n this.props.history.push(\"/forgot-password\")}\r\n >\r\n Forgot password?\r\n
\r\n\r\n \r\n (this.usernameField = ele)}\r\n onKeyPress={this.keyPress(\"username\")}\r\n placeholder={\"Please enter your User Id\"}\r\n />\r\n this.props.history.push(\"/forgot-userid\")}\r\n >\r\n Forgot User Id?\r\n
\r\n \r\n \r\n
*/}\r\n \r\n {/* \r\n Please use the{\" \"}\r\n login details of{\" \"}\r\n KFINTECH MFS website\r\n Distributor Services\r\n
*/}\r\n\r\n \r\n Distributor Login\r\n
*/}\r\n {/* \r\n this.props.history.push(\"./login\")}\r\n >\r\n Sign In\r\n \r\n this.props.history.push(\"./register\")}\r\n >\r\n Sign Up\r\n \r\n
\r\n {/* \r\n
\r\n \r\n Sign in for Bajaj DIT will be operational very soon.\r\n
\r\nThanks
\r\n\r\n I have understood and agree to your{\" \"}\r\n \r\n Terms and Conditions*\r\n \r\n
*/}\r\n \r\n \r\n \r\n Empaneled but don't have an account yet?{\" \"}\r\n \r\n this.props.history.push(\"/register\")}\r\n >\r\n Sign up now\r\n \r\n
\r\n\r\n \r\n {/*
\r\n \r\n \r\n \r\n\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const { token } = authReducer;\r\n return { token };\r\n },\r\n { userLogin, removeData, passwordPolicy_JMF }\r\n)(Login);\r\n\r\nexport function encrypt(text) {\r\n const str = \"acgredf7e2e\";\r\n const str1 = \"hseckahdfis234te\";\r\n const decode = btoa(text);\r\n const encrpytion1 = str + decode + str1;\r\n const encrpyted = btoa(encrpytion1);\r\n return encrpyted;\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Appbar from \"./appbar\";\r\nimport Signbutton from \"../forms/button\";\r\nimport { Input } from \"../forms/input\";\r\nimport DemoCarousel from \"../auth/carsouel\";\r\nimport { connect } from \"react-redux\";\r\nimport { generateOtp } from \"../../store/actions\";\r\nimport { QueryAssistant } from \"../home/home\";\r\nimport Footer from \"./footer\";\r\nclass Register extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: { value: \"\" },\r\n arnCode: { value: \"\" },\r\n password: { value: \"\" },\r\n confirmPassword: { value: \"\" },\r\n showPassword: false,\r\n confirmShowPassword: false,\r\n };\r\n }\r\n\r\n changeValue = (label) => (event) => {\r\n if (label === \"arnCode\" && event.target.value.length <= 20) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (label !== \"arnCode\") {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n };\r\n\r\n showError = (label) => (event) => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n errorMessage: `${\r\n label === \"userId\"\r\n ? \"User ID\"\r\n : label === \"password\"\r\n ? \"Password\"\r\n : label === \"arnCode\"\r\n ? \"ARN Code\"\r\n : label === \"confirmPassword\"\r\n ? \"Confirm Password\"\r\n : label\r\n } is mandatory`,\r\n },\r\n });\r\n };\r\n\r\n generateOtp = async () => {\r\n const { showPassword, confirmShowPassword, ...others } = this.state;\r\n const keys = Object.keys(others);\r\n const findError = keys.every((key) => {\r\n return !!this.state[key].value;\r\n });\r\n const isPasswordEqual =\r\n this.state.password.value === this.state.confirmPassword.value;\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !this.state[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...this.state[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"userId\"\r\n ? \"User ID\"\r\n : key === \"password\"\r\n ? \"Password\"\r\n : key === \"arnCode\"\r\n ? \"ARN Code\"\r\n : key === \"confirmPassword\"\r\n ? \"Confirm Password\"\r\n : key\r\n } is mandatory`,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !this.state[key].value);\r\n switch (firstErroredKey) {\r\n case \"userId\":\r\n this.userIdField.focus();\r\n break;\r\n case \"password\":\r\n this.passwordField.focus();\r\n break;\r\n case \"arnCode\":\r\n this.arnCodeField.focus();\r\n break;\r\n case \"confirmPassword\":\r\n this.confirmPasswordField.focus();\r\n break;\r\n }\r\n return;\r\n }\r\n if (!isPasswordEqual) {\r\n this.setState({\r\n confirmPassword: {\r\n ...this.state.confirmPassword,\r\n isError: true,\r\n errorMessage: \"The Password and Confirm Password do not match\",\r\n },\r\n });\r\n this.confirmPasswordField.focus();\r\n return;\r\n }\r\n\r\n const payload = {\r\n UserId: this.state.userId.value,\r\n ARNCode: `ARN-${this.state.arnCode.value}`,\r\n OTPMsg: Math.floor(100000 + Math.random() * 900000),\r\n customfund: \"189\",\r\n };\r\n const response = await this.props.generateOtp(payload);\r\n if (response) {\r\n this.props.history.push({\r\n pathname: \"/otp\",\r\n state: { payload: { ...payload, password: this.state.password.value } },\r\n });\r\n }\r\n };\r\n\r\n goTermsConditions = () => {\r\n this.props.history.push(\"/terms-conditions\");\r\n };\r\n\r\n render() {\r\n const { userId, password, arnCode, confirmPassword } = this.state;\r\n\r\n return (\r\n \r\n this.props.history.push(\"/common-arn-link\")}\r\n target=\"_blank\"\r\n className=\"distributor-links-item\"\r\n >\r\n Customized ARN – Link\r\n \r\n \r\n Scheme ARN – link\r\n \r\n
*/}\r\n {/* \r\n \r\n Distributor Empanelment\r\n \r\n {\r\n window.open(\"https://businessready.miraeassetmf.co.in/\");\r\n }}\r\n className=\"distributor-links-item\"\r\n >\r\n Co-brand Here\r\n \r\n \r\n \r\n
*/}\r\n \r\n \r\n First Time User?{\" \"}\r\n Click Here\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n // window.open(\"https://t.me/+W7Ed6Ihx-dthMjk1\");\r\n // }}\r\n className=\"terms_conditions\"\r\n >\r\n Terms and Conditions\r\n \r\n
\r\n \r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(null, { generateOtp })(Register);\r\n","import React, { Component } from \"react\";\r\nimport Appbar from \"./appbar\";\r\nimport DemoCarousel from \"../auth/carsouel\";\r\nimport Footer from \"./footer\";\r\n\r\n\r\nexport default class CommonTemplate extends Component {\r\n render() {\r\n const { title, textOne, textTwo, count } = this.props;\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/* \r\n this.setState({\r\n showPassword: !this.state.showPassword,\r\n })\r\n }\r\n image={\"/images/locked.svg\"}\r\n image2={\r\n !!this.state.showPassword\r\n ? \"/images/Bajaj_eye.svg\"\r\n : \"/images/Bajaj_eye_hide.svg\"\r\n }\r\n value={password.value}\r\n onChange={this.changeValue(\"password\")}\r\n // onBlur={this.showError(\"password\")}\r\n isShowError={password.isError}\r\n inputref={(ele) => (this.passwordField = ele)}\r\n // onKeyPress={this.keyPress(\"password\")}\r\n placeholder={\"Please enter your Password\"}\r\n />\r\n \r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n })\r\n }\r\n image={\"/images/locked.svg\"}\r\n image2={\r\n !!this.state.confirmShowPassword\r\n ? \"/images/Bajaj_eye.svg\"\r\n : \"/images/Bajaj_eye_hide.svg\"\r\n }\r\n value={confirmPassword.value}\r\n onChange={this.changeValue(\"confirmPassword\")}\r\n // onBlur={this.showError(\"confirmPassword\")}\r\n isShowError={confirmPassword.isError}\r\n inputref={(ele) => (this.confirmPasswordField = ele)}\r\n // onKeyPress={this.keyPress(\"confirmPassword\")}\r\n placeholder={\"Please confirm your Password\"}\r\n />\r\n
\r\n Sign up
*/}\r\n \r\n this.props.history.push(\"./login\")}\r\n >\r\n Sign In\r\n \r\n this.props.history.push(\"./register\")}\r\n >\r\n Sign Up\r\n \r\n
\r\n\r\n \r\n (this.userIdField = ele)}\r\n // onKeyPress={this.keyPress(\"userId\")}\r\n placeholder={\"Please enter your User ID\"}\r\n />\r\n
\r\n \r\n (this.arnCodeField = ele)}\r\n // onKeyPress={this.keyPress(\"arnCode\")}\r\n />\r\n
\r\n\r\n \r\n * Password should be at least\r\n 8 characters in length, should contain at least 1 UPPERCASE\r\n alphabet (A-Z), 1 special character and 1 numeric value (0-9)\r\n
\r\n \r\n Already have an account?\r\n this.props.history.push(\"/login\")}\r\n >\r\n Sign in\r\n \r\n
*/}\r\n \r\n \r\n Terms and Conditions*\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Signbutton from \"../forms/button\";\r\nimport { OtpInput } from \"../forms/input\";\r\nimport { registration, generateOtp } from \"../../store/actions\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport CommonTemplate from \"./commonTemplate\";\r\nclass OTP extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { OTPMsg, UserId, ARNCode, password } =\r\n !!this.props.location.state && !!this.props.location.state.payload\r\n ? this.props.location.state.payload\r\n : {};\r\n this.state = {\r\n otpMsg: OTPMsg,\r\n UserId,\r\n ARNCode,\r\n password,\r\n };\r\n }\r\n\r\n regenerteOtp = async () => {\r\n const { UserId, ARNCode } = this.state;\r\n const OTPMsg = Math.floor(100000 + Math.random() * 900000);\r\n const params = {\r\n UserId,\r\n ARNCode,\r\n OTPMsg,\r\n customfund: \"189\",\r\n };\r\n const response = await this.props.generateOtp(params);\r\n if (response) {\r\n this.setState({\r\n otpMsg: OTPMsg,\r\n });\r\n alert(\"An Otp has been resent to your registered phone number\");\r\n }\r\n };\r\n\r\n submitOtp = async (enteredOtp) => {\r\n const { otpMsg, UserId, password, ARNCode } = this.state;\r\n if (Number(enteredOtp.join(\"\")) === otpMsg) {\r\n const params = {\r\n Username: UserId,\r\n DistCode: ARNCode,\r\n Password: password,\r\n };\r\n const response = await this.props.registration(params);\r\n if (response) {\r\n this.props.history.push(\"/login\");\r\n }\r\n } else {\r\n alert(\"Please enter valid otp\");\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n {title}
\r\n {count === 2 ? {textOne}
: {textTwo}
}\r\n {this.props.children}\r\n \r\n {Array(6)\r\n .fill(0)\r\n .map((item, index) => (\r\n (this[`textInput${index}`] = ele)}\r\n onKeyPress={this.keyPress}\r\n onKeyDown={this.keyDown(index)}\r\n />\r\n ))}\r\n
\r\n \r\n this.props.history.push(\"/login\")}\r\n >\r\n Return to Sign-in\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(null, { forgotUserId })(ForgotUserId);\r\n","import React, { Component } from \"react\";\r\nimport CommonTemplate from \"./commonTemplate\";\r\nimport Signbutton from \"../forms/button\";\r\nimport { Input } from \"../forms/input\";\r\nimport { connect } from \"react-redux\";\r\nimport { forgotPassword,validateForgotOtp } from \"../../store/actions\";\r\nimport { CommonOtp } from \"./otp\";\r\nimport { QueryAssistant } from \"../home/home\";\r\nimport CustomLoader from \"../forms/Loader\";\r\nimport { encrypt } from \"./login\";\r\nclass ForgotPassword extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n userId: { value: \"\" },\r\n count: 1,\r\n display: false,\r\n };\r\n }\r\n\r\n changeValue = (event) => {\r\n this.setState({\r\n userId: { value: event.target.value },\r\n });\r\n };\r\n\r\n showError = () => {\r\n const {\r\n userId: { value },\r\n } = this.state;\r\n this.setState({\r\n userId: {\r\n value,\r\n isError: !value,\r\n errorMessage: \"User ID is required to proceed\",\r\n },\r\n });\r\n };\r\n\r\n sendOtp = async () => {\r\n const {\r\n userId: { value },\r\n } = this.state;\r\n if (!value) {\r\n this.userIdField.focus();\r\n this.setState({\r\n userId: {\r\n value,\r\n isError: !value,\r\n errorMessage: \"User ID is required to proceed*\",\r\n },\r\n });\r\n } else {\r\n this.regenerteOtp();\r\n }\r\n };\r\n\r\n \r\n \r\n submitOtp = async (enteredOtp) => {\r\n try {\r\n this.setState({\r\n loading: true\r\n })\r\n const { token } = await this.props.validateForgotOtp({\r\n otp: encrypt(enteredOtp.join(\"\")),\r\n otpid: encrypt(this.state.otpid),\r\n });\r\n if (!token) {\r\n alert(\"Please Enter valid OTP\");\r\n this.setState({\r\n loading: false\r\n })\r\n return;\r\n }\r\n\r\n this.props.history.replace({\r\n pathname: \"/reset-password\",\r\n state: { token },\r\n });\r\n this.setState({\r\n loading: false\r\n })\r\n } catch (error) {\r\n this.setState({\r\n loading: false\r\n })\r\n alert(error || \"Please Enter valid OTP\");\r\n }\r\n };\r\n\r\n\r\n\r\n\r\n regenerteOtp = async () => {\r\n try {\r\n const {\r\n userId: { value },\r\n } = this.state;\r\n const params = {\r\n userid: value,\r\n };\r\n this.setState({\r\n loading: true\r\n })\r\n\r\n const response = await this.props.forgotPassword(params);\r\n const { otpid } = response;\r\n\r\n this.setState({\r\n loading: false,\r\n otpid,\r\n textOne:\r\n \"OTP has been sent to your registered Email ID and Mobile Number\",\r\n });\r\n } catch (error) {\r\n this.setState({ textOne: error?.message, loading: false });\r\n }\r\n };\r\n\r\n keyPress = (e) => {\r\n if (e.key === \"Enter\") {\r\n this.sendOtp();\r\n e.preventDefault();\r\n }\r\n };\r\n\r\n render() {\r\n const { userId, otp, textOne, textTwo, count, display,otpid } = this.state;\r\n return (\r\n <>\r\n \r\n this.props.history.push(\"/login\")}\r\n >\r\n Return to signin\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(null, { forgotPassword ,validateForgotOtp})(ForgotPassword);\r\n","import React, { Component } from \"react\";\r\nimport CommonTemplate from \"./commonTemplate\";\r\nimport Signbutton from \"../forms/button\";\r\nimport { Input } from \"../forms/input\";\r\nimport { connect } from \"react-redux\";\r\nimport { resetPassword } from \"../../store/actions\";\r\nimport CustomizedDialogs from \"../home/customModal\";\r\n\r\nconst strongRegex = new RegExp(\r\n \"^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$\"\r\n);\r\n\r\nclass ResetPassword extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showPassword: false,\r\n confirmShowPassword: false,\r\n password: { value: \"\" },\r\n confirmPassword: { value: \"\" },\r\n open: false,\r\n };\r\n }\r\n\r\n changeValue = (label) => (event) => {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n };\r\n\r\n showError = (label) => () => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n if (label === \"password\") {\r\n if (!strongRegex.test(value)) {\r\n this.setState({\r\n [label]: { value, isShowPasswordError: true },\r\n });\r\n }\r\n } else {\r\n this.setState({\r\n [label]: { value, isError: !value },\r\n });\r\n }\r\n };\r\n\r\n keyPress = (label) => (e) => {\r\n if (e.key === \"Enter\") {\r\n if (label === \"password\") {\r\n this.confirmPasswordField.focus();\r\n } else {\r\n this.submit();\r\n }\r\n e.preventDefault();\r\n }\r\n };\r\n\r\n closeModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.push(\"/\");\r\n };\r\n\r\n submit = async () => {\r\n const { password, confirmPassword } = this.state;\r\n if (!password.value || !strongRegex.test(password.value)) {\r\n this.setState({\r\n password: { value: \"\", isShowPasswordError: true },\r\n });\r\n this.passwordField.focus();\r\n return;\r\n }\r\n if (!confirmPassword.value) {\r\n this.setState({\r\n confirmPassword: { value: \"\", isError: true },\r\n });\r\n this.confirmPasswordField.focus();\r\n return;\r\n }\r\n if (password.value !== confirmPassword.value) {\r\n this.setState({\r\n confirmPassword: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Password and Confirm password should be Same\",\r\n\r\n },\r\n });\r\n } else {\r\n const params = {\r\n ReqBy: \"a\",\r\n newPassword: this.state.password.value,\r\n token: this.props.location.state.token,\r\n };\r\n const response = await this.props.resetPassword(params);\r\n if (!!response && !response.error) {\r\n this.setState({\r\n open: true,\r\n showPassword: false,\r\n confirmShowPassword: false,\r\n password: { value: \"\" },\r\n confirmPassword: { value: \"\" },\r\n });\r\n }else if(!!response && !!response.error){\r\n alert(`${response.error}`)\r\n this.setState({\r\n showPassword: false,\r\n confirmShowPassword: false,\r\n password: { value: \"\" },\r\n confirmPassword: { value: \"\" }\r\n })\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n const { password, confirmPassword, textOne } = this.state;\r\n return (\r\n \r\n * Password should be atleast 8\r\n characters length & should contain atleast 1 uppercase alphabet(A-Z),1\r\n special character& 1 numeric character\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Appbar from \"./appbar\";\r\nimport Footer from \"./footer\";\r\nimport Accordion from \"@material-ui/core/Accordion\";\r\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\";\r\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\n\r\nexport default class Faqs extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state ={\r\n openAccrodion:null\r\n }\r\n }\r\n\r\n handleAccordion = (label) => () => {\r\n const {openAccrodion} = this.state;\r\n if(parseFloat(openAccrodion) === parseFloat(label)){\r\n console.log(\"hello babai\")\r\n this.setState ({\r\n openAccrodion:null\r\n })\r\n }else {\r\n this.setState ({\r\n openAccrodion:label\r\n })\r\n }\r\n }\r\n render() {\r\n const qa = [\r\n {\r\n q: \"1. What is ENACH Mandate?\",\r\n a: \"E-NACH Mandate is electronic mandate which has been a recent entrant into the mutual fund investment process, in a bid to make the entire investment process digital and paperless.\",\r\n },\r\n {\r\n q: \"2. How to register ENACH Mandate?\",\r\n a: \"Investors will need to login into their transact online account and select the ENACH mandate registration option. The self-help mechanism will help complete the registrations process swiftly.\",\r\n },\r\n {\r\n q: \"3. How many days it will take to register ENACH Mandate?\",\r\n a: \"The process is instant; however, it can get delayed due to any technical issue at the bank’s end or NPCI site. The entire process whether successfully registered or not, generally, will not take more than one business day.\",\r\n },\r\n {\r\n q: \"4. Where I can check my ENACH mandate status? \",\r\n a: \"You can check ENACH mandate status under ENACH Registration Summary.\",\r\n },\r\n {\r\n q: \"5. How many SIPS we can register through ENACH Mandate?\",\r\n a: \"You can register multiple sips by selecting UMRN under ENACH Registration Summary.\",\r\n },\r\n {\r\n q: \"6. Can I do Change of bank of my ENACH Mandate?\",\r\n a: \"You cannot do change of bank of registered ENACH Mandate, you have to cancel the existing ENACH mandate and will need to register New ENACH Mandate. Also note that the SIPs registered under the Mandate will stand terminated as soon as the Mandate is cancelled.\",\r\n },\r\n {\r\n q: \"7. Can I register ENACH mandate through any bank?\",\r\n a:\"\",\r\n },\r\n {\r\n q: \"8. Can I register ENACH mandate through Current A/c?\",\r\n a: \"No. Presently registration is allowed only though Savings bank A/c.\",\r\n },\r\n {\r\n q: \"9. When I can register my SIP after registering ENACH Mandate?\",\r\n a: \"Once ENACH mandate gets registered, immediately you can register SIP which can start only after 10 days.\",\r\n },\r\n ];\r\n const {openAccrodion} = this.state\r\n return (\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n The Distributor acknowledges that by using the facility offered\r\n through the Distributor Initiated Transactions (DIT); an online\r\n facility for the Distributor through the website of Mirae Asset\r\n Investment Managers (India) Pvt. Ltd. (AMC), it hereby agrees to\r\n abide by the below terms, conditions, rules and operating\r\n guidelines-\r\n \r\n
- \r\n The Fund, through its empanelled distributors will offer the\r\n facility of transacting on-line through Internet for the\r\n convenience of its unitholders and help them place/submit\r\n transaction in the Fund, by authorization of link generated for\r\n the said purpose (hereinafter referred to as \"LINK\");\r\n \r\n
- \r\n The Distributor has taken necessary authorization /consent from\r\n its Investors/Unitholder(s) of the fund and is desirous of\r\n availing the services/facilities available through the Website.\r\n \r\n
- \r\n For the purposes of this Agreement, Website shall mean\r\n www.miraeassetmf.co.in which AMC may announce from time to time.\r\n Designated Account / Master Account shall mean the Folio Number\r\n allotted to the Unitholder and hereinafter referred to as “Folio\r\n Number”. AMC reserves the right to change, amend or modify the\r\n fund's website as may be intimated from time to time.\r\n \r\n
- \r\n Usage of, or subscription to, the said “LINK” Facility shall be\r\n in addition to, and not in substitution of, the existing\r\n procedure for conducting the transactions, the services of which\r\n are available through the Online Transactions as well.\r\n \r\n
- \r\n The Fund shall not be responsible for any errors that may be\r\n committed by the Distributor for its Investors/Unitholder of the\r\n fund in the process of conducting any Online “LINK” or for any\r\n error or failure of the transaction over internet due to any\r\n network / technical problems.\r\n \r\n
- \r\n The Distributor understands and agrees that the NAV\r\n applicability for all purchase transactions which are equal to\r\n greater than 2 lacs, the NAV applicability will be based on the\r\n credit time of the funds received to the scheme collection\r\n account and not the time at which the Unitholders bank account\r\n was debited. Further, the AMC shall not be responsible for any\r\n loss of whatsoever nature, if the User encounters any technical\r\n snag due to slowness on the internet, expiry of the sessions OR\r\n due to other technical reasons either on the banks end or the\r\n website be it downtime, maintenance or declines.\r\n \r\n
- \r\n Further, the Distributor also understands that if the bank\r\n account has been debited and the transaction has not been\r\n received at the AMC end, it will not be considered as a valid\r\n transaction and the funds so received may be credited back to\r\n the bank account or shall be considered for such delayed receipt\r\n of the application.\r\n \r\n
- \r\n The Distributor agrees that pursuant to this Agreement of\r\n availing of the “LINK” facility, the Fund/its service provider\r\n will record the required transaction processing in the\r\n Unitholder's Folio, subject to standard validations as per\r\n normal procedure and as per the prevalent norms prescribed by\r\n the Fund /AMC or any regulatory authority. The User understands\r\n that the same will be entirely at the risk of the Unitholder\r\n itself.\r\n \r\n
- \r\n The Distributor agrees that it shall be the sole responsibility\r\n of the Distributor to ensure adequate protection,\r\n confidentiality and secrecy of the transaction and any\r\n disclosure thereof to any other person shall be entirely at the\r\n Distributor’s risk. AMC in such cases will not accept any kind\r\n of responsibility or liability for any loss, damage or harm.\r\n \r\n
- \r\n The Distributor also understands that AMC reserves the right to\r\n change the “LINK” issuance process. Further, the Distributor\r\n acknowledges that this being an online facility, relevant\r\n portions of the guidelines/necessary agreements of Online\r\n transactions will suo-motto apply for usage of / accessing the\r\n DIT site as well.\r\n \r\n
\r\n Terms & Conditions for Distributor Initiated Transactions (DIT)\r\n
\r\n - \r\n
- \r\n AMC will take best efforts to keep the Website updated on a\r\n daily basis, so as to provide most current information to\r\n Distributor’s. The Distributor also agrees that the look and\r\n feel of the web screen and outputs there from may differ based\r\n on the nature of the browser/software used by the Distributor to\r\n browse the Website.\r\n \r\n
- \r\n AMC agrees to take best efforts to protect security of the data\r\n placed on the Internet and has for this purpose, required the\r\n service provider to sign a confidentiality agreement specifying\r\n confidentiality of the data and to restrict external access to\r\n the database on the Internet.\r\n \r\n
- \r\n AMC or the service provider shall have the absolute discretion\r\n to amend or supplement any of the terms at any time and will\r\n endeavor to give prior notice on the website / through email for\r\n such changes wherever feasible.\r\n \r\n
- \r\n The Fund / its service provider may, in its absolute discretion\r\n decide not to carry out any such transaction where the service\r\n provider or the Fund has reason to believe that the instructions\r\n are not genuine, are unclear, are such as to raise a doubt, are\r\n otherwise improper or there is ground to believe that the same\r\n is in contravention of any statute/laws in India and cannot be\r\n put into effect.\r\n \r\n
AMC WARRANTIES
\r\n - \r\n
- \r\n The investors have read the Key Information Memorandum (KIM) and\r\n the terms of the Scheme Information Document (SID) and Statement\r\n of Additional Information (SAI) of the Schemes carefully before\r\n investing / filing the application form.\r\n \r\n
- \r\n The investors are aware of the prevailing Load Structure before\r\n making application for investments.\r\n \r\n
- \r\n The investors/applicants have read, understood and accepted the\r\n terms, subject to which the offers are being made and that they\r\n are aware that they bind themselves to the terms upon executing\r\n the transaction.\r\n \r\n
- \r\n NRI/FII investors must be provide overseas address (mandatory)\r\n \r\n
- \r\n In case of minor investor, name of the guardian must be\r\n mentioned if the investments are being made on behalf of a\r\n minor. Guardian of the minor must be either a natural guardian\r\n or a Court appointed guardian. Date of birth is mandatory for\r\n minors and has to be supported with Age proof.\r\n \r\n
- \r\n For FATCA and CRS compliance the AMC may seek additional\r\n personal, tax and beneficial owner information and certain\r\n certifications and documentation from all the account holders and\r\n will report to tax authorities / appointed agencies/\r\n institutions such as withholding agents. Any change in any\r\n information provided shall be intimated to AMC promptly, i.e.,\r\n within 30 days.\r\n \r\n
- \r\n Investor will be informed that Aadhaar has become mandatory for\r\n investment in MF Industry effective 1st June'2017 and Aadhaar /\r\n proof of Aadhaar enrolment will be collected and authenticated\r\n for all individuals irrespective of mode of holding. In case if\r\n Aadhaar number has not been assigned to the investor, the proof\r\n of application for enrolment of Aadhaar shall be furnished and\r\n in case the PAN is not submitted, one certified copy of an\r\n officially valid document shall be submitted. If such individual\r\n investor is not eligible to be enrolled for Aadhaar number, he /\r\n she shall submit to the Reporting entity, PAN or Form no. 60. If\r\n the Investor does not submit the PAN, he/she shall submit one\r\n certified copy of officially valid document containing details\r\n of identity, address and a Photograph. If the investor fails to\r\n submit the Aadhaar number and PAN by 31st Dec 2017, his account\r\n shall cease to be operational till the time Aadhaar number and\r\n PAN is submitted by the Investor. Folios / Accounts where\r\n Aadhaar is not seeded by December 31, 2017, they shall be made\r\n inoperative. Once an account is made inoperative, transactions\r\n will be restricted. Investors may also be informed that if the\r\n Name given for transaction does not match the name as appearing\r\n on the PAN Card/Aadhaar card, , application may be liable to get\r\n rejected or further transactions may be liable to get rejected'.\r\n \r\n
- \r\n Every employee/relationship manager/sales person of the\r\n distributor/broker (interacting with the investor for the sale\r\n of Mutual Fund products) of mutual fund products will quote the\r\n EUIN (for non-advisory transactions ('execution only') &\r\n advisory transactions) obtained from AMFI in the CAF.\r\n \r\n \r\n
- \r\n New individual investors who have never done KYC under KRA\r\n (KYC Registration Agency) regime and whose KYC is not\r\n registered or verified in the KRA system will be required to\r\n fill the new CKYC form while investing with the Fund.\r\n \r\n
- \r\n In case the investor's PAN is not updated in CKYC system, a\r\n self-certified copy of PAN Card shall be mandatory. Further,\r\n the AMC/ Mutual Fund shall use the KIN of the investors to\r\n download the KYC information from CKYC and update its records\r\n as and when required. There is no impact on the Existing\r\n Investors who have done the SEBI KYC (KYC thru 5 KRAs, CVL,\r\n NDML, DOTEX, Kfintech & CAMS). They can continue to invest as\r\n it is in any schemes of any Mutual Fund; Existing Investors\r\n who wishes to onboard themselves on the CKYC platform will\r\n need to again do the entire KYC process just like New Investor\r\n and get the KIN which can be used across.\r\n \r\n
- \r\n In case of non-compliance of any C-KYC requirements,\r\n Applications shall liable to be rejected without any intimation\r\n to the applicants. Any Change in Address for all KYC compliant\r\n Investors has to be routed through KRA and that direct\r\n application to AMC will be not processed/rejected.\r\n \r\n
- \r\n The AMC will not be liable to the investor if the transaction is\r\n processed by the distributor but payment is not made by the\r\n investor.\r\n \r\n
- \r\n It shall be the sole responsibility of the distributor to ensure\r\n that the investor makes payments in a timely manner for\r\n applicable NAV.\r\n \r\n
- \r\n If the application is filled by the Distributor but the payment\r\n transaction has not been effected by the customer within the\r\n cut-off time, the investor will be allotted the applicable days\r\n NAV.\r\n \r\n
- \r\n If any switch transaction is being effected by the distributor,\r\n then the same has to be validated by the investor without which\r\n the same shall not get effected.\r\n \r\n
- \r\n In no case, the Sponsors/AMC/Trustee Co./Directors of Sponsors,\r\n AMC and Trustee Co./employees/its appointed service providers\r\n shall be held liable if the transaction does not get processed\r\n due to non-fulfilment of all the conditions and criteria’s as\r\n specified by the AMC.\r\n \r\n
- \r\n In case the investor files any suit/initiates legal action\r\n against the AMC for losses incurred by him due to the negligence\r\n on part of the Distributor in effecting the transaction, the\r\n Distributor shall be liable to indemnify the AMC of the\r\n compensation/damages which it shall have to pay to the investor\r\n \r\n
- \r\n The Distributor shall be liable to the AMC in case he commits\r\n any fraud or non-authorized transaction by the investor and\r\n shall be liable to all the legal actions which the AMC has at\r\n its discretion and remedy.\r\n \r\n
- \r\n It shall be the responsibility of the Distributor to ensure that\r\n he himself/his/her employees adhere to the AMFI Code of Conduct\r\n for Distributors and complies with all the\r\n rules/regulations/guidelines as specified by AMFI or any other\r\n self-regulated organization of distributors which they may be\r\n subject to in future.\r\n \r\n
- \r\n The Distributor ensures that the investor complies with all the\r\n requirements as specified by SEBI/AMFI from time to time.\r\n \r\n
- \r\n The Distributor ensures that the investor is updated about all\r\n the latest addendums/notice issued by the AMC and any other\r\n regulatory changes issued by SEBI, from time to time.\r\n \r\n
- \r\n The Distributor shall adhere to the current stance of the AMC on\r\n seeking investments from US person and Canada residents. The\r\n Distributor shall not solicit investments from US persons and\r\n residents of Canada.\r\n \r\n
\r\n I/We have also ensured/acknowledged that:\r\n
\r\n - \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Signbutton from \"../forms/button\";\r\nimport { Input } from \"../forms/input\";\r\nimport { QueryAssistant } from \"../home/home\";\r\nimport Appbar from \"./appbar\";\r\nimport DemoCarousel from \"./carsouel\";\r\nimport { Checkbox } from \"@material-ui/core\";\r\n\r\nimport {\r\n getCamsData,\r\n generateEmpanelOTP,\r\n validateEmpanelOTP,\r\n removeData,\r\n saveEmpanelData,\r\n validateArn,\r\n saveCamsData,\r\n} from \"../../store/actions/empanelment\";\r\nimport { connect } from \"react-redux\";\r\nimport CustomLoader from \"../forms/Loader\";\r\nimport { resetIdCounter } from \"downshift\";\r\n\r\nclass DistributorEmpanellement extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n terms: true,\r\n arnCode: { value: \"\" },\r\n pan: { value: \"\" },\r\n email: { value: \"\" },\r\n mobile: { value: \"\" },\r\n otp: { value: \"\" },\r\n display: false,\r\n status: false,\r\n };\r\n }\r\n async componentDidMount() {\r\n await this.props.removeData();\r\n }\r\n // validateARNCode = async () => {\r\n // if (!!this.state.arnCode.value) {\r\n // const response = await this.props.validateArn({\r\n // Arncode: \"ARN-\" + this.state.arnCode.value,\r\n // });\r\n // if (response.Dtinformation.length > 0) {\r\n // const data = response.Dtinformation[0];\r\n // if (data.Return_Message !== \"Success\") {\r\n // alert(`${data.Return_Message}`);\r\n // this.setState({\r\n // arnCode: { value: \"\", isError: false },\r\n // });\r\n // }\r\n // } else {\r\n // alert(\"Invalid ARN Code\");\r\n // this.setState({\r\n // arnCode: { value: \"\", isError: false },\r\n // });\r\n // this.arnCodeField.focus();\r\n // }\r\n // }\r\n // };\r\n changeValue = (label) => (event) => {\r\n if (label === \"arnCode\" && event.target.value.length < 30) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (label === \"mobile\" && event.target.value.length < 11) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (label === \"email\") {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (label === \"pan\") {\r\n const panValue = event.target.value;\r\n this.setState({\r\n [label]: { value: panValue.toUpperCase() },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n };\r\n\r\n toggleCheckbox = () => {\r\n this.setState({ terms: !this.state.terms });\r\n };\r\n\r\n showError = (label) => (event) => {\r\n if (label === \"pan\") {\r\n if (\r\n !!event.target.value &&\r\n /[A-Za-z]{5}\\d{4}[A-Za-z]{1}/.test(event.target.value) === false\r\n ) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Please enter valid PAN number\",\r\n },\r\n });\r\n }\r\n } else if (label === \"email\") {\r\n if (\r\n !!event.target.value &&\r\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n event.target.value\r\n )\r\n ) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Please enter valid Email ID\",\r\n },\r\n });\r\n }\r\n } else if (label === \"mobile\") {\r\n if (\r\n !!event.target.value &&\r\n !/^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\r\n this.state.mobile.value\r\n )\r\n ) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Please enter valid Mobile number\",\r\n },\r\n });\r\n }\r\n }\r\n };\r\n\r\n submit = async () => {\r\n const { terms, otp, display, status, ...others } = this.state;\r\n const keys = Object.keys(others);\r\n const findError = keys.every((key) => !!others[key].value);\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"arnCode\"\r\n ? \"ARN code\"\r\n : key === \"pan\"\r\n ? \"PAN number\"\r\n : key === \"email\"\r\n ? \"Email ID\"\r\n : key === \"mobile\"\r\n ? \"Mobile number\"\r\n : \"\"\r\n } is mandatory`,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !others[key].value);\r\n switch (firstErroredKey) {\r\n case \"arnCode\": {\r\n this.arnCodeField.focus();\r\n break;\r\n }\r\n case \"pan\": {\r\n this.panField.focus();\r\n break;\r\n }\r\n case \"email\": {\r\n this.emailField.focus();\r\n break;\r\n }\r\n case \"mobile\": {\r\n this.mobileField.focus();\r\n break;\r\n }\r\n default:\r\n break;\r\n }\r\n } else {\r\n this.setState({\r\n display: true,\r\n });\r\n const details = {\r\n arnCode: \"ARN-\" + this.state.arnCode.value,\r\n pan: this.state.pan.value,\r\n email: this.state.email.value,\r\n mobile: this.state.mobile.value,\r\n };\r\n this.linkClicked();\r\n await this.props.saveEmpanelData(details);\r\n // await this.validateOtp();\r\n this.setState({\r\n display: false,\r\n });\r\n this.props.history.push(\"/distributor-empanellement/bank-details\");\r\n // if (this.state.status === true) {\r\n // this.props.history.push(\r\n // \"/distributor-empanellement/bank-details\"\r\n // );\r\n // } else {\r\n // alert(\"Invalid OTP\");\r\n // }\r\n }\r\n };\r\n validateOtp = async () => {\r\n const otpValParams = {\r\n otp: this.state.otp.value,\r\n arncode: this.state.arnCode.value,\r\n };\r\n const otpvalResponse = await this.props.validateEmpanelOTP(otpValParams);\r\n const data = otpvalResponse.Dtinformation[0];\r\n if (data.Result !== \"INAVLID OTP\") {\r\n this.setState({\r\n status: true,\r\n });\r\n } else {\r\n this.setState({\r\n otp: {\r\n value: this.state.otp.value,\r\n isError: true,\r\n errorMessage: \"Invalid OTP\",\r\n },\r\n status: false,\r\n });\r\n }\r\n };\r\n\r\n linkClicked = async () => {\r\n const { arnCode, pan, email, mobile } = this.state;\r\n const CheckEveryField =\r\n !!arnCode.value && !!pan.value && !!email.value && !!mobile.value;\r\n if (!CheckEveryField) {\r\n alert(\"All fields are mandatory\");\r\n } else {\r\n this.setState({\r\n display: true,\r\n });\r\n const data = await fetch(\r\n \"https://clientwebsitesuat3.kfintech.com/bajaj/api/v1/cams/validate\",\r\n {\r\n method: \"POST\",\r\n body: JSON.stringify({\r\n Arn: \"ARN-\" + this.state.arnCode.value,\r\n Pan: this.state.pan.value,\r\n Email: this.state.email.value,\r\n Mobile: this.state.mobile.value,\r\n }),\r\n headers: {\r\n \"Content-type\": \"application/json; charset=UTF-8\",\r\n },\r\n }\r\n );\r\n const res = await data.json();\r\n console.log(res.data);\r\n await this.props.saveCamsData(res.data);\r\n // const camsParams = {\r\n // ARNcode: \"ARN-\" + this.state.arnCode.value,\r\n // PAN: this.state.pan.value,\r\n // Email: this.state.email.value,\r\n // MobileNo: this.state.mobile.value,\r\n // };\r\n\r\n // const CAMSData = await this.props.getCamsData(camsParams);\r\n // const { DtData } = CAMSData;\r\n // if (\r\n // DtData[0].RETURN_MESSAGE === \"No records available for the given inputs\"\r\n // ) {\r\n // this.setState({\r\n // arnCode: { value: \"\" },\r\n // pan: { value: \"\" },\r\n // email: { value: \"\" },\r\n // mobile: { value: \"\" },\r\n // otp: { value: \"\" },\r\n // status: { value: false },\r\n // });\r\n // alert(\r\n // \"No records available with AMFI/KYD for the given ARN Number, Kindly provide Valid ARN to proceed further\"\r\n // );\r\n // } else {\r\n // const otpGenParams = {\r\n // arncode: this.state.arnCode.value,\r\n // mobile: this.state.mobile.value,\r\n // email: this.state.email.value,\r\n // fund: \"189\",\r\n // };\r\n\r\n // await this.props.generateEmpanelOTP(otpGenParams);\r\n // alert(\r\n // \"One Time Password(OTP) has been sent to your registered Mobile and Email\"\r\n // );\r\n // }\r\n this.setState({\r\n display: false,\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n const { terms, arnCode, pan, email, mobile, otp } = this.state;\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n FAQs
\r\n \r\n Kindly click on respective question for details.\r\n
\r\n\r\n \r\n {qa.map((ele, index) =>\r\n index === 6 ? (\r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n {ele.a} \r\n \r\n )\r\n )}\r\n
\r\n\r\n - \r\n
- Axis Bank \r\n
- AU Small Finance Bank Ltd \r\n
- Bank of Maharashtrali \r\n
- Bank of Barodali \r\n
- Bandhan Bank Ltd \r\n
- Citibank \r\n
- Central Bank of India \r\n
- City Union Bank Ltd \r\n
- Canara Bank \r\n
- Deutsche Bank \r\n
- Dhanalaxmi Bank \r\n
- DBSB Bank India Ltd \r\n
- DCB Bank Ltd \r\n
- Equitas Small Finance Bank Ltd \r\n
- Federal Bank \r\n
- HDFC Bank Ltd \r\n
- IDFC First Bank Ltd \r\n
- Indusind Bank \r\n
- ICICI Bank Ltd \r\n
- IDBI Bank \r\n
- Indian Overseas Bank \r\n
- Indian Bank \r\n
- Jana Small Finance Bank Ltd \r\n
- JIO Payments Bank Ltd \r\n
- Kotak Mahindra Bank Ltd \r\n
- Karnataka Bank Ltd \r\n
- Karur Vysya Bank \r\n
- Punjab National Bank \r\n
- PayTM Payments Bank Ltd \r\n
- Punjab and Sind Bank \r\n
- RBL Bank Ltd \r\n
- South Indian Bank \r\n
- State Bank of India \r\n
- Standard Chartered Bank \r\n
- Tamilnad Mercantile Bank Ltd \r\n
- The Hongkong and Shanghai Banking Corporation Ltd \r\n
- The Cosmos Co-operative Bank Ltd \r\n
- Ujjivan Small Finance Bank Ltd \r\n
- Union Bank of India \r\n
- UCO Bank \r\n
- Yes Bank \r\n
Currently the facility is available for select few banks. You can register ENACH mandate through below banks:
\r\n \r\n Disclaimers & Risk Factors: This FAQ is prepared based on the understanding \"How to Transact Online\" for Subscription of Units of various Schemes of BAJAJ MUTUAL FUND. This information is meant for general reading purposes only and is not meant to serve as a professional guide for the readers. The Sponsor, the Investment Manager, the Trustee or any of their respective directors, employees, affiliates or representatives do not assume any responsibility for, or warrant the accuracy, completeness, adequacy and reliability of such information. Whilst no action has been solicited based upon the information provided herein, due care has been taken to ensure that the facts are accurate and opinions given are fair and reasonable. This information is not intended to be an offer or solicitation for the purchase or sale of any financial product or instrument. Readers are advised to seek independent professional advice, verify the contents and arrive at an informed investment decision before making any investments. None of the Sponsor, the Investment Manager, the Trustee, their respective directors, employees, affiliates or representatives shall be liable for any direct, indirect, special, incidental, consequential, punitive or exemplary damages, including lost profits arising in any way from the information contained in this material.\r\n
\r\n\r\n \r\n\r\n Statutory Details: BAJAJ MUTUAL FUND has been constituted as a trust in accordance with the provisions of the Indian Trusts Act, 1882. Sponsor: Mirae Asset Global Investments Company Limited-Seoul, Korea; Investment Manager: Mirae Asset Global Investments (India) Private Limited; Trustee: Mirae Asset Trustee Company Private Limited. The Sponsor, the Trustee and the Investment Manager are incorporated under the Companies Act 1956. The sponsors are not liable or responsible for any loss resulting from the operation of the fund beyond the initial contribution made by them of an aggregate amount of Rupees One Lakh towards setting up of the fund.\r\n
\r\n\r\n \r\n\r\n Mutual fund investments are subject to market risks and there is no assurance or guarantee that the objectives of the scheme will be achieved. As with any investment in securities, the Net Asset Value (NAV) of the units issued under the Schemes can go up or down depending on the factors and forces affecting the capital markets. Investments in mutual funds are prone to risks of fluctuation in NAVs, uncertainty of dividend distributions etc. Past performance of the Sponsor / AMC / Mutual Fund / Trustee does not indicate the future performance of the Schemes of BAJAJ MUTUAL FUND. Please read the respective Scheme Information Document for scheme specific details. Unit holders in the Scheme are not being offered any guaranteed / assured returns. A copy of SAI / SID / Key Information Memorandum cum Application form will be available at AMC offices / AMC website www.miraeassetmf.co.in / Investor Service Centre / Distributors on request.\r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\nexport default connect(null, {\r\n getCamsData,\r\n generateEmpanelOTP,\r\n validateEmpanelOTP,\r\n removeData,\r\n saveEmpanelData,\r\n validateArn,\r\n saveCamsData,\r\n})(DistributorEmpanellement);\r\n","import { CALL_API } from \"../api.middleware\";\r\n\r\nimport {\r\n GENERATE_ARN_LINK,\r\n GENERATE_ARN_LINK_FAILED,\r\n GENERATE_ARN_LINK_SUCCESS,\r\n} from \"../types/generatearn\";\r\n\r\nexport const generateUrl = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/GenerateDistLinks\",\r\n params,\r\n method: \"GET\",\r\n types: [\r\n GENERATE_ARN_LINK,\r\n GENERATE_ARN_LINK_SUCCESS,\r\n GENERATE_ARN_LINK_FAILED,\r\n ],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const validateEuin = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/Ktrack_EUINValidation_Mirae\",\r\n params,\r\n method: \"GET\",\r\n types: [],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const EuinValidation = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/Validate_Euin\",\r\n params,\r\n method: \"GET\",\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};","export const GENERATE_ARN_LINK = \"GENERATE_ARN_LINK\";\r\nexport const GENERATE_ARN_LINK_SUCCESS = \"GENERATE_ARN_LINK_SUCCESS\";\r\nexport const GENERATE_ARN_LINK_FAILED = \"GENERATE_ARN_LINK_FAILED\";\r\n","import React, { Component } from \"react\";\r\nimport { Input } from \"../forms/input\";\r\nimport { QueryAssistant } from \"../home/home\";\r\nimport Appbar from \"./appbar\";\r\nimport DemoCarousel from \"./carsouel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport CustomizedSelect from \"../home/transactions/customizedSelect\";\r\nimport IntegrationReactSelect from \"../forms/autoCompleteInput\";\r\nimport Signbutton from \"../forms/button\";\r\nimport copy from \"copy-to-clipboard\";\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport {\r\n EmailShareButton,\r\n WhatsappIcon,\r\n EmailIcon,\r\n WhatsappShareButton,\r\n} from \"react-share\";\r\nimport {\r\n GET_CATEGORY_LIST,\r\n GET_CATEGORY_LIST_SUCCESS,\r\n GET_CATEGORY_LIST_FAILED,\r\n REGULAR,\r\n GET_SCHEME_LIST,\r\n GET_SCHEME_LIST_SUCCESS,\r\n GET_SCHEME_LIST_FAILED,\r\n} from \"../../store/types\";\r\nimport { validateSubBroker } from \"../../store/actions\";\r\nimport { EuinValidation } from \"../../store/actions/generatearn\";\r\nimport { generateUrl, validateEuin } from \"../../store/actions/generatearn\";\r\nimport { getNewPurchaseFundList } from \"../../store/actions/investors\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport CustomLoader from \"../forms/Loader\";\r\nclass GenerateARNLink extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n radioValue: { value: \"YES\" },\r\n brokerCode: { value: \"\" },\r\n euinCode: { value: \"\", disabled: true },\r\n subBrokerCode: { value: \"\" },\r\n categories: [],\r\n schemes: [],\r\n category: { value: \"\" },\r\n scheme: { value: \"\" },\r\n link: {\r\n value: \"\",\r\n },\r\n shareopen: false,\r\n euinList: [],\r\n isLoading: false,\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n const params = {\r\n opt: \"AT\",\r\n plntype: REGULAR,\r\n fund: \"189\",\r\n };\r\n const types = [\r\n GET_CATEGORY_LIST,\r\n GET_CATEGORY_LIST_SUCCESS,\r\n GET_CATEGORY_LIST_FAILED,\r\n ];\r\n const response = await this.props.getNewPurchaseFundList(params, types);\r\n\r\n this.setState({\r\n categories: response.Dtinformation || [],\r\n });\r\n }\r\n validateEuinNo = async () => {\r\n var today = new Date();\r\n var dd = String(today.getDate()).padStart(2, \"0\");\r\n var mm = String(today.getMonth() + 1).padStart(2, \"0\"); //January is 0!\r\n var yyyy = today.getFullYear();\r\n\r\n today = mm + \"/\" + dd + \"/\" + yyyy;\r\n const response = await this.props.validateEuin({\r\n BroCode: \"ARN-\" + this.state.brokerCode.value,\r\n Euin: this.state.euinCode.value.value,\r\n OutFlag: \"Y\",\r\n TrDate: today,\r\n });\r\n const data = response.Dtinformation[0];\r\n if (data.Msg !== \"Valid EUIN\" && !!this.state.euinCode.value) {\r\n this.setState({\r\n euinCode: {\r\n value: this.state.euinCode.value,\r\n isError: true,\r\n errorMessage: data.Msg,\r\n },\r\n });\r\n }\r\n };\r\n changeValue = (label) => (event) => {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n };\r\n\r\n handleCategoryChange = (label) => async (event) => {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n link: { value: \"\" },\r\n scheme: { value: \"\" },\r\n });\r\n if (!!event.target.value) {\r\n let params = { plntype: REGULAR };\r\n params = {\r\n ...params,\r\n opt: \"S\",\r\n schemetype: event.target.value,\r\n fund: \"189\",\r\n };\r\n const types = [\r\n GET_SCHEME_LIST,\r\n GET_SCHEME_LIST_SUCCESS,\r\n GET_SCHEME_LIST_FAILED,\r\n ];\r\n const response = await this.props.getNewPurchaseFundList(params, types);\r\n\r\n this.setState({\r\n schemes: !!response.Dtinformation ? response.Dtinformation : [],\r\n });\r\n } else {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n scheme: { value: \"\" },\r\n });\r\n }\r\n };\r\n\r\n changeScheme = (value) => {\r\n this.setState({\r\n scheme: { value: value, isError: false, errorMessage: \"\" },\r\n link: { value: \"\" },\r\n });\r\n };\r\n Euincheck = async () => {\r\n const params = {\r\n fund: \"189\",\r\n euin: `E${this.state.euinCode.value}`,\r\n arn: `ARN-${this.state.brokerCode.value}`,\r\n };\r\n const response = await this.props.EuinValidation(params);\r\n if (!response == true) {\r\n this.setState({\r\n euinCode: {\r\n value: \"\",\r\n },\r\n link: { value: \"\" },\r\n });\r\n }\r\n };\r\n\r\n Euinchange = (e) => {\r\n this.setState({ euinCode: { value: e.target.value, disabled: false } });\r\n };\r\n\r\n submit = async () => {\r\n const {\r\n categories,\r\n link,\r\n schemes,\r\n euinCode,\r\n subBrokerCode,\r\n shareopen,\r\n euinList,\r\n isLoading,\r\n ...others\r\n } = this.state;\r\n const keys = Object.keys(others);\r\n\r\n if (this.state.subBrokerCode.value === this.state.brokerCode.value) {\r\n this.setState({\r\n subBrokerCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Sub Broker Code should not be same as Broker Code\",\r\n },\r\n });\r\n return;\r\n }\r\n const findError = keys.every((key) => !!others[key].value);\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"category\"\r\n ? \"Category\"\r\n : key === \"scheme\"\r\n ? \"Scheme\"\r\n : key === \"brokerCode\"\r\n ? \"Broker Code\"\r\n : key\r\n } is mandatory`,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !others[key].value);\r\n switch (firstErroredKey) {\r\n case \"brokerCode\": {\r\n this.brokerCodeField.focus();\r\n break;\r\n }\r\n case \"category\": {\r\n this.categoryField.focus();\r\n break;\r\n }\r\n case \"scheme\": {\r\n this.schemeField.focus();\r\n break;\r\n }\r\n default:\r\n break;\r\n }\r\n } else if (\r\n this.state.radioValue.value === \"NO\" &&\r\n !this.state.euinCode.value\r\n ) {\r\n this.setState({\r\n euinCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"EUIN Code is Mandatory\",\r\n },\r\n });\r\n // this.euinCodeField.focus();\r\n return;\r\n } else {\r\n const schemeDetails = this.state.scheme.value.value.split(\"~\");\r\n const opt = schemeDetails[3];\r\n const plan = schemeDetails[2];\r\n const params = {\r\n scheme: this.state.scheme.value.value,\r\n subbroker: !!this.state.subBrokerCode.value\r\n ? \"ARN-\" + this.state.subBrokerCode.value\r\n : \"\",\r\n agentid: !!this.state.brokerCode.value\r\n ? \"ARN-\" + this.state.brokerCode.value\r\n : \"\",\r\n plan,\r\n opt,\r\n ...(!!this.state.euinCode.value && {\r\n euin: `E${this.state.euinCode.value}`,\r\n EUINFlag: \"NO\",\r\n }),\r\n ...(!this.state.euinCode.value && {\r\n EUINFlag: \"YES\",\r\n }),\r\n };\r\n const response = await this.props.generateUrl(params);\r\n const data = !!response.Dtinformation[0] ? response.Dtinformation[0] : {};\r\n this.setState({\r\n link: { value: !!data.Link ? data.Link : data.Message },\r\n });\r\n }\r\n };\r\n validateSubBrokerCode = () => {\r\n if (this.state.subBrokerCode.value === this.state.brokerCode.value) {\r\n this.setState({\r\n subBrokerCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Sub Broker Code should not be same as Broker Code\",\r\n },\r\n });\r\n }\r\n };\r\n copyLinktoCilpboard = () => {\r\n if (!!this.state.link.value) {\r\n copy(this.state.link.value);\r\n alert(\"Link copied successfully\");\r\n }\r\n };\r\n changeEuin = () => (event) => {\r\n if (event.target.value === \"YES\") {\r\n this.setState({\r\n euinCode: { value: \"\", disabled: true },\r\n radioValue: { value: event.target.value },\r\n });\r\n } else {\r\n this.setState({\r\n euinCode: { value: \"\", disabled: false },\r\n radioValue: { value: event.target.value },\r\n });\r\n }\r\n };\r\n // fetchEuinList = () => async () => {\r\n // try {\r\n // this.setState({ isLoading: true });\r\n // const params = {\r\n // Fund: \"189\",\r\n // SubAgentCd: !!this.state.subBrokerCode.value\r\n // ? `ARN-${this.state.subBrokerCode.value}`\r\n // : \"-\",\r\n // AgentCd: `ARN-${this.state.brokerCode.value}`,\r\n // };\r\n // const response = await this.props.validateSubBroker(params);\r\n // const { DtData } = response;\r\n // this.setState({\r\n // euinList: DtData,\r\n // });\r\n // } catch (error) {\r\n // console.log(error);\r\n // } finally {\r\n // this.setState({ isLoading: false });\r\n // }\r\n // };\r\n render() {\r\n const {\r\n brokerCode,\r\n euinCode,\r\n subBrokerCode,\r\n category,\r\n categories,\r\n scheme,\r\n schemes,\r\n link,\r\n radioValue,\r\n } = this.state;\r\n\r\n return (\r\n \r\n
\r\n \r\n this.props.history.push(\"/login\")}\r\n >\r\n Back to Login Page\r\n \r\n
\r\n \r\n \r\n
*/}\r\n\r\n New partner empanelment
\r\n\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n type=\"number\"\r\n // onBlur={this.validateARNCode}\r\n isShowError={arnCode.isError}\r\n errorMessage={arnCode.errorMessage}\r\n inputref={(ele) => (this.arnCodeField = ele)}\r\n />\r\n
\r\n\r\n \r\n (this.panField = ele)}\r\n value={pan.value}\r\n bordercolor=\"#a6a6a6\"\r\n isShowError={pan.isError}\r\n errorMessage={pan.errorMessage}\r\n placeholder={\"Please enter your PAN\"}\r\n />\r\n
\r\n\r\n \r\n (this.emailField = ele)}\r\n value={email.value}\r\n bordercolor=\"#a6a6a6\"\r\n onBlur={this.showError(\"email\")}\r\n isShowError={email.isError}\r\n errorMessage={email.errorMessage}\r\n placeholder={\"Please enter your email ID\"}\r\n />\r\n
\r\n\r\n \r\n (this.mobileField = ele)}\r\n onKeyDown={(evt) =>\r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n image={\"/images/id-card.svg\"}\r\n type=\"number\"\r\n value={mobile.value}\r\n bordercolor=\"#a6a6a6\"\r\n onBlur={this.showError(\"mobile\")}\r\n isShowError={mobile.isError}\r\n errorMessage={mobile.errorMessage}\r\n placeholder={\"Please enter your mobile number\"}\r\n />\r\n
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n type=\"number\"\r\n inputref={(ele) => (this.otpField = ele)}\r\n value={otp.value}\r\n bordercolor=\"#a6a6a6\"\r\n isShowError={otp.isError}\r\n isError={otp.isError}\r\n errorMessage={otp.errorMessage}\r\n placeholder={\"Please enter your OTP\"}\r\n />\r\n
\r\n \r\n *Same as AMFI/CDMS/KYD database\r\n
\r\n \r\n *By submitting this, I agree to the relevant\r\n {\r\n // window.open(\"https://t.me/+W7Ed6Ihx-dthMjk1\");\r\n // }}\r\n className=\"terms_conditions\"\r\n >\r\n Terms and Conditions\r\n {\" \"}\r\n before proceeding.\r\n
\r\n {/* \r\n I have understood and agree to your{\" \"}\r\n \r\n Terms and Conditions*\r\n \r\n
\r\n \r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(null, {\r\n generateUrl,\r\n getNewPurchaseFundList,\r\n validateEuin,\r\n validateSubBroker,\r\n EuinValidation,\r\n})(GenerateARNLink);\r\n","import React, { Component } from \"react\";\r\nimport { QueryAssistant } from \"../home/home\";\r\nimport Appbar from \"./appbar\";\r\nimport DemoCarousel from \"./carsouel\";\r\nimport { Input } from \"../forms/input\";\r\nimport Signbutton from \"../forms/button\";\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport CustomLoader from \"../forms/Loader\";\r\nimport UploadFile from \"../home/uploadFile\";\r\nimport {\r\n saveEmpanelData,\r\n getBankDetails,\r\n validatePennyDrop,\r\n getCitiesList,\r\n saveBankDetails,\r\n} from \"../../store/actions/empanelment\";\r\nimport { connect } from \"react-redux\";\r\nimport CustomizedSelect from \"../home/transactions/customizedSelect\";\r\nimport { MenuItem } from \"@material-ui/core\";\r\nclass Bankdetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { storeCAMSData } = this.props;\r\n this.state = {\r\n cities: [],\r\n city: { value: \"\" },\r\n nrmawy: { value: \"\" },\r\n radioValue: { value: \"NO\" },\r\n loader: false,\r\n ifsc: {\r\n value:\r\n !!storeCAMSData &&\r\n !!storeCAMSData.bankDetails[0] &&\r\n !!storeCAMSData.bankDetails[0].IFSCcode\r\n ? storeCAMSData.bankDetails[0].IFSCcode\r\n : \"\",\r\n },\r\n bnkName: {\r\n value:\r\n !!storeCAMSData &&\r\n !!storeCAMSData.bankDetails[0] &&\r\n !!storeCAMSData.bankDetails[0].Bank_name\r\n ? storeCAMSData.bankDetails[0].Bank_name\r\n : \"\",\r\n },\r\n bnkBranch: {\r\n value:\r\n !!storeCAMSData &&\r\n !!storeCAMSData.bankDetails[0] &&\r\n !!storeCAMSData.bankDetails[0].Branch\r\n ? storeCAMSData.bankDetails[0].Branch\r\n : \"\",\r\n },\r\n bnkCity: {\r\n value:\r\n !!storeCAMSData &&\r\n !!storeCAMSData.bankDetails[0] &&\r\n !!storeCAMSData.bankDetails[0].City\r\n ? storeCAMSData.bankDetails[0].City\r\n : \"\",\r\n },\r\n bnkAccnum: {\r\n value:\r\n !!storeCAMSData &&\r\n !!storeCAMSData.bankDetails[0] &&\r\n !!storeCAMSData.bankDetails[0].Accountnumber\r\n ? storeCAMSData.bankDetails[0].Accountnumber\r\n : \"\",\r\n },\r\n nsdl: { value: \"\" },\r\n cdsl: { value: \"\" },\r\n count: 1,\r\n file: {},\r\n upload: { errorMessage: \"\" },\r\n };\r\n }\r\n async componentDidMount() {\r\n if (!!this.props.bankState.city) {\r\n this.setState((prevState) => ({\r\n ...prevState,\r\n ...this.props.bankState,\r\n count: 1,\r\n loader: false,\r\n }));\r\n return;\r\n }\r\n try {\r\n this.setState({ loader: true });\r\n const response = await this.props.getCitiesList();\r\n if (!!response && !!response.Dtinformation) {\r\n const cities = response.Dtinformation;\r\n cities.length > 0 && this.setState({ cities: cities });\r\n }\r\n } catch (e) {\r\n alert(e);\r\n } finally {\r\n this.setState({ loader: false });\r\n }\r\n }\r\n getBankDetails = async () => {\r\n if (/^[A-Za-z]{4}[a-zA-Z0-9]{7}$/.test(this.state.ifsc.value)) {\r\n const response = await this.props.getBankDetails({\r\n ifsc: this.state.ifsc.value,\r\n });\r\n const data = response.Dtinformation[0];\r\n if (this.state.radioValue.value === \"YES\") {\r\n this.setState({\r\n ifsc: {\r\n value: this.state.ifsc.value,\r\n isError: false,\r\n errorMessage: \"\",\r\n },\r\n bnkName: { value: data.bankname },\r\n bnkCity: { value: data.bankcity },\r\n bnkBranch: { value: data.bankadd1 },\r\n });\r\n }\r\n } else {\r\n this.setState({\r\n ifsc: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Please enter a valid IFSC number\",\r\n },\r\n });\r\n }\r\n };\r\n validate = (label) => (event) => {\r\n if (label === \"cdsl\") {\r\n if (!/^(\\d{16})$/.test(event.target.value)) {\r\n this.setState({\r\n cdsl: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a Valid CDSL ID\",\r\n },\r\n });\r\n }\r\n } else {\r\n if (!/^(\\d{14})$/.test(event.target.value)) {\r\n this.setState({\r\n nsdl: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a Valid NSDL ID\",\r\n },\r\n });\r\n }\r\n }\r\n };\r\n changeValue = (label) => (event) => {\r\n if (label === \"ifsc\") {\r\n this.setState({\r\n [label]: { value: event.target.value.toUpperCase() },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n };\r\n changeCity = (e) => {\r\n const city = e.target.value;\r\n this.setState({\r\n city: { value: city },\r\n });\r\n };\r\n fileUpload = (label) => (e) => {\r\n if (!!e.target.files.length) {\r\n const file = e.target.files[0];\r\n this.setState({\r\n [label]: file.name,\r\n });\r\n\r\n var fileReader = new FileReader();\r\n var base64;\r\n // Onload of file read the file content\r\n fileReader.onload = (fileLoadedEvent) => {\r\n base64 = fileLoadedEvent.target.result;\r\n // Print data in console\r\n this.setState({\r\n file: { value: base64.split(\",\")[1] },\r\n });\r\n };\r\n // Convert data to base64\r\n fileReader.readAsDataURL(file);\r\n this.setState({\r\n upload: { errorMessage: \"Upload Successfully\" },\r\n });\r\n }\r\n };\r\n submit = async () => {\r\n const {\r\n city,\r\n nrmawy,\r\n nsdl,\r\n cdsl,\r\n loader,\r\n cities,\r\n count,\r\n upload_file,\r\n upload,\r\n file,\r\n ...others\r\n } = this.state;\r\n const keys = Object.keys(others);\r\n const findError = keys.every((key) => !!others[key].value);\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"ifsc\"\r\n ? \"IFSC Code\"\r\n : key === \"bnkName\"\r\n ? \"Bank Name\"\r\n : key === \"bnkAccnum\"\r\n ? \"Account Number\"\r\n : key === \"bnkCity\"\r\n ? \"Bank City\"\r\n : key === \"bnkBranch\"\r\n ? \"Brank Branch\"\r\n : key\r\n } is mandatory`,\r\n },\r\n });\r\n });\r\n return;\r\n } else if (!/^[A-Za-z]{4}[a-zA-Z0-9]{7}$/.test(this.state.ifsc.value)) {\r\n this.setState({\r\n ifsc: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Please enter a valid IFSC number\",\r\n },\r\n });\r\n return;\r\n } else if (!!cdsl.value && !/^(\\d{16})$/.test(cdsl.value)) {\r\n this.setState({\r\n cdsl: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a Valid CDSL ID\",\r\n },\r\n });\r\n return;\r\n } else if (!!nsdl.value && !/^(\\d{14})$/.test(nsdl.value)) {\r\n this.setState({\r\n nsdl: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a Valid NSDL ID\",\r\n },\r\n });\r\n return;\r\n }\r\n\r\n const { ifsc, bnkName, bnkAccnum, bnkBranch, bnkCity } = this.state;\r\n const bankdetails = {\r\n AMC_Branch: this.state.city.value,\r\n rmname: this.state.nrmawy.value,\r\n ifsc: ifsc.value,\r\n bnkName: bnkName.value,\r\n bnkAccnum: bnkAccnum.value,\r\n bnkBranch: bnkBranch.value,\r\n bnkCity: bnkCity.value,\r\n nsdl: !!nsdl.value ? \"IN\" + nsdl.value : \"\",\r\n cdsl: cdsl.value,\r\n };\r\n this.props.saveBankDetails({\r\n ...bankdetails,\r\n });\r\n\r\n // if (this.state.radioValue.value === \"YES\") {\r\n // this.setState({ loader: true });\r\n // const params = {\r\n // IFSC: ifsc.value,\r\n // AccountNo: bnkAccnum.value,\r\n // MobileNo: this.props.storeCAMSData.bankDetails[0].MOBILE_NO1,\r\n // PAN: this.props.storeCAMSData.bankDetails[0].PAN,\r\n // InvestorName: this.props.storeCAMSData.bankDetails[0].ARN_NAME,\r\n // Ip: \"10.192.18.119\",\r\n // RequestKey: \"8ad82821-f99b-4556-8558-230d37995341\",\r\n // RequestType: \"PennyDrop\",\r\n // consent: \"Y\",\r\n // Fund: 189,\r\n // APPId: \"WB99\",\r\n // };\r\n // try {\r\n // const res = await this.props.validatePennyDrop(params);\r\n // const data = JSON.parse(res);\r\n // const { Status, Result } = data;\r\n // if ((Status !== \"Y\" || Result === \"False\") && this.state.count === 1) {\r\n // alert(\r\n // \"Bank Account Validation is Failed, Please enter the correct bank details\"\r\n // );\r\n // this.setState((prevState) => ({\r\n // loader: false,\r\n // radioValue: { value: \"YES\" },\r\n // ifsc: {\r\n // value: \"\",\r\n // isError: true,\r\n // errorMessage: \"Enter a valid IFSC Code\",\r\n // },\r\n // bnkName: {\r\n // value: \"\",\r\n // },\r\n // bnkAccnum: {\r\n // value: \"\",\r\n // isError: true,\r\n // errorMessage: \"Enter a valid Bank Account Number\",\r\n // },\r\n // bnkBranch: {\r\n // value: \"\",\r\n // },\r\n // bnkCity: {\r\n // value: \"\",\r\n // },\r\n // cdsl: { value: \"\" },\r\n // nsdl: { value: \"\" },\r\n // count: prevState.count + 1,\r\n // }));\r\n // return;\r\n // } else if (\r\n // (Status !== \"Y\" || Result === \"False\") &&\r\n // this.state.count > 1\r\n // ) {\r\n // alert(\r\n // \"Dear Partner, the Bank Validation has failed and empanelment will take place with the bank account as per your input. Please refer the detailed welcome email and will request you to proceed with the Change of Bank\"\r\n // );\r\n // this.props.saveBankDetails({ ...bankdetails, pennydropflag: \"N\" });\r\n // this.props.history.push(\"/distributor-empanellement/nominee-details\");\r\n // } else {\r\n // this.props.saveBankDetails({\r\n // ...bankdetails,\r\n // pennydropflag: \"Y\",\r\n // });\r\n // this.props.history.push(\"/distributor-empanellement/nominee-details\");\r\n // }\r\n // } catch (e) {\r\n // alert(e);\r\n // } finally {\r\n // this.setState({ loader: false });\r\n // }\r\n // } else {\r\n // this.props.saveBankDetails({\r\n // ...bankdetails,\r\n // pennydropflag: \"C\",\r\n // });\r\n // this.props.history.push(\"/distributor-empanellement/nominee-details\");\r\n // }\r\n this.props.history.push(\"/distributor-empanellement/nominee-details\");\r\n };\r\n fillDetails = () => (event) => {\r\n if (event.target.value === \"YES\") {\r\n this.setState({\r\n radioValue: { value: \"YES\" },\r\n ifsc: { value: \"\" },\r\n bnkName: { value: \"\" },\r\n bnkAccnum: { value: \"\" },\r\n bnkBranch: { value: \"\" },\r\n bnkCity: { value: \"\" },\r\n cdsl: { value: \"\" },\r\n nsdl: { value: \"\" },\r\n });\r\n } else if (event.target.value === \"NO\") {\r\n this.setState({\r\n radioValue: { value: \"NO\" },\r\n ifsc: {\r\n value:\r\n (!!this.props.storeCAMSData.bankDetails[0] &&\r\n this.props.storeCAMSData.bankDetails[0].IFSCcode) ||\r\n \"\",\r\n },\r\n bnkName: {\r\n value:\r\n (!!this.props.storeCAMSData.bankDetails[0] &&\r\n this.props.storeCAMSData.bankDetails[0].Bank_name) ||\r\n \"\",\r\n },\r\n bnkBranch: {\r\n value:\r\n (!!this.props.storeCAMSData.bankDetails[0] &&\r\n this.props.storeCAMSData.bankDetails[0].Branch) ||\r\n \"\",\r\n },\r\n bnkCity: {\r\n value:\r\n (!!this.props.storeCAMSData.bankDetails[0] &&\r\n this.props.storeCAMSData.bankDetails[0].City) ||\r\n \"\",\r\n },\r\n bnkAccnum: {\r\n value:\r\n (!!this.props.storeCAMSData.bankDetails[0] &&\r\n this.props.storeCAMSData.bankDetails[0].Accountnumber) ||\r\n \"\",\r\n },\r\n });\r\n }\r\n };\r\n render() {\r\n const {\r\n city,\r\n nrmawy,\r\n ifsc,\r\n bnkName,\r\n bnkAccnum,\r\n bnkBranch,\r\n bnkCity,\r\n radioValue,\r\n cdsl,\r\n nsdl,\r\n cities,\r\n } = this.state;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n copy(this.state.link.value);\r\n alert(\"Link Copied\");\r\n }}\r\n shareOnclick={() =>\r\n this.setState({\r\n shareopen: !this.state.shareopen,\r\n })\r\n }\r\n />\r\n
\r\n {this.state.shareopen && (\r\n this.props.history.push(\"/login\")}\r\n >\r\n Back to Login Page\r\n \r\n
\r\n Scheme ARN Link
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n type=\"number\"\r\n isShowError={brokerCode.isError}\r\n errorMessage={brokerCode.errorMessage}\r\n inputref={(ele) => (this.brokerCodeField = ele)}\r\n // onBlur={this.fetchEuinList()}\r\n />\r\n
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n onBlur={this.validateSubBrokerCode}\r\n type=\"number\"\r\n isShowError={subBrokerCode.isError}\r\n errorMessage={subBrokerCode.errorMessage}\r\n inputref={(ele) => (this.subBrokerCodeField = ele)}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n {radioValue.value === \"NO\" && (\r\n
\r\n EUIN Declaration
\r\n \r\n Please Confirm If Intended Transaction is an Execution Only\r\n Transaction or is under Advise to you\r\n
\r\n \r\n
\r\n YES
\r\n \r\n
\r\n \r\n NO
\r\n \r\n {/* ({\r\n value: item.abm_name,\r\n label: item.abm_agent,\r\n }))}\r\n errorMessage={this.state.euinCode.errorMessage}\r\n value={euinCode.value}\r\n placeholder=\"Select EUIN\"\r\n handleChange={(value) =>\r\n this.setState({ euinCode: { value } })\r\n }\r\n inputRef={(ele) => (this.euinField = ele)}\r\n isError={euinCode.isError}\r\n /> */}\r\n
\r\n )}\r\n \r\n (this.categoryField = ele)}\r\n isError={category.isError}\r\n errorMessage={category.errorMessage}\r\n >\r\n {categories.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n ({\r\n label: item.Scheme_Desc,\r\n value: item.Scheme_Plan,\r\n }))}\r\n value={scheme.value}\r\n placeholder=\"Select Scheme\"\r\n handleChange={this.changeScheme}\r\n disabled={!category.value}\r\n inputRef={(ele) => (this.schemeField = ele)}\r\n isError={scheme.isError}\r\n errorMessage={scheme.errorMessage}\r\n />\r\n
\r\n Scheme
\r\n \r\n {this.state.shareopen && (\r\n
\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/*
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const { camsdata, empanelmentData, bankState, storeCAMSData } = authReducer;\r\n return {\r\n camsdata,\r\n empanelmentData,\r\n bankState,\r\n storeCAMSData,\r\n };\r\n },\r\n {\r\n saveEmpanelData,\r\n getBankDetails,\r\n validatePennyDrop,\r\n getCitiesList,\r\n saveBankDetails,\r\n }\r\n)(Bankdetails);\r\n","import React, { Component } from \"react\";\r\nimport { QueryAssistant } from \"../home/home\";\r\nimport Appbar from \"./appbar\";\r\nimport DemoCarousel from \"./carsouel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport CustomizedSelect from \"../home/transactions/customizedSelect\";\r\nimport { Input } from \"../forms/input\";\r\nimport Signbutton from \"../forms/button\";\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport {\r\n saveEmpanelment,\r\n empanelmentRegistration,\r\n getCitiesList,\r\n saveEmpanelmentNomineeData,\r\n} from \"../../store/actions/empanelment\";\r\nimport { connect } from \"react-redux\";\r\nimport CustomLoader from \"../forms/Loader\";\r\n\r\nclass NomineeDetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { storeCAMSData } = this.props;\r\n this.state = {\r\n cities: [],\r\n loader: false,\r\n radioValue: { value: \"YES\" },\r\n nominee_name: {\r\n value:\r\n !!storeCAMSData &&\r\n storeCAMSData.NomineeDetails[0] &&\r\n !!storeCAMSData.NomineeDetails[0].Nomineename\r\n ? storeCAMSData.NomineeDetails[0].Nomineename\r\n : \"\",\r\n },\r\n nomineeAdd1: {\r\n value:\r\n !!storeCAMSData &&\r\n storeCAMSData.NomineeDetails[0] &&\r\n !!storeCAMSData.NomineeDetails[0].Nomineename\r\n ? storeCAMSData.NomineeDetails[0].address\r\n : \"\",\r\n },\r\n nomineeAdd2: {\r\n value: \"\",\r\n },\r\n nomineeAdd3: {\r\n value: \"\",\r\n },\r\n state: {\r\n value:\r\n !!storeCAMSData &&\r\n storeCAMSData.NomineeDetails[0] &&\r\n !!storeCAMSData.NomineeDetails[0].Nomineename\r\n ? storeCAMSData.NomineeDetails[0].State\r\n : \"\",\r\n },\r\n city: {\r\n value:\r\n !!storeCAMSData &&\r\n storeCAMSData.NomineeDetails[0] &&\r\n !!storeCAMSData.NomineeDetails[0].Nomineename\r\n ? storeCAMSData.NomineeDetails[0].City\r\n : \"\",\r\n },\r\n pincode: {\r\n value:\r\n !!storeCAMSData &&\r\n storeCAMSData.NomineeDetails[0] &&\r\n !!storeCAMSData.NomineeDetails[0].Nomineename\r\n ? storeCAMSData.NomineeDetails[0].Pincode\r\n : \"\",\r\n },\r\n };\r\n }\r\n async componentDidMount() {\r\n try {\r\n this.setState({ loader: true });\r\n const response = await this.props.getCitiesList();\r\n if (!!response && !!response.Dtinformation) {\r\n const cities = response.Dtinformation;\r\n cities.length > 0 && this.setState({ cities: cities });\r\n }\r\n } catch (e) {\r\n alert(e);\r\n } finally {\r\n this.setState({ loader: false });\r\n }\r\n }\r\n fillDetails = () => (event) => {\r\n if (event.target.value === \"YES\") {\r\n this.setState({\r\n radioValue: { value: \"YES\" },\r\n nominee_name: {\r\n value:\r\n (!!this.props.storeCAMSData.NomineeDetails[0] &&\r\n this.props.storeCAMSData.NomineeDetails[0].Nomineename) ||\r\n \"\",\r\n },\r\n nomineeAdd1: {\r\n value:\r\n (!!this.props.storeCAMSData.NomineeDetails[0] &&\r\n this.props.storeCAMSData.NomineeDetails[0].address) ||\r\n \"\",\r\n },\r\n nomineeAdd2: {\r\n value:\r\n (!!this.props.storeCAMSData.NomineeDetails[0] &&\r\n this.props.storeCAMSData.NomineeDetails[0].ADDRESS2) ||\r\n \"\",\r\n },\r\n nomineeAdd3: {\r\n value:\r\n (!!this.props.storeCAMSData.NomineeDetails[0] &&\r\n this.props.storeCAMSData.NomineeDetails[0].ADDRESS3) ||\r\n \"\",\r\n },\r\n state: {\r\n value:\r\n (!!this.props.storeCAMSData.NomineeDetails[0] &&\r\n this.props.storeCAMSData.NomineeDetails[0].State) ||\r\n \"\",\r\n },\r\n city: {\r\n value:\r\n (!!this.props.storeCAMSData.NomineeDetails[0] &&\r\n this.props.storeCAMSData.NomineeDetails[0].City) ||\r\n \"\",\r\n },\r\n pincode: {\r\n value:\r\n (!!this.props.storeCAMSData.NomineeDetails[0] &&\r\n this.props.storeCAMSData.NomineeDetails[0].Pincode) ||\r\n \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n nominee_name: {\r\n value: \"\",\r\n },\r\n radioValue: { value: \"NO\" },\r\n nomineeAdd1: { value: \"\" },\r\n nomineeAdd2: { value: \"\" },\r\n nomineeAdd3: { value: \"\" },\r\n state: { value: \"\" },\r\n city: { value: \"\" },\r\n pincode: { value: \"\" },\r\n });\r\n }\r\n };\r\n changeValue = (label) => (event) => {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n };\r\n validate = (label) => (event) => {\r\n if (label === \"pincode\") {\r\n if (!/^[1-9][0-9]{5}$/.test(event.target.value)) {\r\n this.setState({\r\n pincode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a valid Pincode\",\r\n },\r\n });\r\n }\r\n }\r\n };\r\n\r\n changeCity = (e) => {\r\n const city = e.target.value;\r\n this.setState({\r\n city: { value: city },\r\n });\r\n };\r\n submit = async () => {\r\n const { radioValue, nomineeAdd2, nomineeAdd3, loader, cities, ...others } =\r\n this.state;\r\n const keys = Object.keys(others);\r\n const findError = keys.every((key) => !!others[key].value);\r\n if (!/^[1-9][0-9]{5}$/.test(this.state.pincode.value)) {\r\n this.setState({\r\n pincode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a valid Pincode\",\r\n },\r\n });\r\n return;\r\n }\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"nominee_name\"\r\n ? \"Nominee Name\"\r\n : key === \"nomineeAdd1\"\r\n ? \"Nominee Address\"\r\n : key === \"state\"\r\n ? \"State\"\r\n : key === \"city\"\r\n ? \"City\"\r\n : key === \"pincode\"\r\n ? \"Pincode\"\r\n : key\r\n } is mandatory`,\r\n },\r\n });\r\n });\r\n return;\r\n }\r\n const nomineeDetails = {\r\n nominee_name: this.state.nominee_name.value,\r\n nominee_add:\r\n this.state.nomineeAdd1.value +\r\n this.state.nomineeAdd2.value +\r\n this.state.nomineeAdd3.value,\r\n nominee_city: this.state.city.value,\r\n nominee_pin: this.state.pincode.value,\r\n };\r\n await this.props.saveEmpanelmentNomineeData({\r\n ...nomineeDetails,\r\n });\r\n // await this.props.saveNomineeDetails({\r\n // ...nomineeDetails,\r\n // });\r\n this.props.history.push(\"/distributor-empanellement/Bajaj-entities\", {\r\n nominee_name: this.state.nominee_name.value,\r\n nominee_add:\r\n this.state.nomineeAdd1.value +\r\n this.state.nomineeAdd2.value +\r\n this.state.nomineeAdd3.value,\r\n nominee_city: this.state.city.value,\r\n nominee_pin: this.state.pincode.value,\r\n });\r\n };\r\n render() {\r\n const {\r\n radioValue,\r\n nominee_name,\r\n nomineeAdd1,\r\n nomineeAdd2,\r\n nomineeAdd3,\r\n state,\r\n city,\r\n pincode,\r\n cities,\r\n } = this.state;\r\n return (\r\n \r\n \r\n this.props.history.push(\"/distributor-empanellement\")\r\n }\r\n >\r\n Back\r\n \r\n
\r\n \r\n {/*
\r\n \r\n Please select AMC Branch Associated with\r\n
\r\n\r\n \r\n (this.cityFieled = ele)}\r\n value={city.value}\r\n >\r\n {cities.map((s) => (\r\n \r\n ))}\r\n \r\n
\r\n\r\n \r\n (this.nrmawyField = ele)}\r\n />\r\n
\r\n \r\n
\r\n \r\n If you have depository account and willing to share your DP IDs,\r\n please share your CDSL / NSDL ID\r\n
\r\n (this.nrmawyField = ele)}\r\n tooltip=\"An unique 16-digit number provided to every Demat account by CDSL\"\r\n onBlur={this.validate(\"cdsl\")}\r\n type=\"number\"\r\n />\r\n \r\n (this.nsdlField = ele)}\r\n tooltip='An unique 14-digit number provided to every Demat account by NSDL (Prefixed with \"IN\")'\r\n onBlur={this.validate(\"nsdl\")}\r\n type=\"number\"\r\n />\r\n
*/}\r\n\r\n Bank Details
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n Choose an Option*
\r\n\r\n \r\n
\r\n \r\n Get the bank details from CDMS database\r\n
\r\n \r\n
\r\n \r\n \r\n Update bank account details\r\n
\r\n \r\n (this.ifscField = ele)}\r\n placeholder={\"Please enter IFSC Code\"}\r\n />\r\n
\r\n\r\n \r\n (this.bnkNameField = ele)}\r\n placeholder={\"Please enter Bank Name\"}\r\n />\r\n
\r\n\r\n \r\n (this.bnkAccnumField = ele)}\r\n placeholder={\"Please enter Bank Account Number\"}\r\n />\r\n
\r\n \r\n (this.bnkBranchField = ele)}\r\n placeholder={\"Please enter Bank Branch\"}\r\n />\r\n
\r\n \r\n (this.bnkCityField = ele)}\r\n placeholder={\"Please enter Bank City\"}\r\n />\r\n
\r\n \r\n \r\n {this.state.upload.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n Upload Cancelled Cheque
\r\n\r\n {!!this.state.upload.errorMessage ? (\r\n \r\n only pdf files are allowed, File size to not exceed 24 MB\r\n
\r\n \r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const {\r\n empanelmentData,\r\n camsdata,\r\n empanelmentBasicDetails,\r\n empanelmentBankDetails,\r\n storeCAMSData,\r\n } = authReducer;\r\n return {\r\n camsdata,\r\n empanelmentData,\r\n empanelmentBasicDetails,\r\n empanelmentBankDetails,\r\n storeCAMSData,\r\n };\r\n },\r\n {\r\n saveEmpanelment,\r\n empanelmentRegistration,\r\n getCitiesList,\r\n saveEmpanelmentNomineeData,\r\n }\r\n)(NomineeDetails);\r\n","import React, { Component } from \"react\";\r\nimport { Input } from \"../forms/input\";\r\nimport { QueryAssistant } from \"../home/home\";\r\nimport Appbar from \"./appbar\";\r\nimport DemoCarousel from \"./carsouel\";\r\nimport Signbutton from \"../forms/button\";\r\nimport copy from \"copy-to-clipboard\";\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport {\r\n EmailShareButton,\r\n WhatsappIcon,\r\n EmailIcon,\r\n WhatsappShareButton,\r\n} from \"react-share\";\r\n\r\nimport {\r\n generateUrl,\r\n validateEuin,\r\n EuinValidation,\r\n} from \"../../store/actions/generatearn\";\r\nimport { getNewPurchaseFundList } from \"../../store/actions/investors\";\r\nimport { validateSubBroker } from \"../../store/actions\";\r\n\r\nimport { connect } from \"react-redux\";\r\nclass CommonARNLink extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n radioValue: { value: \"YES\" },\r\n brokerCode: { value: \"\" },\r\n euinCode: { value: \"\", disabled: true },\r\n subBrokerCode: { value: \"\" },\r\n link: {\r\n value: \"\",\r\n },\r\n shareopen: false,\r\n euinList: [],\r\n isLoading: false,\r\n };\r\n }\r\n\r\n validateEuinNo = async () => {\r\n var today = new Date();\r\n var dd = String(today.getDate()).padStart(2, \"0\");\r\n var mm = String(today.getMonth() + 1).padStart(2, \"0\"); //January is 0!\r\n var yyyy = today.getFullYear();\r\n\r\n today = mm + \"/\" + dd + \"/\" + yyyy;\r\n const response = await this.props.validateEuin({\r\n BroCode: \"ARN-\" + this.state.brokerCode.value,\r\n Euin: this.state.euinCode.value.value,\r\n OutFlag: \"Y\",\r\n TrDate: today,\r\n });\r\n const data = response.Dtinformation[0];\r\n if (data.Msg !== \"Valid EUIN\" && !!this.state.euinCode.value) {\r\n this.setState({\r\n euinCode: {\r\n value: this.state.euinCode.value,\r\n isError: true,\r\n errorMessage: data.Msg,\r\n },\r\n });\r\n }\r\n };\r\n changeValue = (label) => (event) => {\r\n if (label === \"brokerCode\") {\r\n this.setState({\r\n link: {\r\n value: \"\",\r\n },\r\n [label]: { value: event.target.value },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n };\r\n validateSubBrokerCode = () => {\r\n if (this.state.subBrokerCode.value === this.state.brokerCode.value) {\r\n this.setState({\r\n subBrokerCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Sub Broker Code should not be same as Broker Code\",\r\n },\r\n });\r\n return;\r\n }\r\n };\r\n\r\n Euinchange = (e) => {\r\n this.setState({ euinCode: { value: e.target.value, disabled: false } });\r\n };\r\n submit = async () => {\r\n const {\r\n link,\r\n euinCode,\r\n subBrokerCode,\r\n shareopen,\r\n euinList,\r\n isLoading,\r\n ...others\r\n } = this.state;\r\n if (\r\n this.state.radioValue.value === \"NO\" &&\r\n !this.state.euinCode.value == \"\"\r\n ) {\r\n const params = {\r\n fund: \"189\",\r\n euin: `E${this.state.euinCode.value}`,\r\n arn: `ARN-${this.state.brokerCode.value}`,\r\n };\r\n const response = await this.props.EuinValidation(params);\r\n if (!response == true) {\r\n this.setState({\r\n euinCode: {\r\n value: \"\",\r\n },\r\n });\r\n }\r\n }\r\n\r\n if (this.state.subBrokerCode.value === this.state.brokerCode.value) {\r\n this.setState({\r\n subBrokerCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Sub Broker Code should not be same as Broker Code\",\r\n },\r\n });\r\n return;\r\n }\r\n const keys = Object.keys(others);\r\n const findError = keys.every((key) => !!others[key].value);\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"category\"\r\n ? \"Category\"\r\n : key === \"scheme\"\r\n ? \"Scheme\"\r\n : key === \"brokerCode\"\r\n ? \"Broker Code\"\r\n : key\r\n } is mandatory`,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !others[key].value);\r\n switch (firstErroredKey) {\r\n case \"brokerCode\": {\r\n this.brokerCodeField.focus();\r\n break;\r\n }\r\n case \"category\": {\r\n this.categoryField.focus();\r\n break;\r\n }\r\n case \"scheme\": {\r\n this.schemeField.focus();\r\n break;\r\n }\r\n default:\r\n break;\r\n }\r\n } else if (\r\n this.state.radioValue.value === \"NO\" &&\r\n !this.state.euinCode.value\r\n ) {\r\n this.setState({\r\n euinCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"EUIN Code is Mandatory\",\r\n },\r\n });\r\n return;\r\n } else {\r\n const params = {\r\n subbroker: !!this.state.subBrokerCode.value\r\n ? \"ARN-\" + this.state.subBrokerCode.value\r\n : \"\",\r\n agentid: !!this.state.brokerCode.value\r\n ? \"ARN-\" + this.state.brokerCode.value\r\n : \"\",\r\n ...(!!this.state.euinCode.value && {\r\n euin: `E${this.state.euinCode.value}`,\r\n EUINFlag: \"NO\",\r\n }),\r\n ...(!this.state.euinCode.value && {\r\n EUINFlag: \"YES\",\r\n }),\r\n };\r\n const response = await this.props.generateUrl(params);\r\n const data = !!response.Dtinformation[0] ? response.Dtinformation[0] : {};\r\n this.setState({\r\n link: { value: !!data.Link ? data.Link : data.Message },\r\n });\r\n }\r\n };\r\n\r\n copyLinktoCilpboard = () => {\r\n if (!!this.state.link.value) {\r\n copy(this.state.link.value);\r\n alert(\"Link copied successfully\");\r\n }\r\n };\r\n changeEuin = () => (event) => {\r\n if (event.target.value === \"YES\") {\r\n this.setState({\r\n euinCode: { value: \"\", disabled: true },\r\n radioValue: { value: event.target.value },\r\n });\r\n } else {\r\n this.setState({\r\n euinCode: { value: \"\", disabled: false },\r\n radioValue: { value: event.target.value },\r\n });\r\n }\r\n };\r\n // fetchEuinList = () => async () => {\r\n // try {\r\n // this.setState({ isLoading: true });\r\n // const params = {\r\n // Fund: \"189\",\r\n // SubAgentCd: !!this.state.subBrokerCode.value\r\n // ? `ARN-${this.state.subBrokerCode.value}`\r\n // : \"-\",\r\n // AgentCd: `ARN-${this.state.brokerCode.value}`,\r\n // };\r\n // const response = await this.props.validateSubBroker(params);\r\n // const { DtData } = response;\r\n // this.setState({\r\n // euinList: DtData,\r\n // });\r\n // } catch (error) {\r\n // console.log(error);\r\n // } finally {\r\n // this.setState({ isLoading: false });\r\n // }\r\n // };\r\n\r\n render() {\r\n const {\r\n brokerCode,\r\n euinCode,\r\n subBrokerCode,\r\n category,\r\n categories,\r\n scheme,\r\n schemes,\r\n link,\r\n radioValue,\r\n } = this.state;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n this.props.history.push(\r\n \"/distributor-empanellement/bank-details\"\r\n )\r\n }\r\n >\r\n Back\r\n \r\n
\r\n Nominee Details
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n Choose an Option*
\r\n\r\n \r\n
\r\n \r\n Get the nominee details from CDMS database\r\n
\r\n \r\n
\r\n \r\n \r\n Update Nominee details\r\n
\r\n \r\n (this.nameField = ele)}\r\n placeholder={\"Please enter Nominee Name\"}\r\n />\r\n
\r\n\r\n \r\n (this.nomineeAdd1Field = ele)}\r\n placeholder={\"Please enter Nominee Address\"}\r\n />\r\n
\r\n\r\n \r\n (this.nomineeAdd2Field = ele)}\r\n />\r\n
\r\n \r\n (this.nomineeAdd3Field = ele)}\r\n />\r\n
\r\n \r\n (this.stateField = ele)}\r\n placeholder={\"Please enter your State\"}\r\n />\r\n
\r\n \r\n (this.cityFieled = ele)}\r\n value={city.value}\r\n >\r\n {cities.map((s) => (\r\n \r\n ))}\r\n \r\n
\r\n\r\n \r\n (this.pincodeField = ele)}\r\n onblur={this.validate(\"Pincode\")}\r\n placeholder={\"Please enter your pincode\"}\r\n />\r\n
\r\n\r\n {/* \r\n \r\n this.onDateChange(\"dob\", e)}\r\n style={{\r\n border:\r\n this.state.dob.error === true\r\n ? \"1px solid red\"\r\n : \"1px solid #a6a6a6\",\r\n borderTop:\r\n this.state.dob.error === true\r\n ? \"2px solid red\"\r\n : \"2px solid #a6a6a6\",\r\n borderRadius: this.state.dob.error === true ? 7 : 7,\r\n }}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n maxDate={new Date()}\r\n margin=\"normal\"\r\n id=\"mui-pickers-date\"\r\n value={this.state.dob.value}\r\n />\r\n \r\n
*/}\r\n\r\n Date of birth
\r\n\r\n \r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(null, {\r\n generateUrl,\r\n getNewPurchaseFundList,\r\n validateEuin,\r\n validateSubBroker,\r\n EuinValidation,\r\n})(CommonARNLink);\r\n","import React, { Component } from \"react\";\r\nimport Signbutton from \"../forms/button\";\r\n\r\nimport { QueryAssistant } from \"../home/home\";\r\nimport Appbar from \"./appbar\";\r\nimport DemoCarousel from \"./carsouel\";\r\n\r\nexport default class Confirmation extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { state } = this.props.location;\r\n this.state = {\r\n message: state.message || \"Something Went Wrong Please Try Again Later.\",\r\n };\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n copy(this.state.link.value);\r\n alert(\"Link Copied\");\r\n }}\r\n shareOnclick={() =>\r\n this.setState({\r\n shareopen: !this.state.shareopen,\r\n })\r\n }\r\n />\r\n
\r\n {this.state.shareopen && (\r\n this.props.history.push(\"/login\")}\r\n >\r\n Back to Login Page\r\n \r\n
\r\n Customized ARN Link
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n type=\"number\"\r\n isShowError={brokerCode.isError}\r\n errorMessage={brokerCode.errorMessage}\r\n inputref={(ele) => (this.brokerCodeField = ele)}\r\n // onBlur={this.fetchEuinList()}\r\n />\r\n
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n type=\"number\"\r\n isShowError={subBrokerCode.isError}\r\n onBlur={this.validateSubBrokerCode}\r\n errorMessage={subBrokerCode.errorMessage}\r\n inputref={(ele) => (this.subBrokerCodeField = ele)}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {radioValue.value === \"NO\" && (\r\n EUIN Declaration
\r\n \r\n Please Confirm If Intended Transaction is an Execution Only\r\n Transaction or is under Advise to you\r\n
\r\n \r\n
\r\n YES
\r\n \r\n
\r\n \r\n NO
\r\n \r\n {/* ({\r\n value: item.abm_name,\r\n label: item.abm_agent,\r\n }))}\r\n errorMessage={this.state.euinCode.errorMessage}\r\n value={euinCode.value}\r\n placeholder=\"Select EUIN\"\r\n handleChange={(value) =>\r\n this.setState({ euinCode: { value } })\r\n }\r\n inputRef={(ele) => (this.euinField = ele)}\r\n isError={euinCode.isError}\r\n /> */}\r\n
\r\n )}\r\n \r\n {this.state.shareopen && (\r\n
\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/*
\r\n \r\n );\r\n }\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport Appbar from \"./appbar\";\r\nimport DemoCarousel from \"./carsouel\";\r\nimport Signbutton from \"../forms/button\";\r\nimport {\r\n saveEmpanelment,\r\n empanelmentRegistration,\r\n} from \"../../store/actions/empanelment\";\r\nconst BajajCompanies = (props) => {\r\n\r\n const [options, setOptions] = useState([\r\n { option: \"Bajaj Finance Limited ( as an FD Distributor)\", done: false ,value:\"BFL\"},\r\n { option: \"Bajaj Allianz General Insurance Company (General Insurance Distributor)\", done: false,value:\"BAG\" },\r\n { option: \"Bajaj Allianz Life Insurance Company (Life Insurance Distributor)\", done: false,value:\"BAL\" },\r\n { option: \"Bajaj Financial Securities Limited (Broking & Distribution Partners)\", done: false ,value:\"BFS\"},\r\n { option: \"None of the Above\", done: false,value:\"NOA\" },\r\n ]);\r\n const handleChange = (done, i) => {\r\n let tmp = options[i];\r\n tmp.done = !done;\r\n let optionsClone = [...options];\r\n optionsClone[i] = tmp;\r\n setOptions([...optionsClone]);\r\n };\r\n const submit = async () => {\r\n const option = options.filter((opt) => opt.done === true && delete opt.done && delete opt.option)\r\n var result = option.map(function (item) {\r\n return item['value'];\r\n });\r\n const { empanelmentBasicDetails, empanelmentBankDetails } = props;\r\n const params = {\r\n ...props.storeempanelmentNomineeDetails,\r\n bnk_name: empanelmentBankDetails.bnkName,\r\n bnk_accno: empanelmentBankDetails.bnkAccnum,\r\n bnk_ifsc: empanelmentBankDetails.ifsc,\r\n branch: empanelmentBankDetails.bnkBranch,\r\n bnk_city: empanelmentBankDetails.bnkCity,\r\n pan: empanelmentBasicDetails.pan,\r\n email: empanelmentBasicDetails.email,\r\n mobile: empanelmentBasicDetails.mobile,\r\n agentcode: empanelmentBasicDetails.arnCode,\r\n pennydropflag: empanelmentBankDetails.pennydropflag,\r\n otherentity: result,\r\n };\r\n const response = await props.saveEmpanelment(params);\r\n const { ID } = response.Dtinformation[0];\r\n const AgentParams = {\r\n arncode: empanelmentBasicDetails.arnCode,\r\n pan: empanelmentBasicDetails.pan,\r\n email: empanelmentBasicDetails.email,\r\n mobile: empanelmentBasicDetails.mobile,\r\n bnk_name: empanelmentBankDetails.bnkName,\r\n bnk_accno: empanelmentBankDetails.bnkAccnum,\r\n CDSL: empanelmentBankDetails.cdsl,\r\n NSDL: empanelmentBankDetails.nsdl,\r\n bnk_ifsc: empanelmentBankDetails.ifsc,\r\n branch: empanelmentBankDetails.bnkBranch,\r\n bnk_city: empanelmentBankDetails.bnkCity,\r\n AMC_Branch: empanelmentBankDetails.AMC_Branch,\r\n Ihno: ID || \"\",\r\n rmname: empanelmentBankDetails.rmname,\r\n pennydropflag: empanelmentBankDetails.pennydropflag,\r\n };\r\n const Agentresponse = await props.empanelmentRegistration(AgentParams);\r\n\r\n if (!!Agentresponse) {\r\n const data = Agentresponse.Dtinformation[0] || {};\r\n try {\r\n if (data.Return_Code == 0) {\r\n // const name = props.camsdata[0].ARN_NAME;\r\n // const message = `${data.Agent}-${name} - has been registered successfully`;\r\n const message = \"Your empanelment request has been successfully submitted. You shall receive a confirmation of the empanelment shortly\";\r\n props.history.push(\"/distributor-empanellement/confirmation\", {\r\n message: message,\r\n });\r\n } else {\r\n props.history.push(\"/distributor-empanellement/confirmation\", {\r\n message: data.Return_Msg,\r\n });\r\n }\r\n } catch (e) {\r\n alert(e);\r\n }\r\n }\r\n };\r\n return (\r\n \r\n this.props.history.push(\"/login\")}\r\n />\r\n
\r\n \r\n \r\n {this.state.message}\r\n
\r\n \r\n {/*
\r\n );\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const {\r\n empanelmentData,\r\n camsdata,\r\n empanelmentBasicDetails,\r\n empanelmentBankDetails,\r\n storeempanelmentNomineeDetails\r\n } = authReducer;\r\n return {\r\n camsdata,\r\n empanelmentData,\r\n empanelmentBasicDetails,\r\n empanelmentBankDetails,\r\n storeempanelmentNomineeDetails\r\n };\r\n },\r\n {\r\n saveEmpanelment,\r\n empanelmentRegistration,\r\n }\r\n)(BajajCompanies);\r\n","import React from \"react\";\r\nimport \"./App.scss\";\r\nimport { PersistGate } from \"redux-persist/integration/react\";\r\nimport { Provider } from \"react-redux\";\r\nimport store, { persistor, history } from \"./store\";\r\nimport { Router, Route, Switch } from \"react-router-dom\";\r\nimport Login from \"./components/auth/login\";\r\nimport Register from \"./components/auth/register\";\r\nimport Home from \"./components/home/home\";\r\nimport OTP from \"./components/auth/otp\";\r\nimport ProtectedRoute from \"./protectedRoute\";\r\nimport ForgotUserId from \"./components/auth/forgotUserId\";\r\nimport ForgotPassword from \"./components/auth/forgotPassword\";\r\nimport ResetPassword from \"./components/auth/resetPassword\";\r\nimport TNDC from \"./components/auth/tndc\";\r\nimport Faqs from \"./components/auth/Faqs\";\r\nimport DistributorEmpanellement from \"./components/auth/distributorEmpanellement\";\r\nimport GenerateARNLink from \"./components/auth/arnLink\";\r\nimport Bankdetails from \"./components/auth/bankdetails\";\r\nimport NomineeDetails from \"./components/auth/dnomineeDetails\";\r\nimport commonArnLink from \"./components/auth/commonArnLink\";\r\nimport Confirmation from \"./components/auth/confirmation\";\r\nimport BajajCompanies from \"./components/auth/bajajcompanies\"\r\n\r\nconst PUBLIC_URL = process.env.PUBLIC_URL || \"/\";\r\n\r\nconst Routes = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Do you wish to associate with any of the following Bajaj Finserv Group Companies?
\r\n \r\n {options.map(({ option, done }, i) => (\r\n
\r\n \r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n Disclaimer - Should you choose to associate with any of the above Group companies, please note that your association is independent of that with BFAML. We will only be sharing your expression of interest with the selected Group company for them to take it forward with you. You will have to take up any query/concern with the concerned group company.\r\n
\r\n\r\n \r\n {!!image && (\r\n e.target.addEventListener(\"wheel\", function (e) { e.preventDefault() }, { passive: false }) : null}\r\n\r\n {...rest}\r\n />\r\n\r\n \r\n {!!this.props.copyimage && (\r\n
\r\n \r\n \r\n {name} {label}\r\n {isMandatory && *}\r\n {!!tooltip && (\r\n \r\n \r\n )}\r\n {!!this.props.link && (\r\n \r\n {this.props.linkText}\r\n \r\n )}\r\n
\r\n \r\n {isShowError\r\n ? errorMessage || ` is required.`\r\n : isShowPasswordError\r\n ? \"Password shoould 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)\"\r\n : \"\"}\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport class OtpInput extends Component {\r\n render() {\r\n const { inputref, ...rest } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Loader from \"react-loader-spinner\";\r\nimport \"react-loader-spinner/dist/loader/css/react-spinner-loader.css\";\r\n\r\nexport default class CustomLoading extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n\r\n \r\n {this.props.active === INVESTMENTS &&\r\n investments.length > 0 &&\r\n investments.slice(0, this.props.count).map((investment, index) => (\r\n \r\n \r\n ))}\r\n \r\n
\r\n\r\n \r\n {investment.SchDesc} - {investment.plndesc}\r\n
\r\n \r\n
\r\n \r\n
\r\n Cost Value
\r\n \r\n
\r\n \r\n
\r\n \r\n Current Value\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Absolute Returns\r\n
\r\n \r\n {investment.GainPercent}{\" \"}\r\n
\r\n \r\n {this.props.active !== INVESTMENTS && !!upComingSipDetails.length\r\n ? upComingSipDetails\r\n .slice(0, this.props.count)\r\n .map((sip, index) => (\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Fund Name\r\n
\r\n \r\n {`${sip.schname}-${sip.plnname}`}\r\n
\r\n \r\n Folio Number\r\n
\r\n \r\n {sip.accno}\r\n
\r\n \r\n Sip Date\r\n
\r\n \r\n {sip.sipdt}\r\n
\r\n \r\n Sip Start Date\r\n
\r\n \r\n {sip.sipstartdt}\r\n
\r\n \r\n Sip End Date\r\n
\r\n \r\n {sip.sipenddt}\r\n
\r\n \r\n \r\n Sip Amount\r\n
\r\n \r\n {!!sip.amt ? sip.amt : 0}\r\n
\r\n \r\n\r\n \r\n Status\r\n
\r\n \r\n {sip.Status}\r\n
\r\n \r\n \r\n \r\n ))\r\n : this.props.active !== INVESTMENTS && (\r\n \r\n {this.props.active !== INVESTMENTS &&\r\n !!upComingSipDetails.length ? (\r\n upComingSipDetails\r\n .slice(0, this.props.count)\r\n .map((sip, index) => (\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(({ investor }) => {\r\n const { investments, upComingSipDetails } = investor;\r\n return { investments, upComingSipDetails };\r\n})(Investments);\r\nexport class InvestorTableCard extends Component {\r\n render() {\r\n const {\r\n Fund_Name,\r\n Sip_Amount,\r\n Sip_End_Date,\r\n Sip_Start_Date,\r\n Sip_Date,\r\n Folio_Number,\r\n Sip_Status,\r\n } = this.props;\r\n return (\r\n \r\n
\r\n \r\n \r\n {Folio_Number}\r\n
\r\n Folio Number
\r\n \r\n \r\n {Sip_Date}\r\n
\r\n \r\n \r\n Sip Date
\r\n \r\n
\r\n \r\n \r\n {Sip_Start_Date}\r\n
\r\n Sip Start Date
\r\n \r\n \r\n {Sip_End_Date}\r\n
\r\n \r\n \r\n Sip End Date
\r\n \r\n
\r\n \r\n \r\n {Sip_Amount}\r\n
\r\n Sip Amount
\r\n \r\n \r\n {Sip_Status}\r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { connect } from \"react-redux\";\r\nimport { FormatCurrency } from \"../../home/currencyFormatter\";\r\nimport CustomLoading from \"../CustomLoader\";\r\nimport {\r\n getInvestorDetails,\r\n favouriteInvestor,\r\n updateFavouriteInvestor,\r\n getUpComingSips,\r\n getInvestors,\r\n} from \"../../../store/actions\";\r\nimport { YES, TRUE, FALSE, INVESTMENTS, REQ_BY } from \"../../../store/types\";\r\nimport InvestmentTab from \"./investmentsTab\";\r\nimport Investments from \"./investments\";\r\nimport PieDiagram from \"../../home/dashboard/piechart\";\r\n\r\nimport CustomLoader from \"../../forms/Loader\";\r\nimport Image from \"../../Image\";\r\nclass InvestorDetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isLoading: true,\r\n noData: false,\r\n count: 3,\r\n active: INVESTMENTS,\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n let { params } = this.props.match;\r\n const happy = await this.props.getInvestors({\r\n ARN: this.props.token,\r\n customfund: \"189\",\r\n AllFavFlag: \"A\",\r\n });\r\n\r\n params = {\r\n ...params,\r\n Uid: this.props.userId,\r\n ReqBy: REQ_BY,\r\n customfund: \"189\",\r\n };\r\n const response = await this.props.getInvestorDetails(params);\r\n if (response) {\r\n this.setState({ isLoading: false });\r\n } else {\r\n this.setState({ isLoading: false, noData: true });\r\n }\r\n\r\n if (this.props.investorData) {\r\n const Params = {\r\n Pan: this.props.investorData.PAN,\r\n YearFlag: new Date().getFullYear(),\r\n ARNCode:this.props.token,\r\n };\r\n await this.props.getUpComingSips(Params);\r\n }\r\n }\r\n\r\n favourite = async () => {\r\n let { fav, PAN: InvPan, invname: Name } = this.props.investorData;\r\n const FavFlag = fav === TRUE ? FALSE : TRUE;\r\n const params = { InvPan, FavFlag, Name, AgentCode: this.props.token };\r\n const response = await this.props.favouriteInvestor(params);\r\n if (response) {\r\n this.props.updateFavouriteInvestor({ InvPan, FavFlag });\r\n } else if (!response) {\r\n this.setState({\r\n errorMessage: \"Already this pan ID member is added as a Favorite\",\r\n });\r\n }\r\n };\r\n\r\n changeActive = (active) => () => {\r\n this.setState({ active });\r\n };\r\n\r\n render() {\r\n const {\r\n investorData,\r\n communicationDetails = [],\r\n pieData,\r\n investments,\r\n upComingSipDetails,\r\n } = this.props;\r\n const detailsEmail = communicationDetails.find(\r\n (detail) => detail.PAN === investorData.PAN && !!detail.email\r\n );\r\n const detailsMobile = communicationDetails.find(\r\n (detail) => detail.PAN === investorData.PAN && !!detail.Mobile\r\n );\r\n\r\n const fatca = this.props.investors.find(\r\n (ele) =>\r\n !!investorData && !!investorData.PAN && ele.Pan === investorData.PAN\r\n );\r\n\r\n const { isLoading, noData } = this.state;\r\n return (\r\n Sip Status
\r\n \r\n {!isLoading ? (\r\n \r\n {!noData ? (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {this.state.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {investorData.invname}\r\n
\r\n \r\n
\r\n \r\n PAN : {investorData.PAN}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {!!detailsEmail && detailsEmail.email\r\n ? detailsEmail.email\r\n : \"\"}\r\n
\r\n\r\n \r\n {!!detailsMobile && !!detailsMobile.Mobile\r\n ? detailsMobile.Mobile\r\n : \"\"}\r\n
\r\n \r\n
\r\n\r\n {!!this.state.errorMessage ? (\r\n \r\n \r\n
\r\n \r\n Favourite\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Cost Value\r\n
\r\n \r\n {/*
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n AUM\r\n
\r\n \r\n ₹{\" \"}\r\n {!!this.props.investorTotal &&\r\n !!this.props.investorTotal.CurrentValue\r\n ? this.props.investorTotal.CurrentValue\r\n : \"--NA--\"}\r\n
\r\n \r\n
\r\n\r\n \r\n Overall Appr\r\n
\r\n \r\n {/*
\r\n \r\n
\r\n \r\n Today's Appr\r\n
\r\n \r\n
\r\n \r\n {!!this.props.investorTotal &&\r\n !!this.props.investorTotal.todaygain\r\n ? this.props.investorTotal.todaygain\r\n : \"--NA--\"}\r\n
\r\n \r\n \r\n this.props.history.push({\r\n pathname: \"/new-transaction/transction-types\",\r\n state: {\r\n investorData: investorData,\r\n },\r\n })\r\n }\r\n style={{\r\n display:\r\n !!investorData &&\r\n !!investorData.PAN &&\r\n investorData.PAN.charAt(3).toUpperCase() === \"P\"\r\n ? \"flex\"\r\n : \"none\",\r\n justifyContent: \"center\",\r\n }}\r\n >\r\n Initiate Investment\r\n \r\n \r\n this.props.history.push({\r\n pathname: \"/mailBackRequest/investor\",\r\n state: {\r\n investorData: investorData,\r\n },\r\n })\r\n }\r\n >\r\n Send Reports\r\n \r\n
\r\n \r\n {this.state.active === INVESTMENTS ? (\r\n this.setState({ count: 3 })}\r\n >\r\n See Less\r\n
\r\n )}\r\n \r\n )}\r\n {/* \r\n \r\n {this.state.count === 3 ? (\r\n \r\n this.setState({\r\n count: investments.length,\r\n })\r\n }\r\n >\r\n See more\r\n
\r\n ) : (\r\n Note:Regarding Absolute Returns
*/}\r\n \r\n ) : (\r\n \r\n \r\n {this.state.count === 3 ? (\r\n \r\n this.setState({\r\n count: upComingSipDetails.length,\r\n })\r\n }\r\n >\r\n See more\r\n
\r\n ) : (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n \r\n FUND ALLOCATION\r\n
\r\n\r\n No Investor PAN found. Please submit investor PAN.
\r\n )}\r\n \r\n ) : (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport Breadcrumbs from \"@material-ui/core/Breadcrumbs\";\r\nimport NavigateNextIcon from \"@material-ui/icons/NavigateNext\";\r\nimport Image from \"../Image\";\r\n\r\nexport default class CommonBreadCrumb extends Component {\r\n lastAndTo = (index) => {\r\n let { pathnames } = this.props;\r\n if (pathnames.find((p) => p === process.env.PUBLIC_URL.split(\"/\").pop())) {\r\n pathnames = pathnames.slice(1);\r\n }\r\n const last = index === pathnames.length - 1;\r\n const to = `/${pathnames.slice(0, index + 1).join(\"/\")}`;\r\n return { last, to };\r\n };\r\n\r\n render() {\r\n let { hideFirst, pathnames, breadcrumbNameMap } = this.props;\r\n if (pathnames.find((p) => p === process.env.PUBLIC_URL.split(\"/\").pop())) {\r\n pathnames = pathnames.slice(1);\r\n }\r\n return pathnames.length === 1 && !!hideFirst ? (\r\n \r\n ) : (\r\n \r\n {index === 0 && (\r\n \r\n {breadcrumbNameMap[to].title}\r\n \r\n )}\r\n
\r\n );\r\n })}\r\n \r\n );\r\n }\r\n}\r\n","import { CALL_API } from \"../api.middleware\";\r\nimport {\r\n GET_PROFILE_DATA,\r\n GET_PROFILE_DATA_SUCCESS,\r\n GET_PROFILE_DATA_FAILED\r\n} from \"../types/profile\";\r\nexport const KARVY_STOCK_BROKING_LIMITED = \"Karvy Stock Broking Limited\";\r\nexport const SAMCO_STOCK = \"SAMCO SECURITIES LIMITED\";\r\n\r\nexport const getProfileData = params => async dispatch => {\r\n try {\r\n await dispatch({\r\n [CALL_API]: {\r\n url: \"/GetDistributorDetails\",\r\n params,\r\n method: \"GET\",\r\n types: [\r\n GET_PROFILE_DATA,\r\n GET_PROFILE_DATA_SUCCESS,\r\n GET_PROFILE_DATA_FAILED\r\n ]\r\n }\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const resetPassword = params => async dispatch => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/GetChangePassword\",\r\n params,\r\n method: \"GET\"\r\n }\r\n });\r\n } catch (error) {\r\n console.log(`${error}`);\r\n }\r\n};\r\n","import React, { Component } from \"react\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport SearchIcon from \"@material-ui/icons/Search\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport InputBase from \"@material-ui/core/InputBase\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport { connect } from \"react-redux\";\r\nimport { REQ_BY } from \"../../store/types\";\r\nimport {\r\n searchInvestors,\r\n getInvestors,\r\n getInvestorDetails,\r\n checkKyc,\r\n clearingFirstTimeInvestorJourney\r\n} from \"../../store/actions\";\r\nimport { KycNotDoneDialog } from \"./customModal\";\r\n\r\nexport const NEW_TRANSACTION_URL = `/new-transaction`;\r\nclass Search extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { tran_enable_flag } = this.props;\r\n this.state = {\r\n radioValue: tran_enable_flag === \"Y\" ? \"pan\" : \"pan\",\r\n inputValue: \"\",\r\n errorMessage: \"\",\r\n };\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { inputValue } = prevState;\r\n if (!this.state.inputValue && !!inputValue) {\r\n this.props.getInvestors({\r\n ARN: this.props.token,\r\n customfund: \"189\",\r\n AllFavFlag: \"A\",\r\n // AllFavFlag: this.props.selectedTab,\r\n });\r\n }\r\n }\r\n\r\n handleChange = (event) => {\r\n this.setState({\r\n radioValue: event.target.value,\r\n inputValue: \"\",\r\n errorMessage: \"\",\r\n });\r\n };\r\n\r\n changeInput = (event) => {\r\n const inputValue = event.target.value;\r\n if (inputValue === \"\") {\r\n this.setState({\r\n errorMessage: \"\",\r\n });\r\n }\r\n if (this.state.radioValue === \"pan\") {\r\n const pattern = /^[a-zA-Z0-9]*$/;\r\n if (pattern.test(inputValue)) {\r\n this.setState({\r\n inputValue: inputValue.toUpperCase(),\r\n });\r\n }\r\n }\r\n if (this.state.radioValue !== \"pan\") {\r\n this.setState({\r\n inputValue:\r\n this.state.radioValue === \"mobile\" && inputValue.length > 10\r\n ? this.state.inputValue\r\n : inputValue,\r\n });\r\n }\r\n\r\n // if (this.state.radioValue === \"name\" && inputValue.length >= 4) {\r\n // this.search();\r\n // }\r\n };\r\n\r\n keyPress = (e) => {\r\n if (e.key === \"Enter\") {\r\n this.search();\r\n e.preventDefault();\r\n }\r\n };\r\n\r\n search = async () => {\r\n const { inputValue, radioValue } = this.state;\r\n const regpan = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/;\r\n if (\r\n radioValue === \"pan\" &&\r\n (/[A-Za-z]{5}\\d{4}[A-Za-z]{1}/.test(inputValue) === false ||\r\n inputValue === \"\")\r\n ) {\r\n this.setState({\r\n errorMessage: \"Please enter a valid PAN\",\r\n });\r\n } else if (radioValue === \"name\" && !inputValue) {\r\n this.setState({\r\n errorMessage: \"Please enter a valid Name\",\r\n });\r\n } else if (radioValue === \"folio\" && !inputValue) {\r\n this.setState({\r\n errorMessage: \"Please enter a valid Folio Number\",\r\n });\r\n } else if (\r\n radioValue === \"mobile\" &&\r\n (/^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(inputValue) ===\r\n false ||\r\n inputValue === \"\")\r\n ) {\r\n this.setState({\r\n errorMessage: \"Please enter a valid Mobile number\",\r\n });\r\n } else if (\r\n radioValue === \"email\" &&\r\n (/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(inputValue) ===\r\n false ||\r\n inputValue === \"\")\r\n ) {\r\n this.setState({\r\n errorMessage: \"Please enter an valid Email Id\",\r\n });\r\n } else {\r\n if (!!this.state.inputValue) {\r\n const x = {\r\n [this.state.radioValue]:\r\n this.state.radioValue === \"pan\"\r\n ? this.state.inputValue.toUpperCase()\r\n : this.state.inputValue,\r\n agent: this.props.token,\r\n uid: this.props.userId,\r\n };\r\n const response = await this.props.searchInvestors(\r\n {\r\n [this.state.radioValue]:\r\n this.state.radioValue === \"pan\"\r\n ? this.state.inputValue.toUpperCase()\r\n : this.state.inputValue,\r\n agent: this.props.token,\r\n uid: this.props.userId,\r\n customfund: \"189\",\r\n },\r\n true\r\n );\r\n if (!response && this.state.radioValue === \"pan\") {\r\n const regpan = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/;\r\n if (!this.state.inputValue || !regpan.test(this.state.inputValue)) {\r\n this.setState({\r\n errorMessage: \"Please enter a valid PAN to proceed\",\r\n });\r\n }\r\n // else if (this.state.inputValue.charAt(3) !== \"P\") {\r\n // this.setState({\r\n // errorMessage: \"Non Indivdual PAN is not allowed to transact\",\r\n // });\r\n // }\r\n else {\r\n const params = {\r\n Uid: this.props.userId,\r\n ReqBy: REQ_BY,\r\n PAN: this.state.inputValue.toUpperCase(),\r\n customfund: \"189\",\r\n };\r\n\r\n const response = await this.props.getInvestorDetails(params, true);\r\n if (response) {\r\n this.setState({\r\n errorMessage: \"\",\r\n });\r\n // this.props.history.push({\r\n // pathname: NEW_TRANSACTION_URL + \"/transction-types\",\r\n // pan: this.state.inputValue\r\n // });\r\n } else {\r\n const kycResponse = await this.props.checkKyc(\r\n {\r\n fund: \"189\",\r\n userid: this.props.userId,\r\n i_pan: this.state.inputValue,\r\n },\r\n true\r\n );\r\n\r\n const {\r\n DtData: [info],\r\n } = kycResponse;\r\n if (info.KYCBlock === \"N\") {\r\n await this.props.clearingFirstTimeInvestorJourney();\r\n this.props.history.push({\r\n pathname: \"new-investor-transaction/investor-details\",\r\n state: {\r\n pan: !!this.state.inputValue ? this.state.inputValue : \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({ openModal: true });\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n };\r\n closeModal = () => {\r\n this.setState({\r\n openModal: false,\r\n });\r\n };\r\n\r\n continue = () => {\r\n this.closeModal();\r\n this.props.history.push({\r\n pathname:\r\n NEW_TRANSACTION_URL,\r\n });\r\n };\r\n\r\n render() {\r\n const { count } = this.props;\r\n\r\n return (\r\n \r\n {breadcrumbNameMap[to].title}\r\n
\r\n ) : (\r\n \r\n {count === 0 && (\r\n \r\n
\r\n \r\n \r\n \r\n {/* {\r\n
\r\n Search by:
\r\n \r\n
\r\n } */}\r\n Name
\r\n \r\n
\r\n PAN
\r\n \r\n
\r\n Folio No.
\r\n \r\n
\r\n Mobile No.
\r\n \r\n
\r\n \r\n Email ID
\r\n \r\n
\r\n \r\n )}\r\n {!!this.state.errorMessage ? (\r\n \r\n (this.InputField = ele)}\r\n onChange={this.changeInput}\r\n onKeyPress={this.keyPress}\r\n onKeyDown={(evt) =>\r\n evt.key === \"e\" &&\r\n (this.state.radioValue === \"mobile\" ||\r\n this.state.radioValue === \"folio\") &&\r\n evt.preventDefault()\r\n }\r\n />\r\n
\r\n \r\n Search\r\n
\r\n \r\n No Investor PAN found. Please submit Investor PAN\r\n
\r\n ) : (\r\n \r\n List of Transactions\r\n
\r\n {!!transactions && transactions.length > 0 ? (\r\n \r\n {transactions.map((transaction, index) => (\r\n \r\n \r\n \r\n this.props.history.push(\r\n NEW_TRANSACTION_URL + \"/transction-types\"\r\n )\r\n }\r\n />\r\n ) : (\r\n \r\n this.props.history.push(\r\n NEW_TRANSACTION_URL + \"/transction-types\"\r\n )\r\n }\r\n >\r\n
\r\n )}\r\n \r\n {/* \r\n {transaction.SchemeDesc}\r\n
\r\n {transaction.Status === \"Rejected\" ? (\r\n {transaction.TrtypeDesc}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Type\r\n
\r\n \r\n {transaction.TrtypeDesc}\r\n
\r\n \r\n
\r\n \r\n Ref No\r\n
\r\n \r\n {transaction.td_trno}\r\n
\r\n \r\n
\r\n \r\n Amount\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Folio\r\n
\r\n \r\n {transaction.td_acno}\r\n
\r\n \r\n
\r\n \r\n NAV\r\n
\r\n \r\n {/*
\r\n \r\n
\r\n \r\n Units\r\n
\r\n \r\n {transaction.td_units}\r\n
\r\n \r\n
\r\n \r\n Date\r\n
\r\n \r\n {transaction.td_trdt}\r\n
\r\n \r\n \r\n {transaction.Status}\r\n
\r\n \r\n Status\r\n
\r\n \r\n Note: For Historic Transaction Report, Please download\r\n Transaction report from{\" \"}\r\n \r\n this.props.history.push({\r\n pathname: `/mailBackRequest`,\r\n state: {\r\n value: {\r\n KDM_Repcode: \"MFSD201\",\r\n KDM_Repdesc: \"MFSD201 - Transaction Report\",\r\n },\r\n },\r\n })\r\n }\r\n style={{\r\n textDecoration: \"underline\",\r\n cursor: \"pointer\",\r\n }}\r\n >\r\n Mailback section\r\n
\r\n \r\n )}\r\n \r\n ) : (\r\n \r\n \r\n {\" \"}\r\n No Data Found\r\n
\r\n )}\r\n \r\n \r\n {!!transactions && transactions.length > 0 && (\r\n \r\n Transactions(Last 10 Transactions)\r\n
\r\n {transactions.length > 0 ? (\r\n transactions.map((transaction, index) => (\r\n \r\n Note: For Historic Transaction Report, Please download Transaction\r\n report from{\" \"}\r\n \r\n this.props.history.push({\r\n pathname: `/mailBackRequest`,\r\n state: {\r\n value: {\r\n KDM_Repcode: \"MFSD201\",\r\n KDM_Repdesc: \"MFSD201 - Transaction Report\",\r\n },\r\n },\r\n })\r\n }\r\n style={{ textDecoration: \"underline\", cursor: \"pointer\" }}\r\n >\r\n Mailback section\r\n
\r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer, transactionHistory }) => {\r\n const { investorData, userId } = authReducer;\r\n const { fundsList, transactions } = transactionHistory;\r\n return { investorData, userId, fundsList, transactions };\r\n },\r\n { getFundsByPan, getTransactionHistory, RemoveTransactionData }\r\n)(HistoryDetail);\r\n\r\nexport class SingleAmcheader extends Component {\r\n render() {\r\n const { invname, PAN } = this.props.investorData;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport class InvestorTableCard extends Component {\r\n render() {\r\n const {\r\n Type,\r\n Ref_No,\r\n Folio,\r\n Units,\r\n Date,\r\n Status,\r\n Amount,\r\n NAV,\r\n Name,\r\n Investordata,\r\n transactions,\r\n } = this.props;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {invname}
\r\n PAN - {PAN}
\r\n \r\n \r\n \r\n {Name}\r\n
\r\n\r\n \r\n \r\n {!!Type ? Type : \"-\"}\r\n
\r\n \r\n \r\n \r\n Type\r\n
\r\n \r\n \r\n Amount\r\n
\r\n \r\n \r\n {!!Ref_No ? Ref_No : \"-\"}\r\n
\r\n \r\n \r\n \r\n Ref No\r\n
\r\n \r\n \r\n Folio\r\n
\r\n \r\n \r\n {!!NAV && NAV !== \"-\" ? `₹${NAV}` : \"-\"}\r\n
\r\n \r\n \r\n \r\n NAV\r\n
\r\n \r\n \r\n Units\r\n
\r\n \r\n \r\n {!!Date ? Date : \"-\"}\r\n
\r\n \r\n \r\n \r\n Date\r\n
\r\n \r\n \r\n Status\r\n
\r\n \r\n {Status === \"Rejected\" ? (\r\n \r\n this.props.history.push(\r\n NEW_TRANSACTION_URL + \"/transction-types\"\r\n )\r\n }\r\n />\r\n ) : (\r\n \r\n this.props.history.push(\r\n NEW_TRANSACTION_URL + \"/transction-types\"\r\n )\r\n }\r\n >\r\n
\r\n )}\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport Investors from \"../investors/InvestorMain\";\r\nimport HistoryDetail from \"./historyDetail\";\r\n\r\nexport default class HistoryRouter extends Component {\r\n render() {\r\n const { history, location } = this.props;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nexport default class Signbutton extends Component {\r\n render() {\r\n const { width, disabled, onClick, padding, marginTop,fontSize } = this.props;\r\n return (\r\n \r\n \r\n {this.props.buttontitle}\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport class Debtbutton extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n {this.props.buttontitle}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport class DebtbuttonActive extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n {this.props.buttontitle}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport class DebtbuttonNowidth extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n {this.props.buttontitle}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import AES from \"crypto-js/aes\";\r\nimport CryptoJSCore from \"crypto-js/core\";\r\nimport Base64 from \"crypto-js/enc-base64\";\r\nimport Utf8 from \"crypto-js/enc-utf8\";\r\nimport Pkcs7 from \"crypto-js/pad-pkcs7\";\r\nimport Rp from \"sha.js\";\r\n\r\nexport default class EncryptionUtils {\r\n Encryptionkey = \"aGgRTenEUgoACtcOAr\";\r\n\r\n Decryptionkey = \"AecECroRUgnGTa\";\r\n\r\n hashstring = \"\";\r\n\r\n hashsubstring = \"\";\r\n\r\n Encrypted = \"\";\r\n\r\n Dencrypted = \"\";\r\n\r\n iv = Utf8.parse(\"globalaesvectors\");\r\n\r\n encryption(e, t) {\r\n this.hashstring = Rp(\"sha256\").update(this.Encryptionkey).digest(\"hex\");\r\n this.hashsubstring = this.hashstring.substring(0, 32);\r\n const n = Utf8.parse(this.hashsubstring);\r\n if (e === \"Encrypt\") {\r\n const l = AES.encrypt(Utf8.parse(t), n, {\r\n keySize: 16,\r\n iv: this.iv,\r\n mode: CryptoJSCore.mode.CBC,\r\n padding: Pkcs7,\r\n });\r\n return l.ciphertext\r\n .toString(Base64)\r\n .split(\"+\")\r\n .join(\"-\")\r\n .split(\"/\")\r\n .join(\"_\");\r\n }\r\n const i = t.split(\"-\").join(\"+\").split(\"_\").join(\"/\");\r\n return AES.decrypt(i, n, {\r\n keySize: 16,\r\n iv: this.iv,\r\n mode: CryptoJSCore.mode.CBC,\r\n padding: Pkcs7,\r\n }).toString(Utf8);\r\n }\r\n\r\n encrypt(payload) {\r\n return this.encryption(\"Encrypt\", payload);\r\n }\r\n\r\n decrypt(payload) {\r\n return this.encryption(\"Decrypt\", payload);\r\n }\r\n}\r\n","import EncryptionUtils from \"./encrypt\";\r\nimport { START_LOADER, STOP_LOADER } from \"./types\";\r\nimport { USER_LOGIN_REFRESH_SUCCESS, USER_LOGOUT } from \"./types/auth\";\r\n\r\nexport const PROXY_PATH =\r\n process.env.REACT_APP_PROXY_PATH ||\r\n \"/bajaj-proxy/BajajDitUat/SmartService.svc\";\r\n\r\nexport const BASE_URL = (process.env.REACT_APP_API_URL || \"\") + PROXY_PATH;\r\n// export const BASE_URL =\"https://clientwebsitesuat2.kfintech.com/uatapi/bajaj-proxy/BajajDitUat/SmartService.svc\";\r\n\r\nexport const FILE_URL =\r\n \"https://transact.miraeassetmf.co.in/ktrackgo/SmartService.svc/ktrack_uploaded_PdfSave\";\r\nexport const NCT_URL =\r\n \"https://mfs.kfintech.com/prodapi/image-proxy/ktrackgo/SmartService.svc/ktrack_uploaded_PdfSave_NCT\";\r\nexport const FEED_BACK_URL =\r\n \"https://mfs.kfintech.com/KTRACKAPI/SmartService.svc\";\r\nexport const CART_URL =\r\n process.env.REACT_APP_CART_API_URL ||\r\n \"https://ditapp-uat.kfintech.com/api/ct\";\r\n\r\nvar jwt = require(\"jsonwebtoken\");\r\n\r\nconst FETCH_FAILED = \"Failed to fetch\";\r\n\r\nconst DEFAULT_HEADERS = {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n};\r\n\r\nasync function invokeAPI(endpoint, config, auth_token) {\r\n const { isFile, isNct, isTrackApi, isCart, ...others } = config;\r\n const headers = !!auth_token\r\n ? { ...DEFAULT_HEADERS, authorization: `Bearer ${auth_token}` }\r\n : { ...DEFAULT_HEADERS };\r\n\r\n const updatedConfig = { ...others, headers };\r\n const response = await fetch(\r\n isNct\r\n ? NCT_URL\r\n : isFile\r\n ? FILE_URL\r\n : isCart\r\n ? CART_URL + endpoint\r\n : isTrackApi\r\n ? FEED_BACK_URL + endpoint\r\n : BASE_URL + endpoint,\r\n updatedConfig\r\n );\r\n if (response.status < 200 || response.status >= 300) {\r\n //This is an error response.\r\n const data = await response.text();\r\n if (response.status == 413) {\r\n throw new Error(\r\n \"Upload file size too large. Try uploading a smaller file less than 24 MB or change the file format.\"\r\n );\r\n }\r\n throw new Error(\"Something went wrong \");\r\n }\r\n const responseData = await response.json();\r\n const { encryptedBody } = responseData;\r\n const data = encryptedBody\r\n ? JSON.parse(new EncryptionUtils().decrypt(encryptedBody))\r\n : responseData;\r\n // const body = JSON.parse(data);\r\n const { Dtinformation, Table } = data;\r\n if (!!Dtinformation || !!Table) {\r\n const [info] = Dtinformation || Table;\r\n const errorCode = !!info\r\n ? typeof info.Error_code !== \"undefined\"\r\n ? info.Error_code\r\n : info.Error_Code\r\n : \"\";\r\n if (typeof errorCode === \"undefined\" && !!Dtinformation.length) {\r\n return data;\r\n } else if (+errorCode !== 0) {\r\n throw `${info.Error_Message}`;\r\n }\r\n return data;\r\n } else if (!!data || !!data.token) {\r\n return data;\r\n }\r\n}\r\n\r\nexport const CALL_API = Symbol(\"Call API\");\r\n\r\nexport const apiMiddleWare = (store) => (next) => async (action) => {\r\n // So the middleware doesn't get applied to every single action\r\n if (typeof action[CALL_API] === \"undefined\") {\r\n return next(action);\r\n }\r\n\r\n\r\n let {\r\n url,\r\n method,\r\n types = [],\r\n showLoader = false,\r\n body = undefined,\r\n params,\r\n ikyc = false,\r\n isNct = false,\r\n addedparams,\r\n isLogin = false,\r\n isCart = false,\r\n isFile = false,\r\n isTrackApi = false,\r\n skipEncode = false,\r\n } = action[CALL_API];\r\n\r\n params = { ...params };\r\n const [requestType, successType] = types;\r\n\r\n const { authReducer } = store.getState();\r\n requestType && next({ type: requestType });\r\n try {\r\n if (showLoader) {\r\n next({ type: START_LOADER });\r\n }\r\n let prime_token = authReducer.auth_token;\r\n if (!!prime_token && !isLogin) {\r\n try {\r\n const { exp } = jwt.decode(prime_token);\r\n const diff = Math.floor(\r\n new Date(exp * 1000).getTime() - new Date().getTime()\r\n );\r\n if (diff < 0) {\r\n throw new Error(\r\n \"Your active session has timeout. Request you to re-login\"\r\n );\r\n }\r\n\r\n if (diff <= 20 * 60 * 1000) {\r\n const refresh = await invokeAPI(\r\n \"/refresh_token\",\r\n { method: \"GET\" },\r\n prime_token\r\n );\r\n if (!!refresh && !!refresh.token) {\r\n next({\r\n body: { ...refresh },\r\n type: USER_LOGIN_REFRESH_SUCCESS,\r\n });\r\n prime_token = refresh.token;\r\n } else {\r\n prime_token = authReducer.token;\r\n if (refresh.error == \"jwt expired\")\r\n throw new Error(\r\n \"Your active session has timeout. Request you to re-login\"\r\n );\r\n }\r\n }\r\n } catch (error) {\r\n next({\r\n type: USER_LOGOUT,\r\n });\r\n return;\r\n }\r\n }\r\n const queryParams = new URLSearchParams();\r\n for (let param in params) {\r\n if (skipEncode) {\r\n const value = params[param] || \"\";\r\n queryParams.set(param, encodeURIComponent(value));\r\n } else if (params[param]) {\r\n queryParams.set(param, encodeURIComponent(btoa(params[param])));\r\n }\r\n }\r\n\r\n const stringParametrs = queryParams.toString();\r\n\r\n const responseBody = await invokeAPI(\r\n url +\r\n \"?\" +\r\n `${stringParametrs}&customfund=${encodeURIComponent(\r\n btoa(\"189\")\r\n )}&Requid=${\r\n !!authReducer.userId\r\n ? encodeURIComponent(btoa(authReducer.userId))\r\n : \"\"\r\n }\r\n `,\r\n {\r\n method,\r\n body: JSON.stringify(body),\r\n redirect: \"manual\",\r\n isFile,\r\n isNct,\r\n isCart,\r\n isTrackApi,\r\n },\r\n authReducer.auth_token\r\n );\r\n const isValidLogin = validateLogin({\r\n isLogin,\r\n loginPayload: body,\r\n responseBody,\r\n });\r\n\r\n if (!isValidLogin) {\r\n next({ type: USER_LOGOUT });\r\n return;\r\n }\r\n\r\n successType &&\r\n next({\r\n body: { ...responseBody },\r\n type: successType,\r\n });\r\n\r\n return responseBody;\r\n } catch (error) {\r\n if (error.message !== FETCH_FAILED) {\r\n throw error;\r\n } else if (error.message === FETCH_FAILED) {\r\n console.log(error.message, \"sdlfsdf\");\r\n }\r\n } finally {\r\n if (showLoader) {\r\n next({ type: STOP_LOADER });\r\n //TODO: Dispatch hide modal loader now.\r\n }\r\n }\r\n};\r\n\r\nexport default apiMiddleWare;\r\nfunction validateLogin({ isLogin, loginPayload, responseBody }) {\r\n if (!isLogin) return true;\r\n const { username } = loginPayload;\r\n const { user, arn } = jwt.decode(responseBody.token);\r\n return decrypt(username) === user && arn === responseBody?.DtData[0]?.ARNCode;\r\n}\r\n\r\nfunction decrypt(text) {\r\n const decodedString = atob(text);\r\n const encrpyted1 = decodedString.slice(11, -16);\r\n const encrpyted = atob(encrpyted1);\r\n return encrpyted;\r\n}\r\n","import { CALL_API } from \"../api.middleware\";\r\nimport {\r\n GET_DASHBOARD_DATA,\r\n GET_DASHBOARD_DATA_SUCCESS,\r\n GET_DASHBOARD_DATA_FAILED,\r\n GET_TRANSACTION_DATA,\r\n GET_TRANSACTION_DATA_SUCCESS,\r\n GET_TRANSACTION_DATA_FAILED,\r\n GET_AUM_DATA,\r\n GET_AUM_DATA_SUCCESS,\r\n GET_AUM_DATA_FAILED,\r\n GET_FREQUENT_MAIL_BACK_REQUEST,\r\n GET_FREQUENT_MAIL_BACK_REQUEST_FAILED,\r\n GET_FREQUENT_MAIL_BACK_REQUEST_SUCCESS,\r\n GET_DASHBOARD_AUM_DATA,\r\n GET_DASHBOARD_AUM_DATA_SUCCESS,\r\n GET_DASHBOARD_AUM_DATA_FAILED,\r\n GET_SIP_SUMMARY_DATA,\r\n GET_SIP_SUMMARY_DATA_SUCCESS,\r\n GET_SIP_SUMMARY_DATA_FAILED,\r\n GET_NFO_SCHEMES,\r\n GET_NFO_SCHEMES_SUCCESS,\r\n GET_NFO_SCHEMES_FAILED,\r\n} from \"../types\";\r\n\r\nexport const getDashboardData = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/Dist_Dashboard\",\r\n params,\r\n method: \"GET\",\r\n types: [\r\n GET_DASHBOARD_DATA,\r\n GET_DASHBOARD_DATA_SUCCESS,\r\n GET_DASHBOARD_DATA_FAILED,\r\n ],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const getTransactionData = (params) => async (dispatch) => {\r\n try {\r\n await dispatch({\r\n [CALL_API]: {\r\n url: \"/Ktrack_Dist_DetailedTransaction\",\r\n params,\r\n method: \"GET\",\r\n types: [\r\n GET_TRANSACTION_DATA,\r\n GET_TRANSACTION_DATA_SUCCESS,\r\n GET_TRANSACTION_DATA_FAILED,\r\n ],\r\n showLoader: true,\r\n },\r\n });\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n};\r\n\r\nexport const getAumData = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/GetDistributorAUM\",\r\n params,\r\n method: \"GET\",\r\n types: [GET_AUM_DATA, GET_AUM_DATA_SUCCESS, GET_AUM_DATA_FAILED],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const getFrequentMailBackRequest = () => async (dispatch) => {\r\n try {\r\n await dispatch({\r\n [CALL_API]: {\r\n url: \"/ktrack_frequent_mailback_request\",\r\n method: \"GET\",\r\n types: [\r\n GET_FREQUENT_MAIL_BACK_REQUEST_SUCCESS,\r\n GET_FREQUENT_MAIL_BACK_REQUEST,\r\n GET_FREQUENT_MAIL_BACK_REQUEST_FAILED,\r\n ],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const getDashboardDataAum = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/KtrackDistAumSummary\",\r\n params,\r\n method: \"GET\",\r\n types: [\r\n GET_DASHBOARD_AUM_DATA,\r\n GET_DASHBOARD_AUM_DATA_SUCCESS,\r\n GET_DASHBOARD_AUM_DATA_FAILED,\r\n ],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const getSipSummary = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/ktrackGetSipAum\",\r\n params,\r\n method: \"GET\",\r\n types: [\r\n GET_SIP_SUMMARY_DATA,\r\n GET_SIP_SUMMARY_DATA_SUCCESS,\r\n GET_SIP_SUMMARY_DATA_FAILED,\r\n ],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const getNfoSchemes = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/GetNFOSchemes\",\r\n params,\r\n method: \"GET\",\r\n types: [\r\n GET_NFO_SCHEMES,\r\n GET_NFO_SCHEMES_SUCCESS,\r\n GET_NFO_SCHEMES_FAILED,\r\n ],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const reinitateTransaction = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/Ktrack_ReinitiateTransaction\",\r\n params,\r\n method: \"GET\",\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const NfoSchemesSubmission = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/SendNFOLink\",\r\n params,\r\n method: \"GET\",\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n","import React, { Component } from \"react\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport { connect } from \"react-redux\";\r\nimport { getInvestorDetails, checkKyc, setNewPAN } from \"../../store/actions\";\r\nimport { REQ_BY } from \"../../store/types\";\r\nimport { INVESTOR_URL } from \"./investors\";\r\nimport { NEW_TRANSACTION_URL } from \"./transactions\";\r\nimport { MAILBACK_URL } from \"./mailBackRequest\";\r\nimport { HISTORY_URL } from \"./transactionHistory\";\r\nimport CustomLoader from \"../forms/Loader\";\r\nimport Image from \"../Image\";\r\n\r\nclass TableData extends Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n componentDidMount() {\r\n this.props.setNewPAN(\"\");\r\n }\r\n\r\n goToTransaction = (PAN, name, mailBackName) => async () => {\r\n const response = await this.getInvestorDetails(PAN);\r\n if (response) {\r\n this.props.history.push({\r\n pathname: NEW_TRANSACTION_URL + \"/transction-types\",\r\n });\r\n } else {\r\n const kycResponse = await this.getKycDetails(PAN);\r\n if (kycResponse) {\r\n const {\r\n DtData: [info],\r\n } = kycResponse;\r\n if (info.KYCBlock === \"N\") {\r\n alert(\"No data\")\r\n // this.props.history.push({\r\n // pathname: \"new-investor-transaction/investor-details\",\r\n // state: {\r\n // pan: !!PAN ? PAN : \"\",\r\n // },\r\n // });\r\n }\r\n }\r\n }\r\n };\r\n\r\n getInvestorDetails = async (pan) => {\r\n const params = {\r\n PAN: pan,\r\n Uid: this.props.userId,\r\n ReqBy: REQ_BY,\r\n customfund: \"189\",\r\n };\r\n const response = await this.props.getInvestorDetails(params);\r\n return response;\r\n };\r\n\r\n getKycDetails = async (pan) => {\r\n const params = {\r\n i_pan: pan,\r\n fund: \"189\",\r\n userid: this.props.userId,\r\n };\r\n const kycResponse = await this.props.checkKyc(params);\r\n return kycResponse;\r\n };\r\n\r\n goToMailBack = (PAN, mailBackName) => async () => {\r\n const response = await this.getInvestorDetails(PAN);\r\n if (response) {\r\n if (mailBackName === \"mailBackSoa\") {\r\n this.props.history.push({\r\n pathname: MAILBACK_URL + \"/investor/investor-selection/mail-back-soa\",\r\n });\r\n } else if (mailBackName === \"ELSS\") {\r\n this.props.history.push({\r\n pathname: MAILBACK_URL + \"/investor/investor-selection/ELSS\",\r\n });\r\n } else if (mailBackName === \"CAN\") {\r\n this.props.history.push({\r\n pathname: MAILBACK_URL + \"/investor/investor-selection/CAN\",\r\n });\r\n } else if (mailBackName === \"CGS\") {\r\n this.props.history.push({\r\n pathname: MAILBACK_URL + \"/investor/investor-selection/CGS\",\r\n });\r\n } else if (mailBackName === \"GAS\") {\r\n this.props.history.push({\r\n pathname: MAILBACK_URL + \"/investor/investor-selection/GAS\",\r\n });\r\n } else if (mailBackName === \"Networth\") {\r\n this.props.history.push({\r\n pathname: MAILBACK_URL + \"/investor/investor-selection/Networth\",\r\n });\r\n } else {\r\n this.props.history.push({\r\n pathname:\r\n MAILBACK_URL +\r\n \"/investor/investor-selection/consolidated-account-statement\",\r\n });\r\n }\r\n } else {\r\n const kycResponse = await this.getKycDetails(PAN);\r\n const {\r\n DtData: [info],\r\n } = kycResponse;\r\n if (info.KYCBlock === \"N\") {\r\n if (mailBackName === \"mailBackSoa\") {\r\n this.props.history.push({\r\n pathname:\r\n MAILBACK_URL + \"/investor/investor-selection/mail-back-soa\",\r\n });\r\n } else if (mailBackName === \"ELSS\") {\r\n this.props.history.push({\r\n pathname: MAILBACK_URL + \"/investor/investor-selection/ELSS\",\r\n });\r\n } else if (mailBackName === \"CAN\") {\r\n this.props.history.push({\r\n pathname: MAILBACK_URL + \"/investor/investor-selection/CAN\",\r\n });\r\n } else {\r\n this.props.history.push({\r\n pathname:\r\n MAILBACK_URL +\r\n \"/investor/investor-selection/consolidated-account-statement\",\r\n });\r\n }\r\n }\r\n }\r\n };\r\n\r\n goToTransactionHistory = (PAN) => async () => {\r\n const response = await this.getInvestorDetails(PAN);\r\n if (response) {\r\n this.props.history.push({\r\n pathname: `${HISTORY_URL}/details/${PAN}`,\r\n state: { isKyc: true },\r\n });\r\n } else {\r\n const kycResponse = await this.getKycDetails(PAN);\r\n const {\r\n DtData: [info],\r\n } = kycResponse;\r\n if (info.KYCBlock === \"N\") {\r\n this.props.history.push({\r\n pathname: `${HISTORY_URL}/details/${PAN}`,\r\n state: { isKyc: false },\r\n });\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n const pathname = this.props.location.pathname;\r\n const { investors, count } = this.props;\r\n return (\r\n \r\n {count > 0 ? (\r\n 0 ? true : false} />\r\n ) : !investors.length ? (\r\n \r\n No data Found\r\n
\r\n ) : (\r\n ((this.props.tran_enable_flag === \"Y\" &&\r\n investors.length !== this.props.investorsCount) ||\r\n this.props.tran_enable_flag === \"N\") && (\r\n \r\n {investors.map((investor, index) => (\r\n \r\n \r\n \r\n {pathname.includes(\"/investors\") ||\r\n pathname.includes(\"/transaction-history\") ? (\r\n \r\n {pathname.includes(\"/investors\") && (\r\n \r\n Select\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n this.props.history.push(\r\n `${INVESTOR_URL}/details/${investor.Pan}`\r\n )\r\n }\r\n style={{\r\n borderBottom: \"2px solid #80bce3\",\r\n paddingBottom: 3,\r\n }}\r\n >\r\n {investor.Name}\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n Upload\r\n
\r\n \r\n \r\n {fileName}
\r\n \r\n \r\n \r\n \r\n {this.props.uptext}\r\n
\r\n )}\r\n \r\n \r\n {this.props.name}\r\n {this.props.isMandatory && *}\r\n
\r\n {this.props.uptext && (\r\n \r\n \r\n {this.props.response}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n Successfully raised a query
\r\n {!!this.props.response ? (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Change Password\r\n
\r\n \r\n \r\n
\r\n \r\n this.onBlurInput(value, \"oldPassword\")}\r\n height={18}\r\n image2={\r\n !!this.state.showOldPassword &&\r\n !this.state.showOldPassword.value\r\n ? \"/images/Bajaj_eye.svg\"\r\n : \"/images/Bajaj_eye_hide.svg\"\r\n }\r\n height={\r\n !!this.state.showOldPassword &&\r\n !this.state.showOldPassword.value\r\n ? 10\r\n : 15\r\n }\r\n onClick={() => {\r\n this.setState({\r\n showOldPassword: !this.state.showOldPassword,\r\n });\r\n }}\r\n isShowError={this.state.oldPassword.isShowError}\r\n errorMessage={this.state.oldPassword.errorMessage}\r\n />\r\n
\r\n \r\n this.onBlurInput(value, \"newPassword\")}\r\n onClick={() => {\r\n this.setState({\r\n showPassword: !this.state.showPassword,\r\n });\r\n }}\r\n isShowError={this.state.newPassword.isShowError}\r\n isShowPasswordError={\r\n this.state.newPassword.isShowPasswordError\r\n }\r\n errorMessage={this.state.newPassword.errorMessage}\r\n />\r\n
\r\n \r\n {\r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n });\r\n }}\r\n value={this.state.confirmPassword.value}\r\n onChange={this.onChangeInput(\"confirmPassword\")}\r\n onBlur={(eve) => this.onBlurInput(eve, \"confirmPassword\")}\r\n isShowError={this.state.confirmPassword.isShowError}\r\n isShowPasswordError={\r\n this.state.confirmPassword.isShowPasswordError\r\n }\r\n errorMessage={this.state.confirmPassword.errorMessage}\r\n />\r\n
\r\n \r\n this.submit()}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n Services\r\n
\r\n \r\n
\r\n \r\n \r\n Forms\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n Downloads\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n MailBack Request Status\r\n \r\n \r\n \r\n \r\n this.onDateChange(e)}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n maxDate={new Date()}\r\n id=\"mui-pickers-date\"\r\n value={this.state.date}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport const MBRStatusDialog = connect(null, { getMailBackRequestStatus })(\r\n MailBacKRequestStatusPopUp\r\n);\r\n\r\nexport class NonLoginServices extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {!!this.props.message\r\n ? this.props.message\r\n : \"This Client is not KYC compliant.Do you want to complete the KYC process?\"}\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default class CustomizedDialogs extends React.Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n {!!this.props.passwordSucess\r\n ? this.props.message || \"Password Changed Successfully\"\r\n : !!this.props.Gas\r\n ? this.props.error\r\n : \"success\"}\r\n \r\n {this.props.cas === true\r\n ? \"A mail will be sent to above entered Email Id within 30 minutes.\"\r\n : \"\"}\r\n {this.props.Gas === true && this.props.error === \"Success\"\r\n ? \"A mail will be sent to your registered email\"\r\n : \"\"}\r\n
\r\n \r\n ) : (this.props.componentName === \"MailBacKRequest\" &&\r\n this.props.refNo) ||\r\n (this.props.componentName === \"SWP\" && this.props.refNo) ||\r\n (this.props.componentName === \"REDEMPTION\" &&\r\n this.props.refNo) ? (\r\n \r\n
\r\n {this.props.cas === true ||\r\n this.props.Gas === true ||\r\n this.props.componentName === \"MailBackSoa\" ||\r\n this.props.passwordSucess ? (\r\n \r\n {!!this.props.componentName &&\r\n (this.props.componentName === \"REDEMPTION\" ||\r\n this.props.componentName === \"SWP\") ? (\r\n
\r\n \r\n ) : (\r\n \r\n Successfully Initiated Transaction\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n {!!this.props.componentName &&\r\n (this.props.componentName === \"REDEMPTION\" ||\r\n this.props.componentName === \"SWP\") ? (\r\n \r\n Your request is successfully registered with reference no\r\n -\r\n \r\n {this.props.refNo}\r\n \r\n .{\" \"}\r\n {this.props.myself === true ? \"distributor\" : \"investor\"}{\" \"}\r\n will receive a mail to approval\r\n
\r\n \r\n Transaction for{\" \"}\r\n {this.props.componentName} has been\r\n initiated Successfully.\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n {this.props.componentName === \"Sip cancellation\" ||\r\n this.props.componentName === \"SWP cancellation\" ||\r\n this.props.componentName === \"STP cancellation\"\r\n ? `${\r\n this.props.componentName.slice(0, 4).toUpperCase() +\r\n this.props.componentName.slice(4, 16)\r\n } request has been initiated`\r\n : this.props.componentName === \"Sip Pause\"\r\n ? ` SIP Pause has been initiated Successfully`\r\n : `Successfully Initiated Transaction`}\r\n
\r\n\r\n {this.props.type === \"STP\" || this.props.type === \"SWITCH\" ? (\r\n \r\n
\r\n ) : (\r\n \r\n Transaction for {this.props.type} has\r\n been initiated successfully.\r\n
\r\n \r\n You have initiated the transaction successfully with\r\n reference number:\r\n \r\n {this.props.refNo}\r\n \r\n investor will receive an mail for approval.\r\n
\r\n \r\n {!!this.props.reqtype ? (\r\n \r\n Transaction for NFO has been initiated Successfully.\r\n
\r\n \r\n Transaction for {this.props.reqtype}\r\n {!!this.props.Nctihno &&\r\n ` with the IHNO : ${this.props.Nctihno} `}\r\n has been initiated successfully\r\n
\r\n ) : (\r\n this.props.componentName !== \"Sip cancellation\" ||\r\n this.props.componentName !== \"SWP cancellation\" ||\r\n this.props.componentName !== \"STP cancellation\" ||\r\n (this.props.componentName !== \"Sip Pause\" && (\r\n \r\n Transaction for{\" \"}\r\n \r\n {!!this.props.refrence\r\n ? this.props.refrence.new_type\r\n : \"\"}\r\n {!!this.props.refNo ? \"SIP\" : \"\"}\r\n {\" \"}\r\n has been initiated successfully.\r\n
\r\n ))\r\n )}\r\n {!!this.props.reqtype ? (\r\n \r\n Your investor will receive the details via an mail and\r\n sms\r\n
\r\n ) : this.props.componentName === \"Sip cancellation\" ||\r\n this.props.componentName === \"SWP cancellation\" ||\r\n this.props.componentName === \"STP cancellation\" ? (\r\n \r\n Transaction for{\" \"}\r\n \r\n {this.props.componentName.slice(0, 4).toUpperCase() +\r\n this.props.componentName.charAt(4).toUpperCase() +\r\n this.props.componentName.slice(5, 16)}\r\n {\" \"}\r\n with the IH No.{\" \"}\r\n {this.props.refNo.value} is pending for\r\n investor confirmation.\r\n
\r\n ) : this.props.componentName === \"Sip Pause\" ? (\r\n this.props.refNo.errorMessage\r\n ) : this.props.transactName === \"NFO\" ? (\r\n <>\r\n \r\n Link for {this.props.scheme} scheme\r\n is generated\r\n
\r\n \r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n Transaction for{\" \"}\r\n {this.props.transactName} has been\r\n initiated successfully.\r\n
\r\n \r\n Your investor will receive the details via an email\r\n and sms with reference number\r\n \r\n {!!this.props.refrence\r\n ? this.props.refrence.value\r\n : \"\"}\r\n {!!this.props.refNo ? this.props.refNo : \"\"}\r\n \r\n
\r\n \r\n {this.props.cas === true && !this.props.componentName ? (\r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport class SipCancelModal extends Component {\r\n render() {\r\n return (\r\n \r\n {/*
\r\n ) : (\r\n */}\r\n
*/}\r\n {/* \r\n
*/}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport class EnachModal extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {/* \r\n
*/}\r\n \r\n \r\n
\r\n ))}\r\n {!!props.reasonMandatory && (\r\n *Rejection reason is mandatory\r\n )}\r\n\r\n Cancellation Reasons
\r\n {props.rejectionReasons.map((reason) => (\r\nSelected Reason: {props.selectedReason}
\r\n {props.selectedReason.includes(\"Others\") && (\r\n\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport class DashboardPosterDialog extends Component {\r\n render() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Important Regulatory Update on KYC Status\r\n \r\n
\r\n \r\n As per the Master Circular issued by SEBI on KYC requirements,\r\n Investors with ‘KYC Registered’ status are requested to do\r\n their KYC again to become ‘KYC Validated’ by visiting{\" \"}\r\n \r\n https://mfs.kfintech.com/Investor/General/ValidateKYC/\r\n {\" \"}\r\n
\r\n\r\n Click here\r\n {\" \"}\r\n to know more about the circular.\r\n
\r\n \r\n
\r\n \r\n \r\n window.open(\"https://bit.ly/4aNSr7h\")}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { PureComponent } from \"react\";\r\nimport { PieChart, Pie, Cell, Sector } from \"recharts\";\r\nimport { FormatCurrency } from \"../../home/currencyFormatter\";\r\n\r\nconst data = [\r\n { name: \"Group A\", value: 400 },\r\n { name: \"Group B\", value: 300 },\r\n { name: \"Group C\", value: 300 },\r\n { name: \"Group D\", value: 200 },\r\n];\r\nconst COLORS = [\"#1e497e\", \"#f58221\", \"#CB6015\", \"#f6b66c\"];\r\n\r\nconst renderActiveShape = (name) => (props) => {\r\n // const RADIAN = Math.PI / 180;\r\n const {\r\n cx,\r\n cy,\r\n // midAngle,\r\n innerRadius,\r\n outerRadius,\r\n startAngle,\r\n endAngle,\r\n fill,\r\n } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {data.map((entry, index) => (\r\n
\r\n \r\n ))\r\n : \"\"}\r\n \r\n )}\r\n {!!this.props.data && !this.props.name ? (\r\n \r\n {!this.props.removePieData && (\r\n \r\n \r\n \r\n {!!item && !!item.name && this.props.name !== \"Fund\"\r\n ? item.name.toLowerCase()\r\n : \"\"}\r\n
\r\n \r\n \r\n Type\r\n
\r\n {!!this.props.data\r\n ? this.props.data.map((item, index) => (\r\n \r\n {!!this.props.percentile\r\n ? `${item.value} %`\r\n : item.value}\r\n
\r\n \r\n ))\r\n : \"\"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {!!this.props.data && !this.props.name ? (\r\n \"\"\r\n ) : (\r\n \r\n \r\n {this.props.symbol === \"%\" && !!this.props.data\r\n ? \"Percentage\"\r\n : !!this.props.data\r\n ? \"\"\r\n : \"\"}\r\n
\r\n {!!this.props.data\r\n ? this.props.data.map((item, index) => (\r\n \r\n \r\n AUM\r\n
\r\n {this.props.data.map((item, index) => (\r\n \r\n \r\n \r\n
\r\n \r\n )} */}\r\n\r\n {this.state.kycType.value === \"DKYC\" && (\r\n e-KYC Form
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n AMC
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {this.state.kycType.value === \"IKYC\"\r\n ? \"\"\r\n : this.state.kycType.value === \"DKYC\"\r\n ? \"Investor Presence Required *\"\r\n : \"\"}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n PAN
\r\n \r\n
\r\n \r\n
\r\n Name
\r\n \r\n
\r\n \r\n
\r\n\r\n {this.state.kycType.value === \"IKYC\" && (\r\n \r\n
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n type=\"number\"\r\n onChange={this.changeValue(\"mobile\")}\r\n value={mobile.value}\r\n isShowError={mobile.isError}\r\n errorMessage={mobile.errorMessage}\r\n />\r\n
\r\n \r\n
\r\n )}\r\n {/* \r\n {this.state.kycType.value === \"DKYC\" && (\r\n Instructions Box
\r\n - \r\n
- \r\n This process will send an email to your client for\r\n completing KYC process\r\n \r\n
- \r\n Your client has to upload relevant documents and record a\r\n video of self by showing the documents.\r\n \r\n
- \r\n Please inform and guide your client accordingly.\r\n \r\n
\r\n \r\n Aadhaar XML or PDF File \r\n Share code \r\n \r\n
\r\n \r\n \r\n Required Documents\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n Instructions Box
\r\n - \r\n
- \r\n This process is based on e-Aadhaar, please keep the masked\r\n e-Aadhaar copy and password ready before initiating.\r\n \r\n
- \r\n First investment is allowed only towards the fund\r\n selected.\r\n \r\n
\r\n
\r\n \r\n {!hide && (\r\n
\r\n \r\n ))}\r\n \r\n )}\r\n \r\n );\r\n};\r\nexport default connect(({ newinvestor }) => {\r\n const {\r\n applicantparams,\r\n schemeDetails,\r\n fatcaDetails,\r\n investmentparams,\r\n nomineDetails,\r\n } = newinvestor;\r\n return {\r\n applicantparams,\r\n schemeDetails,\r\n fatcaDetails,\r\n applicantparams,\r\n investmentparams,\r\n nomineDetails,\r\n };\r\n})(VerticalStepper);\r\n","import Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nexport const RadioButton = (props) => {\r\n return (\r\n <>\r\n \r\n {steps.map((step, index) => (\r\n \r\n \r\n \r\n Step {index + 1}\r\n \r\n \r\n {step.value}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n","import React, { useState, useEffect } from \"react\";\r\nimport CardComponent from \"./lib/CardComponent\";\r\nimport { format } from \"date-fns\";\r\nimport { connect } from \"react-redux\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport { Occupations, Gross_Annual_income } from \".\";\r\nimport {\r\n getCountriesList,\r\n getStatesList,\r\n storeFatcaDetails,\r\n storeApplicantParams,\r\n getKycDetails,\r\n getCitiesList as getCitiesByState,\r\n getRelationShipList,\r\n storeAddress,\r\n} from \"../../../../store/actions\";\r\nimport { panRegex } from \".\";\r\nimport CustomLoader from \"../../../forms/Loader\";\r\nimport { KycNotDoneDialog } from \"../../customModal\";\r\nimport CustomizedSelect from \"../customizedSelect\";\r\nimport { Input } from \"../../../forms/input\";\r\nimport { NEW_TRANSACTION_URL } from \"..\";\r\nimport { RadioButton } from \"./lib/Radiobutton\";\r\n\r\nconst FatcaDetails = (props) => {\r\n const checkReduxStore = () => {\r\n if (props.fatcaDetails.i_Occpn) {\r\n const { fatcaDetails } = props;\r\n const {\r\n i_Occpn,\r\n i_income,\r\n FCountryofBirth,\r\n FNationality,\r\n i_invpin,\r\n FPEP,\r\n FPREP,\r\n FTaxResident,\r\n FForeignTaxType,\r\n FForeignTaxId,\r\n i_SOccpn,\r\n i_Sincome,\r\n SCountryofBirth,\r\n SNationality,\r\n i_invpin2,\r\n SForeignTaxType,\r\n STaxResident,\r\n SForeignTaxId,\r\n SPEP,\r\n SPREP,\r\n i_TOccpn,\r\n i_Tincome,\r\n TCountryofBirth,\r\n TNationality,\r\n i_invpin3,\r\n TForeignTaxType,\r\n TTaxResident,\r\n TForeignTaxId,\r\n TPEP,\r\n TPREP,\r\n } = fatcaDetails;\r\n setCategoryOccupation((prev) => {\r\n return {\r\n ...prev,\r\n categoryoccupationprimary: { value: i_Occpn },\r\n };\r\n });\r\n setGross_Annual_Income((prev) => {\r\n return {\r\n ...prev,\r\n gross_annual_incomeprimary: { value: i_income },\r\n };\r\n });\r\n setcountryselected((prev) => {\r\n return {\r\n ...prev,\r\n countryofbirth: { value: FCountryofBirth },\r\n nationality: { value: FNationality },\r\n };\r\n });\r\n setPincode((prev) => {\r\n return {\r\n ...prev,\r\n value: { value: i_invpin },\r\n };\r\n });\r\n setPolitically_Exposed_Applicant((prev) => {\r\n return {\r\n ...prev,\r\n primary: FPEP,\r\n };\r\n });\r\n setPolitically_Exposed_Relative((prev) => {\r\n return {\r\n ...prev,\r\n primary: FPREP,\r\n };\r\n });\r\n setTax_resident((prev) => {\r\n return {\r\n ...prev,\r\n primary: FTaxResident,\r\n };\r\n });\r\n if (FTaxResident === \"yes\") {\r\n setforeign_tax_id_no((prev) => {\r\n return {\r\n ...prev,\r\n primary: { value: FForeignTaxId },\r\n };\r\n });\r\n settax_resident_option((prev) => {\r\n return {\r\n ...prev,\r\n primary: { value: FForeignTaxType },\r\n };\r\n });\r\n }\r\n\r\n if (!!props.applicantparams && !!props.applicantparams.i_pangno2) {\r\n setCategoryOccupation((prev) => {\r\n return {\r\n ...prev,\r\n categoryoccupationjoint1: { value: i_SOccpn },\r\n };\r\n });\r\n setGross_Annual_Income((prev) => {\r\n return {\r\n ...prev,\r\n gross_annual_incomejoint1: { value: i_Sincome },\r\n };\r\n });\r\n setcountryselected((prev) => {\r\n return {\r\n ...prev,\r\n countryofbirthjoint1: { value: SCountryofBirth },\r\n nationalityjoint1: { value: SNationality },\r\n };\r\n });\r\n setPincode((prev) => {\r\n return {\r\n ...prev,\r\n value_joint1: { value: i_invpin2 },\r\n };\r\n });\r\n setPolitically_Exposed_Applicant((prev) => {\r\n return {\r\n ...prev,\r\n joint1: SPEP,\r\n };\r\n });\r\n setPolitically_Exposed_Relative((prev) => {\r\n return {\r\n ...prev,\r\n joint1: SPREP,\r\n };\r\n });\r\n setTax_resident((prev) => {\r\n return {\r\n ...prev,\r\n joint1: STaxResident,\r\n };\r\n });\r\n if (STaxResident === \"yes\") {\r\n setforeign_tax_id_no((prev) => {\r\n return {\r\n ...prev,\r\n joint1: { value: SForeignTaxId },\r\n };\r\n });\r\n settax_resident_option((prev) => {\r\n return {\r\n ...prev,\r\n joint1: { value: SForeignTaxType },\r\n };\r\n });\r\n }\r\n }\r\n if (!!props.applicantparams && !!props.applicantparams.i_pangno3) {\r\n setCategoryOccupation((prev) => {\r\n return {\r\n ...prev,\r\n categoryoccupationjoint2: { value: i_TOccpn },\r\n };\r\n });\r\n setGross_Annual_Income((prev) => {\r\n return {\r\n ...prev,\r\n gross_annual_incomejoint2: { value: i_Tincome },\r\n };\r\n });\r\n setcountryselected((prev) => {\r\n return {\r\n ...prev,\r\n countryofbirthjoint2: { value: TCountryofBirth },\r\n nationalityjoint2: { value: TNationality },\r\n };\r\n });\r\n setPincode((prev) => {\r\n return {\r\n ...prev,\r\n value_joint2: { value: i_invpin3 },\r\n };\r\n });\r\n setPolitically_Exposed_Applicant((prev) => {\r\n return {\r\n ...prev,\r\n joint2: TPEP,\r\n };\r\n });\r\n setPolitically_Exposed_Relative((prev) => {\r\n return {\r\n ...prev,\r\n joint2: TPREP,\r\n };\r\n });\r\n setTax_resident((prev) => {\r\n return {\r\n ...prev,\r\n joint2: TTaxResident,\r\n };\r\n });\r\n if (TTaxResident === \"yes\") {\r\n setforeign_tax_id_no((prev) => {\r\n return {\r\n ...prev,\r\n joint2: { value: TForeignTaxId },\r\n };\r\n });\r\n settax_resident_option((prev) => {\r\n return {\r\n ...prev,\r\n joint2: { value: TForeignTaxType },\r\n };\r\n });\r\n }\r\n }\r\n }\r\n };\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [categoryoccupation, setCategoryOccupation] = useState({\r\n categoryoccupationprimary: { value: \"\" },\r\n categoryoccupationjoint1: { value: \"\" },\r\n categoryoccupationjoint2: { value: \"\" },\r\n });\r\n const [gross_annual_income, setGross_Annual_Income] = useState({\r\n gross_annual_incomeprimary: { value: \"\" },\r\n gross_annual_incomejoint1: { value: \"\" },\r\n gross_annual_incomejoint2: { value: \"\" },\r\n });\r\n const [countriesList, setcountriesList] = useState([]);\r\n const [foreigncountriesList, setforeigncountriesList] = useState([]);\r\n const [countryselected, setcountryselected] = useState({\r\n countryofbirth: { value: \"\" },\r\n nationality: { value: \"\" },\r\n countryofbirthjoint1: { value: \"\" },\r\n nationalityjoint1: { value: \"\" },\r\n countryofbirthjoint2: { value: \"\" },\r\n nationalityjoint2: { value: \"\" },\r\n });\r\n const [tax_resident, setTax_resident] = useState({\r\n primary: props.applicantparams.i_category === \"20\" ? \"yes\" : \"no\",\r\n joint1: props.applicantparams.i_category2 === \"20\" ? \"yes\" : \"no\",\r\n joint2: props.applicantparams.i_category3 === \"20\" ? \"yes\" : \"no\",\r\n });\r\n const [politically_exposed_applicant, setPolitically_Exposed_Applicant] =\r\n useState({ primary: \"no\", joint1: \"no\", joint2: \"no\" });\r\n const [politically_exposed_relative, setPolitically_Exposed_Relative] =\r\n useState({ primary: \"no\", joint1: \"no\", joint2: \"no\" });\r\n const [tax_resident_option, settax_resident_option] = useState({\r\n primary: { value: \"\" },\r\n joint1: { value: \"\" },\r\n joint2: { value: \"\" },\r\n });\r\n const [foreign_tax_id_no, setforeign_tax_id_no] = useState({\r\n primary: { value: \"\" },\r\n joint1: { value: \"\" },\r\n joint2: { value: \"\" },\r\n });\r\n const [pincode, setPincode] = useState({\r\n value: { value: \"\" },\r\n value_joint1: { value: \"\" },\r\n value_joint2: { value: \"\" },\r\n });\r\n const [openModal, setOpenModal] = useState(false);\r\n const [panverification, setPanverification] = useState(false);\r\n useEffect(() => {\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\",\r\n });\r\n firstRender();\r\n checkReduxStore();\r\n }, []);\r\n const firstRender = async () => {\r\n await getLists();\r\n await prefillFormValues();\r\n };\r\n const getLists = async () => {\r\n setIsLoading(true);\r\n const countriesResponse = await props.getCountriesList();\r\n const Countries = countriesResponse.Dtinformation;\r\n const countriesList = Countries.map((country) => {\r\n return { label: country.country_name, value: country.country_name };\r\n });\r\n const ForeignCountrires = Countries.map((country) => {\r\n return { label: country.country_name, value: country.country_name };\r\n });\r\n setcountriesList(\r\n countriesList.length > 0\r\n ? countriesList\r\n : [{ label: \"India\", value: \"India\" }]\r\n );\r\n const RemomovingIndia = { label: \"India\", value: \"India\" };\r\n ForeignCountrires.splice(\r\n ForeignCountrires.findIndex((a) => a.value === RemomovingIndia.value),\r\n 1\r\n );\r\n setforeigncountriesList(ForeignCountrires);\r\n setIsLoading(false);\r\n };\r\n const prefillFormValues = async () => {\r\n if (!props.fatcaDetails.i_invpin) {\r\n if (\r\n (!!props.store_pan && props.store_pan.length > 0) ||\r\n props.applicantparams.typeofinvestor === \"M\"\r\n ) {\r\n const kycResponse = await props.getKycDetails({ pan: props.store_pan });\r\n if (!!kycResponse) {\r\n const {\r\n country,\r\n pin,\r\n GrossAnnualIncome,\r\n app_occ,\r\n add1,\r\n add2,\r\n add3,\r\n state,\r\n city,\r\n } = kycResponse.DtData[0];\r\n setCategoryOccupation((prev) => {\r\n return {\r\n ...prev,\r\n categoryoccupationprimary: { value: app_occ },\r\n };\r\n });\r\n setPincode((prev) => {\r\n return {\r\n ...prev,\r\n value: { value: pin },\r\n };\r\n });\r\n setGross_Annual_Income((prev) => {\r\n return {\r\n ...prev,\r\n gross_annual_incomeprimary: { value: GrossAnnualIncome },\r\n };\r\n });\r\n const countryvalue =\r\n country?.charAt(0).toUpperCase() + country?.slice(1)?.toLowerCase();\r\n setcountryselected((prev) => {\r\n return {\r\n ...prev,\r\n nationality: { value: countryvalue },\r\n countryofbirth: { value: countryvalue },\r\n };\r\n });\r\n const address = add1 + add2 + add3;\r\n const convertingcountry = country?.toLowerCase();\r\n const restOfGreeting = convertingcountry?.slice(1);\r\n const convertcountry =convertingcountry? convertingcountry[0]?.toUpperCase():\"\";\r\n const newGreeting = convertcountry + restOfGreeting;\r\n const Address = {\r\n state: state,\r\n city: city,\r\n country: newGreeting,\r\n pincode: pin,\r\n address: address,\r\n };\r\n props.storeAddress(Address);\r\n setcountryselected({\r\n ...countryselected,\r\n nationality: { value: countryvalue },\r\n countryofbirth: { value: countryvalue },\r\n });\r\n }\r\n }\r\n }\r\n // setIsLoading(true)\r\n if (\r\n !!props.applicantparams.i_pangno2 &&\r\n props.applicantparams.i_pangno2.length > 0\r\n ) {\r\n const kycResponse = await props.getKycDetails({\r\n pan: props.applicantparams.i_pangno2,\r\n });\r\n // const { DtData } = !!kycResponse ?kycResponse :[]\r\n // const kycDetails = !!DtData[0] ?DtData[0] :{} ;\r\n if (!!kycResponse) {\r\n const { country, pin, GrossAnnualIncome, app_occ } =\r\n kycResponse.DtData[0];\r\n setCategoryOccupation((prev) => {\r\n return {\r\n ...prev,\r\n categoryoccupationjoint1: { value: app_occ },\r\n };\r\n });\r\n setPincode((prev) => {\r\n return {\r\n ...prev,\r\n value_joint1: { value: pin },\r\n };\r\n });\r\n setGross_Annual_Income((prev) => {\r\n return {\r\n ...prev,\r\n gross_annual_incomejoint1: { value: GrossAnnualIncome },\r\n };\r\n });\r\n const countryvalue =\r\n country.charAt(0).toUpperCase() + country.slice(1).toLowerCase();\r\n setcountryselected((prev) => {\r\n return {\r\n ...prev,\r\n nationalityjoint1: { value: countryvalue },\r\n countryofbirthjoint1: { value: countryvalue },\r\n };\r\n });\r\n }\r\n }\r\n if (\r\n !!props.applicantparams.i_pangno3 &&\r\n props.applicantparams.i_pangno3.length > 0\r\n ) {\r\n const kycResponse = await props.getKycDetails({\r\n pan: props.applicantparams.i_pangno3,\r\n });\r\n if (!!kycResponse) {\r\n const { country, pin, GrossAnnualIncome, app_occ } =\r\n kycResponse.DtData[0];\r\n setCategoryOccupation((prev) => {\r\n return {\r\n ...prev,\r\n categoryoccupationjoint2: { value: app_occ },\r\n };\r\n });\r\n setPincode((prev) => {\r\n return {\r\n ...prev,\r\n value_joint2: { value: pin },\r\n };\r\n });\r\n setGross_Annual_Income((prev) => {\r\n return {\r\n ...prev,\r\n gross_annual_incomejoint2: { value: GrossAnnualIncome },\r\n };\r\n });\r\n const countryvalue =\r\n country.charAt(0).toUpperCase() + country.slice(1).toLowerCase();\r\n setcountryselected((prev) => {\r\n return {\r\n ...prev,\r\n nationalityjoint2: { value: countryvalue },\r\n countryofbirthjoint2: { value: countryvalue },\r\n };\r\n });\r\n }\r\n }\r\n };\r\n const handleRadioButton = (label) => (event) => {\r\n if (label === \"TaxresidentPrimary\") {\r\n setTax_resident((prev) => {\r\n return {\r\n ...prev,\r\n primary: event.target.value,\r\n };\r\n });\r\n }\r\n if (label === \"PoliticallyExposedPersonPrimary\") {\r\n setPolitically_Exposed_Applicant((prev) => {\r\n return {\r\n ...prev,\r\n primary: event.target.value,\r\n };\r\n });\r\n }\r\n if (label === \"PoliticallyExposedRelativePrimary\") {\r\n setPolitically_Exposed_Relative((prev) => {\r\n return {\r\n ...prev,\r\n primary: event.target.value,\r\n };\r\n });\r\n }\r\n if (label === \"TaxresidentPrimaryjoint1\") {\r\n setTax_resident((prev) => {\r\n return {\r\n ...prev,\r\n joint1: event.target.value,\r\n };\r\n });\r\n }\r\n if (label === \"PoliticallyExposedPersonJoint1\") {\r\n setPolitically_Exposed_Applicant((prev) => {\r\n return {\r\n ...prev,\r\n joint1: event.target.value,\r\n };\r\n });\r\n }\r\n if (label === \"PoliticallyExposedRelativeJoint1\") {\r\n setPolitically_Exposed_Relative((prev) => {\r\n return {\r\n ...prev,\r\n joint1: event.target.value,\r\n };\r\n });\r\n }\r\n if (label === \"TaxresidentPrimaryjoint2\") {\r\n setTax_resident((prev) => {\r\n return {\r\n ...prev,\r\n joint2: event.target.value,\r\n };\r\n });\r\n }\r\n if (label === \"PoliticallyExposedPersonJoint2\") {\r\n setPolitically_Exposed_Applicant((prev) => {\r\n return {\r\n ...prev,\r\n joint2: event.target.value,\r\n };\r\n });\r\n }\r\n if (label === \"PoliticallyExposedRelativeJoint2\") {\r\n setPolitically_Exposed_Relative((prev) => {\r\n return {\r\n ...prev,\r\n joint2: event.target.value,\r\n };\r\n });\r\n }\r\n };\r\n const handlePincode = (label) => (event) => {\r\n const value = event.target.value;\r\n if (label === \"pincode1\" && value.length <= 6) {\r\n if (value.length < 6) {\r\n setPincode({\r\n value: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter valid Pincode\",\r\n },\r\n });\r\n }\r\n setPincode({ ...pincode, value: { value: value } });\r\n }\r\n };\r\n const submit = async () => {\r\n if (categoryoccupation.categoryoccupationprimary.value == \"\") {\r\n setCategoryOccupation({\r\n ...categoryoccupation,\r\n categoryoccupationprimary: {\r\n isError: true,\r\n errorMessage: \"Select the occupation\",\r\n },\r\n });\r\n return;\r\n }\r\n if (gross_annual_income.gross_annual_incomeprimary.value == \"\") {\r\n setGross_Annual_Income({\r\n ...gross_annual_income,\r\n gross_annual_incomeprimary: {\r\n isError: true,\r\n errorMessage: \"Select the Annual Income\",\r\n },\r\n });\r\n return;\r\n }\r\n if (countryselected.countryofbirth.value == \"\") {\r\n setcountryselected({\r\n ...countryselected,\r\n ...countryselected,\r\n countryofbirth: {\r\n isError: true,\r\n errorMessage: \"Select the Country of Birth\",\r\n },\r\n });\r\n return;\r\n }\r\n if (countryselected.nationality.value == \"\") {\r\n setcountryselected({\r\n ...countryselected,\r\n nationality: {\r\n isError: true,\r\n errorMessage: \"Select the Nationality\",\r\n },\r\n });\r\n return;\r\n }\r\n if (\r\n tax_resident.primary == \"yes\" &&\r\n tax_resident_option.primary.value == \"\"\r\n ) {\r\n settax_resident_option({\r\n ...tax_resident_option,\r\n primary: {\r\n isError: true,\r\n errorMessage: \"Select the Tax Resident\",\r\n },\r\n });\r\n return;\r\n }\r\n if (\r\n tax_resident.primary == \"yes\" &&\r\n foreign_tax_id_no.primary.value == \"\"\r\n ) {\r\n setforeign_tax_id_no({\r\n ...foreign_tax_id_no,\r\n primary: {\r\n isError: true,\r\n errorMessage: \"Enter the Foreign Tax ID No\",\r\n },\r\n });\r\n return;\r\n }\r\n if (pincode?.value?.value?.length <= 5) {\r\n setPincode({\r\n ...pincode,\r\n value: {\r\n isError: true,\r\n errorMessage: \"Please enter a valid 6-digit PIN code\",\r\n },\r\n });\r\n return;\r\n }\r\n if (!!props.applicantparams && !!props.applicantparams.i_pangno2) {\r\n if (categoryoccupation.categoryoccupationjoint1.value == \"\") {\r\n setCategoryOccupation({\r\n ...categoryoccupation,\r\n categoryoccupationjoint1: {\r\n isError: true,\r\n errorMessage: \"Select the occupation\",\r\n },\r\n });\r\n return;\r\n }\r\n if (gross_annual_income.gross_annual_incomejoint1.value == \"\") {\r\n setGross_Annual_Income({\r\n ...gross_annual_income,\r\n gross_annual_incomejoint1: {\r\n isError: true,\r\n errorMessage: \"Select the Annual Income\",\r\n },\r\n });\r\n return;\r\n }\r\n if (countryselected.countryofbirthjoint1.value == \"\") {\r\n setcountryselected({\r\n ...countryselected,\r\n countryofbirthjoint1: {\r\n isError: true,\r\n errorMessage: \"Select the Country of Birth\",\r\n },\r\n });\r\n return;\r\n }\r\n if (countryselected.nationalityjoint1.value == \"\") {\r\n setcountryselected({\r\n ...countryselected,\r\n nationalityjoint1: {\r\n isError: true,\r\n errorMessage: \"Select the Nationality\",\r\n },\r\n });\r\n return;\r\n }\r\n if (\r\n tax_resident.joint1 == \"yes\" &&\r\n tax_resident_option.joint1.value == \"\"\r\n ) {\r\n settax_resident_option({\r\n ...tax_resident_option,\r\n joint1: {\r\n isError: true,\r\n errorMessage: \"Select the Tax Resident\",\r\n },\r\n });\r\n return;\r\n }\r\n if (\r\n tax_resident.joint1 == \"yes\" &&\r\n foreign_tax_id_no.joint1.value == \"\"\r\n ) {\r\n setforeign_tax_id_no({\r\n ...foreign_tax_id_no,\r\n joint1: {\r\n isError: true,\r\n errorMessage: \"Enter the Foreign Tax ID No\",\r\n },\r\n });\r\n return;\r\n }\r\n if (pincode.value_joint1.value.length <= 5) {\r\n setPincode({\r\n ...pincode,\r\n value_joint1: {\r\n isError: true,\r\n errorMessage: \"Please enter a valid 6-digit PIN code\",\r\n },\r\n });\r\n return;\r\n }\r\n }\r\n if (!!props.applicantparams && !!props.applicantparams.i_pangno3) {\r\n if (categoryoccupation.categoryoccupationjoint2.value == \"\") {\r\n setCategoryOccupation({\r\n ...categoryoccupation,\r\n categoryoccupationjoint2: {\r\n isError: true,\r\n errorMessage: \"Select the occupation\",\r\n },\r\n });\r\n return;\r\n }\r\n if (gross_annual_income.gross_annual_incomejoint2.value == \"\") {\r\n setGross_Annual_Income({\r\n ...gross_annual_income,\r\n gross_annual_incomejoint2: {\r\n isError: true,\r\n errorMessage: \"Select the Annual Income\",\r\n },\r\n });\r\n return;\r\n }\r\n if (countryselected.countryofbirthjoint2.value == \"\") {\r\n setcountryselected({\r\n ...countryselected,\r\n countryofbirthjoint2: {\r\n isError: true,\r\n errorMessage: \"Select the Country of Birth\",\r\n },\r\n });\r\n return;\r\n }\r\n if (countryselected.nationalityjoint2.value == \"\") {\r\n setcountryselected({\r\n ...countryselected,\r\n nationalityjoint2: {\r\n isError: true,\r\n errorMessage: \"Select the Nationality\",\r\n },\r\n });\r\n return;\r\n }\r\n if (\r\n tax_resident.joint2 == \"yes\" &&\r\n tax_resident_option.joint2.value == \"\"\r\n ) {\r\n settax_resident_option({\r\n ...tax_resident_option,\r\n joint2: {\r\n isError: true,\r\n errorMessage: \"Select the Tax Resident\",\r\n },\r\n });\r\n return;\r\n }\r\n if (\r\n tax_resident.joint2 == \"yes\" &&\r\n foreign_tax_id_no.joint2.value == \"\"\r\n ) {\r\n setforeign_tax_id_no({\r\n ...foreign_tax_id_no,\r\n joint2: {\r\n isError: true,\r\n errorMessage: \"Enter the Foreign Tax ID No\",\r\n },\r\n });\r\n return;\r\n }\r\n if (pincode.value_joint2.value.length <= 5) {\r\n setPincode({\r\n ...pincode,\r\n value_joint2: {\r\n isError: true,\r\n errorMessage: \"Please enter a valid 6-digit PIN code\",\r\n },\r\n });\r\n return;\r\n }\r\n }\r\n if (panverification) {\r\n setOpenModal(!openModal);\r\n return;\r\n }\r\n setIsLoading(true);\r\n const fatcaDetails = {\r\n i_Occpn: categoryoccupation.categoryoccupationprimary.value,\r\n i_income: gross_annual_income.gross_annual_incomeprimary.value,\r\n FCountryofBirth: countryselected.countryofbirth.value,\r\n FNationality: countryselected.nationality.value,\r\n i_invpin: pincode.value.value,\r\n FPEP: politically_exposed_applicant.primary,\r\n FPREP: politically_exposed_relative.primary,\r\n FTaxResident: tax_resident.primary,\r\n FForeignTaxType:\r\n tax_resident.primary == \"yes\" ? tax_resident_option.primary.value : \"\",\r\n FForeignTaxId:\r\n tax_resident.primary == \"yes\" ? foreign_tax_id_no.primary.value : \"\",\r\n ...(props.applicantparams.i_genMOH === \"4\" &&\r\n props.applicantparams.i_pangno2 && {\r\n i_SOccpn: categoryoccupation.categoryoccupationjoint1.value,\r\n i_Sincome: gross_annual_income.gross_annual_incomejoint1.value,\r\n SCountryofBirth: countryselected.countryofbirthjoint1.value,\r\n SNationality: countryselected.nationalityjoint1.value,\r\n i_invpin2: pincode.value_joint1.value,\r\n SForeignTaxType:\r\n tax_resident.joint1 == \"yes\"\r\n ? tax_resident_option.joint1.value\r\n : \"\",\r\n STaxResident: tax_resident.joint1,\r\n SForeignTaxId:\r\n tax_resident.joint1 == \"yes\" ? foreign_tax_id_no.joint1.value : \"\",\r\n SPEP: politically_exposed_applicant.joint1,\r\n SPREP: politically_exposed_relative.joint1,\r\n }),\r\n ...(props.applicantparams.i_genMOH === \"4\" &&\r\n props.applicantparams.i_pangno3 && {\r\n i_TOccpn: categoryoccupation.categoryoccupationjoint2.value,\r\n i_Tincome: gross_annual_income.gross_annual_incomejoint2.value,\r\n TCountryofBirth: countryselected.countryofbirthjoint2.value,\r\n TNationality: countryselected.nationalityjoint2.value,\r\n i_invpin3: pincode.value_joint2.value,\r\n TForeignTaxType:\r\n tax_resident.joint2 == \"yes\"\r\n ? tax_resident_option.joint2.value\r\n : \"\",\r\n TTaxResident: tax_resident.joint2,\r\n TForeignTaxId:\r\n tax_resident.joint2 == \"yes\" ? foreign_tax_id_no.joint2.value : \"\",\r\n TPEP: politically_exposed_applicant.joint2,\r\n TPREP: politically_exposed_relative.joint2,\r\n }),\r\n };\r\n props.storeFatcaDetails(fatcaDetails);\r\n setIsLoading(false);\r\n props.history.replace(\"/new-investor-transaction/nominee-details\");\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {props.Heading}\r\n
\r\n \r\n
\r\n YES
\r\n \r\n
\r\n \r\n NO
\r\n \r\n \r\n \r\n
\r\n )}\r\n Primary Holder :
\r\n \r\n \r\n setCategoryOccupation({\r\n ...categoryoccupation,\r\n categoryoccupationprimary: { value: event.target.value },\r\n })\r\n }\r\n isError={categoryoccupation.categoryoccupationprimary.isError}\r\n errorMessage={\r\n categoryoccupation.categoryoccupationprimary.errorMessage\r\n }\r\n placeholder={\"Select One\"}\r\n >\r\n {Occupations.map((item, index) => (\r\n \r\n ))}\r\n \r\n
{\" \"}\r\n \r\n \r\n setGross_Annual_Income({\r\n ...gross_annual_income,\r\n gross_annual_incomeprimary: { value: event.target.value },\r\n })\r\n }\r\n isError={gross_annual_income.gross_annual_incomeprimary.isError}\r\n errorMessage={\r\n gross_annual_income.gross_annual_incomeprimary.errorMessage\r\n }\r\n placeholder={\"Select One\"}\r\n >\r\n {Gross_Annual_income.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n setcountryselected({\r\n ...countryselected,\r\n countryofbirth: { value: event.target.value },\r\n })\r\n }\r\n isError={countryselected.countryofbirth.isError}\r\n errorMessage={countryselected.countryofbirth.errorMessage}\r\n >\r\n {countriesList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n setcountryselected({\r\n ...countryselected,\r\n nationality: { value: event.target.value },\r\n })\r\n }\r\n // isError={countryselected.nationality.isError}\r\n // errorMessage={countryselected.nationality.errorMessage}\r\n isError={countryselected.nationality.isError}\r\n errorMessage={countryselected.nationality.errorMessage}\r\n >\r\n {countriesList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n settax_resident_option({\r\n ...tax_resident_option,\r\n primary: { value: event.target.value },\r\n })\r\n }\r\n fatcawidth={\"true\"}\r\n placeholder={\"Select One\"}\r\n isError={tax_resident_option.primary.isError}\r\n errorMessage={tax_resident_option.primary.errorMessage}\r\n >\r\n {foreigncountriesList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n setforeign_tax_id_no({\r\n ...foreign_tax_id_no,\r\n primary: { value: event.target.value },\r\n })\r\n }\r\n fatcawidth={\"true\"}\r\n isShowError={foreign_tax_id_no.primary.isError}\r\n errorMessage={tax_resident_option.primary.errorMessage}\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n First Joint Holder :
\r\n \r\n \r\n setCategoryOccupation({\r\n ...categoryoccupation,\r\n categoryoccupationjoint1: { value: event.target.value },\r\n })\r\n }\r\n isError={\r\n categoryoccupation.categoryoccupationjoint1.isError\r\n }\r\n errorMessage={\r\n categoryoccupation.categoryoccupationjoint1.errorMessage\r\n }\r\n >\r\n {Occupations.map((item, index) => (\r\n \r\n ))}\r\n \r\n
{\" \"}\r\n \r\n \r\n setGross_Annual_Income({\r\n ...gross_annual_income,\r\n gross_annual_incomejoint1: {\r\n value: event.target.value,\r\n },\r\n })\r\n }\r\n isError={\r\n gross_annual_income.gross_annual_incomejoint1.isError\r\n }\r\n errorMessage={\r\n gross_annual_income.gross_annual_incomejoint1.errorMessage\r\n }\r\n >\r\n {Gross_Annual_income.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n setcountryselected({\r\n ...countryselected,\r\n countryofbirthjoint1: { value: event.target.value },\r\n })\r\n }\r\n isError={countryselected.countryofbirthjoint1.isError}\r\n errorMessage={\r\n countryselected.countryofbirthjoint1.errorMessage\r\n }\r\n >\r\n {countriesList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n ({\r\n label: item.label,\r\n value: item.value,\r\n }))}\r\n value={\r\n countryselected.nationalityjoint1.value\r\n ? countryselected.nationalityjoint1.value\r\n : \"\"\r\n }\r\n handleChange={(event) =>\r\n setcountryselected({\r\n ...countryselected,\r\n nationalityjoint1: { value: event.target.value },\r\n })\r\n }\r\n isError={countryselected.nationalityjoint1.isError}\r\n errorMessage={\r\n countryselected.nationalityjoint1.errorMessage\r\n }\r\n >\r\n {countriesList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n setPincode({\r\n ...pincode,\r\n value_joint1: { value: event.target.value },\r\n })\r\n }\r\n fatcawidth={\"true\"}\r\n isShowError={pincode.value_joint1.isError}\r\n errorMessage={pincode.value_joint1.errorMessage}\r\n />\r\n
\r\n \r\n \r\n settax_resident_option({\r\n ...tax_resident_option,\r\n joint1: { value: event.target.value },\r\n })\r\n }\r\n fatcawidth={\"true\"}\r\n isError={tax_resident_option.joint1.isError}\r\n errorMessage={tax_resident_option.joint1.errorMessage}\r\n >\r\n {foreigncountriesList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n setforeign_tax_id_no({\r\n ...foreign_tax_id_no,\r\n joint1: { value: event.target.value },\r\n })\r\n }\r\n fatcawidth={\"true\"}\r\n isShowError={foreign_tax_id_no.joint1.isError}\r\n errorMessage={tax_resident_option.joint1.errorMessage}\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n )}\r\n Second Joint Holder :
\r\n \r\n \r\n setCategoryOccupation({\r\n ...categoryoccupation,\r\n categoryoccupationjoint2: { value: event.target.value },\r\n })\r\n }\r\n isError={\r\n categoryoccupation.categoryoccupationjoint2.isError\r\n }\r\n errorMessage={\r\n categoryoccupation.categoryoccupationjoint2.errorMessage\r\n }\r\n >\r\n {Occupations.map((item, index) => (\r\n \r\n ))}\r\n \r\n
{\" \"}\r\n \r\n \r\n setGross_Annual_Income({\r\n ...gross_annual_income,\r\n gross_annual_incomejoint2: {\r\n value: event.target.value,\r\n },\r\n })\r\n }\r\n isError={\r\n gross_annual_income.gross_annual_incomejoint2.isError\r\n }\r\n errorMessage={\r\n gross_annual_income.gross_annual_incomejoint2.errorMessage\r\n }\r\n placeholder={\"Select One\"}\r\n >\r\n {Gross_Annual_income.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n setcountryselected({\r\n ...countryselected,\r\n countryofbirthjoint2: { value: event.target.value },\r\n })\r\n }\r\n isError={countryselected.countryofbirthjoint2.isError}\r\n errorMessage={\r\n countryselected.countryofbirthjoint2.errorMessage\r\n }\r\n >\r\n {countriesList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n ({\r\n label: item.label,\r\n value: item.value,\r\n }))}\r\n value={\r\n countryselected.nationalityjoint2.value\r\n ? countryselected.nationalityjoint2.value\r\n : \"\"\r\n }\r\n handleChange={(event) =>\r\n setcountryselected({\r\n ...countryselected,\r\n nationalityjoint2: { value: event.target.value },\r\n })\r\n }\r\n isError={countryselected.nationalityjoint2.isError}\r\n errorMessage={\r\n countryselected.nationalityjoint2.errorMessage\r\n }\r\n >\r\n {countriesList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n setPincode({\r\n ...pincode,\r\n value_joint2: { value: event.target.value },\r\n })\r\n }\r\n fatcawidth={\"true\"}\r\n isShowError={pincode.value_joint2.isError}\r\n errorMessage={pincode.value_joint2.errorMessage}\r\n />\r\n
\r\n \r\n \r\n settax_resident_option({\r\n ...tax_resident_option,\r\n joint2: { value: event.target.value },\r\n })\r\n }\r\n fatcawidth={\"true\"}\r\n isError={tax_resident_option.joint2.isError}\r\n errorMessage={tax_resident_option.joint2.errorMessage}\r\n >\r\n {foreigncountriesList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n setforeign_tax_id_no({\r\n ...foreign_tax_id_no,\r\n joint2: { value: event.target.value },\r\n })\r\n }\r\n fatcawidth={\"true\"}\r\n isShowError={foreign_tax_id_no.joint2.isError}\r\n errorMessage={tax_resident_option.joint2.errorMessage}\r\n />\r\n
\r\n \r\n \r\n props.history.replace(\"/new-investor-transaction/investor-details\")\r\n }\r\n >\r\n BACK\r\n \r\n \r\n PROCEED\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default connect(\r\n ({ newinvestor }) => {\r\n const { applicantparams, fatcaDetails, store_pan } = newinvestor;\r\n return {\r\n applicantparams,\r\n fatcaDetails,\r\n store_pan,\r\n };\r\n },\r\n {\r\n storeFatcaDetails,\r\n getCountriesList,\r\n getStatesList,\r\n storeApplicantParams,\r\n getKycDetails,\r\n getCitiesByState,\r\n getRelationShipList,\r\n storeAddress,\r\n }\r\n)(FatcaDetails);\r\n","\r\nexport const Termsandconditions = () => {\r\n return (\r\n <>\r\n \r\n The ARN holder has disclosed to me/us all the commissions in the form\r\n of trail commission or any other mode, payable to him for the\r\n different competing Schemes of various Mutual Funds from amongst which\r\n the Scheme is being recommended to me/us.\r\n
\r\n\r\n Disclaimer: The Registrar of the AMC will allot the number of units\r\n for the total investment amount. The number of Units allotted by the\r\n Registrar will reflect in your online account statement within 2\r\n working days.\r\n
\r\n \r\n );\r\n};\r\n","import { Checkbox, MenuItem } from \"@material-ui/core\";\r\nimport {\r\n KeyboardDatePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport IntegrationReactSelect from \"../../../forms/autoCompleteInput\";\r\nimport CustomizedDialogs from \"../../customModal\";\r\nimport DateFnsUtils from \"@date-io/date-fns\";\r\nimport React, { useEffect, useReducer, useState } from \"react\";\r\nimport CustomizedSelect from \"../customizedSelect\";\r\nimport { Input } from \"../../../forms/input\";\r\nimport CardComponent from \"./lib/CardComponent\";\r\nimport { RadioButton } from \"./lib/Radiobutton\";\r\nimport { Termsandconditions } from \"./lib/Termsandconditions\";\r\nimport { connect, useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router\";\r\nimport {\r\n getNewPurchaseFundList,\r\n validateSubBroker,\r\n swpOptions,\r\n CalcSIPEnddt,\r\n storeSchemeDetails,\r\n getNav,\r\n getOtherSchemes,\r\n storeSchemeParams,\r\n submitSipDetails,\r\n clearingFirstTimeInvestorJourney,\r\n getCheckPanKotm,\r\n getCheckPanAotm,\r\n} from \"../../../../store/actions\";\r\nimport {\r\n GET_CATEGORY_LIST,\r\n GET_CATEGORY_LIST_SUCCESS,\r\n GET_CATEGORY_LIST_FAILED,\r\n REGULAR,\r\n} from \"../../../../store/types\";\r\n\r\nimport {\r\n INVESTMENT_FREQUENCY,\r\n SIP_DAY,\r\n PAYMENT_MODE,\r\n} from \"../../../../store/types\";\r\nimport CustomLoader from \"../../../forms/Loader\";\r\nimport { format } from \"date-fns\";\r\nconst SipDetails = (props) => {\r\n const history = useHistory();\r\n const initialState = {\r\n Scheme: { value: \"\" },\r\n Category: { value: \"\" },\r\n EUIN: { value: \"\" },\r\n \"SIP Day\": { value: \"\" },\r\n Frequency: { value: \"\" },\r\n \"SIP Period From\": { value: \"\" },\r\n \"SIP Period To\": { value: \"\" },\r\n \"No of Installments\": { value: \"\" },\r\n \"Sub Broker Code\": { value: \"\" },\r\n \"Sub ARN Code\": { value: \"\" },\r\n MinimumAmount: \"\",\r\n Amount: { value: \"\" },\r\n MinimumInstallements: \"\",\r\n schemeList: [],\r\n euinList: [],\r\n sipDateList: [],\r\n frequencyList: [],\r\n planValue: \"\",\r\n optionValue: \"\",\r\n schemeValue: \"\",\r\n modeList: [],\r\n CategoryList: [],\r\n multiple: \"\",\r\n umrnList: [],\r\n UMRN: { value: \"\" },\r\n perpetualSip: false,\r\n \"Mode of Registration\": \"\",\r\n };\r\n const [formValues, setFormValues] = useReducer(\r\n (preValues, newValues) => ({ ...preValues, ...newValues }),\r\n initialState\r\n );\r\n const InputFields = [\r\n [\r\n {\r\n name: \"Category\",\r\n type: \"select\",\r\n placeholder: \"Select Category\",\r\n isMandatory: true,\r\n listName: \"CategoryList\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Scheme\",\r\n type: \"Searchselect\",\r\n placeholder: \"Select Scheme\",\r\n isMandatory: true,\r\n listName: \"schemeList\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Sub ARN Code\",\r\n type: \"number\",\r\n placeholder: \"Select ARN Code\",\r\n isMandatory: false,\r\n },\r\n {\r\n name: \"Sub Broker Code\",\r\n type: \"number\",\r\n placeholder: \"Enter Sub Broker Code\",\r\n isMandatory: false,\r\n },\r\n {\r\n name: \"EUIN\",\r\n type: \"Searchselect\",\r\n placeholder: \"Select EUIN\",\r\n isMandatory: true,\r\n listName: \"euinList\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Frequency\",\r\n type: \"select\",\r\n placeholder: \"Select Frequency\",\r\n isMandatory: true,\r\n listName: \"frequencyList\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Mode of Registration\",\r\n type: \"select\",\r\n placeholder: \"Select Mode\",\r\n isMandatory: true,\r\n listName: \"modeList\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"UMRN\",\r\n type: \"select\",\r\n placeholder: \"Select UMRN\",\r\n listName: \"umrnList\",\r\n display:\r\n formValues[\"Mode of Registration\"].value === \"KOTM\" ||\r\n formValues[\"Mode of Registration\"].value === \"AOTM\"\r\n ? false\r\n : true,\r\n disabled: formValues.umrnList.length === 1 ? true : false,\r\n },\r\n ],\r\n [\r\n {\r\n name: \"SIP Day\",\r\n type: \"select\",\r\n placeholder: \"Select SIP Day\",\r\n isMandatory: true,\r\n listName: \"sipDateList\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"No of Installments\",\r\n type: \"number\",\r\n placeholder: !formValues.perpetualSip ? \"\" : \"Perpetual SIP\",\r\n isMandatory: true,\r\n disabled: !formValues.perpetualSip ? false : true,\r\n },\r\n ],\r\n [\r\n {\r\n name: \"SIP Period From\",\r\n type: \"date\",\r\n placeholder: \"Start Date\",\r\n isMandatory: true,\r\n disabled: true,\r\n },\r\n {\r\n name: \"SIP Period To\",\r\n type: \"date\",\r\n placeholder: \"End Date\",\r\n isMandatory: true,\r\n disabled: true,\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Perpetual SIP\",\r\n type: \"Perpetual\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Amount\",\r\n type: \"number\",\r\n placeholder: \"\",\r\n isMandatory: true,\r\n },\r\n ],\r\n ];\r\n const [dialog, setDialog] = useState({ open: false, appno: \"\" });\r\n const [isChecked, setIsChecked] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const SIP_Date = formValues[\"SIP Day\"].value;\r\n const Frequency = formValues[\"Frequency\"].value;\r\n\r\n const setFrequencyList = async () => {\r\n const euinParams = { opt: INVESTMENT_FREQUENCY, fund: \"189\" };\r\n const euinResponse = await props.swpOptions(euinParams);\r\n const { Dtinformation } = euinResponse;\r\n const frequencyList = Dtinformation.map((item) => ({\r\n label: item.FrequencyID,\r\n value: item.FrequencyID,\r\n min: item.Minimum_Instalment,\r\n }));\r\n setFormValues({ frequencyList });\r\n };\r\n const handleScheme = (label) => (event) => {\r\n const { schemeList } = formValues;\r\n if (label === \"Scheme\") {\r\n const scheme = schemeList.find((item) => item.label === event.label);\r\n setFormValues({\r\n Scheme: { value: event },\r\n planValue: scheme.planValue,\r\n optionValue: scheme.optionValue,\r\n schemeValue: scheme.schemeValue,\r\n MinimumAmount: scheme.MinimumAmount,\r\n multiple: scheme.multiples || 1,\r\n });\r\n }\r\n if (label === \"EUIN\") {\r\n setFormValues({\r\n EUIN: { value: event },\r\n });\r\n setFrequencyList();\r\n }\r\n };\r\n const handleChange = (label) => async (event) => {\r\n const value = event.target.value;\r\n if (!value && label !== \"Sub ARN Code\" && label !== \"Sub Broker Code\") {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: `${label} is Mandatory`,\r\n },\r\n });\r\n return;\r\n }\r\n setFormValues({ [label]: { value } });\r\n switch (label) {\r\n case \"Category\":\r\n setFormValues({\r\n [label]: { value },\r\n Scheme: { value: \"\" },\r\n Amount: { value: \"\" },\r\n EUIN: \"\",\r\n \"SIP Day\": { value: \"\" },\r\n Frequency: { value: \"\" },\r\n \"SIP Period From\": { value: \"\" },\r\n \"SIP Period To\": { value: \"\" },\r\n \"No of Installments\": { value: \"\" },\r\n });\r\n break;\r\n case \"No of Installments\":\r\n if (\r\n !!value &&\r\n parseInt(value) < parseInt(formValues.MinimumInstallements)\r\n ) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \" Number of installments should be greater than or equal to the minimum number of installments \",\r\n },\r\n });\r\n } else if (parseInt(value) > 999) {\r\n setFormValues({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"No of Installments should not be greater than 999\",\r\n },\r\n });\r\n }\r\n break;\r\n case \"Mode of Registration\":\r\n if (value === \"KOTM\") {\r\n fetchUMRNList(\"KOTM\");\r\n }\r\n if (value === \"AOTM\") {\r\n fetchUMRNList(\"AOTM\");\r\n } else {\r\n setFormValues({\r\n UMRN: { value: \"\" },\r\n });\r\n }\r\n setFormValues({ [label]: { value } });\r\n break;\r\n case \"Amount\":\r\n if (!!value && parseInt(value) < parseInt(formValues.MinimumAmount)) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \" Amount should be greater than or equal to \" +\r\n formValues.MinimumAmount,\r\n },\r\n });\r\n } else if (parseInt(value) % parseInt(formValues.multiple) !== 0) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \"Amount should be multiple of \" + formValues.multiple,\r\n },\r\n });\r\n } else {\r\n setFormValues({ [label]: { value } });\r\n }\r\n break;\r\n case \"Sub Broker Code\":\r\n if(`ARN-${value}`===props.token){\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \"Sub Broker Code and ARN code should not be same\",\r\n },\r\n });\r\n }\r\n else{\r\n setFormValues({ [label]: { value } });\r\n }\r\n break\r\n case \"Sub ARN Code\":\r\n if(`ARN-${value}`===props.token){\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \"Sub ARN Code and ARN code should not be same\",\r\n },\r\n });\r\n }\r\n else{\r\n setFormValues({ [label]: { value } });\r\n }\r\n break\r\n default:\r\n setFormValues({ [label]: { value } });\r\n break;\r\n }\r\n };\r\n\r\n const getSipDates = async (installments) => {\r\n const StartDate = formValues[\"SIP Day\"].value;\r\n const sipDateParams = {\r\n fund: \"189\",\r\n trtype: \"SIP\",\r\n StartDate,\r\n Installments: installments,\r\n Frequency: formValues.Frequency.value,\r\n modeofregistration:formValues[\"Mode of Registration\"].value,\r\n };\r\n try {\r\n setIsLoading(true);\r\n const sipDateResponse = await props.CalcSIPEnddt(sipDateParams);\r\n const {\r\n DtData: [dates],\r\n } = sipDateResponse;\r\n const { SIP_EndDate, SIP_StartDate } = dates;\r\n const End_dt = !!SIP_EndDate ? SIP_EndDate.split(\"/\") : [];\r\n const Start_dt = !!SIP_StartDate ? SIP_StartDate.split(\"/\") : [];\r\n setFormValues({\r\n \"SIP Period From\": {\r\n value: !!End_dt\r\n ? new Date().setFullYear(Start_dt[2], Start_dt[1] - 1, Start_dt[0])\r\n : \"\",\r\n },\r\n \"SIP Period To\": {\r\n value: !!Start_dt\r\n ? new Date().setFullYear(End_dt[2], End_dt[1] - 1, End_dt[0])\r\n : \"\",\r\n },\r\n });\r\n } catch (e) {\r\n console.log(\"error\", e);\r\n setFormValues({\r\n \"No of Installments\": {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Enter Valid Number of Installments`,\r\n },\r\n \"SIP Period From\": { value: \"\" },\r\n \"SIP Period To\": { value: \"\" },\r\n });\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n const validate = (label) => async (event) => {\r\n const value = event.target.value;\r\n switch (label) {\r\n case \"Amount\":\r\n if (!!value && parseInt(value) < parseInt(formValues.MinimumAmount)) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \" Amount should be greater than or equal to Minimum Amount \",\r\n },\r\n });\r\n }\r\n break;\r\n case \"No of Installments\":\r\n if (!value && formValues.perpetualSip) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: `${label} is Mandatory`,\r\n },\r\n });\r\n return;\r\n }\r\n getSipDates(value);\r\n break;\r\n default:\r\n break;\r\n }\r\n };\r\n\r\n const getMinInstallment = async (event) => {\r\n const value = event.target.value;\r\n const { frequencyList } = formValues;\r\n\r\n const installment = frequencyList.find((item) => item.value === value);\r\n const frequencyParams = {\r\n opt: SIP_DAY,\r\n fund: \"189\",\r\n astscheme: value,\r\n };\r\n const frequencyResponse = await props.swpOptions(frequencyParams);\r\n const frequencyData = frequencyResponse.Dtinformation;\r\n const sipDateList = frequencyData.map((item) => ({\r\n label: item.sip_cycleid,\r\n value: item.sip_cycleid,\r\n }));\r\n setFormValues({\r\n sipDateList,\r\n MinimumInstallements: installment.min,\r\n Frequency: { value },\r\n });\r\n };\r\n const fetchSchemeList = async () => {\r\n try {\r\n setIsLoading(true);\r\n const schemeParams = {\r\n schtype: \"Regular\",\r\n category: formValues.Category.value,\r\n acno: \"0\",\r\n fundCode: \"189\",\r\n trantype: \"I\",\r\n };\r\n const schemeResponse = await props.getOtherSchemes(schemeParams);\r\n const { DtData } = schemeResponse;\r\n const schemeList = DtData.map((item) => {\r\n return {\r\n label: item.fm_schdesc,\r\n value: item.fm_scheme,\r\n planValue: item.fm_plan,\r\n optionValue: item.fm_option,\r\n schemeValue: item.fm_scheme,\r\n MinimumAmount: item.SIPminamt,\r\n multiples: item.multiples,\r\n };\r\n });\r\n setFormValues({\r\n schemeList,\r\n });\r\n } catch (e) {\r\n console.log(e);\r\n setFormValues({ schemeList: [] });\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n const fetchEuinList = async () => {\r\n try {\r\n setIsLoading(true);\r\n\r\n const response = await props.validateSubBroker({\r\n Fund: \"189\",\r\n SubAgentCd: \"ARN-\"+formValues[\"Sub ARN Code\"].value || \"\",\r\n AgentCd: props.token,\r\n });\r\n const { DtData } = response;\r\n const euinList = DtData.map((item) => ({\r\n value: item.abm_name,\r\n label: item.abm_agent,\r\n }));\r\n setFormValues({ euinList: euinList });\r\n } catch (e) {\r\n alert(e);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n const fetchModelist = async () => {\r\n try {\r\n setIsLoading(true);\r\n const params = {\r\n opt: PAYMENT_MODE,\r\n Fund: \"189\",\r\n astscheme: props.applicantparams.i_pangno,\r\n };\r\n const response = await props.swpOptions(params);\r\n if (!!response) {\r\n setFormValues({\r\n modeList: response.Dtinformation.map((item) => {\r\n return { label: item.Pay_Mode, value: item.Pay_Mode_Val };\r\n }),\r\n });\r\n }\r\n } catch (e) {\r\n console.log(e);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n const fetchCategoryList = async () => {\r\n try {\r\n setIsLoading(true);\r\n let params = { plntype: REGULAR };\r\n params = { ...params, opt: \"AT\", fund: \"189\" };\r\n const types = [\r\n GET_CATEGORY_LIST,\r\n GET_CATEGORY_LIST_SUCCESS,\r\n GET_CATEGORY_LIST_FAILED,\r\n ];\r\n const response = await props.getNewPurchaseFundList(params, types);\r\n const { Dtinformation } = response;\r\n const categoryList = Dtinformation.map((item) => ({\r\n value: item.fm_subcategory,\r\n label: item.fm_subcategory,\r\n }));\r\n setFormValues({ CategoryList: categoryList });\r\n } catch (e) {\r\n console.log(e);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n useEffect(() => {\r\n fetchCategoryList();\r\n fetchModelist();\r\n }, []);\r\n useEffect(() => {\r\n fetchSchemeList();\r\n fetchEuinList();\r\n }, [formValues.Category.value]);\r\n\r\n useEffect(() => {\r\n const handler= setTimeout(() => {\r\n if(!formValues[\"Sub ARN Code\"].isError){\r\n fetchEuinList()\r\n }\r\n },1000)\r\n return ()=> clearTimeout(handler);\r\n },[formValues[\"Sub ARN Code\"].value]); \r\n useEffect(() => {\r\n if (formValues[\"No of Installments\"].value && SIP_Date && Frequency) {\r\n getSipDates(formValues[\"No of Installments\"].value);\r\n }\r\n }, [SIP_Date, Frequency]);\r\n const fetchUMRNList = async (type) => {\r\n setIsLoading(true);\r\n const { AMC } = formValues;\r\n const params = {\r\n Fund: \"189\",\r\n PAN: props.applicantparams.i_pangno,\r\n Acno: 0,\r\n };\r\n const response =\r\n type === \"KOTM\"\r\n ? await props.getCheckPanKotm(params)\r\n : await props.getCheckPanAotm(params);\r\n const { Table1 } = response;\r\n const umrnList = Table1.map((item) => ({\r\n value: item,\r\n label: item.UMRNNO,\r\n }));\r\n if (umrnList.length > 1) {\r\n const maxAmt = Table1.reduce(\r\n (max, obj) => (obj.Amt > max ? obj.Amt : max),\r\n 0\r\n );\r\n const filteredData = Table1.filter((obj) => obj.Amt === maxAmt);\r\n setFormValues({ UMRN: { value: filteredData[0] } });\r\n }\r\n if (umrnList.length === 1) {\r\n setFormValues({ UMRN: { value: umrnList[0].value } });\r\n }\r\n setFormValues({ umrnList: umrnList });\r\n setIsLoading(false);\r\n };\r\n const handlechangeSIPEndDateChange = () => {\r\n const { perpetualSip } = formValues;\r\n let Umrn_endDate;\r\n const URMN_enddate =\r\n formValues[\"UMRN\"]?.value[\"MANDATE END DATE\"]?.split(\"/\");\r\n const End_dt = \"31/12/2099\".split(\"/\");\r\n const endDate = new Date().setFullYear(End_dt[2], End_dt[1] - 1, End_dt[0]);\r\n if (formValues[\"UMRN\"]?.value[\"MANDATE END DATE\"]) {\r\n Umrn_endDate = new Date().setFullYear(\r\n URMN_enddate[2],\r\n URMN_enddate[1] - 1,\r\n URMN_enddate[0]\r\n );\r\n }\r\n if (!perpetualSip && formValues[\"UMRN\"]?.value) {\r\n setFormValues({\r\n perpetualSip: !perpetualSip,\r\n \"SIP Period To\": {\r\n value:\r\n formValues[\"Mode of Registration\"].value === \"KOTM\"\r\n ? Umrn_endDate\r\n : endDate,\r\n },\r\n \"No of Installments\": {\r\n value: \"\",\r\n },\r\n });\r\n } else if (!perpetualSip) {\r\n setFormValues({\r\n perpetualSip: !perpetualSip,\r\n \"SIP Period To\": {\r\n value: endDate,\r\n },\r\n \"No of Installments\": {\r\n value: \"\",\r\n },\r\n });\r\n } else if (!!perpetualSip) {\r\n setFormValues({\r\n perpetualSip: !perpetualSip,\r\n });\r\n }\r\n };\r\n const closeModel = () => {\r\n history.replace(\"/new-transaction\");\r\n };\r\n const gotoTransactionTypes = () => {\r\n history.replace(\"/\");\r\n };\r\n const dispatch = useDispatch();\r\n\r\n const submit = async () => {\r\n const {\r\n schemeList,\r\n euinList,\r\n modeList,\r\n CategoryList,\r\n Category,\r\n sipDateList,\r\n frequencyList,\r\n MinimumInstallements,\r\n MinimumAmount,\r\n planValue,\r\n optionValue,\r\n schemeValue,\r\n type,\r\n ct,\r\n umrnList,\r\n multiple,\r\n perpetualSip,\r\n EUIN,\r\n ...others\r\n } = formValues;\r\n let d1, d2;\r\n const split_enddate = format(\r\n formValues[\"SIP Period To\"].value,\r\n \"MM/dd/yyyy\"\r\n ).split(\"/\");\r\n const split_mandatedate =\r\n formValues[\"UMRN\"].value[\"MANDATE END DATE\"]?.split(\"/\");\r\n d1 = new Date(\r\n Number(split_enddate[2]),\r\n Number(split_enddate[0]) - 1,\r\n Number(split_enddate[1])\r\n );\r\n if (formValues[\"UMRN\"].value[\"MANDATE END DATE\"]?.split(\"/\")) {\r\n d2 = new Date(\r\n Number(split_mandatedate[2]),\r\n Number(split_mandatedate[1]) - 1,\r\n Number(split_mandatedate[0])\r\n );\r\n }\r\n const euindeclaration = [\"EUIN Declaration\"];\r\n const umrn = [\"UMRN\"];\r\n const noof = [\"No of Installments\"];\r\n const subBrokerCodeSubArnCode = [\"Sub Broker Code\",\"Sub ARN Code\"];\r\n const values = Object.keys(others);\r\n const keys = formValues.perpetualSip\r\n ? values.filter((ele) => !noof.includes(ele))\r\n : values;\r\n const final_keys_for_validation =\r\n formValues[\"Mode of Registration\"].value === \"KOTM\"\r\n ? keys\r\n : keys.filter((ele) => !umrn.includes(ele));\r\n const finalKeysAfterSubARN =\r\n final_keys_for_validation.filter((ele) => !subBrokerCodeSubArnCode.includes(ele));\r\n const findError = finalKeysAfterSubARN.every(\r\n (key) => !!others[key].value\r\n );\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n setFormValues({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"sipType\"\r\n ? \"SIP Type\"\r\n : key === \"Category\"\r\n ? \"Category\"\r\n : key === \"Scheme\"\r\n ? \"Scheme\"\r\n : key === \"investmentFrequency\"\r\n ? \"Investment frequency\"\r\n : key === \"installments\"\r\n ? \"Installments\"\r\n : key === \"sipDay\"\r\n ? \"SIP day\"\r\n : key === \"sip_start_date\"\r\n ? \"SIP Start date\"\r\n : key === \"sip_end_date\"\r\n ? \"SIP end date\"\r\n : key === \"installmentAmount\"\r\n ? \"Installment Amount\"\r\n : key\r\n } is Mandatory`,\r\n },\r\n });\r\n });\r\n\r\n return;\r\n } else if (\r\n others[\"No of Installments\"].value < MinimumInstallements &&\r\n !formValues.perpetualSip\r\n ) {\r\n setFormValues({\r\n \"No of Installments\": {\r\n ...others[\"No of Installments\"],\r\n isError: true,\r\n errorMessage: `Number of installments should be greater than or equal to the minimum number of installments`,\r\n },\r\n });\r\n\r\n return;\r\n } else if (parseInt(others[\"Amount\"].value) < parseInt(MinimumAmount)) {\r\n setFormValues({\r\n Amount: {\r\n ...others[\"Amount\"],\r\n isError: true,\r\n errorMessage: `Amount should be greater than or equal to Minimum Amount`,\r\n },\r\n });\r\n\r\n return;\r\n }\r\n // else if (+others[\"Amount\"].value > 1000000) {\r\n // setFormValues({\r\n // Amount: {\r\n // ...others[\"Amount\"],\r\n // isError: true,\r\n // errorMessage: `Amount should be less than or equal to 1,000,000`,\r\n // },\r\n // });\r\n // return;\r\n // }\r\n else if (formValues.Amount.value % formValues.multiple !== 0) {\r\n setFormValues({\r\n Amount: {\r\n value: formValues.Amount.value,\r\n isError: true,\r\n errorMessage: \"Amount should be a multiple of \" + formValues.multiple,\r\n },\r\n });\r\n return;\r\n } else if (\r\n formValues[\"Mode of Registration\"].value === \"KOTM\" &&\r\n formValues[\"UMRN\"].value.Amt < formValues.Amount.value\r\n ) {\r\n setFormValues({\r\n Amount: {\r\n value: formValues.Amount.value,\r\n isError: true,\r\n errorMessage: `SIP installment amount cannot exceed\r\n mandate registration limit of ${formValues[\"UMRN\"]?.value?.Amt}.`,\r\n },\r\n });\r\n } else if (!isChecked) {\r\n alert(\"Please accept the terms and conditions to proceed\");\r\n return;\r\n } else if (!EUIN.value) {\r\n setFormValues({\r\n EUIN: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please select EUIN`,\r\n },\r\n });\r\n } else if (d1 > d2) {\r\n setFormValues({\r\n \"SIP Period To\": {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `SIP end date cannot exceed mandate validity\r\n date of ${formValues[\"UMRN\"].value[\"MANDATE END DATE\"]}.`,\r\n },\r\n });\r\n return;\r\n }\r\n else if( formValues[\"Sub Broker Code\"]?.value && `ARN-${formValues[\"Sub Broker Code\"]?.value}`===props.token){\r\n setFormValues({\r\n \"Sub Broker Code\": {\r\n value: formValues[\"Sub Broker Code\"].value,\r\n isError: true,\r\n errorMessage:\r\n \"Sub Broker Code and ARN code should not be same\",\r\n },\r\n });\r\n return;\r\n }\r\n else if(formValues[\"Sub ARN Code\"].value && `ARN-${formValues[\"Sub ARN Code\"]?.value}`===props.token){\r\n setFormValues({\r\n \"Sub ARN Code\": {\r\n value: formValues[\"Sub ARN Code\"].value,\r\n isError: true,\r\n errorMessage:\r\n \"Sub ARN Code and ARN code should not be same\",\r\n },\r\n });\r\n return; \r\n }\r\n else {\r\n setIsLoading(true);\r\n const schemedetails = {\r\n i_scheme: schemeValue,\r\n i_plan: planValue,\r\n i_option: optionValue,\r\n sip_amt: others.Amount.value,\r\n i_disitributorid: props.token,\r\n i_EUINno: EUIN.value.value,\r\n i_frequency: others.Frequency.value,\r\n i_noofinst: others[\"No of Installments\"].value,\r\n i_sipstartdt: format(others[\"SIP Period From\"].value, \"MM/dd/yyyy\"),\r\n i_sipenddt: format(others[\"SIP Period To\"].value, \"MM/dd/yyyy\"),\r\n i_paymode: formValues[\"Mode of Registration\"].value,\r\n i_umrno: formValues[\"UMRN\"]?.value?.UMRNNO,\r\n };\r\n const paramsSip = {\r\n ...props.applicantparams,\r\n ...props.investmentparams,\r\n ...props.fatcaDetails,\r\n ...schemedetails,\r\n ...props.nomineDetails,\r\n i_subBrokerCode:!!formValues[\"Sub Broker Code\"].value ? formValues[\"Sub Broker Code\"].value : \"\",\r\n i_trtype: \"SINI\",\r\n i_appldt: format(new Date(), \"MM/dd/yyyy\"),\r\n i_chqdt: format(new Date(), \"MM/dd/yyyy\"),\r\n i_entby: props.userId,\r\n i_sipflag: \"Y\",\r\n Invdistflag: \"B\",\r\n CustomFund: \"189\",\r\n i_fund: \"189\",\r\n i_subarncode:!!formValues[\"Sub ARN Code\"].value ? formValues[\"Sub ARN Code\"].value : \"\",\r\n };\r\n const responseSip = await props.submitSipDetails(paramsSip);\r\n const { DtData } = responseSip;\r\n const { appno } = DtData[0];\r\n setIsLoading(false);\r\n dispatch(clearingFirstTimeInvestorJourney());\r\n setDialog({ appno: appno, open: true });\r\n }\r\n };\r\n return (\r\n <>\r\n\r\n {section.map((field) => (\r\n \r\n {field.type === \"select\" ? (\r\n \r\n {formValues[field.listName].map((i, index) => (\r\n \r\n {i.label}\r\n \r\n ))}\r\n \r\n ) : field.type === \"Searchselect\" ? (\r\n <>\r\n \r\n {field.name}\r\n
\r\n \r\n ({\r\n label: i.label,\r\n value: i.value,\r\n }))}\r\n value={formValues[field.name].value}\r\n placeholder={`Select ${field.name}`}\r\n handleChange={handleScheme(field.name)}\r\n disabled={field.disabled}\r\n isError={formValues[field.name].isError}\r\n errorMessage={formValues[field.name].errorMessage}\r\n />\r\n
\r\n {field.name === \"Amount\" && (\r\n Minimum Amount : ₹ {formValues.minimumAmount}\r\n )}\r\n \r\n ) : field.type === \"date\" ? (\r\n <>\r\n \r\n {field.name === \"Scheme\"\r\n ? \"Scheme\"\r\n : \"EUIN Declaration\"}\r\n
\r\n \r\n {formValues[field.name].errorMessage}{\" \"}\r\n
\r\n )}\r\n \r\n ) : field.type === \"Perpetual\" ? (\r\n \r\n {!!formValues[\"SIP Day\"].value && (\r\n \r\n \r\n Perpetual SIP\r\n
\r\n \r\n )}\r\n \r\n ) : (\r\n \r\n e.key === \".\" && e.preventDefault()}\r\n />\r\n \r\n {field.name === \"No of Installments\"\r\n ? `Minimum number of installments : ${formValues.MinimumInstallements}`\r\n : field.name === \"Amount\"\r\n ? `Minimum Amount : ${formValues.MinimumAmount}`\r\n : null}\r\n \r\n
\r\n )}\r\n {formValues[\"UMRN\"]?.value && field.name === \"UMRN\" && (\r\n \r\n
\r\n )}\r\n {formValues[\"UMRN\"]?.value &&\r\n field.name === \"UMRN\" &&\r\n formValues?.umrnList.length === 1 && (\r\n \r\n The investor has only one active {formValues[\"Mode of Registration\"]?.value} mandate.\r\n \r\n )}\r\n \r\n ))}\r\n \r\n ))}\r\n <>\r\n \r\n
\r\n Mandate amount limit
\r\n Start Date
\r\n End Date
\r\n Bank Name
\r\n Bank Account No
\r\n \r\n
\r\n \r\n {formValues[\"UMRN\"].value\r\n ? formValues[\"UMRN\"].value.Amt\r\n : \"\"}\r\n (INR)\r\n
\r\n \r\n {formValues[\"UMRN\"].value\r\n ? formValues[\"UMRN\"].value[\"MANDATE START DATE\"]\r\n : \"\"}{\" \"}\r\n
\r\n \r\n {formValues[\"UMRN\"].value\r\n ? formValues[\"UMRN\"].value[\"MANDATE END DATE\"]\r\n : \"\"}\r\n
\r\n \r\n {formValues[\"UMRN\"].value\r\n ? formValues[\"UMRN\"].value[\"BANK NAME\"]\r\n : \"\"}\r\n
{\" \"}\r\n \r\n {formValues[\"UMRN\"].value\r\n ? formValues[\"UMRN\"].value[\"BANK A/C NO\"]\r\n : \"\"}\r\n
\r\n \r\n \r\n history.replace(\"/new-investor-transaction/bank-details\")\r\n }\r\n >\r\n BACK\r\n \r\n \r\n SUBMIT\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default connect(\r\n ({ authReducer, transactions, newinvestor }) => {\r\n const { token, userId } = authReducer;\r\n const { euinList } = transactions;\r\n const {\r\n schemeparams,\r\n schemeDetails,\r\n applicantparams,\r\n fatcaDetails,\r\n investmentparams,\r\n nomineDetails,\r\n } = newinvestor;\r\n return {\r\n token,\r\n userId,\r\n euinList,\r\n schemeparams,\r\n schemeDetails,\r\n applicantparams,\r\n investmentparams,\r\n fatcaDetails,\r\n nomineDetails,\r\n };\r\n },\r\n {\r\n getNewPurchaseFundList,\r\n validateSubBroker,\r\n swpOptions,\r\n CalcSIPEnddt,\r\n submitSipDetails,\r\n storeSchemeDetails,\r\n getCheckPanKotm,\r\n storeSchemeParams,\r\n getOtherSchemes,\r\n getNav,\r\n clearingFirstTimeInvestorJourney,\r\n getCheckPanAotm,\r\n }\r\n)(SipDetails);\r\n","import { MenuItem, Checkbox } from \"@material-ui/core\";\r\nimport CustomizedDialogs from \"../../customModal\";\r\nimport { Input } from \"../../../forms/input\";\r\nimport React, { useState, useEffect, useReducer } from \"react\";\r\nimport { connect, useDispatch } from \"react-redux\";\r\nimport { useHistory } from \"react-router\";\r\nimport { Termsandconditions } from \"./lib/Termsandconditions\";\r\nimport {\r\n getNewPurchaseFundList,\r\n validateSubBroker,\r\n submitLumpsumDetails,\r\n clearingFirstTimeInvestorJourney,\r\n storeSchemeDetails,\r\n} from \"../../../../store/actions\";\r\nimport {\r\n GET_CATEGORY_LIST,\r\n GET_CATEGORY_LIST_SUCCESS,\r\n GET_CATEGORY_LIST_FAILED,\r\n REGULAR,\r\n} from \"../../../../store/types\";\r\nimport IntegrationReactSelect from \"../../../forms/autoCompleteInput\";\r\nimport { RadioButton } from \"./lib/Radiobutton\";\r\nimport CustomLoader from \"../../../forms/Loader\";\r\nimport { format, set } from \"date-fns\";\r\nimport CustomizedSelect from \"../customizedSelect\";\r\nimport CardComponent from \"./lib/CardComponent\";\r\nimport { use } from \"react\";\r\nconst Lumpsum = (props) => {\r\n const initialState = {\r\n Scheme: { value: \"\" },\r\n Category: { value: \"\" },\r\n \"Scheme Plan\": \"\",\r\n \"Scheme Option\": \"\",\r\n Amount: { value: \"\" },\r\n \"Sub Broker Code\": { value: \"\" },\r\n \"Sub ARN Code\": { value: \"\" },\r\n planValue: \"\",\r\n optionValue: \"\",\r\n schemeValue: \"\",\r\n EUIN: \"\",\r\n schemeList: [],\r\n euinList: [],\r\n CategoryList: [],\r\n multiples: \"\",\r\n };\r\n const [formValues, setFormValues] = useReducer(\r\n (preValues, newValues) => ({ ...preValues, ...newValues }),\r\n initialState\r\n );\r\n const InputFields = [\r\n [\r\n {\r\n name: \"Category\",\r\n type: \"select\",\r\n placeholder: \"Select Category\",\r\n isMandatory: true,\r\n listName: \"CategoryList\",\r\n },\r\n\r\n {\r\n name: \"Scheme\",\r\n type: \"Searchselect\",\r\n placeholder: \"Select Scheme\",\r\n isMandatory: true,\r\n listName: \"schemeList\",\r\n },\r\n {\r\n name: \"Scheme Plan\",\r\n type: \"text\",\r\n placeholder: \"Select Scheme Plan\",\r\n isMandatory: true,\r\n listName: \"schemePlanList\",\r\n disabled: true,\r\n display: \"none\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Scheme Option\",\r\n type: \"text\",\r\n placeholder: \"Select Scheme Option\",\r\n isMandatory: true,\r\n listName: \"schemeOptionList\",\r\n disabled: true,\r\n display: \"none\",\r\n },\r\n {\r\n name: \"Sub ARN Code\",\r\n type: \"number\",\r\n placeholder: \"Select ARN Code\",\r\n isMandatory: false,\r\n },\r\n {\r\n name: \"Sub Broker Code\",\r\n type: \"number\",\r\n placeholder: \"Select Sub Broker Code\",\r\n isMandatory: false,\r\n },\r\n {\r\n name: \"EUIN\",\r\n type: \"Searchselect\",\r\n placeholder: \"Select EUIN\",\r\n isMandatory: true,\r\n listName: \"euinList\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Amount\",\r\n type: \"number\",\r\n placeholder: \"Enter Amount\",\r\n isMandatory: true,\r\n },\r\n ],\r\n\r\n ];\r\n const [dialog, setDialog] = useState({ open: false, appno: \"\" });\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [isChecked, setIsChecked] = useState(false);\r\n const history = useHistory();\r\n const fetchSchemeList = async () => {\r\n try {\r\n const params = {\r\n plntype: \"Regular\",\r\n opt: \"S\",\r\n schemetype: formValues.Category.value,\r\n fund: \"189\"\r\n };\r\n const response = await props.getNewPurchaseFundList(params);\r\n const { Dtinformation } = response;\r\n const schemeList = Dtinformation.map((item) => ({\r\n value: item.Scheme_Plan,\r\n label: item.Scheme_Desc,\r\n plan: item.PlanDesc,\r\n option: item.fm_optiondesc,\r\n planValue: item.Scheme_Plan.split(\"~\")[2],\r\n optionValue: item.Scheme_Plan.split(\"~\")[3],\r\n schemeValue: item.Scheme_Plan.split(\"~\")[1],\r\n minAmt: item.MinAmt,\r\n multiples: item.multiples,\r\n }));\r\n setFormValues({\r\n schemeList: schemeList.filter((item) => {\r\n return (\r\n item.plan.toLowerCase() === \"regular\" && item.schemeValue !== \"EB\"\r\n );\r\n }),\r\n });\r\n } catch (e) {\r\n setFormValues({ schemeList: [] });\r\n console.log(e);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n const fetchEuinList = async () => {\r\n try {\r\n setIsLoading(true);\r\n const response = await props.validateSubBroker({\r\n Fund: \"189\",\r\n SubAgentCd: \"ARN-\"+formValues[\"Sub ARN Code\"].value || \"\",\r\n AgentCd: props.token,\r\n });\r\n const { DtData } = response;\r\n const euinList = DtData.map((item) => ({\r\n value: item.abm_name,\r\n label: item.abm_agent,\r\n }));\r\n setFormValues({ euinList: euinList });\r\n } catch (e) {\r\n console.log(e);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n const fetchCategoryList = async () => {\r\n try {\r\n setIsLoading(true);\r\n let params = { plntype: REGULAR };\r\n params = { ...params, opt: \"AT\", fund: \"189\", customfund: \"189\" };\r\n const types = [\r\n GET_CATEGORY_LIST,\r\n GET_CATEGORY_LIST_SUCCESS,\r\n GET_CATEGORY_LIST_FAILED,\r\n ];\r\n const response = await props.getNewPurchaseFundList(params, types);\r\n const { Dtinformation } = response;\r\n const categoryList = Dtinformation.map((item) => ({\r\n value: item.fm_subcategory,\r\n label: item.fm_subcategory,\r\n }));\r\n setFormValues({ CategoryList: categoryList });\r\n } catch (e) {\r\n console.log(e);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n useEffect(() => {\r\n fetchCategoryList();\r\n }, []);\r\n useEffect(() => {\r\n fetchSchemeList();\r\n fetchEuinList();\r\n }, [formValues.Category.value]);\r\n useEffect(() => {\r\n const handler= setTimeout(() => {\r\n if(!formValues[\"Sub ARN Code\"].isError){\r\n fetchEuinList()\r\n }\r\n },1000)\r\n return ()=> clearTimeout(handler);\r\n },[formValues[\"Sub ARN Code\"].value]); \r\n const handleScheme = (label) => (event) => {\r\n const { schemeList } = formValues;\r\n if (label === \"Scheme\") {\r\n const scheme = schemeList.find((item) => item.value === event.value);\r\n setFormValues({\r\n Scheme: { value: event },\r\n \"Scheme Plan\": { value: scheme.plan },\r\n \"Scheme Option\": { value: scheme.option },\r\n planValue: scheme.planValue,\r\n optionValue: scheme.optionValue,\r\n schemeValue: scheme.schemeValue,\r\n minimumAmount: scheme.minAmt,\r\n multiples: scheme.multiples || 1,\r\n });\r\n }\r\n if (label === \"EUIN\") {\r\n setFormValues({\r\n EUIN: { value: event },\r\n });\r\n }\r\n };\r\n const handleChange = (label) => (event) => {\r\n const value = label !== \"Scheme\" ? event.target.value : event.value;\r\n switch (label) {\r\n case \"Category\":\r\n setFormValues({\r\n [label]: { value },\r\n Scheme: { value: \"\" },\r\n \"Scheme Plan\": \"\",\r\n \"Scheme Option\": \"\",\r\n Amount: { value: \"\" },\r\n EUIN: \"\",\r\n });\r\n break;\r\n case \"Amount\":\r\n if (parseInt(value) < parseInt(formValues.minimumAmount)) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \" Amount should be greater than or equal to \" +\r\n formValues.minimumAmount,\r\n },\r\n });\r\n } else if (parseInt(value) % parseInt(formValues.multiples) !== 0) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \"Amount should be multiple of \" + formValues.multiples,\r\n },\r\n });\r\n } else {\r\n setFormValues({ [label]: { value } });\r\n }\r\n break;\r\n case \"Sub Broker Code\":\r\n if(`ARN-${value}`===props.token){\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \"Sub Broker Code and ARN code should not be same\",\r\n },\r\n });\r\n }\r\n else{\r\n setFormValues({ [label]: { value } });\r\n }\r\n break\r\n case \"Sub ARN Code\":\r\n if(`ARN-${formValues[\"Sub ARN Code\"].value}`===props.token){ \r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \"Sub ARN Code and ARN code should not be same\",\r\n },\r\n })\r\n }\r\n else{\r\n setFormValues({ [label]: { value } });\r\n }\r\n break\r\n default:\r\n setFormValues({ [label]: { value } });\r\n }\r\n };\r\n const closeModel = () => {\r\n history.replace(\"/new-transaction\");\r\n };\r\n const gotoTransactionTypes = () => {\r\n history.replace(\"/\");\r\n };\r\n const dispatch = useDispatch();\r\n const submit = async () => {\r\n if (!formValues.Category.value) {\r\n setFormValues({\r\n Category: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \" Category is Mandatory\",\r\n },\r\n });\r\n return;\r\n } else if (!formValues.Scheme.value) {\r\n setFormValues({\r\n Scheme: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \" Scheme is Mandatory\",\r\n },\r\n });\r\n return;\r\n } else if (!formValues.EUIN.value) {\r\n setFormValues({\r\n EUIN: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \" EUIN is Mandatory\",\r\n },\r\n });\r\n return;\r\n } else if (!formValues.Amount.value) {\r\n setFormValues({\r\n Amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \" Amount is Mandatory\",\r\n },\r\n });\r\n return;\r\n } else if (!isChecked) {\r\n alert(\"Please accept the terms and conditions to proceed\");\r\n return;\r\n } else if (formValues.Amount.value < formValues.minimumAmount) {\r\n setFormValues({\r\n Amount: {\r\n value: formValues.Amount.value,\r\n isError: true,\r\n errorMessage:\r\n \" Amount should be greater than or equal to \" +\r\n formValues.minimumAmount,\r\n },\r\n });\r\n return;\r\n } else if (formValues.Amount.value % formValues.multiples !== 0) {\r\n setFormValues({\r\n Amount: {\r\n value: formValues.Amount.value,\r\n isError: true,\r\n errorMessage:\r\n \"Amount should be a multiple of \" + formValues.multiples,\r\n },\r\n });\r\n return;\r\n }\r\n else if(`ARN-${formValues[\"Sub Broker Code\"]?.value}`===props.token){\r\n setFormValues({\r\n \"Sub Broker Code\": {\r\n value: formValues[\"Sub Broker Code\"].value,\r\n isError: true,\r\n errorMessage:\r\n \"Sub Broker Code and ARN code should not be same\",\r\n },\r\n });\r\n return;\r\n }\r\n else if(`ARN-${formValues[\"Sub ARN Code\"].value}`===props.token){\r\n setFormValues({\r\n \"Sub ARN Code\": {\r\n value: formValues[\"Sub ARN Code\"].value,\r\n isError: true,\r\n errorMessage:\r\n \"Sub ARN Code and ARN code should not be same\", \r\n },\r\n });\r\n return;\r\n }\r\n else {\r\n setIsLoading(true);\r\n const schemedetails = {\r\n i_scheme: formValues.schemeValue,\r\n i_plan: formValues.planValue,\r\n i_option: formValues.optionValue,\r\n i_EUINno: formValues.EUIN.value.value,\r\n i_amount: formValues.Amount.value,\r\n i_disitributorid: props.token,\r\n };\r\n props.storeSchemeDetails({\r\n ...formValues,\r\n type: \"lumpsum\",\r\n ct: formValues.Category.value,\r\n });\r\n const paramsLumpsum = {\r\n ...props.applicantparams,\r\n ...props.fatcaDetails,\r\n ...props.investmentparams,\r\n ...props.nomineDetails,\r\n ...schemedetails,\r\n i_subBrokerCode:!!formValues[\"Sub Broker Code\"].value ? formValues[\"Sub Broker Code\"].value : \"\",\r\n i_trtype: \"NEW\",\r\n i_appldt: format(new Date(), \"MM/dd/yyyy\"),\r\n i_chqdt: format(new Date(), \"MM/dd/yyyy\"),\r\n i_entby: props.userId,\r\n i_bankadd2: \" -\",\r\n i_bankadd3: \" -\",\r\n Invdistflag: \"B\",\r\n CustomFund: \"189\",\r\n i_fund: \"189\",\r\n i_subarncode:!!formValues[\"Sub ARN Code\"].value ? formValues[\"Sub ARN Code\"].value : \"\",\r\n };\r\n\r\n const responseLumpsum = await props.submitLumpsumDetails(paramsLumpsum);\r\n const { DtData } = responseLumpsum;\r\n const { appno } = DtData[0];\r\n dispatch(clearingFirstTimeInvestorJourney());\r\n setDialog({ appno: appno, open: true });\r\n setIsLoading(false);\r\n }\r\n };\r\n return (\r\n <>\r\n \r\n {section.map((field) => (\r\n \r\n {field.type === \"select\" ? (\r\n \r\n {formValues[field.listName].map((i, index) => (\r\n \r\n ))}\r\n \r\n ) : field.type === \"Searchselect\" ? (\r\n <>\r\n
\r\n ))}\r\n \r\n ))}\r\n <>\r\n \r\n ({\r\n label: i.label,\r\n value: i.value,\r\n }))}\r\n value={formValues[field.name].value}\r\n placeholder={`Select ${field.name}`}\r\n handleChange={handleScheme(field.name)}\r\n disabled={field.disabled}\r\n isError={formValues[field.name].isError}\r\n errorMessage={formValues[field.name].errorMessage}\r\n />\r\n
\r\n {field.name === \"Amount\" && (\r\n Minimum Amount : ₹ {formValues.minimumAmount}\r\n )}\r\n \r\n ) : (\r\n <>\r\n \r\n {field.name === \"Scheme\" ? \"Scheme\" : \"EUIN Declaration\"}\r\n
\r\n \r\n
\r\n {field.name === \"Amount\" && (\r\n Minimum Amount : ₹ {formValues.minimumAmount}\r\n )}\r\n \r\n )}\r\n \r\n \r\n history.replace(\"/new-investor-transaction/bank-details\")\r\n }\r\n >\r\n BACK\r\n \r\n \r\n SUBMIT\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default connect(\r\n ({ authReducer, transactions, newinvestor }) => {\r\n const { token, userId } = authReducer;\r\n const { euinList } = transactions;\r\n const {\r\n schemeDetails,\r\n fatcaDetails,\r\n applicantparams,\r\n investmentparams,\r\n nomineDetails,\r\n } = newinvestor;\r\n return {\r\n schemeDetails,\r\n token,\r\n userId,\r\n euinList,\r\n fatcaDetails,\r\n applicantparams,\r\n investmentparams,\r\n nomineDetails,\r\n };\r\n },\r\n {\r\n getNewPurchaseFundList,\r\n validateSubBroker,\r\n submitLumpsumDetails,\r\n storeSchemeDetails,\r\n clearingFirstTimeInvestorJourney,\r\n }\r\n)(Lumpsum);\r\n","import { Checkbox, MenuItem } from \"@material-ui/core\";\r\nimport {\r\n KeyboardDatePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport { Termsandconditions } from \"./lib/Termsandconditions\";\r\nimport DateFnsUtils from \"@date-io/date-fns\";\r\nimport React, { useEffect, useReducer, useState } from \"react\";\r\nimport CustomizedSelect from \"../customizedSelect\";\r\nimport { Input } from \"../../../forms/input\";\r\nimport CardComponent from \"./lib/CardComponent\";\r\nimport CustomizedDialogs from \"../../customModal\";\r\nimport { connect, useDispatch } from \"react-redux\";\r\nimport IntegrationReactSelect from \"../../../forms/autoCompleteInput\";\r\nimport { RadioButton } from \"./lib/Radiobutton\";\r\nimport { useHistory } from \"react-router\";\r\nimport {\r\n getNewPurchaseFundList,\r\n validateSubBroker,\r\n swpOptions,\r\n CalcSIPEnddt,\r\n storeSchemeDetails,\r\n getNav,\r\n getOtherSchemes,\r\n storeSchemeParams,\r\n submitSipDetails,\r\n clearingFirstTimeInvestorJourney,\r\n getCheckPanKotm,\r\n getCheckPanAotm,\r\n} from \"../../../../store/actions\";\r\nimport {\r\n GET_CATEGORY_LIST,\r\n GET_CATEGORY_LIST_SUCCESS,\r\n GET_CATEGORY_LIST_FAILED,\r\n REGULAR,\r\n} from \"../../../../store/types\";\r\nimport {\r\n INVESTMENT_FREQUENCY,\r\n SIP_DAY,\r\n PAYMENT_MODE,\r\n} from \"../../../../store/types\";\r\nimport CustomLoader from \"../../../forms/Loader\";\r\nimport { format } from \"date-fns\";\r\nconst LummpsumSip = (props) => {\r\n const history = useHistory();\r\n const initialState = {\r\n Scheme: { value: \"\" },\r\n EUIN: { value: \"\" },\r\n Category: { value: \"\" },\r\n \"SIP Day\": { value: \"\" },\r\n Frequency: { value: \"\" },\r\n \"SIP Period From\": { value: \"\" },\r\n \"SIP Period To\": { value: \"\" },\r\n \"No of Installments\": { value: \"\" },\r\n \"Sub Broker Code\": { value: \"\" },\r\n \"Sub ARN Code\": { value: \"\" },\r\n MinimumAmount: \"\",\r\n MinimumLumpsumAmount: \"\",\r\n Amount: { value: \"\" },\r\n \"Lumpsum Amount\": { value: \"\" },\r\n MinimumInstallements: \"\",\r\n schemeList: [],\r\n euinList: [],\r\n sipDateList: [],\r\n frequencyList: [],\r\n CategoryList: [],\r\n planValue: \"\",\r\n optionValue: \"\",\r\n schemeValue: \"\",\r\n multiple: \"\",\r\n perpetualSip: false,\r\n \"Mode of Registration\": \"\",\r\n modeList: [],\r\n umrnList: [],\r\n \"UMRN\": { value: \"\" },\r\n };\r\n const [formValues, setFormValues] = useReducer(\r\n (preValues, newValues) => ({ ...preValues, ...newValues }),\r\n initialState\r\n );\r\n const InputFields = [\r\n [\r\n {\r\n name: \"Category\",\r\n type: \"select\",\r\n placeholder: \"Select Category\",\r\n isMandatory: true,\r\n listName: \"CategoryList\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Scheme\",\r\n type: \"Searchselect\",\r\n placeholder: \"Select Scheme\",\r\n isMandatory: true,\r\n listName: \"schemeList\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Sub ARN Code\",\r\n type: \"number\",\r\n placeholder: \"Select Sub ARN Code\",\r\n isMandatory: false,\r\n },\r\n {\r\n name: \"Sub Broker Code\",\r\n type: \"number\",\r\n placeholder: \"Select Sub Broker Code\",\r\n isMandatory: false,\r\n },\r\n {\r\n name: \"EUIN\",\r\n type: \"Searchselect\",\r\n placeholder: \"Select EUIN\",\r\n isMandatory: true,\r\n listName: \"euinList\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Frequency\",\r\n type: \"select\",\r\n placeholder: \"Select Frequency\",\r\n isMandatory: true,\r\n listName: \"frequencyList\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Mode of Registration\",\r\n type: \"select\",\r\n placeholder: \"Select Mode\",\r\n isMandatory: true,\r\n listName: \"modeList\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"UMRN\",\r\n type: \"select\",\r\n placeholder: \"Select UMRN\",\r\n listName: \"umrnList\",\r\n display:\r\n formValues[\"Mode of Registration\"].value === \"KOTM\" ||\r\n formValues[\"Mode of Registration\"].value === \"AOTM\"\r\n ? false\r\n : true,\r\n disabled:formValues.umrnList.length===1?true:false\r\n },\r\n ],\r\n [\r\n {\r\n name: \"SIP Day\",\r\n type: \"select\",\r\n placeholder: \"Select SIP Day\",\r\n isMandatory: true,\r\n listName: \"sipDateList\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"No of Installments\",\r\n type: \"number\",\r\n placeholder: !formValues.perpetualSip ? \"\" : \"Perpetual SIP\",\r\n isMandatory: true,\r\n disabled: !formValues.perpetualSip ? false : true,\r\n },\r\n ],\r\n [\r\n {\r\n name: \"SIP Period From\",\r\n type: \"date\",\r\n placeholder: \"Start Date\",\r\n isMandatory: true,\r\n disabled: true,\r\n },\r\n {\r\n name: \"SIP Period To\",\r\n type: \"date\",\r\n placeholder: \"End Date\",\r\n isMandatory: true,\r\n disabled: true,\r\n },\r\n ],\r\n \r\n [\r\n {\r\n name: \"Perpetual SIP\",\r\n type: \"Perpetual\",\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Amount\",\r\n type: \"number\",\r\n isMandatory: true,\r\n },\r\n ],\r\n [\r\n {\r\n name: \"Lumpsum Amount\",\r\n type: \"number\",\r\n\r\n isMandatory: true,\r\n },\r\n ],\r\n ];\r\n const [dialog, setDialog] = useState({ open: false, appno: \"\" });\r\n const [isChecked, setIsChecked] = useState(false);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const SIP_Date = formValues[\"SIP Day\"].value;\r\n const Frequency = formValues[\"Frequency\"].value;\r\n const setFrequencyList = async () => {\r\n const euinParams = { opt: INVESTMENT_FREQUENCY, fund: \"189\" };\r\n const euinResponse = await props.swpOptions(euinParams);\r\n const { Dtinformation } = euinResponse;\r\n const frequencyList = Dtinformation.map((item) => ({\r\n label: item.FrequencyID,\r\n value: item.FrequencyID,\r\n min: item.Minimum_Instalment,\r\n }));\r\n setFormValues({ frequencyList });\r\n };\r\n const handleScheme = (label) => (event) => {\r\n const { schemeList } = formValues;\r\n if (label === \"Scheme\") {\r\n const scheme = schemeList.find((item) => item.label === event.label);\r\n setFormValues({\r\n Scheme: { value: event },\r\n planValue: scheme.planValue,\r\n optionValue: scheme.optionValue,\r\n schemeValue: scheme.schemeValue,\r\n MinimumAmount: scheme.MinimumAmount,\r\n multiple: scheme.multiples || 1,\r\n MinimumLumpsumAmount: scheme.MinimumLumpsumAmount,\r\n });\r\n }\r\n if (label === \"EUIN\") {\r\n setFormValues({\r\n EUIN: { value: event },\r\n });\r\n setFrequencyList();\r\n }\r\n };\r\n const handleChange = (label) => async (event) => {\r\n const value = event.target.value;\r\n if (!value && label !== \"Sub ARN Code\" && label !== \"Sub Broker Code\") {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: `${label} is Mandatory`,\r\n },\r\n });\r\n return;\r\n }\r\n setFormValues({ [label]: { value } });\r\n switch (label) {\r\n case \"Category\":\r\n setFormValues({\r\n [label]: { value },\r\n Scheme: { value: \"\" },\r\n Amount: { value: \"\" },\r\n EUIN: \"\",\r\n \"SIP Day\": { value: \"\" },\r\n Frequency: { value: \"\" },\r\n \"Lumpsum Amount\": { value: \"\" },\r\n \"SIP Period From\": { value: \"\" },\r\n \"SIP Period To\": { value: \"\" },\r\n \"No of Installments\": { value: \"\" },\r\n });\r\n break;\r\n case \"No of Installments\":\r\n if (\r\n !!value &&\r\n parseInt(value) < parseInt(formValues.MinimumInstallements)\r\n ) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \" Number of installments should be greater than or equal to the minimum number of installments \",\r\n },\r\n });\r\n } else if (parseInt(value) > 999) {\r\n setFormValues({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"No of Installments should not be greater than 999\",\r\n },\r\n });\r\n }\r\n break;\r\n case \"Mode of Registration\":\r\n if (value === \"KOTM\") {\r\n fetchUMRNList(\"KOTM\");\r\n }\r\n if (value === \"AOTM\") {\r\n fetchUMRNList(\"AOTM\");\r\n } else {\r\n setFormValues({\r\n UMRN: { value: \"\" },\r\n });\r\n }\r\n setFormValues({ [label]: { value } });\r\n break;\r\n case \"Amount\":\r\n if (!!value && parseInt(value) < parseInt(formValues.MinimumAmount)) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \" Amount should be greater than or equal to \" +\r\n formValues.MinimumAmount,\r\n },\r\n });\r\n } else if (parseInt(value) % parseInt(formValues.multiple) !== 0) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \"Amount should be multiple of \" + formValues.multiple,\r\n },\r\n });\r\n } else {\r\n setFormValues({ [label]: { value } });\r\n }\r\n break;\r\n case \"Lumpsum Amount\":\r\n if (\r\n !!value &&\r\n parseInt(formValues.MinimumLumpsumAmount) > parseInt(value)\r\n ) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \" Amount should be greater than or equal to \" +\r\n formValues.MinimumLumpsumAmount,\r\n },\r\n });\r\n } else if (parseInt(value) % parseInt(formValues.multiple) !== 0) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \"Amount should be multiple of \" + formValues.multiple,\r\n },\r\n });\r\n } else {\r\n setFormValues({ [label]: { value } });\r\n }\r\n break;\r\n case \"Sub Broker Code\":\r\n if(!!value && `ARN-${value}`===props.token){\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \"Sub Broker Code and ARN code should not be same\",\r\n },\r\n });\r\n }\r\n else{\r\n setFormValues({ [label]: { value } });\r\n }\r\n break\r\n case \"Sub ARN Code\":\r\n if(!!value &&`ARN-${value}`===props.token){\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \"Sub ARN Code and ARN code should not be same\",\r\n },\r\n });\r\n }\r\n else{\r\n setFormValues({ [label]: { value } });\r\n }\r\n break\r\n default:\r\n setFormValues({ [label]: { value } });\r\n break;\r\n }\r\n };\r\n const fetchUMRNList = async (type) => {\r\n setIsLoading(true);\r\n const { AMC } = formValues;\r\n const params = {\r\n Fund: \"189\",\r\n PAN: props.applicantparams.i_pangno,\r\n Acno: 0,\r\n };\r\n const response =\r\n type === \"KOTM\"\r\n ? await props.getCheckPanKotm(params)\r\n : await props.getCheckPanAotm(params);\r\n const { Table1 } = response;\r\n const umrnList = Table1.map((item) => ({\r\n value: item,\r\n label: item.UMRNNO,\r\n }));\r\n if (umrnList.length > 1) {\r\n const maxAmt = Table1.reduce(\r\n (max, obj) => (obj.Amt > max ? obj.Amt : max),\r\n 0\r\n );\r\n const filteredData = Table1.filter((obj) => obj.Amt === maxAmt);\r\n setFormValues({ UMRN: { value: filteredData[0] } });\r\n }\r\n if (umrnList.length === 1) {\r\n setFormValues({ UMRN: { value: umrnList[0].value } });\r\n }\r\n setFormValues({ umrnList: umrnList });\r\n setIsLoading(false);\r\n };\r\n const getSipDates = async (installments) => {\r\n const StartDate = formValues[\"SIP Day\"].value;\r\n const sipDateParams = {\r\n fund: \"189\",\r\n trtype: \"SIP\",\r\n StartDate,\r\n Installments: installments,\r\n Frequency: formValues.Frequency.value,\r\n modeofregistration:formValues[\"Mode of Registration\"].value,\r\n };\r\n try {\r\n setIsLoading(true);\r\n const sipDateResponse = await props.CalcSIPEnddt(sipDateParams);\r\n const {\r\n DtData: [dates],\r\n } = sipDateResponse;\r\n const { SIP_EndDate, SIP_StartDate } = dates;\r\n const End_dt = !!SIP_EndDate ? SIP_EndDate.split(\"/\") : [];\r\n const Start_dt = !!SIP_StartDate ? SIP_StartDate.split(\"/\") : [];\r\n setFormValues({\r\n \"SIP Period From\": {\r\n value: !!End_dt\r\n ? new Date().setFullYear(Start_dt[2], Start_dt[1] - 1, Start_dt[0])\r\n : \"\",\r\n },\r\n \"SIP Period To\": {\r\n value: !!Start_dt\r\n ? new Date().setFullYear(End_dt[2], End_dt[1] - 1, End_dt[0])\r\n : \"\",\r\n },\r\n });\r\n } catch (e) {\r\n console.log(\"error\", e);\r\n setFormValues({\r\n \"No of Installments\": {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Enter Valid Number of Installments`,\r\n },\r\n \"SIP Period From\": { value: \"\" },\r\n \"SIP Period To\": { value: \"\" },\r\n });\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n const validate = (label) => async (event) => {\r\n const value = event.target.value;\r\n switch (label) {\r\n case \"Amount\":\r\n if (!!value && parseInt(value) < parseInt(formValues.MinimumAmount)) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \" Amount should be greater than or equal to Minimum Amount \",\r\n },\r\n });\r\n }\r\n break;\r\n case \"No of Installments\":\r\n if (!value && formValues.perpetualSip) {\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: `${label} is Mandatory`,\r\n },\r\n });\r\n return;\r\n }\r\n getSipDates(value);\r\n break;\r\n default:\r\n break;\r\n }\r\n };\r\n\r\n const getMinInstallment = async (event) => {\r\n const value = event.target.value;\r\n const { frequencyList } = formValues;\r\n\r\n const installment = frequencyList.find((item) => item.value === value);\r\n const frequencyParams = {\r\n opt: SIP_DAY,\r\n fund: \"189\",\r\n astscheme: value,\r\n };\r\n const frequencyResponse = await props.swpOptions(frequencyParams);\r\n const frequencyData = frequencyResponse.Dtinformation;\r\n const sipDateList = frequencyData.map((item) => ({\r\n label: item.sip_cycleid,\r\n value: item.sip_cycleid,\r\n }));\r\n setFormValues({\r\n sipDateList,\r\n MinimumInstallements: installment.min,\r\n Frequency: { value },\r\n });\r\n };\r\n const fetchSchemeList = async () => {\r\n try {\r\n setIsLoading(true);\r\n const schemeParams = {\r\n schtype: \"Regular\",\r\n category: formValues.Category.value,\r\n acno: \"0\",\r\n fundCode: \"189\",\r\n trantype: \"I\",\r\n };\r\n const schemeResponse = await props.getOtherSchemes(schemeParams);\r\n const { DtData } = schemeResponse;\r\n const schemeList = DtData.map((item) => {\r\n return {\r\n label: item.fm_schdesc,\r\n value: item.fm_scheme,\r\n planValue: item.fm_plan,\r\n optionValue: item.fm_option,\r\n schemeValue: item.fm_scheme,\r\n MinimumAmount: item.SIPminamt,\r\n multiples: item.multiples,\r\n MinimumLumpsumAmount: item.fm_newpur,\r\n };\r\n });\r\n setFormValues({\r\n schemeList,\r\n });\r\n } catch (e) {\r\n console.log(e);\r\n setFormValues({ schemeList: [] });\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n const fetchEuinList = async () => {\r\n try {\r\n setIsLoading(true);\r\n const response = await props.validateSubBroker({\r\n Fund: \"189\",\r\n SubAgentCd: \"ARN-\"+formValues[\"Sub ARN Code\"].value || \"\",\r\n AgentCd: props.token,\r\n });\r\n const { DtData } = response;\r\n const euinList = DtData.map((item) => ({\r\n value: item.abm_name,\r\n label: item.abm_agent,\r\n }));\r\n setFormValues({ euinList: euinList });\r\n } catch (e) {\r\n alert(e);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n const fetchModelist = async () => {\r\n try {\r\n setIsLoading(true);\r\n const params = {\r\n opt: PAYMENT_MODE,\r\n Fund: \"189\",\r\n astscheme: props.applicantparams.i_pangno,\r\n };\r\n const response = await props.swpOptions(params);\r\n if (!!response) {\r\n setFormValues({\r\n modeList: response.Dtinformation.map((item) => {\r\n return { label: item.Pay_Mode, value: item.Pay_Mode_Val };\r\n }),\r\n });\r\n }\r\n } catch (e) {\r\n console.log(e);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n const fetchCategoryList = async () => {\r\n try {\r\n setIsLoading(true);\r\n let params = { plntype: REGULAR };\r\n params = { ...params, opt: \"AT\", fund: \"189\" };\r\n const types = [\r\n GET_CATEGORY_LIST,\r\n GET_CATEGORY_LIST_SUCCESS,\r\n GET_CATEGORY_LIST_FAILED,\r\n ];\r\n const response = await props.getNewPurchaseFundList(params, types);\r\n const { Dtinformation } = response;\r\n const categoryList = Dtinformation.map((item) => ({\r\n value: item.fm_subcategory,\r\n label: item.fm_subcategory,\r\n }));\r\n setFormValues({ CategoryList: categoryList });\r\n } catch (e) {\r\n console.log(e);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n useEffect(() => {\r\n fetchCategoryList();\r\n fetchModelist();\r\n }, []);\r\n useEffect(() => {\r\n fetchSchemeList();\r\n fetchEuinList();\r\n }, [formValues.Category.value]);\r\n useEffect(() => {\r\n const handler= setTimeout(() => {\r\n if(!formValues[\"Sub ARN Code\"].isError){\r\n fetchEuinList()\r\n }\r\n },1000)\r\n return ()=> clearTimeout(handler);\r\n },[formValues[\"Sub ARN Code\"].value]); \r\n useEffect(() => {\r\n if (formValues[\"No of Installments\"].value && SIP_Date && Frequency) {\r\n getSipDates(formValues[\"No of Installments\"].value);\r\n }\r\n }, [SIP_Date, Frequency]);\r\n const handlechangeSIPEndDateChange = () => {\r\n const { perpetualSip } = formValues;\r\n let Umrn_endDate;\r\n const URMN_enddate= formValues[\"UMRN\"]?.value[\"MANDATE END DATE\"]?.split(\"/\")\r\n const End_dt = \"31/12/2099\".split(\"/\");\r\n const endDate = new Date().setFullYear(End_dt[2], End_dt[1] - 1, End_dt[0]);\r\n if(formValues[\"UMRN\"]?.value[\"MANDATE END DATE\"]){\r\n Umrn_endDate = new Date().setFullYear(URMN_enddate[2], URMN_enddate[1] - 1, URMN_enddate[0]);\r\n }\r\n if (!perpetualSip && formValues[\"UMRN\"]?.value) {\r\n setFormValues({\r\n perpetualSip: !perpetualSip,\r\n \"SIP Period To\": {\r\n value:formValues[\"Mode of Registration\"].value===\"KOTM\"?Umrn_endDate:endDate,\r\n },\r\n \"No of Installments\": {\r\n value: \"\",\r\n },\r\n });\r\n } else if (!perpetualSip ) {\r\n setFormValues({\r\n perpetualSip: !perpetualSip,\r\n \"SIP Period To\": {\r\n value:endDate,\r\n },\r\n \"No of Installments\": {\r\n value: \"\",\r\n },\r\n });\r\n }else if (!!perpetualSip) {\r\n setFormValues({\r\n perpetualSip: !perpetualSip,\r\n });\r\n }\r\n };\r\n const closeModel = () => {\r\n history.replace(\"/new-transaction\");\r\n };\r\n const gotoTransactionTypes = () => {\r\n history.replace(\"/\");\r\n };\r\n const dispatch = useDispatch();\r\n\r\n const submit = async () => {\r\n const {\r\n schemeList,\r\n euinList,\r\n CategoryList,\r\n modeList,\r\n sipDateList,\r\n frequencyList,\r\n MinimumInstallements,\r\n MinimumAmount,\r\n MinimumLumpsumAmount,\r\n planValue,\r\n optionValue,\r\n schemeValue,\r\n type,\r\n ct,\r\n umrnList,\r\n perpetualSip,\r\n multiple,\r\n EUIN,\r\n ...others\r\n } = formValues;\r\n let d1, d2\r\n const split_enddate = format(formValues[\"SIP Period To\"].value, \"MM/dd/yyyy\").split(\"/\")\r\n const split_mandatedate = formValues[\"UMRN\"].value[\"MANDATE END DATE\"]?.split(\"/\")\r\n d1 = new Date(Number(split_enddate[2]), Number(split_enddate[0]) - 1, Number(split_enddate[1]))\r\n if (formValues[\"UMRN\"].value[\"MANDATE END DATE\"]?.split(\"/\")) {\r\n d2 = new Date(Number(split_mandatedate[2]), Number(split_mandatedate[1]) - 1, Number(split_mandatedate[0]))\r\n }\r\n const noof = [\"No of Installments\"];\r\n const umrn = [\"UMRN\"];\r\n const subBrokerCodeSubArnCode = [\"Sub Broker Code\",\"Sub ARN Code\"];\r\n\r\n const values = Object.keys(others);\r\n const keys = formValues.perpetualSip\r\n ? values.filter((ele) => !noof.includes(ele))\r\n : values; \r\n const final_keys_for_validation = formValues[\"Mode of Registration\"].value === \"KOTM\" ? keys : keys.filter((ele) => !umrn.includes(ele));\r\n const finalKeysAfterSubARN =\r\n final_keys_for_validation.filter((ele) => !subBrokerCodeSubArnCode.includes(ele));\r\n const findError = finalKeysAfterSubARN.every((key) => !!others[key].value);\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n setFormValues({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${key === \"sipType\"\r\n ? \"SIP Type\"\r\n : key === \"Scheme\"\r\n ? \"Scheme\"\r\n : key === \"investmentFrequency\"\r\n ? \"Investment frequency\"\r\n : key === \"installments\"\r\n ? \"Installments\"\r\n : key === \"sipDay\"\r\n ? \"SIP day\"\r\n : key === \"sip_start_date\"\r\n ? \"SIP Start date\"\r\n : key === \"sip_end_date\"\r\n ? \"SIP end date\"\r\n : key === \"installmentAmount\"\r\n ? \"Installment Amount\"\r\n : key\r\n } is Mandatory`,\r\n },\r\n });\r\n });\r\n\r\n return;\r\n } else if (\r\n others[\"No of Installments\"].value < MinimumInstallements &&\r\n !formValues.perpetualSip\r\n ) {\r\n setFormValues({\r\n \"No of Installments\": {\r\n ...others[\"No of Installments\"],\r\n isError: true,\r\n errorMessage: `Number of installments should be greater than or equal to the minimum number of installments`,\r\n },\r\n });\r\n\r\n return;\r\n } else if (parseInt(others[\"Amount\"].value) < parseInt(MinimumAmount)) {\r\n setFormValues({\r\n Amount: {\r\n ...others[\"Amount\"],\r\n isError: true,\r\n errorMessage: `Amount should be greater than or equal to Minimum Amount`,\r\n },\r\n });\r\n\r\n return;\r\n } else if (+others[\"Amount\"].value > 1000000) {\r\n setFormValues({\r\n Amount: {\r\n ...others[\"Amount\"],\r\n isError: true,\r\n errorMessage: `Amount should be less than or equal to 1,000,000`,\r\n },\r\n });\r\n return;\r\n } else if (formValues.Amount.value % formValues.multiple !== 0) {\r\n setFormValues({\r\n Amount: {\r\n value: formValues.Amount.value,\r\n isError: true,\r\n errorMessage: \"Amount should be a multiple of \" + formValues.multiple,\r\n },\r\n });\r\n return;\r\n } else if (\r\n formValues[\"Mode of Registration\"].value === \"KOTM\" &&\r\n formValues[\"UMRN\"].value.Amt < formValues.Amount.value\r\n ) {\r\n setFormValues({\r\n Amount: {\r\n value: formValues.Amount.value,\r\n isError: true,\r\n errorMessage: `SIP installment amount cannot exceed\r\n mandate registration limit of ${formValues[\"UMRN\"]?.value?.Amt}.`,\r\n },\r\n });\r\n } else if (\r\n parseInt(others[\"Lumpsum Amount\"].value) <\r\n parseInt(formValues.MinimumLumpsumAmount)\r\n ) {\r\n setFormValues({\r\n \"Lumpsum Amount\": {\r\n ...others[\"Lumpsum Amount\"],\r\n isError: true,\r\n errorMessage: `Amount should be greater than or equal to Minimum Amount`,\r\n },\r\n });\r\n return;\r\n } else if (others[\"Lumpsum Amount\"].value % formValues.multiple !== 0) {\r\n setFormValues({\r\n \"Lumpsum Amount\": {\r\n value: formValues[\"Lumpsum Amount\"].value,\r\n isError: true,\r\n errorMessage: \"Amount should be a multiple of \" + formValues.multiple,\r\n },\r\n });\r\n return;\r\n } else if (!isChecked) {\r\n alert(\"Please accept the terms and conditions to proceed\");\r\n\r\n return;\r\n } else if (!EUIN.value) {\r\n setFormValues({\r\n EUIN: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please select EUIN`,\r\n },\r\n });\r\n } else if (d1 > d2) {\r\n setFormValues({\r\n \"SIP Period To\": {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `SIP end date cannot exceed mandate validity\r\n date of ${formValues[\"UMRN\"].value[\"MANDATE END DATE\"]}.`,\r\n },\r\n });\r\n return;\r\n }\r\n else if(`ARN-${formValues[\"Sub Broker Code\"]?.value}`===props.token){\r\n setFormValues({\r\n \"Sub Broker Code\": {\r\n value: formValues[\"Sub Broker Code\"].value,\r\n isError: true,\r\n errorMessage:\r\n \"Sub Broker Code and ARN code should not be same\",\r\n },\r\n });\r\n return;\r\n }\r\n else if(`ARN-${formValues[\"Sub ARN Code\"]?.value}`===props.token){\r\n setFormValues({\r\n \"Sub ARN Code\": {\r\n value: formValues[\"Sub ARN Code\"].value,\r\n isError: true,\r\n errorMessage:\r\n \"Sub ARN Code and ARN code should not be same\",\r\n },\r\n });\r\n return;\r\n }\r\n else {\r\n setIsLoading(true);\r\n const schemedetails = {\r\n i_scheme: schemeValue,\r\n i_plan: planValue,\r\n i_option: optionValue,\r\n sip_amt: others.Amount.value,\r\n i_disitributorid: props.token,\r\n i_EUINno: EUIN.value.value,\r\n i_frequency: others.Frequency.value,\r\n i_noofinst: others[\"No of Installments\"].value,\r\n i_sipstartdt: format(others[\"SIP Period From\"].value, \"MM/dd/yyyy\"),\r\n i_sipenddt: format(others[\"SIP Period To\"].value, \"MM/dd/yyyy\"),\r\n i_amount: formValues[\"Lumpsum Amount\"].value,\r\n i_paymode: formValues[\"Mode of Registration\"].value,\r\n i_umrno:formValues[\"UMRN\"]?.value?.UMRNNO,\r\n };\r\n const paramsSip = {\r\n ...props.applicantparams,\r\n ...props.investmentparams,\r\n ...props.fatcaDetails,\r\n ...schemedetails,\r\n ...props.nomineDetails,\r\n i_subBrokerCode:!!formValues[\"Sub Broker Code\"].value ? formValues[\"Sub Broker Code\"].value : \"\",\r\n i_trtype: \"SIN\",\r\n i_appldt: format(new Date(), \"MM/dd/yyyy\"),\r\n i_chqdt: format(new Date(), \"MM/dd/yyyy\"),\r\n i_entby: props.userId,\r\n i_sipflag: \"Y\",\r\n Invdistflag: \"B\",\r\n CustomFund: \"189\",\r\n i_fund: \"189\",\r\n i_subarncode:!!formValues[\"Sub ARN Code\"].value ? formValues[\"Sub ARN Code\"].value : \"\",\r\n };\r\n const responseSip = await props.submitSipDetails(paramsSip);\r\n const { DtData } = responseSip;\r\n const { appno } = DtData[0];\r\n setIsLoading(false);\r\n dispatch(clearingFirstTimeInvestorJourney());\r\n setDialog({ appno: appno, open: true });\r\n }\r\n };\r\n return (\r\n <>\r\n \r\n {section.map((field) => (\r\n \r\n {field.type === \"select\" ? (\r\n \r\n {formValues[field.listName].map((i, index) => (\r\n \r\n {i.label}\r\n \r\n ))}\r\n \r\n ) : field.type === \"Searchselect\" ? (\r\n <>\r\n \r\n {field.name}\r\n
\r\n \r\n ({\r\n label: i.label,\r\n value: i.value,\r\n }))}\r\n value={formValues[field.name].value}\r\n placeholder={`Select ${field.name}`}\r\n handleChange={handleScheme(field.name)}\r\n disabled={field.disabled}\r\n isError={formValues[field.name].isError}\r\n errorMessage={formValues[field.name].errorMessage}\r\n />\r\n
\r\n {field.name === \"Amount\" && (\r\n Minimum Amount : ₹ {formValues.minimumAmount}\r\n )}\r\n \r\n ) : field.type === \"date\" ? (\r\n <>\r\n \r\n {field.name === \"Scheme\" ? \"Scheme\" : \"EUIN Declaration\"}\r\n
\r\n {formValues[field.name].errorMessage}
}\r\n \r\n ) : field.type === \"Perpetual\" ? (\r\n \r\n {!!formValues[\"SIP Day\"].value && (\r\n \r\n \r\n Perpetual SIP\r\n
\r\n \r\n )}\r\n \r\n ) : (\r\n \r\n e.key === \".\" && e.preventDefault()}\r\n />\r\n \r\n {field.name === \"No of Installments\"\r\n ? `Minimum number of installments : ${formValues.MinimumInstallements}`\r\n : field.name === \"Amount\"\r\n ? `Minimum Amount : ${formValues.MinimumAmount}`\r\n : field.name === \"Lumpsum Amount\"\r\n ? `Minimum Lumpsum Amount : ${formValues.MinimumLumpsumAmount}`\r\n : null}\r\n \r\n
\r\n )}\r\n {formValues[\"UMRN\"]?.value && field.name === \"UMRN\" && (\r\n \r\n
\r\n )}\r\n {formValues[\"UMRN\"]?.value && field.name === \"UMRN\" && formValues?.umrnList.length === 1 && (\r\n The investor has only one active {formValues[\"Mode of Registration\"]?.value} mandate.\r\n )}\r\n\r\n \r\n ))}\r\n \r\n ))}\r\n\r\n <>\r\n \r\n
\r\n Mandate amount limit
\r\n Start Date
\r\n End Date
\r\n Bank Name
\r\n Bank Account No
\r\n \r\n
\r\n \r\n {formValues[\"UMRN\"].value ? formValues[\"UMRN\"].value.Amt : \"\"}\r\n (INR)\r\n
\r\n \r\n {formValues[\"UMRN\"].value\r\n ? formValues[\"UMRN\"].value[\"MANDATE START DATE\"]\r\n : \"\"}{\" \"}\r\n
\r\n \r\n {formValues[\"UMRN\"].value\r\n ? formValues[\"UMRN\"].value[\"MANDATE END DATE\"]\r\n : \"\"}\r\n
\r\n \r\n {formValues[\"UMRN\"].value ? formValues[\"UMRN\"].value[\"BANK NAME\"] : \"\"}\r\n
{\" \"}\r\n \r\n {formValues[\"UMRN\"].value ? formValues[\"UMRN\"].value[\"BANK A/C NO\"] : \"\"}\r\n
\r\n \r\n \r\n history.replace(\"/new-investor-transaction/bank-details\")\r\n }\r\n >\r\n BACK\r\n \r\n \r\n SUBMIT\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default connect(\r\n ({ authReducer, transactions, newinvestor }) => {\r\n const { token, userId } = authReducer;\r\n const { euinList } = transactions;\r\n const {\r\n schemeparams,\r\n schemeDetails,\r\n applicantparams,\r\n fatcaDetails,\r\n investmentparams,\r\n nomineDetails,\r\n } = newinvestor;\r\n return {\r\n token,\r\n userId,\r\n euinList,\r\n schemeparams,\r\n schemeDetails,\r\n applicantparams,\r\n investmentparams,\r\n fatcaDetails,\r\n nomineDetails,\r\n };\r\n },\r\n {\r\n getNewPurchaseFundList,\r\n validateSubBroker,\r\n swpOptions,\r\n CalcSIPEnddt,\r\n submitSipDetails,\r\n storeSchemeDetails,\r\n storeSchemeParams,\r\n getOtherSchemes,\r\n getCheckPanKotm,\r\n getNav,\r\n clearingFirstTimeInvestorJourney,\r\n getCheckPanAotm,\r\n }\r\n)(LummpsumSip);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport SipDetails from \"./Sip\";\r\nimport Lumpsum from \"./Lumpsum\";\r\nimport LumpsumSip from \"./LumpsumSip\";\r\nimport {\r\n getNewPurchaseFundList,\r\n storeSchemeDetails,\r\n} from \"../../../../store/actions\";\r\nimport {\r\n FormControl,\r\n RadioGroup,\r\n Radio,\r\n FormControlLabel,\r\n} from \"@material-ui/core\";\r\nimport { connect } from \"react-redux\";\r\n\r\nconst SchemeDetails = (props) => {\r\n const schemes = [\"Lumpsum\", \"SIP\", \"Lumpsum + SIP\"];\r\n const [scheme, setScheme] = useState(\"Lumpsum\");\r\n useEffect(() => {\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\",\r\n });\r\n }, []);\r\n return (\r\n <>\r\n \r\n \r\n Mode of Transaction *\r\n \r\n \r\n setScheme(e.target.value)}\r\n >\r\n {schemes.map((mode) => (\r\n \r\n
\r\n ))}\r\n \r\n \r\n \r\n {scheme === \"Lumpsum\" ? \r\n {mode === \"SIP\" ? \"SIP(Without Payment)\" : mode}\r\n
\r\n \r\n
\r\n {!nominate_yes_or_no && (\r\n \r\n
\r\n )}\r\n \r\n {!nominate_yes_or_no && (\r\n \r\n
\r\n )}\r\n {nominee_list >= 2 && (\r\n \r\n \r\n {NomineesList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n {nominee_list >= 1 && (\r\n \r\n \r\n {NomineeListShow && (\r\n
\r\n Nominee 1:
\r\n \r\n \r\n {nomineeList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setfirst_nomineeDetails({\r\n ...first_nomineeDetails,\r\n relationship: { value: event.target.value },\r\n })\r\n }\r\n >\r\n {relationshipList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n {first_nomineeDetails.relationship.value == \"Other\" && (\r\n \r\n \r\n setfirst_nomineeDetails({\r\n ...first_nomineeDetails,\r\n otherrelationship: { value: event.target.value },\r\n })\r\n }\r\n />\r\n
\r\n )}\r\n \r\n \r\n \r\n {!!first_nomineeDetails.dob.errorMessage && (\r\n
\r\n {nominee_dateofbirth.first_nominee_dateofbirth && (\r\n Date of Birth*
\r\n \r\n {\" \"}\r\n {first_nomineeDetails.dob.errorMessage}\r\n
\r\n )}\r\n \r\n \r\n setfirst_nomineeDetails({\r\n ...first_nomineeDetails,\r\n gaurdianname: { value: event.target.value },\r\n })\r\n }\r\n isShowError={\r\n first_nomineeDetails.gaurdianname.isError\r\n }\r\n errorMessage={\r\n first_nomineeDetails.gaurdianname.errorMessage\r\n }\r\n />\r\n
\r\n )}\r\n {nominee_dateofbirth.first_nominee_dateofbirth && (\r\n \r\n setfirst_nomineeDetails({ ...first_nomineeDetails, gaurdianpan:{value:event.target.value}})}\r\n isShowError={first_nomineeDetails.gaurdianpan.isError}\r\n errorMessage={\r\n first_nomineeDetails.gaurdianpan.errorMessage\r\n }\r\n onBlur={showError(\"firstNomineeGuardianPan\")}\r\n />\r\n
\r\n )}\r\n {nominee_dateofbirth.first_nominee_dateofbirth && (\r\n \r\n \r\n setfirst_nomineeDetails({\r\n ...first_nomineeDetails,\r\n gaurdianrelationship: {\r\n value: event.target.value,\r\n },\r\n })\r\n }\r\n >\r\n {relationshipList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n \r\n \r\n setfirst_nomineeDetails({\r\n ...first_nomineeDetails,\r\n gender: { value: event.target.value },\r\n })\r\n }\r\n >\r\n {genderOptions.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setfirst_nomineeDetails({\r\n ...first_nomineeDetails,\r\n email: { value: event.target.value },\r\n })\r\n }\r\n isShowError={first_nomineeDetails.email.isError}\r\n errorMessage={first_nomineeDetails.email.errorMessage}\r\n />\r\n
\r\n \r\n \r\n setfirst_nomineeDetails({\r\n ...first_nomineeDetails,\r\n address: { value: event.target.value },\r\n })\r\n }\r\n />\r\n
\r\n \r\n \r\n setfirst_nomineeDetails({\r\n ...first_nomineeDetails,\r\n country: { value: event.target.value },\r\n })\r\n }\r\n >\r\n {countriesList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {NomineeListShow && (\r\n
\r\n \r\n )}\r\n {nominee_list >= 3 && (\r\n Nominee 2:
\r\n\r\n \r\n \r\n {nomineeList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setsecond_nomineeDetails({\r\n ...second_nomineeDetails,\r\n relationship: { value: event.target.value },\r\n })\r\n }\r\n >\r\n {relationshipList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n {second_nomineeDetails.relationship.value == \"Other\" && (\r\n \r\n \r\n setsecond_nomineeDetails({\r\n ...second_nomineeDetails,\r\n otherrelationship: { value: event.target.value },\r\n })\r\n }\r\n />\r\n
\r\n )}\r\n \r\n \r\n \r\n {!!second_nomineeDetails.dob.errorMessage && (\r\n
\r\n {nominee_dateofbirth.second_nominee_dateofbirth && (\r\n Date of Birth*
\r\n \r\n {\" \"}\r\n {second_nomineeDetails.dob.errorMessage}\r\n
\r\n )}\r\n \r\n \r\n setsecond_nomineeDetails({\r\n ...second_nomineeDetails,\r\n gaurdianname: { value: event.target.value },\r\n })\r\n }\r\n isShowError={\r\n second_nomineeDetails.gaurdianname.isError\r\n }\r\n errorMessage={\r\n second_nomineeDetails.gaurdianname.errorMessage\r\n }\r\n />\r\n
\r\n )}\r\n {nominee_dateofbirth.second_nominee_dateofbirth && (\r\n \r\n
\r\n )}\r\n {nominee_dateofbirth.second_nominee_dateofbirth && (\r\n \r\n \r\n setsecond_nomineeDetails({\r\n ...second_nomineeDetails,\r\n gaurdianrelationship: {\r\n value: event.target.value,\r\n },\r\n })\r\n }\r\n >\r\n {relationshipList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n \r\n \r\n setsecond_nomineeDetails({\r\n ...second_nomineeDetails,\r\n gender: { value: event.target.value },\r\n })\r\n }\r\n >\r\n {genderOptions.map((item, index) => (\r\n \r\n ))}\r\n \r\n
{\" \"}\r\n \r\n
\r\n \r\n \r\n setsecond_nomineeDetails({\r\n ...second_nomineeDetails,\r\n email: { value: event.target.value },\r\n })\r\n }\r\n isShowError={second_nomineeDetails.email.isError}\r\n errorMessage={second_nomineeDetails.email.errorMessage}\r\n />\r\n
\r\n \r\n \r\n setsecond_nomineeDetails({\r\n ...second_nomineeDetails,\r\n address: { value: event.target.value },\r\n })\r\n }\r\n />\r\n
\r\n \r\n \r\n setsecond_nomineeDetails({\r\n ...second_nomineeDetails,\r\n country: { value: event.target.value },\r\n })\r\n }\r\n >\r\n {countriesList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {NomineeListShow && (\r\n
\r\n \r\n )}\r\n \r\n )}\r\n Nominee 3:
\r\n \r\n \r\n {nomineeList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setthird_nomineeDetails({\r\n ...third_nomineeDetails,\r\n relationship: { value: event.target.value },\r\n })\r\n }\r\n >\r\n {relationshipList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n {third_nomineeDetails.relationship.value == \"Other\" && (\r\n \r\n \r\n setthird_nomineeDetails({\r\n ...third_nomineeDetails,\r\n otherrelationship: { value: event.target.value },\r\n })\r\n }\r\n />\r\n
\r\n )}\r\n \r\n \r\n \r\n {!!third_nomineeDetails.dob.errorMessage && (\r\n
\r\n {nominee_dateofbirth.third_nominee_dateofbirth && (\r\n Date of Birth*
\r\n \r\n {\" \"}\r\n {third_nomineeDetails.dob.errorMessage}\r\n
\r\n )}\r\n \r\n \r\n setthird_nomineeDetails({\r\n ...third_nomineeDetails,\r\n gaurdianname: { value: event.target.value },\r\n })\r\n }\r\n isShowError={\r\n third_nomineeDetails.gaurdianname.isError\r\n }\r\n errorMessage={\r\n third_nomineeDetails.gaurdianname.errorMessage\r\n }\r\n />\r\n
\r\n )}\r\n {nominee_dateofbirth.third_nominee_dateofbirth && (\r\n \r\n
\r\n )}\r\n {nominee_dateofbirth.third_nominee_dateofbirth && (\r\n \r\n \r\n setthird_nomineeDetails({\r\n ...third_nomineeDetails,\r\n gaurdianrelationship: {\r\n value: event.target.value,\r\n },\r\n })\r\n }\r\n >\r\n {relationshipList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n \r\n \r\n setthird_nomineeDetails({\r\n ...third_nomineeDetails,\r\n gender: { value: event.target.value },\r\n })\r\n }\r\n >\r\n {genderOptions.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n setthird_nomineeDetails({\r\n ...third_nomineeDetails,\r\n email: { value: event.target.value },\r\n })\r\n }\r\n isShowError={third_nomineeDetails.email.isError}\r\n errorMessage={third_nomineeDetails.email.errorMessage}\r\n />\r\n
\r\n \r\n \r\n setthird_nomineeDetails({\r\n ...third_nomineeDetails,\r\n address: { value: event.target.value },\r\n })\r\n }\r\n fatcawidth={true}\r\n />\r\n
{\" \"}\r\n \r\n \r\n setthird_nomineeDetails({\r\n ...third_nomineeDetails,\r\n country: { value: event.target.value },\r\n })\r\n }\r\n >\r\n {countriesList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
{\" \"}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n “Nominee section is disabled for HUF Investor”\r\n
\r\n )}\r\n \r\n \r\n props.history.replace(\"/new-investor-transaction/fatca-details\")\r\n }\r\n >\r\n BACK\r\n \r\n \r\n PROCEED\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default connect(\r\n ({ newinvestor }) => {\r\n const {\r\n applicantparams,\r\n fatcaDetails,\r\n getnomineeDetails,\r\n nomineDetails,\r\n address,\r\n store_pan,\r\n } = newinvestor;\r\n return {\r\n fatcaDetails,\r\n applicantparams,\r\n getnomineeDetails,\r\n nomineDetails,\r\n address,\r\n store_pan,\r\n };\r\n },\r\n {\r\n getCountriesList,\r\n getStatesList,\r\n storeApplicantParams,\r\n getKycDetails,\r\n checkKyc,\r\n getCitiesByState,\r\n getRelationShipList,\r\n storeNomineeDetails,\r\n getNomineeDetails,\r\n }\r\n)(NomineeDetails);\r\n","import React, { useEffect, useReducer, useState } from \"react\";\r\n\r\nimport {\r\n ifscRegex,\r\n bankAccountRegex,\r\n pincodeRegex,\r\n nameRegex,\r\n accountRegex,\r\n} from \".\";\r\n\r\nimport CustomizedSelect from \"../customizedSelect\";\r\nimport { Input } from \"../../../forms/input\";\r\nimport CustomLoader from \"../../../forms/Loader\";\r\nimport CardComponent from \"./lib/CardComponent\";\r\nimport { MenuItem } from \"@material-ui/core\";\r\nimport { getBankDetails } from \"../../../../store/actions/newinvestor\";\r\nimport {\r\n getBankList,\r\n storeInvestmentDetails,\r\n storeInvestmentParams,\r\n NewinvestorBankDetails,\r\n bankAccountTypes,\r\n storeApplicantParams,\r\n getAccountTypes\r\n} from \"../../../../store/actions\";\r\nimport { connect } from \"react-redux\";\r\nimport { validatePennyDrop } from \"../../../../store/actions\";\r\n\r\nconst BankDetails = (props) => {\r\n // const ValidAccountTypes = {\r\n // 11: [\"Savings\"],\r\n // 12: [\"Current\"],\r\n // 21: [\"NRE\"],\r\n // 22: [\"NRO\"],\r\n // };\r\n const InputFields = [\r\n [\r\n { name: \"IFSC\", isMandatory: true, type: \"text\" },\r\n { name: \"Account Type\", isMandatory: true },\r\n ],\r\n [\r\n // { name: \"MICR Code\", isMandatory: false, type: \"text\" },\r\n { name: \"Bank Name\", isMandatory: true, type: \"text\" },\r\n { name: \"Branch Address\", isMandatory: true, type: \"text\" },\r\n ],\r\n [\r\n { name: \"Branch City\", isMandatory: true, type: \"text\" },\r\n { name: \"Branch Pincode\", isMandatory: true, type: \"number\" },\r\n ],\r\n [\r\n { name: \"Account Number\", isMandatory: true, type: \"password\" },\r\n { name: \"Confirm Account Number\", isMandatory: true, type: \"number\" },\r\n ],\r\n ];\r\n const [bankselected, setbankseleected] = useState(\"\");\r\n const [bankList, setBankList] = useState([]);\r\n\r\n const initialState = {\r\n IFSC: { value: \"\" },\r\n // \"MICR Code\": { value: \"\" },\r\n \"Bank Name\": { value: \"\" },\r\n \"Branch Address\": { value: \"\" },\r\n \"Branch City\": { value: \"\" },\r\n \"Branch Pincode\": { value: \"\" },\r\n \"Account Type\": { value: \"\" },\r\n \"Account Number\": { value: \"\" },\r\n \"Confirm Account Number\": { value: \"\" },\r\n AccountTypes: [],\r\n isLoading: false,\r\n BanksListShow: true,\r\n };\r\n const [formValues, setFormValues] = useReducer(\r\n (preValues, newValues) => ({ ...preValues, ...newValues }),\r\n initialState\r\n );\r\n\r\n useEffect(() => {\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\",\r\n });\r\n NewinvestorBankDetails();\r\n const { investmentDetails } = props;\r\n if (investmentDetails.IFSC) {\r\n setFormValues({ ...investmentDetails });\r\n return;\r\n }\r\n // setFormValues({\r\n // AccountTypes: ValidAccountTypes[props.applicantparams.i_category],\r\n // \"Account Type\": {\r\n // value: ValidAccountTypes[props.applicantparams.i_category]\r\n // },\r\n // });\r\n }, []);\r\n const NewinvestorBankDetails = async () => {\r\n const response = await props.NewinvestorBankDetails({\r\n pan: props.applicantparams.i_pangno,\r\n // pan:\"ABAPM0703H\"\r\n });\r\n const banks = !!response.Dtinformation ? response.Dtinformation : [];\r\n if(!!response && banks[0]){\r\n const bankDetails= banks[0]\r\n setFormValues({\r\n bankadd1: bankDetails.BankAdd1,\r\n bankadd2: bankDetails.BankAdd2,\r\n bankadd3: bankDetails.BankAdd3,\r\n IFSC: { value: bankDetails.ifsccode },\r\n \"Bank Name\": { value: bankDetails.BankName },\r\n \"Branch Address\": {\r\n value:\r\n bankDetails.BankAdd1 +\r\n \", \" +\r\n bankDetails.BankAdd2 +\r\n \" ,\" +\r\n bankDetails.BankAdd3,\r\n },\r\n \"Branch City\": { value: bankDetails.BankCity },\r\n \"Branch Pincode\": { value: bankDetails.BankPIN },\r\n \"Account Number\": { value: bankDetails.BankAcno },\r\n \"Confirm Account Number\": { value: bankDetails.BankAcno },\r\n \"Account Type\": {\r\n value: bankDetails.BnkAcType,\r\n },\r\n // value: ValidAccountTypes[bankDetails.BnkAcType]\r\n });\r\n \r\n }\r\n if (response.Dtinformation.length === 0) {\r\n setFormValues({ BanksListShow: false });\r\n }\r\n const bankList = banks.map((bank) => {\r\n return { label: bank.BankName, value: bank.BankName };\r\n });\r\n setBankList(bankList);\r\n const params = {\r\n opt: \"AC\",\r\n SchemeType: props.applicantparams.i_category === \"20\" ? 'Y' : \"\",\r\n }\r\n const res = await props.getAccountTypes(params)\r\n if (res) {\r\n const typeList = res.Dtinformation.map((type) => {\r\n return { label: type.Account_Type, value: type.Account_Type };\r\n });\r\n setFormValues({ AccountTypes: typeList });\r\n }\r\n };\r\n\r\n const handleChange = (label) => (event) => {\r\n const value = event.target.value;\r\n switch (label) {\r\n case \"IFSC\":\r\n setFormValues({\r\n [label]: {\r\n value: value.toUpperCase(),\r\n isError: !ifscRegex.test(value),\r\n errorMessage: !value\r\n ? \"IFSC Number is Mandatory\"\r\n : !ifscRegex.test(value)\r\n ? \"Enter a valid IFSC Number\"\r\n : \"\",\r\n },\r\n });\r\n break;\r\n case \"Account Type\":\r\n setFormValues({\r\n [label]: {\r\n value: value,\r\n isError: value ? false : true,\r\n errorMessage: value ? \"\" : \"Enter a valid Account Typ\",\r\n },\r\n });\r\n break;\r\n case \"Branch Pincode\":\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: !pincodeRegex.test(value),\r\n errorMessage: !value\r\n ? \"Pincode is Mandatory\"\r\n : !pincodeRegex.test(value)\r\n ? \"Enter a valid Pincode\"\r\n : \"\",\r\n },\r\n });\r\n break;\r\n case \"Account Number\":\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: !bankAccountRegex.test(value),\r\n errorMessage: !value\r\n ? \"Account Number is Mandatory\"\r\n : !bankAccountRegex.test(value)\r\n ? \"Enter a valid Account Number\"\r\n : \"\",\r\n },\r\n });\r\n break;\r\n case \"Confirm Account Number\":\r\n setFormValues({\r\n [label]: {\r\n value,\r\n isError: !(formValues[\"Account Number\"].value === value),\r\n errorMessage: !value\r\n ? \"Account Number is Mandatory\"\r\n : !(formValues[\"Account Number\"].value === value)\r\n ? \"Account Numbers does not match\"\r\n : \"\",\r\n },\r\n });\r\n break;\r\n default:\r\n setFormValues({ [label]: { value } });\r\n break;\r\n }\r\n };\r\n const getBankDetails = async () => {\r\n const { IFSC } = formValues;\r\n if (ifscRegex.test(IFSC.value)) {\r\n setFormValues({ isLoading: true });\r\n try {\r\n const response = await props.getBankDetails({ ifsc: IFSC.value });\r\n const { DtData } = response;\r\n const {\r\n BankName,\r\n BankAdd1,\r\n BankAdd2,\r\n BankAdd3,\r\n BankCity,\r\n BankPin,\r\n MicrNo,\r\n } = DtData[0];\r\n setFormValues({\r\n bankadd1: BankAdd1,\r\n bankadd2: BankAdd2,\r\n bankadd3: BankAdd3,\r\n \"Bank Name\": { value: BankName },\r\n \"Branch Address\": {\r\n value: BankAdd1 + \", \" + BankAdd2 + \" ,\" + BankAdd3,\r\n },\r\n \"Branch City\": { value: BankCity },\r\n \"Branch Pincode\": { value: BankPin },\r\n // \"MICR Code\": { value: MicrNo },\r\n \"Account Number\":{value:\"\"},\r\n \"Confirm Account Number\":{value:\"\"},\r\n });\r\n } catch (error) {\r\n console.log(error);\r\n setFormValues({\r\n ...initialState,\r\n // AccountTypes: ValidAccountTypes[props.category_1],\r\n // \"Account Type\": {\r\n // value: ValidAccountTypes[props.category_1],\r\n // },\r\n IFSC: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"IFSC Not Found, Enter a valid IFSC Number\",\r\n },\r\n });\r\n } finally {\r\n setFormValues({ isLoading: false });\r\n }\r\n } else {\r\n setFormValues({\r\n IFSC: {\r\n value: IFSC.value,\r\n isError: true,\r\n errorMessage: !IFSC.value\r\n ? \"IFSC Number is Mandatory\"\r\n : \"Enter a valid IFSC Number\",\r\n },\r\n });\r\n }\r\n };\r\n const handleBankDetails = (event) => {\r\n setbankseleected(event.target.value);\r\n const bankDetails =\r\n !!props.getbankDetails.Dtinformation &&\r\n props.getbankDetails.Dtinformation.find(\r\n (ele) => ele.BankName === event.target.value\r\n );\r\n setFormValues({\r\n bankadd1: bankDetails.BankAdd1,\r\n bankadd2: bankDetails.BankAdd2,\r\n bankadd3: bankDetails.BankAdd3,\r\n IFSC: { value: bankDetails.ifsccode },\r\n \"Bank Name\": { value: bankDetails.BankName },\r\n \"Branch Address\": {\r\n value:\r\n bankDetails.BankAdd1 +\r\n \", \" +\r\n bankDetails.BankAdd2 +\r\n \" ,\" +\r\n bankDetails.BankAdd3,\r\n },\r\n \"Branch City\": { value: bankDetails.BankCity },\r\n \"Branch Pincode\": { value: bankDetails.BankPIN },\r\n \"Account Number\": { value: bankDetails.BankAcno },\r\n \"Confirm Account Number\": { value: bankDetails.BankAcno },\r\n \"Account Type\": {\r\n value: bankDetails.BnkAcType,\r\n },\r\n // value: ValidAccountTypes[bankDetails.BnkAcType]\r\n });\r\n };\r\n\r\n const submit = async () => {\r\n if(!!formValues.IFSC.value && !formValues[\"Account Type\"].value ){\r\n setFormValues({\r\n ...formValues,\r\n \"Account Type\": {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Account Type is mandatory\",\r\n },\r\n });\r\n return;\r\n }\r\n if (props.applicantparams[\"i_category\"] === \"20\" && [\"SAVING\", \"Savings\", \"Saving\",\"SAVINGS\"].includes(formValues[\"Account Type\"].value)) {\r\n setFormValues({\r\n ...formValues,\r\n \"Account Type\": {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Select account type\",\r\n },\r\n });\r\n return;\r\n\r\n }\r\n const { AccountTypes, isLoading, bankadd1, bankadd2, bankadd3, ...others } =\r\n formValues;\r\n const invdetails = {\r\n i_ifsccode: formValues.IFSC.value,\r\n // i_micrcode: formValues[\"MICR Code\"].value,\r\n i_bnkacname: formValues[\"Bank Name\"].value,\r\n i_bnkadd1: formValues.bankadd1,\r\n i_bnkadd3: formValues.bankadd3,\r\n i_bnkadd2: formValues.bankadd2,\r\n i_bnkcity: formValues[\"Branch City\"].value,\r\n i_bnkpin: formValues[\"Branch Pincode\"].value,\r\n i_bnkacctype: formValues[\"Account Type\"].value,\r\n i_bnkacno: formValues[\"Account Number\"].value,\r\n };\r\n if (formValues[\"Account Type\"].value === \"NRE\") {\r\n props.applicantparams[\"i_category\"] = \"21\"\r\n props.storeApplicantParams(props.applicantparams);\r\n }\r\n if (formValues[\"Account Type\"].value === \"NRO\") {\r\n props.applicantparams[\"i_category\"] = \"22\"\r\n props.storeApplicantParams(props.applicantparams);\r\n }\r\n props.storeInvestmentDetails({ ...formValues });\r\n props.storeInvestmentParams({ ...invdetails });\r\n props.history.replace(\"/new-investor-transaction/scheme-details\");\r\n };\r\n const { AccountTypes, isLoading } = formValues;\r\n return (\r\n <>\r\n \r\n \r\n {bankList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n )} */}\r\n\r\n {InputFields.map((section) => (\r\n \r\n {section.map((field) => (\r\n console.log(field)}\r\n >\r\n {!!field.type ? (\r\n \r\n {AccountTypes.map((i, index) => (\r\n \r\n ))}\r\n \r\n )}\r\n
\r\n ))}\r\n \r\n ))}\r\n <>\r\n \r\n
\r\n ) : (\r\n \r\n \r\n props.history.replace(\"/new-investor-transaction/nominee-details\")\r\n }\r\n >\r\n BACK\r\n \r\n \r\n PROCEED\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default connect(\r\n ({ newinvestor }) => {\r\n const { investmentDetails, applicantparams, getbankDetails } = newinvestor;\r\n return {\r\n investmentDetails,\r\n applicantparams,\r\n getbankDetails,\r\n };\r\n },\r\n {\r\n getBankDetails,\r\n storeInvestmentDetails,\r\n storeInvestmentParams,\r\n validatePennyDrop,\r\n storeApplicantParams,\r\n getBankList,\r\n NewinvestorBankDetails,\r\n bankAccountTypes,\r\n getAccountTypes\r\n }\r\n)(BankDetails);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Route, Switch } from \"react-router\";\r\n\r\nimport VerticalStepper from \"./lib/VerticalStepper\";\r\nimport FatcaDetails from \"./FatcaDetails\";\r\nimport SchemeDetails from \"./SchemeDetails\";\r\nimport InvestorDetails from \"./InvestorDetails\";\r\nimport Signbutton from \"../../../forms/button\";\r\nimport { NEW_TRANSACTION_URL } from \"..\";\r\nimport NomineeDetails from \"./NomineeDetails\";\r\nimport BankDetails from \"./BankDetails\";\r\n\r\nconst NewInvestorRegistration = (props) => {\r\n const { location } = props;\r\n const { pathname } = location;\r\n const activestep = pathname.split(\"/\").slice(-1)[0];\r\n const hide = pathname.includes(\"first-time-new-investor-journey\");\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default connect(null)(NewInvestorRegistration);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport ReactSelect from \"react-select\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport NoSsr from \"@material-ui/core/NoSsr\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n },\r\n input: {\r\n display: \"flex\",\r\n padding: 0,\r\n cursor: \"pointer\",\r\n height: 50,\r\n paddingLeft: 15,\r\n },\r\n valueContainer: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\",\r\n overflow:\"auto\",\r\n flex: 1,\r\n alignItems: \"center\",\r\n },\r\n noOptionsMessage: {\r\n padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,\r\n },\r\n singleValue: {\r\n fontSize: 16,\r\n },\r\n placeholder: {\r\n position: \"absolute\",\r\n fontSize: 16,\r\n },\r\n paper: {\r\n position: \"absolute\",\r\n zIndex: 1,\r\n marginTop: theme.spacing(1),\r\n left: 0,\r\n right: 0,\r\n },\r\n divider: {\r\n height: theme.spacing(2),\r\n },\r\n notchedOutlineError: {\r\n borderColor: \"red !important\",\r\n },\r\n notchedOutline: {\r\n borderColor: \"#a6a6a6 !important\",\r\n },\r\n \r\n \r\n});\r\n\r\nfunction NoOptionsMessage(props) {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {props.children}\r\n
\r\n );\r\n}\r\n\r\nfunction Menu(props) {\r\n return (\r\n \r\n \r\n \r\n {!!this.props.errorMessage ? this.props.errorMessage : \"\"}\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nIntegrationReactSelect.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n theme: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(styles, { withTheme: true })(IntegrationReactSelect);\r\n","import React, { Component } from \"react\";\r\nimport Search from \"../searchComponent\";\r\nimport { ALL, FAVOURITE, RECENT } from \"../../../store/types\";\r\nimport TableData from \"../tableData\";\r\nimport { connect } from \"react-redux\";\r\nimport { getInvestors, storeType } from \"../../../store/actions\";\r\nimport TabHeader from \"../../forms/tabHeader\";\r\n\r\nclass InvestorData extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n activeTab: 'M',\r\n activeText: \"All\",\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n const response = await this.props.getInvestors({\r\n ARN: this.props.token,\r\n AllFavFlag: \"A\",\r\n customfund:\"189\",\r\n \r\n });\r\n }\r\n\r\n selectTab = (tabName) => async () => {\r\n this.props.storeType(tabName);\r\n console.log(tabName);\r\n this.setState({\r\n activeTab: tabName ,\r\n activeText:\r\n tabName === \"M\" ? \"All\" : tabName === RECENT ? \"Recent\" : \"Favourite\",\r\n });\r\n\r\n await this.props.getInvestors({\r\n ARN: this.props.token,\r\n AllFavFlag: tabName===\"M\"?\"A\":tabName,\r\n customfund:\"189\"\r\n });\r\n };\r\n\r\n render() {\r\n const { activeTab } = this.state;\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {this.state.activeText} : {this.props.count} Investors\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n","export const emailRegex = new RegExp(\r\n \"[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,4}$\"\r\n);\r\nexport const ifscRegex = new RegExp(\"^[A-Za-z]{4}[a-zA-Z0-9]{7}$\");\r\nexport const mobileRegex = new RegExp(\"^[6-9]{1}[0-9]{9}$\");\r\nexport const nameRegex = new RegExp(\"^[a-zA-Z ]{4,50}$\");\r\nexport const accountRegex = new RegExp(\"^[a-zA-Z ]{0,10}$\");\r\nexport const panRegex = new RegExp(\"^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$\");\r\nexport const bankAccountRegex = new RegExp(\"^[0-9]{9,18}$\");\r\nexport const pincodeRegex = new RegExp(\"^[0-9]{6}$\");\r\nexport const countryCodeRegex = new RegExp(\"^[+][0-9]{1,3}$\");\r\nexport const alphabetsRegex = new RegExp(\"/^[A-Za-z]$/\");\r\n\r\nexport const genderOptions = [\r\n { name: \"Male\", value: \"M\" },\r\n { name: \"Female\", value: \"F\" },\r\n { name: \"Others\", value: \"O\" },\r\n];\r\nexport const NomineesList = [\r\n {\r\n label: \"1\",\r\n value: \"1\",\r\n },\r\n {\r\n label: \"2\",\r\n value: \"2\",\r\n },\r\n {\r\n label: \"3\",\r\n value: \"3\",\r\n },\r\n];\r\n\r\nexport const categoryOptions = [\r\n { name: \"Resident Indian\", value: \"11\" },\r\n { name: \"NRI\", value: \"20\" },\r\n];\r\nexport const statusOptions = [\r\n { name: \"Individual\", value: \"I\" },\r\n { name: \"NRI\", value: \"N\" },\r\n];\r\nexport const Occupations = [\r\n { label: \"Service\", value: 1 },\r\n { label: \"Business\", value: 2 },\r\n { label: \"Student\", value: 3 },\r\n { label: \"House Wife\", value: 4 },\r\n { label: \"Professional\", value: 5 },\r\n { label: \"Retired\", value: 7 },\r\n { label: \"Others\", value: 8 },\r\n];\r\nexport const Gross_Annual_income = [\r\n { label: \"Below 1 Lac\", value: \"Below 1 Lac\" },\r\n { label: \"1-5 Lacs\", value: \"1-5 Lacs\" },\r\n { label: \"5-10 Lacs\", value: \"5-10 Lacs\" },\r\n { label: \"10-25 Lacs\", value: \"10-25 Lacs\" },\r\n { label: \"25 Lacs-1 Crore\", value: \"25 Lacs-1 Crore\" },\r\n { label: \"1 Crore and above\", value: \"1 Crore and above\" },\r\n];\r\n\r\nexport const modeOfHoldingOptions = [\r\n { name: \"Single\", value: \"single\" },\r\n { name: \"Anyone (or) survivor\", value: \"anyone\" },\r\n];\r\n\r\nexport const countrycodeOptions = [\r\n { label: \"+91\", value: \"+91\" },\r\n { label: \"+61\", value: \"+61\" },\r\n { label: \"+1\", value: \"+1\" },\r\n { label: \"+852\", value: \"+852\" },\r\n { label: \"+968\", value: \"+968\" },\r\n { label:\"+974\", value: \"+974\" },\r\n { label:\"+966\", value: \"+966\"},\r\n { label: \"+65\", value: \"+65\" },\r\n { label: \"+971\", value: \"+971\" },\r\n {label: \"+44\", value: \"+44\"}\r\n];\r\n\r\nexport const relationshipOptions = [\r\n {\r\n name: \"Brother\",\r\n value: \"Brother\",\r\n },\r\n {\r\n name: \"Daughter\",\r\n value: \"Daughter\",\r\n },\r\n {\r\n name: \"Father\",\r\n value: \"Father\",\r\n },\r\n {\r\n name: \"Mother\",\r\n value: \"Mother\",\r\n },\r\n {\r\n name: \"Sister\",\r\n value: \"Sister\",\r\n },\r\n {\r\n name: \"Son\",\r\n value: \"Son\",\r\n },\r\n {\r\n name: \"Wife\",\r\n value: \"Wife\",\r\n },\r\n];\r\nexport const familyDescriptionOptions = [\r\n {\r\n label: \"Self\",\r\n value: \"SE\",\r\n },\r\n {\r\n label: \"Spouse\",\r\n value: \"SP\",\r\n },\r\n {\r\n label: \"Dependent Children\",\r\n value: \"DC\",\r\n },\r\n {\r\n label: \"Dependent Siblings\",\r\n value: \"DS\",\r\n },\r\n {\r\n label: \"Dependent Parents\",\r\n value: \"DP\",\r\n },\r\n {\r\n label: \"Guardian\",\r\n value: \"GD\",\r\n },\r\n];\r\n","import React, { Component } from \"react\";\r\nimport Image from \"../Image\";\r\n\r\nexport default class CustomLoader extends Component {\r\n render() {\r\n const { display } = this.props;\r\n return (\r\n Transact
\r\n \r\n
\r\n );\r\n }\r\n}\r\n","export const GET_DASHBOARD_DATA = \"GET_DASHBOARD_DATA\";\r\nexport const GET_DASHBOARD_DATA_SUCCESS = \"GET_DASHBOARD_DATA_SUCCESS\";\r\nexport const GET_DASHBOARD_DATA_FAILED = \"GET_DASHBOARD_DATA_FAILED\";\r\nexport const GET_TRANSACTION_DATA = \"GET_TRANSACTION_DATA\";\r\nexport const GET_TRANSACTION_DATA_SUCCESS = \"GET_TRANSACTION_DATA_SUCCESS\";\r\nexport const GET_TRANSACTION_DATA_FAILED = \"GET_TRANSACTION_DATA_FAILED\";\r\nexport const GET_AUM_DATA = \"GET_AUM_DATA\";\r\nexport const GET_AUM_DATA_SUCCESS = \"GET_AUM_DATA_SUCCESS\";\r\nexport const GET_AUM_DATA_FAILED = \"GET_AUM_DATA_FAILED\";\r\nexport const GET_FREQUENT_MAIL_BACK_REQUEST = \"GET_FREQUENT_MAIL_BACK_REQUEST\";\r\nexport const GET_FREQUENT_MAIL_BACK_REQUEST_SUCCESS =\r\n \"GET_FREQUENT_MAIL_BACK_REQUEST_SUCCESS\";\r\nexport const GET_FREQUENT_MAIL_BACK_REQUEST_FAILED =\r\n \"GET_FREQUENT_MAIL_BACK_REQUEST_SUCCESS\";\r\n\r\nexport const GET_DASHBOARD_AUM_DATA = \"GET_DASHBOARD_AUM_DATA\";\r\nexport const GET_DASHBOARD_AUM_DATA_SUCCESS = \"GET_DASHBOARD_AUM_DATA_SUCCESS\";\r\nexport const GET_DASHBOARD_AUM_DATA_FAILED = \"GET_DASHBOARD_AUM_DATA_FAILED\";\r\n\r\nexport const GET_SIP_SUMMARY_DATA = \"GET_SIP_SUMMARY_DATA\";\r\nexport const GET_SIP_SUMMARY_DATA_SUCCESS = \"GET_SIP_SUMMARY_DATA_SUCCESS\";\r\nexport const GET_SIP_SUMMARY_DATA_FAILED = \"GET_SIP_SUMMARY_DATA_FAILED\";\r\n\r\nexport const GET_NFO_SCHEMES = \"GET_NFO_SCHEMES\";\r\nexport const GET_NFO_SCHEMES_SUCCESS = \"GET_NFO_SCHEMES_SUCCESS\";\r\nexport const GET_NFO_SCHEMES_FAILED = \"GET_NFO_SCHEMES_FAILED\";\r\n\r\n","export const GET_INVESTORS_LIST = \"GET_INVESTORS_LIST\";\r\nexport const GET_INVESTORS_LIST_SUCCESS = \"GET_INVESTORS_LIST_SUCCESS\";\r\nexport const GET_INVESTORS_LIST_FAILED = \"GET_INVESTORS_LIST_FAILED\";\r\nexport const GET_INVESTOR_DETAILS = \"GET_INVESTOR_DETAIL\";\r\nexport const GET_INVESTOR_DETAILS_SUCCESS = \"GET_INVESTOR_DETAIL_SUCCESS\";\r\nexport const GET_INVESTOR_DETAILS_FAILED = \"GET_INVESTOR_DETAIL_FAILED\";\r\nexport const FAVOURITE_INVESTOR = \"FAVOURITE_INVESTOR\";\r\nexport const FAVOURITE_INVESTOR_SUCCESS = \"FAVOURITE_INVESTOR_SUCCESS\";\r\nexport const FAVOURITE_INVESTOR_FAILED = \"FAVOURITE_INVESTOR_FAILED\";\r\nexport const SEARCH_INVESTORS = \"SEARCH_INVESTORS\";\r\nexport const SEARCH_INVESTORS_SUCCESS = \"SEARCH_INVESTORS_SUCCESS\";\r\nexport const SEARCH_INVESTORS_FAILED = \"SEARCH_INVESTORS_FAILED\";\r\nexport const GET_FUNDS_LIST = \"GET_FUNDS_LIST\";\r\nexport const GET_FUNDS_LIST_SUCCESS = \"GET_FUNDS_LIST_SUCCESS\";\r\nexport const GET_FUNDS_LIST_FAILED = \"GET_FUNDS_LIST_FAILED\";\r\nexport const GET_CATEGORY_LIST = \"GET_CATEGORY_LIST\";\r\nexport const GET_CATEGORY_LIST_SUCCESS = \"GET_CATEGORY_LIST_SUCCESS\";\r\nexport const GET_CATEGORY_LIST_FAILED = \"GET_CATEGORY_LIST_FAILED\";\r\nexport const GET_SCHEME_LIST = \"GET_SCHEME_LIST\";\r\nexport const GET_SCHEME_LIST_SUCCESS = \"GET_SCHEME_LIST_SUCCESS\";\r\nexport const GET_SCHEME_LIST_FAILED = \"GET_SCHEME_LIST_FAILED\";\r\nexport const VALIDATE_SUB_BROKER = \"VALIDATE_SUB_BROKER\";\r\nexport const VALIDATE_SUB_BROKER_SUCCESS = \"VALIDATE_SUB_BROKER_SUCCESS\";\r\nexport const VALIDATE_SUB_BROKER_FAILED = \"VALIDATE_SUB_BROKER_FAILED\";\r\nexport const STORE_TYPE = \"STORE_TYPE\";\r\nexport const GET_UPCOMING_SIP_DETAILS = \"GET_UPCOMING_SIP_DETAILS\";\r\nexport const GET_UPCOMING_SIP_DETAILS_SUCCESS =\r\n \"GET_UPCOMING_SIP_DETAILS_SUCCESS\";\r\nexport const GET_UPCOMING_SIP_DETAILS_FAILED =\r\n \"GET_UPCOMING_SIP_DETAILS_FAILED\";\r\n\r\nexport const GET_FOLIOS_CANCELLATION = \"GET_FOLIOS_CANCELLATION\";\r\nexport const GET_FOLIOS_CANCELLATION_FAILED = \"GET_FOLIOS_CANCELLATION_FAILED\";\r\nexport const GET_FOLIOS_CANCELLATION_SUCCESS =\r\n \"GET_FOLIOS_CANCELLATION_SUCCESS\";\r\nexport const SUBMIT_GET_FOLIOS_CANCELLATION = \"SUBMIT_GET_FOLIOS_CANCELLATION\";\r\nexport const SUBMIT_GET_FOLIOS_CANCELLATION_SUCCESS =\r\n \"SUBMIT_GET_FOLIOS_CANCELLATION_SUCCESS\";\r\nexport const SUBMIT_GET_FOLIOS_CANCELLATION_FAILED =\r\n \"SUBMIT_GET_FOLIOS_CANCELLATION_FAILED\";\r\n\r\nexport const SUBMIT_GET_STP_FOLIOS_CANCELLATION =\r\n \"SUBMIT_GET_STP_FOLIOS_CANCELLATION\";\r\nexport const SUBMIT_GET__STP_FOLIOS_CANCELLATION_SUCCESS =\r\n \"SUBMIT_GET__STP_FOLIOS_CANCELLATION_SUCCESS\";\r\nexport const SUBMIT_GET_STP_FOLIOS_CANCELLATION_FAILED =\r\n \"SUBMIT_GET_STP_FOLIOS_CANCELLATION_FAILED\";\r\n\r\nexport const PAUSE_SIP_DATES = \"PAUSE_SIP_DATES\";\r\nexport const PAUSE_SIP_DATES_SUCCESS = \"PAUSE_SIP_DATES_SUCCESS\";\r\nexport const PAUSE_SIP_DATES_FAILED = \"PAUSE_SIP_DATES_FAILED\";\r\nexport const PAUSE_END_SIP_DATES = \"PAUSE_END_SIP_DATES\";\r\nexport const PAUSE_END_SIP_DATES_SUCCESS = \"PAUSE_END_SIP_DATES_SUCCESS\";\r\nexport const PAUSE_END_SIP_DATES_FAILED = \"PAUSE_END_SIP_DATES_FAILED\";\r\nexport const PAUSE_SIP_VALIDATOR = \"PAUSE_SIP_VALIDATOR\";\r\nexport const PAUSE_SIP_VALIDATOR_SUCCESS = \"PAUSE_SIP_VALIDATOR_SUCCESS\";\r\nexport const PAUSE_SIP_VALIDATOR_FAILED = \"PAUSE_SIP_VALIDATOR_FAILED\";\r\nexport const FINAL_SIP_PAUSE = \"FINAL_SIP_PAUSE\";\r\nexport const FINAL_SIP_PAUSE_SUCCESS = \"FINAL_SIP_PAUSE_SUCCESS\";\r\nexport const FINAL_SIP_PAUSE_FAILED = \"FINAL_SIP_PAUSE_FAILED\";\r\nexport const SEND_MAIL_KYC = \"SEND_MAIL_KYC\";\r\nexport const SEND_MAIL_KYC_SUCCESS = \"SEND_MAIL_KYC_SUCCESS\";\r\nexport const SEND_MAIL_KYC_FAILED = \"SEND_MAIL_KYC_FAILED\";\r\n","export const PURCHASE_DATA = \"PURCHASE_DATA\";\r\nexport const PURCHASE_DATA_SUCCESS = \"PURCHASE_DATA_SUCCESS\";\r\nexport const PURCHASE_DATA_FAILED = \"PURCHASE_DATA_FAILED\";\r\nexport const SHOW_PURCHASE_CONFIRMATION = \"SHOW_PURCHASE_CONFIRMATION\";\r\nexport const SHOW_PURCHASE_CONFIRMATION_SUCCESS =\r\n \"SHOW_PURCHASE_CONFIRMATION_SUCCESS\";\r\nexport const SHOW_PURCHASE_CONFIRMATION_FAILED =\r\n \"SHOW_PURCHASE_CONFIRMATION_FAILED\";\r\nexport const CONFIRM_PURCHASE = \"CONFIRM_PURCHASE\";\r\nexport const CONFIRM_PURCHASE_SUCCESS = \"CONFIRM_PURCHASE_SUCCESS\";\r\nexport const CONFIRM_PURCHASE_FAILED = \"CONFIRM_PURCHASE_FAILED\";\r\nexport const SET_SIP_DETAILS = \"SET_SIP_DETAILS\";\r\nexport const SET_NEW_PAN = \"SET_NEW_PAN\";\r\nexport const SIP_SAVE_DATA = \"SIP_SAVE_DATA\";\r\nexport const SIP_SAVE_DATA_SUCCESS = \"SIP_SAVE_DATA_SUCCESS\";\r\nexport const SIP_SAVE_DATA_FAILED = \"SIP_SAVE_DATA_FAILED\";\r\nexport const SET_SWITCH_DETAILS = \"SET_SWITCH_DETAILS\";\r\nexport const SWITCH_SAVE_DATA = \"SWITCH_SAVE_DATA\";\r\nexport const SWITCH_SAVE_DATA_SUCCESS = \"SWITCH_SAVE_DATA_SUCCESS\";\r\nexport const SWITCH_SAVE_DATA_FAILED = \"SWITCH_SAVE_DATA_FAILED\";\r\nexport const SET_STP_DETAILS = \"SET_STP_DETAILS\";\r\nexport const STP_SAVE_DATA = \"STP_SAVE_DATA\";\r\nexport const STP_SAVE_DATA_SUCCESS = \"STP_SAVE_DATA_SUCCESS\";\r\nexport const STP_SAVE_DATA_FAILED = \"STP_SAVE_DATA_FAILED\";\r\nexport const GET_EARNINGS = \"GET_EARNINGS\";\r\nexport const GET_EARNINGS_SUCCESS = \"GET_EARNINGS_SUCCESS\";\r\nexport const GET_EARNINGS_FAILED = \"GET_EARNINGS_FAILED\";\r\n\r\nexport const SAVE_TRANSACTION_DETAILS = \"SAVE_TRANSACTION_DETAILS\";","export const GET_FUNDS_LIST_PAN = \"GET_FUNDS_LIST_PAN\";\r\nexport const GET_FUNDS_LIST_PAN_SUCCESS = \"GET_FUNDS_LIST_PAN_SUCCESS\";\r\nexport const GET_FUNDS_LIST_PAN_FAILED = \"GET_FUNDS_LIST_PAN_FAILED\";\r\nexport const GET_TRANSACTION_HISTORY = \"GET_TRANSACTION_HISTORY\";\r\nexport const GET_TRANSACTION_HISTORY_SUCCESS =\r\n \"GET_TRANSACTION_HISTORY_SUCCESS\";\r\nexport const GET_TRANSACTION_HISTORY_FAILED = \"GET_TRANSACTION_HISTORY_FAILED\";\r\nexport const GET_NAV_DATA = \"GET_NAV_DATA\";\r\nexport const GET_NAV_DATA_SUCCESS = \"GET_NAV_DATA_SUCCESS\";\r\nexport const GET_NAV_DATA_FAILED = \"GET_NAV_DATA_FAILED\";\r\nexport const REMOVE_NAV_DATA = \"REMOVE_NAV_DATA\";\r\nexport const REMOVE_TRANSACTION_HISTORY_DATA = \"REMOVE_TRANSACTION_HISTORY_DATA\";\r\n","export const GET_BANK_LIST = \"GET_BANK_LIST\";\r\nexport const GET_BANK_LIST_SUCCESS = \"GET_BANK_LIST_SUCCESS\";\r\nexport const GET_BANK_LIST_FAILED = \"GET_BANK_LIST_FAILED\";\r\nexport const STORE_INVESTMENT_DETAILS = \"STORE_INVESTMENT_DETAILS\";\r\nexport const STORE_FATCA_DETAILS = \"STORE_FATCA_DETAILS\";\r\nexport const STORE_SCHEME_DETAILS = \"STORE_SCHEME_DETAILS\";\r\nexport const STORE_SCHEME_PARAMS = \"STORE_SCHEME_PARAMS\";\r\nexport const STORE_APPLICANT_PARAMS = \"STORE_APPLICANT_PARAMS\";\r\nexport const STORE_INVESTMENT_PARAMS = \"STORE_INVESTMENT_PARAMS\";\r\nexport const STORE_NOMINEE_DETAILS = \"STORE_NOMINEE_DETAILS\";\r\nexport const STORE_PAN = \"STORE_PAN\";\r\nexport const CLEARING_FIRST_TIME_INVETOR_JOURNEY_SUCCESS =\r\n \"CLEARING_FIRST_TIME_INVETOR_JOURNEY_SUCCESS\"; \r\n","export * from \"./auth\";\r\nexport * from \"./dashboard\";\r\nexport * from \"./investors\";\r\nexport * from \"./transactions\";\r\nexport * from \"./history\";\r\nexport * from \"./appEssentials\";\r\nexport * from \"./empanelment\";\r\nexport * from \"./newinvestor\";\r\nexport const ALL = \"A\";\r\nexport const FAVOURITE = \"FAV\";\r\nexport const RECENT = \"R\";\r\nexport const YES = \"Y\";\r\nexport const NO = \"N\";\r\nexport const PANALL = \"ALL\";\r\nexport const TRUE = \"T\";\r\nexport const FALSE = \"F\";\r\nexport const AUTHORIZATION_PENDING = \"P\";\r\nexport const AUTHORIZATION_APPROVED = \"A\";\r\nexport const AUTHORIZATION_EXPIRED = \"E\";\r\nexport const FMPS_MATURITY = \"FMPS_MATURITY\";\r\nexport const SIPS = \"SIPS\";\r\nexport const PHYSICAL_TRANSACTIONS = \"PHYSICAL_TRANSACTIONS\";\r\nexport const INVESTMENTS = \"INVESTMENTS\";\r\nexport const UPCOMING_SIP = \"UPCOMING_SIP\";\r\nexport const EXISTING = \"EXISTING\";\r\nexport const NEW = \"NEW\";\r\nexport const NEWP = \"NEWP\";\r\nexport const PURCHASE = \"P\";\r\nexport const SIP_TRANS_TYPE = \"I\";\r\nexport const REQ_BY = \"a\";\r\nexport const REGULAR = \"Regular\";\r\nexport const PAYMENT_TYPE = \"DCB\";\r\nexport const NEW_PURCHASE = \"NEW_PURCHASE\";\r\nexport const ADDITIONAL_PURCHASE = \"ADDITIONAL_PURCHASE\";\r\nexport const PARTIAL = \"PARTIAL\";\r\nexport const FULL = \"FULL\";\r\nexport const UNITS = \"UNITS\";\r\nexport const AMOUNT = \"AMOUNT\";\r\nexport const REDEMPTION = \"REDEMPTION\";\r\nexport const U = \"U\";\r\nexport const SWITCH = \"SWITCH\";\r\nexport const SWP = \"SWP\";\r\nexport const STP = \"STP\";\r\nexport const SIP = \"SIP\";\r\nexport const PHYSICAL_NEW = \"new\";\r\nexport const PHYSICAL_ADD = \"add\";\r\nexport const PHYSICAL_RED = \"red\";\r\nexport const PHYSICAL_SWITCH = \"swop\";\r\nexport const PHYSICAL_SIP = \"isip\";\r\nexport const GRAPH = \"GRAPH\";\r\nexport const TABLE = \"TABLE\";\r\nexport const PAYMENT_MODE = \"PM\";\r\nexport const INVESTMENT_FREQUENCY = \"IF\";\r\nexport const SIP_DAY = \"D\";\r\nexport const START_LOADER = \"START_LOADER\";\r\nexport const STOP_LOADER = \"STOP_LOADER\";\r\nexport const INACTIVE_INVESTORS = \"INACTIVE_INVESTORS\";\r\nexport const ACTIVE_INVESTORS = \"ACTIVE_INVESTORS\";\r\nexport const NEW_INVESTORS = \"NEW_INVESTORS\";\r\nexport const EXPIRING_NEXT_MONTH = \"EXPIRING_NEXT_MONTH\";\r\nexport const CLOSED_THIS_MONTH = \"CLOSED_THIS_MONTH\";\r\nexport const SIP_INVESTMENTS = \"SIP_INVESTMENTS\";\r\nexport const CWS = \"CWS\";\r\nexport const CWOS = \"CWOS\";\r\n\r\nexport const GET_NOMINEE_DETAILS = \"GET_NOMINEE_DEATILS\";\r\nexport const GET_NOMINEE_DETAILS_SUCESS = \"GET_NOMINEE_DETAILS_SUCESS\";\r\nexport const GET_NOMINEE_DEATILS_FAILED = \"GET_NOMINEE_DEATILS_FAILED\";\r\nexport const GET_BANK_DETAILS_SUCESS = \"GET_BANK_DETAILS_SUCESS\";\r\nexport const GET_BANK_DETAILS = \"GET_BANK_DETAILS\";\r\nexport const GET_BANK_DETAILS_FAILED = \"GET_BANK_DETAILS_FAILED\";\r\nexport const STORE_ADDRESS_SUCESS = \"STORE_ADDRESS_SUCESS\";\r\nexport const STORE_CAMS_DETAILS = \"STORE_CAMS_DETAILS\";\r\n\r\n\r\n","import React, { Component } from \"react\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport SearchIcon from \"@material-ui/icons/Search\";\r\nimport InputBase from \"@material-ui/core/InputBase\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n getInvestorDetails,\r\n checkKyc,\r\n clearingFirstTimeInvestorJourney\r\n} from \"../../../store/actions\";\r\nimport { REQ_BY } from \"../../../store/types\";\r\nimport { NEW_TRANSACTION_URL } from \".\";\r\nimport { KycNotDoneDialog } from \"../customModal\";\r\n\r\nimport CustomLoader from \"../../forms/Loader\";\r\n\r\nclass NewInvestorSearch extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n inputValue: \"\",\r\n openModal: false,\r\n errorMessage: \"\",\r\n };\r\n }\r\n\r\n changeInput = (event) => {\r\n // if (\r\n // !!event.target.value.charAt(3) &&\r\n // (event.target.value.charAt(3) === \"p\" ||\r\n // event.target.value.charAt(3) === \"P\")\r\n // ) {\r\n this.setState({\r\n inputValue: event.target.value.toUpperCase(),\r\n errorMessage: \"\",\r\n });\r\n // } else {\r\n // this.search({\r\n // errorMessage: \"\"\r\n // });\r\n // }\r\n };\r\n\r\n keyPress = (e) => {\r\n if (e.key === \"Enter\") {\r\n this.search();\r\n }\r\n };\r\n\r\n closeModal = () => {\r\n this.setState({\r\n openModal: false,\r\n });\r\n };\r\n\r\n continue = () => {\r\n this.closeModal();\r\n this.props.history.push({\r\n pathname:\r\n NEW_TRANSACTION_URL,\r\n });\r\n };\r\n\r\n search = async () => {\r\n const regpan = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/;\r\n if (!this.state.inputValue || !regpan.test(this.state.inputValue)) {\r\n this.setState({ errorMessage: \"Please enter a valid PAN to proceed\" });\r\n } else if (\r\n this.state.inputValue[3] !== \"P\" &&\r\n this.state.inputValue[3] !== \"P\"\r\n ) {\r\n this.setState({\r\n errorMessage:\r\n \"Entered PAN Number is not related to Individual PAN Number, So please Enter Individual PAN Number\",\r\n });\r\n } else {\r\n const params = {\r\n Uid: this.props.userId,\r\n ReqBy: REQ_BY,\r\n PAN: this.state.inputValue.toUpperCase(),\r\n customfund: \"189\",\r\n };\r\n this.setState({ isLoading: true });\r\n const response = await this.props.getInvestorDetails(params);\r\n if (response) {\r\n this.setState({ isLoading: false });\r\n this.props.history.push({\r\n pathname: NEW_TRANSACTION_URL + \"/transction-types\",\r\n pan: this.state.inputValue,\r\n });\r\n } else {\r\n this.setState({ isLoading: true });\r\n const kycResponse = await this.props.checkKyc({\r\n fund: \"189\",\r\n userid: this.props.userId,\r\n i_pan: this.state.inputValue,\r\n });\r\n this.setState({ isLoading: false });\r\n const {\r\n DtData: [info],\r\n } = kycResponse;\r\n if (info.KYCBlock === \"N\") {\r\n await this.props.clearingFirstTimeInvestorJourney();\r\n this.props.history.push({\r\n pathname: \"new-investor-transaction/investor-details\",\r\n state: {\r\n pan: !!this.state.inputValue ? this.state.inputValue : \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({ openModal: true });\r\n }\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {this.state.errorMessage}\r\n
\r\n )}\r\n \r\n
\r\n \r\n Search\r\n
\r\n \r\n {!!this.state.errorMessage && (\r\n \r\n \r\n
\r\n {this.state.active === NEW ? (\r\n <>\r\n New Transaction
\r\n\r\n \r\n
\r\n )}\r\n\r\n {/* \r\n {this.props.investors.length > 0 && (\r\n \r\n this.props.history.push(\"/newTransaction/transction-types\")\r\n }\r\n >\r\n Next\r\n
\r\n )}\r\n */}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer, investor }) => {\r\n const { token } = authReducer;\r\n const { investors } = investor;\r\n return { investors, token };\r\n },\r\n { getInvestors }\r\n)(Transactions);\r\n","import React, { Component } from \"react\";\r\nimport { Paper } from \"@material-ui/core\";\r\nimport { NEW_TRANSACTION_URL } from \".\";\r\nimport { saveTransactionDetails } from \"../../../store/actions\";\r\nimport { connect } from \"react-redux\";\r\nimport Image from \"../../Image\";\r\nclass TransactionTypeCards extends Component {\r\n constructor() {\r\n super();\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\",\r\n });\r\n }\r\n\r\n getUrlByName = (name) => {\r\n let url = `/`;\r\n switch (name) {\r\n case \"SIP\":\r\n url = NEW_TRANSACTION_URL + \"/sip/digital/transact\";\r\n break;\r\n // case \"ISIP\":\r\n // url = NEW_TRANSACTION_URL + \"/sip/digital/modes/transact\";\r\n // break;\r\n case \"STP\":\r\n url = NEW_TRANSACTION_URL + \"/stp/digital/transact\";\r\n break;\r\n case \"Switch\":\r\n url = NEW_TRANSACTION_URL + \"/switch/digital/transact\";\r\n break;\r\n case \"Redemption\":\r\n url = NEW_TRANSACTION_URL + \"/redemption/digital/transact\";\r\n break;\r\n case \"SWP\":\r\n url = NEW_TRANSACTION_URL + \"/swp/digital/transact\";\r\n break;\r\n case \"NFO & New Purchase\":\r\n url = NEW_TRANSACTION_URL + \"/nfo-new-purchase/digital/transact\";\r\n break;\r\n case \"NFO & Additional Purchase\":\r\n url = NEW_TRANSACTION_URL + \"/additional-purchase/digital/transact\";\r\n break;\r\n case \"Pause/Cancellation\":\r\n url = NEW_TRANSACTION_URL + \"/sip-cancellation/digital/transact\";\r\n break;\r\n case \"NCT\":\r\n url = NEW_TRANSACTION_URL + \"/nct-type/digital/transact\";\r\n break;\r\n case \"eNACH\":\r\n url = NEW_TRANSACTION_URL + \"/eNACH/digital/transact\";\r\n break;\r\n default:\r\n break;\r\n }\r\n return url;\r\n };\r\n //Removing Stored Details Before Navigating to Transaction Pages\r\n goSip = () => {\r\n let pan =\r\n !!this.props.pan &&\r\n (this.props.name === \"SIP\" ||\r\n this.props.name === \"ISIP\" ||\r\n this.props.name === \"Lumpsum\" ||\r\n this.props.name === \"eNACH\")\r\n ? this.props.pan\r\n : \"\";\r\n let mode = this.props.name === \"ISIP\" ? \"ISIP\" : \"\";\r\n if (!!pan && this.props.name === \"SIP\") {\r\n this.props.saveTransactionDetails({});\r\n this.props.history.push({\r\n pathname: NEW_TRANSACTION_URL + \"/sip/digital/transact\",\r\n state: {\r\n pan: pan,\r\n mode: \"ISIP\",\r\n },\r\n });\r\n } else {\r\n this.props.saveTransactionDetails({});\r\n this.props.history.push({\r\n pathname: NEW_TRANSACTION_URL + \"/sip/digital/modes\",\r\n state: {\r\n pan: pan,\r\n mode: mode,\r\n },\r\n });\r\n }\r\n };\r\n\r\n Enach = () => {\r\n let pan =\r\n !!this.props.pan && this.props.name === \"Enach\" ? this.props.pan : \"\";\r\n this.props.saveTransactionDetails({});\r\n this.props.history.push({\r\n pathname: NEW_TRANSACTION_URL + \"/sip/digital/modes/enach-folios\",\r\n state: {\r\n pan: pan,\r\n mode: \"Enach\",\r\n },\r\n });\r\n };\r\n render() {\r\n return (\r\n \r\n
\r\n {/* {this.props.name !== \"Pause/Cancellation\" &&\r\n this.props.name != \"NCT\" &&\r\n this.props.name != \"eNACH\" ? (\r\n \r\n
\r\n {this.props.name}
\r\n \r\n \r\n \r\n Digital Mode\r\n
\r\n Select Transaction Type
\r\n \r\n \r\n \r\n {/* \r\n Phygital Mode\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Please Follow The Below Steps\r\n
*/}\r\n {/* \r\n
*/}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n Upload Order form\r\n
\r\n \r\n Upload Cheque\r\n
\r\n \r\n Sumbit Cheque at nearest Kfintech Branch\r\n
\r\n \r\n \r\n \r\n this.props.history.push({\r\n pathname: this.props.location.state.digital,\r\n })\r\n }\r\n >\r\n Select digital Mode\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n Digital Mode
\r\n \r\n A mutual fund is a professionally managed investment fund that pools\r\n money from many investors to purchase securities. These investors\r\n may be retail or institutional in nature.\r\n
\r\n \r\n
\r\n \r\n
\r\n Physical Mode
\r\n \r\n
\r\n \r\n Please Follow The Below Steps\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Upload Order form\r\n
\r\n \r\n Upload Cheque\r\n
\r\n \r\n Sumbit Cheque at nearest Karvy Branch\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { getEnachFoliosList } from \"../../../../store/actions/transactions\";\r\nimport {\r\n EnachUMR,\r\n EnachFolio,\r\n Enachbank,\r\n EnachEndDate,\r\n EnachMaxAmount,\r\n EnachStartDate,\r\n} from \"../../../../store/actions/auth\";\r\nimport IntegrationReactSelect from \"../../../forms/autoCompleteInput\";\r\n\r\nclass SipEnach extends Component {\r\n constructor(props) {\r\n super(props);\r\n const fund = \"189\";\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (curr.Fund.trim() === fund) {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n this.state = {\r\n folios: folios,\r\n folio: { value: \"\" },\r\n details: [],\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n const { investorData } = this.props;\r\n this.props.EnachUMR(\"\");\r\n this.props.EnachFolio(\"\");\r\n this.props.Enachbank(\"\");\r\n const fund = \"189\";\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (curr.Fund.trim() === fund) {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n\r\n const params = {\r\n Fund: \"189\",\r\n PAN: investorData.PAN,\r\n uid: this.props.userId,\r\n customfund: \"189\",\r\n acno: folios[0],\r\n };\r\n const response = await this.props.getEnachFoliosList(params);\r\n if (!!response && !!response.Table1 && !!response.Table1.length) {\r\n this.setState({\r\n details: response.Table1,\r\n });\r\n }\r\n this.setState({\r\n folio: { value: { value: folios[0], label: folios[0] } },\r\n });\r\n }\r\n\r\n ChangeFolio = async (value) => {\r\n const { investorData } = this.props;\r\n if (!!value) {\r\n this.setState({\r\n folio: { value: value },\r\n });\r\n const params = {\r\n Fund: \"189\",\r\n PAN: investorData.PAN,\r\n uid: this.props.userId,\r\n customfund: \"189\",\r\n acno: value.value,\r\n };\r\n const response = await this.props.getEnachFoliosList(params);\r\n if (!!response && !!response.Table1 && !!response.Table1.length) {\r\n this.setState({\r\n details: response.Table1,\r\n });\r\n } else {\r\n this.setState({\r\n details: [],\r\n });\r\n }\r\n }\r\n };\r\n gotoSIP = (ele) => async () => {\r\n await this.props.EnachEndDate(ele[\"MANDATE END DATE\"]);\r\n await this.props.EnachStartDate(ele[\"MANDATE START DATE\"]);\r\n await this.props.EnachMaxAmount(ele.Amt);\r\n await this.props.EnachUMR(ele.UMRNNO);\r\n await this.props.Enachbank(ele[\"BANK A/C NO\"]);\r\n this.props.history.push({\r\n pathname: `/new-transaction/sip/digital/modes/enach-folios/transact`,\r\n state: {\r\n enachSipDetails: ele,\r\n mode: \"ENACH\",\r\n folio: this.state.folio.value.value,\r\n },\r\n });\r\n };\r\n\r\n gotoENACH = () => {\r\n this.props.EnachFolio(this.state.folio.value.value);\r\n this.props.history.push({\r\n pathname: `/new-transaction/sip/digital/modes/enach-folios/eNACH`,\r\n state: {\r\n folio: this.state.folio.value.value,\r\n },\r\n });\r\n };\r\n render() {\r\n const { folio, folios, details } = this.state;\r\n\r\n return (\r\n \r\n Select Mode of Registration\r\n
\r\n \r\n \r\n Bank Name\r\n
\r\n \r\n
\r\n {!!details.length ? (\r\n \r\n Summary of ENACH registered under the folio number\r\n
\r\n \r\n ({\r\n label: item,\r\n value: item,\r\n }))}\r\n value={folio.value}\r\n placeholder=\"Select Folio\"\r\n handleChange={this.ChangeFolio}\r\n inputRef={(ele) => (this.folioField = ele)}\r\n isError={folio.isError}\r\n errorMessage={folio.errorMessage}\r\n />\r\n
\r\n \r\n Please select Folio\r\n
\r\n \r\n \r\n IFSC Code\r\n
\r\n Select Bank to Register ENACH
\r\n \r\n \r\n \r\n Bank Account Number\r\n
\r\n \r\n {details.length > 0\r\n ? details.map((ele, index) => (\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const { token, userId, fundList, investorData } = authReducer;\r\n\r\n return {\r\n token,\r\n userId,\r\n fundList,\r\n investorData,\r\n };\r\n },\r\n {\r\n getEnachFoliosList,\r\n EnachUMR,\r\n EnachFolio,\r\n Enachbank,\r\n EnachEndDate,\r\n EnachMaxAmount,\r\n EnachStartDate,\r\n }\r\n)(SipEnach);\r\nexport class InvestorTableCard extends Component {\r\n render() {\r\n const { bankac, ifsc, bankname, UMR, item, gotosip } = this.props;\r\n return (\r\n \r\n \r\n {!!bankac ? bankac : \"NA\"}\r\n
\r\n \r\n \r\n \r\n Bank Account Number\r\n
\r\n \r\n \r\n IFSC Code\r\n
\r\n \r\n \r\n {!!bankname ? bankname : \"NA\"}\r\n
\r\n \r\n \r\n \r\n Bank Name\r\n
\r\n \r\n \r\n UMR No\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport Transactions from \"./TransactionMain\";\r\nimport TransactionType from \"./TransactionTypes\";\r\nimport TransactionMode from \"./TransactionModes\";\r\nimport NFOAndNewPurchaseDigital from \"./nfoAndNewPurchase\";\r\nimport EKYC from \"./ekycForm\";\r\nimport SIPModeTypes from \"./sip/modeTypes\";\r\nimport SipEnach from \"./sip/sipEnach\";\r\nimport NewInvestorRegistration from \"./newInvestor/NewInvestorRegistration\";\r\nexport default class TransactionRouter extends Component {\r\n render() {\r\n const { history, location } = this.props;\r\n return (\r\n \r\n \r\n \r\n Select\r\n
\r\n Please click \"select\" to register ENACH SIP
\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport { connect } from \"react-redux\";\r\nimport CustomizedSelect from \"../transactions/customizedSelect\";\r\nimport DateFnsUtils from \"@date-io/date-fns\";\r\nimport { Input } from \"../../forms/input\";\r\nimport Signbutton from \"../../forms/button\";\r\nimport CustomizedDialogs from \"../../home/customModal\";\r\nimport { MBRStatusDialog } from \"../../home/customModal\";\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport {\r\n GET_FUNDS_LIST,\r\n GET_FUNDS_LIST_SUCCESS,\r\n GET_FUNDS_LIST_FAILED,\r\n ALL,\r\n} from \"../../../store/types\";\r\nimport {\r\n getInvestorDetails,\r\n getNewPurchaseFundList,\r\n} from \"../../../store/actions\";\r\nimport {\r\n getMailbackList,\r\n GetDistMailbackRequest,\r\n} from \"../../../store/actions/mailback\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport { BajajFund } from \"../nav\";\r\nimport CustomLoader from \"../../forms/Loader\";\r\nexport const MAILBACK_URL = `/mailBackRequest`;\r\nclass MailBack extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { state } = this.props.location;\r\n this.state = {\r\n fund: { value: \"\" },\r\n reports: [],\r\n display: false,\r\n showPassword: false,\r\n status: {\r\n value: false,\r\n },\r\n report:\r\n !!state && !!state.value\r\n ? {\r\n value: {\r\n label: state.value.KDM_Repdesc,\r\n value: state.value.KDM_Repcode,\r\n },\r\n }\r\n : { value: \"\" },\r\n reportType: { value: \"\" },\r\n fromDate: { value: null, error: false },\r\n toDate: { value: null, error: false },\r\n password: { value: \"\" },\r\n open: false,\r\n refrenceNumber: { value: \"\" },\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n const params = {\r\n customfund: \"189\",\r\n };\r\n const response = await this.props.getMailbackList(params);\r\n if (response) {\r\n this.setState({\r\n reports: response.DtData,\r\n });\r\n }\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\",\r\n });\r\n }\r\n handleChangeReports = (value) => {\r\n this.setState({\r\n report: { value },\r\n });\r\n };\r\n handleChangeReportTypes = (event) => {\r\n this.setState({\r\n reportType: { value: event.target.value },\r\n });\r\n };\r\n handleChangeFunds = (value) => {\r\n this.setState({\r\n fund: { value },\r\n });\r\n };\r\n handleChangePassword = (event) => {\r\n this.setState({\r\n password: { value: event.target.value },\r\n });\r\n };\r\n onDateChange = (label, event) => {\r\n if (label === \"toDate\" && !!this.state.fromDate.value && !!event) {\r\n const reformtStDt = this.state.fromDate.value.toLocaleDateString(\r\n \"en-US\",\r\n {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n }\r\n );\r\n\r\n const changeEndDt = event.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n\r\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\r\n const d3 = new Date(changeEndDt).setHours(12, 0, 0, 0);\r\n if (d2 > d3) {\r\n this.setState({\r\n [label]: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"Start Date should be earlier than End Date\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: { value: event, errorMessage: \"\", error: false },\r\n });\r\n }\r\n } else if (label === \"fromDate\") {\r\n this.setState({\r\n [label]: { value: event },\r\n toDate: { value: null, error: \"\", errorMessage: \"\" },\r\n });\r\n }\r\n\r\n // this.setState({ [label]: { value: event } });\r\n };\r\n\r\n submit = async () => {\r\n let toDateValue;\r\n let fromDateValue;\r\n\r\n if (this.state.fromDate.value) {\r\n fromDateValue = this.state.fromDate.value.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n }\r\n if (this.state.toDate.value) {\r\n toDateValue = this.state.toDate.value.toLocaleDateString(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\r\n });\r\n }\r\n const {\r\n funds,\r\n reports,\r\n // fromDate,\r\n status,\r\n // toDate,\r\n fund,\r\n display,\r\n open,\r\n showPassword,\r\n refrenceNumber,\r\n ...others\r\n } = this.state;\r\n if(this.state.fromDate.value===this.state.toDate.value)\r\n {\r\n this.setState({\r\n toDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"start date and end date cannot be same\",\r\n },\r\n });\r\n return;\r\n }\r\n\r\n const keys = Object.keys(others);\r\n const d2 = new Date(this.state.fromDate.value).setHours(12, 0, 0, 0);\r\n const d3 = new Date(this.state.toDate.value).setHours(12, 0, 0, 0);\r\n if(d2===d3)\r\n {\r\n this.setState({\r\n toDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"start date and end date cannot be same\",\r\n },\r\n });\r\n return;\r\n }\r\n\r\n const findError = keys.every((key) => !!others[key].value);\r\n\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"report\"\r\n ? \"Report\"\r\n : key === \"reportType\"\r\n ? \"Report Type\"\r\n : key === \"fromDate\"\r\n ? \"Start date\"\r\n : key === \"toDate\"\r\n ? \"End date\"\r\n : key === \"password\"\r\n ? \"Password\"\r\n : key === \"fromDate\"\r\n ? \"Start date\"\r\n : key === \"toDate\"\r\n ? \"End date\"\r\n : \"\"\r\n } is mandatory*`,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !others[key].value);\r\n switch (firstErroredKey) {\r\n // case \"fund\": {\r\n // this.fundField.focus();\r\n // break;\r\n // }\r\n case \"report\": {\r\n this.reportField.focus();\r\n break;\r\n }\r\n case \"reportType\": {\r\n this.reportTypeField.focus();\r\n break;\r\n }\r\n // case \"fromDate\": {\r\n // this.fromDateField.focus();\r\n // break;\r\n // }\r\n // case \"toDate\": {\r\n // this.toDateField.focus();\r\n // break;\r\n // }\r\n }\r\n } else if (\r\n others.password.value === \"\" ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n others.password.value\r\n )\r\n ) {\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n others.password.value\r\n )\r\n ) {\r\n // this.passwordField.focus();\r\n this.setState({\r\n password: {\r\n ...others[\"password\"],\r\n isError: true,\r\n errorMessage: `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)`,\r\n },\r\n });\r\n return;\r\n } else {\r\n this.passwordField.focus();\r\n this.setState({\r\n password: {\r\n ...others[\"password\"],\r\n isError: true,\r\n errorMessage: `Password is mandatory`,\r\n },\r\n });\r\n return;\r\n }\r\n } else if (!this.state.fromDate.value) {\r\n this.setState({\r\n fromDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"From date is mandatory\",\r\n },\r\n });\r\n return;\r\n } else if (!this.state.toDate.value) {\r\n this.setState({\r\n toDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"To date is mandatory\",\r\n },\r\n });\r\n return;\r\n } else if (d2 > d3) {\r\n this.setState({\r\n toDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"From date should be earlier than To date\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n display: true,\r\n });\r\n const params = {\r\n Userid: this.props.userId,\r\n ReportNumber: this.state.report.value.value,\r\n ZipPwd: this.state.password.value,\r\n Fund: \"189\",\r\n customfund: \"189\",\r\n toDate: toDateValue,\r\n fromDate: fromDateValue,\r\n ReqBy: ALL,\r\n Agent: this.props.token,\r\n reportType: this.state.reportType.value === \"Excel\" ? \"Excel\" : \"DBF\",\r\n };\r\n const response = await this.props.GetDistMailbackRequest(params);\r\n if (response) {\r\n this.setState({\r\n display: false,\r\n open: true,\r\n refrenceNumber: { value: response.DtData[0].Refno },\r\n });\r\n }\r\n }\r\n };\r\n\r\n closeModal = () => {\r\n this.setState({\r\n open: false,\r\n fund: { value: \"\" },\r\n report: { value: \"\" },\r\n reportType: { value: \"\" },\r\n fromDate: { value: null, error: false },\r\n toDate: { value: null, error: false },\r\n password: { value: \"\" },\r\n refrenceNumber: { value: \"\" },\r\n });\r\n };\r\n showError = (label) => (event) => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n\r\n if (label === \"\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: this.state.selfPassword.value === \"\" ? true : !value,\r\n errorMessage:\r\n this.state.selfPassword.value === \"\"\r\n ? `Self-password is mandatory`\r\n : \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n },\r\n });\r\n }\r\n };\r\n close() {\r\n this.setState({\r\n status: {\r\n value: false,\r\n },\r\n });\r\n }\r\n\r\n gotoblur = () => {\r\n if (\r\n this.state.password.value === \"\" ||\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.password.value\r\n )\r\n ) {\r\n if (\r\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\r\n this.state.password.value\r\n )\r\n ) {\r\n this.setState({\r\n password: {\r\n isError: true,\r\n errorMessage: `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)`,\r\n },\r\n });\r\n return;\r\n } else {\r\n this.passwordField.focus();\r\n this.setState({\r\n password: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Password is mandatory`,\r\n },\r\n });\r\n return;\r\n }\r\n }\r\n };\r\n render() {\r\n const { fundsList, location } = this.props;\r\n const { fund, reports, report, reportType, password, display } = this.state;\r\n const { state } = location;\r\n return (\r\n \r\n \r\n
\r\n Mail back Request for Self-Reports
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n AMC
\r\n \r\n ({\r\n label: item.KDM_Repdesc,\r\n value: item.KDM_Repcode,\r\n }))}\r\n value={report.value}\r\n placeholder=\"Select Report\"\r\n errorMessage={report.errorMessage}\r\n maxDate={new Date()}\r\n disabled={!!state && !!state.value}\r\n inputRef={(ele) => (this.reportField = ele)}\r\n isError={report.isError}\r\n isShowError={report.isError}\r\n handleChange={this.handleChangeReports}\r\n />\r\n
\r\n\r\n Select Report
\r\n \r\n (this.reportTypeField = ele)}\r\n isError={reportType.isError}\r\n errorMessage={reportType.errorMessage}\r\n isShowError={reportType.isError}\r\n placeholder=\"Select Report Type\"\r\n >\r\n \r\n \r\n \r\n
\r\n\r\n Report Type
\r\n \r\n {\r\n this.setState({\r\n showPassword: !this.state.showPassword,\r\n });\r\n }}\r\n value={password.value}\r\n isShowError={password.isError}\r\n isShowPasswordError={password.isPasswordError}\r\n inputRef={(ele) => (this.passwordField = ele)}\r\n errorMessage={password.errorMessage}\r\n onBlur={this.gotoblur}\r\n />\r\n
\r\n\r\n \r\n \r\n this.onDateChange(\"fromDate\", e)}\r\n // openTo={true}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n maxDate={new Date()}\r\n minDate={new Date(2000, 0, 1)}\r\n // animateYearScrolling={true}\r\n id=\"mui-pickers-date\"\r\n value={this.state.fromDate.value}\r\n />\r\n {!!this.state.fromDate.errorMessage ? (\r\n \r\n {this.state.fromDate.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n From Date
\r\n \r\n \r\n this.onDateChange(\"toDate\", e)}\r\n // openTo={true}\r\n disabled={!this.state.fromDate.value ? true : false}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n errorMessage={this.state.toDate.errorMessage}\r\n maxDate={new Date()}\r\n minDate={new Date(2000, 0, 1)} // animateYearScrolling={true}\r\n id=\"mui-pickers-date\"\r\n value={this.state.toDate.value}\r\n />\r\n {!!this.state.toDate.errorMessage ? (\r\n \r\n {this.state.toDate.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n To Date
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer, transactions }) => {\r\n const { investorData, userId, token } = authReducer;\r\n const { fundsList } = transactions;\r\n return { investorData, userId, token, fundsList };\r\n },\r\n {\r\n getNewPurchaseFundList,\r\n getInvestorDetails,\r\n getMailbackList,\r\n GetDistMailbackRequest,\r\n }\r\n)(MailBack);\r\n","export const USER_LOGIN = \"USER_LOGIN\";\r\nexport const USER_LOGIN_SUCCESS = \"USER_LOGIN_SUCCESS\";\r\nexport const USER_LOGIN_FAILED = \"USER_LOGIN_FAILED\";\r\nexport const USER_LOGOUT = \"USER_LOGOUT\";\r\nexport const USER_PAN = \"USER_PAN\";\r\nexport const USER_LOGIN_REFRESH_FAILED = \"USER_LOGIN_REFRESH_FAILED\";\r\nexport const USER_LOGIN_REFRESH_SUCCESS = \"USER_LOGIN_REFRESH_SUCCESS\";\r\nexport const USER_LOGIN_REFRESH = \"USER_LOGIN_REFRESH\";\r\nexport const POSTER_OPEN = \"POSTER_OPEN\";\r\nexport const ENACH_UMR = \"ENACH_UMR\";\r\nexport const ENACH_FOLIO = \"ENACH_FOLIO\";\r\nexport const ENACH_BANK_ACC = \"ENACH_BANK_ACC\";\r\nexport const ENACH_END_DATE = \"ENACH_END_DATE\";\r\nexport const ENACH_START_DATE = \"ENACH_START_DATE\";\r\nexport const ENACH_MAX_AMOUNT = \"ENACH_MAX_AMOUNT\";\r\n","import React, { Component } from \"react\";\r\nimport { Input } from \"../../forms/input\";\r\nimport Signbutton from \"../../forms/button\";\r\nimport { connect } from \"react-redux\";\r\nimport CustomizedSelect from \"./customizedSelect\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\n\r\nimport {\r\n getNewPurchaseFundList,\r\n validateSubBroker,\r\n getInvestorDetails,\r\n submitPurchaseData,\r\n showPurchaseConfirmation,\r\n saveTransactionDetails,\r\n} from \"../../../store/actions\";\r\nimport {\r\n GET_CATEGORY_LIST,\r\n GET_CATEGORY_LIST_SUCCESS,\r\n GET_SCHEME_LIST,\r\n GET_SCHEME_LIST_SUCCESS,\r\n GET_CATEGORY_LIST_FAILED,\r\n GET_SCHEME_LIST_FAILED,\r\n PURCHASE,\r\n REGULAR,\r\n NO,\r\n YES,\r\n NEW_PURCHASE,\r\n NEW,\r\n NEWP,\r\n} from \"../../../store/types\";\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport { NEW_TRANSACTION_URL, countrycodeOptions } from \".\";\r\n\r\nclass NewPurchase extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n const { investorData, communicationDetails = [], token } = this.props;\r\n const revCD =\r\n !!communicationDetails && communicationDetails.length > 0\r\n ? communicationDetails.reverse()\r\n : \"\";\r\n const Xmobile = (revCD || []).find(\r\n (detail) =>\r\n detail.PAN === investorData.PAN &&\r\n !!detail.Mobile &&\r\n !!detail.Fund &&\r\n detail.Fund === \"189\"\r\n );\r\n const Xemail = (revCD || []).find(\r\n (detail) =>\r\n detail.PAN === investorData.PAN &&\r\n !!detail.email &&\r\n !!detail.Fund &&\r\n detail.Fund === \"189\"\r\n );\r\n const Email = !!Xemail && !!Xemail.email ? Xemail.email : \"\";\r\n const Mobile = !!Xmobile && !!Xmobile.Mobile ? Xmobile.Mobile : \"\";\r\n\r\n this.state = {\r\n emailId: { value: Email || \"\" },\r\n mobile: { value: Mobile || \"\" },\r\n disbleEmail: !!Email ? true : false,\r\n disbleMobile: !!Mobile ? true : false,\r\n arnCode: { value: token },\r\n invName: { value: this.props.investorData.invname || \"\" },\r\n fund: { value: \"189\" },\r\n category: { value: \"\" },\r\n scheme: { value: \"\" },\r\n subArnCode: { value: \"\" },\r\n multiples: \"\",\r\n euinNo: { value: \"\" },\r\n radioValue: { value: \"no\" },\r\n minAmount: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n code: { value: \"+91\" },\r\n Family_Code_Email: { value: \"\" },\r\n Family_Code_Phone: { value: \"\" },\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n const { transactionDetails } = this.props;\r\n if (Object.keys(transactionDetails).length > 0) {\r\n this.setState(transactionDetails);\r\n return;\r\n }\r\n const params = {\r\n opt: \"AT\",\r\n plntype: REGULAR,\r\n fund: \"189\",\r\n };\r\n const types = [\r\n GET_CATEGORY_LIST,\r\n GET_CATEGORY_LIST_SUCCESS,\r\n GET_CATEGORY_LIST_FAILED,\r\n ];\r\n const response = await this.props.getNewPurchaseFundList(params, types);\r\n }\r\n FamilyDescriptionEmail = (event) => {\r\n this.setState({\r\n Family_Code_Email: { value: event },\r\n });\r\n };\r\n FamilyDescriptionPhone = (event) => {\r\n this.setState({\r\n Family_Code_Phone: { value: event },\r\n });\r\n };\r\n\r\n validateBrokerCode = async () => {\r\n if (\r\n !!this.state.subArnCode.value &&\r\n this.state.subArnCode.value === this.state.arnCode.value.split(\"-\")[1]\r\n ) {\r\n this.setState({\r\n subArnCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"ARN and Sub ARN Code should not be the same\",\r\n },\r\n });\r\n return;\r\n }\r\n\r\n const { fund, subArnCode, arnCode } = this.state;\r\n const params = {\r\n Fund: \"189\",\r\n SubAgentCd: !!subArnCode.value ? `ARN-${subArnCode.value}` : \"\",\r\n AgentCd: arnCode.value,\r\n };\r\n const response = await this.props.validateSubBroker(params);\r\n if (!!response && !!response.DtData && response.DtData.length > 0) {\r\n const getLength = response.DtData.length === 1;\r\n let value = {\r\n value: response.DtData[0].abm_agent,\r\n label: response.DtData[0].abm_agent,\r\n };\r\n if (!!getLength) {\r\n this.setState({\r\n euinNo: { value },\r\n });\r\n }\r\n }\r\n\r\n // if (!response) {\r\n // alert(`${response}`);\r\n // // this.setState({\r\n // // subArnCode: {\r\n // // value: \"\",\r\n // // isError: true,\r\n // // errorMessage: ``,\r\n // // },\r\n // // });\r\n // }\r\n };\r\n\r\n handleCategoryChange = (label) => async (event) => {\r\n this.setState({ [label]: { value: event.target.value } });\r\n if (!!event.target.value) {\r\n let params = { plntype: REGULAR };\r\n params = {\r\n ...params,\r\n opt: \"S\",\r\n schemetype: event.target.value,\r\n fund: \"189\",\r\n };\r\n const types = [\r\n GET_SCHEME_LIST,\r\n GET_SCHEME_LIST_SUCCESS,\r\n GET_SCHEME_LIST_FAILED,\r\n ];\r\n const response = await this.props.getNewPurchaseFundList(params, types);\r\n\r\n if (response) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n scheme: { value: \"\" },\r\n minCost: \"\",\r\n });\r\n }\r\n } else {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n scheme: { value: \"\" },\r\n minCost: \"\",\r\n });\r\n }\r\n };\r\n\r\n changeScheme = (value) => {\r\n const comboScheme =\r\n !!value &&\r\n !!value.value &&\r\n this.props.schemeList.find((ele) => ele.Scheme_Plan === value.value);\r\n this.setState({\r\n scheme: { value: value, isError: false, errorMessage: \"\" },\r\n minAmount: { value: \"\", isError: false, errorMessage: \"\" },\r\n minCost: !!comboScheme && !!comboScheme.MinAmt ? comboScheme.MinAmt : \"\",\r\n multiples:\r\n !!comboScheme && !!comboScheme.multiples ? comboScheme.multiples : \"\",\r\n });\r\n if (!!value) {\r\n this.validateBrokerCode();\r\n }\r\n };\r\n\r\n changeValue = (label) => (event) => {\r\n if (label === \"minAmount\" && event.target.value.length <= 10) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (label === \"code\") { \r\n this.setState({ [label]: { value: event.target.value } });\r\n } else if (label === \"mobile\" ) {\r\n if (!/^[6-9]\\d{9}$/.test(event.target.value) && (this.state.code.value === \"+91\")) {\r\n this.setState({\r\n [label]: {\r\n value: event.target.value,\r\n isError: true,\r\n errorMessage: \"Enter a valid Mobile Number\",\r\n },\r\n });\r\n } else {\r\n this.setState({ [label]: { value: event.target.value } });\r\n }\r\n } else if (\r\n (label === \"subArnCode\" || label === \"subBrokerCode\") &&\r\n event.target.value.length <= 20\r\n ) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n return;\r\n } else if (label === \"invName\") {\r\n if (/^[a-zA-Z ]*$/.test(event.target.value)) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n } else if (\r\n label !== \"mobile\" &&\r\n label !== \"invName\" &&\r\n label !== \"minAmount\" &&\r\n label !== \"subArnCode\" &&\r\n label !== \"subBrokerCode\"\r\n ) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n };\r\n\r\n changeEuin = (label) => (value) => {\r\n this.setState({\r\n [label]: { value },\r\n });\r\n };\r\n\r\n showError = (label) => (event) => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n if (label === \"minAmount\") {\r\n if (\r\n parseFloat(this.state.minCost) > parseFloat(this.state.minAmount.value)\r\n ) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `The amount should be ₹ ${this.state.minCost} or more`,\r\n },\r\n });\r\n } else if (\r\n !!this.state.minAmount.value &&\r\n !!this.state.multiples &&\r\n parseFloat(this.state.minAmount.value) %\r\n parseFloat(this.state.multiples) !=\r\n 0\r\n ) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `The amount should be in the multiples of ${this.state.multiples}`,\r\n },\r\n });\r\n }\r\n } else if (label === \"emailId\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.emailId.value\r\n ) === false\r\n ? true\r\n : !value,\r\n errorMessage:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.emailId.value\r\n ) === false\r\n ? `( *enter an vaild email address )`\r\n : \"\",\r\n },\r\n });\r\n } else if (label === \"code\") {\r\n if (!/^[+]\\d{1,3}$/.test(event.target.value)) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a valid Country Code\",\r\n },\r\n });\r\n }\r\n } else if (label === \"mobile\" && (this.state.code.value === \"+91\")) {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\r\n this.state.mobile.value\r\n ) === false\r\n ? true\r\n : !value,\r\n errorMessage:\r\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\r\n this.state.mobile.value\r\n ) === false\r\n ? `(* Enter a valid Phone Number)`\r\n : !value,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n },\r\n });\r\n }\r\n };\r\n\r\n submit = async () => {\r\n const { location } = this.props;\r\n const { state } = location;\r\n\r\n const {\r\n arnCode,\r\n combo,\r\n subArnCode,\r\n isCombo,\r\n radioValue,\r\n multiples,\r\n invName,\r\n euinNo,\r\n minCost,\r\n subBrokerCode,\r\n disbleEmail,\r\n disbleMobile,\r\n code,\r\n Family_Code_Email,\r\n Family_Code_Phone,\r\n ...others\r\n } = this.state;\r\n const arn = this.state.arnCode.value.split(\"-\");\r\n if (!/^[+]\\d{1,3}$/.test(code.value)) {\r\n this.setState({\r\n [code]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: !code.value\r\n ? \"Country Code is Mandatory\"\r\n : \"Enter a valid Country Code\",\r\n },\r\n });\r\n return;\r\n }\r\n if (\r\n !/^[+]\\d{1,3}/.test(this.state.code.value) &&\r\n (this.state.sipType.value === NEW || this.state.sipType.value === NEWP)\r\n ) {\r\n this.setState({\r\n code: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: !code.value\r\n ? \"Country Code is Mandatory\"\r\n : \"Enter a valid Country Code\",\r\n },\r\n });\r\n return;\r\n }\r\n if (radioValue.value === \"no\" && !euinNo.value) {\r\n this.setState({\r\n euinNo: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Euin is required to proceed\",\r\n },\r\n });\r\n }\r\n\r\n if (this.state.invName.value === \"\") {\r\n this.setState({\r\n invName: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Investor Name is Mandatory*\",\r\n },\r\n });\r\n }\r\n\r\n const keys = Object.keys(others);\r\n const findError = keys.every((key) => !!others[key].value);\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"category\"\r\n ? \"Please select a category to proceed\"\r\n : key === \"scheme\"\r\n ? \"Please select a scheme to proceed\"\r\n : key === \"minAmount\"\r\n ? \"Minimum Investment Amount is mandatory\"\r\n : key`${\"is mandatory\"} `\r\n } `,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !others[key].value);\r\n switch (firstErroredKey) {\r\n case \"emailId\": {\r\n this.emailIdField.focus();\r\n break;\r\n }\r\n case \"mobile\": {\r\n this.mobileField.focus();\r\n break;\r\n }\r\n case \"fund\": {\r\n this.fundField.focus();\r\n break;\r\n }\r\n case \"category\": {\r\n this.categoryField.focus();\r\n break;\r\n }\r\n case \"scheme\": {\r\n this.schemeField.focus();\r\n break;\r\n }\r\n case \"minAmount\": {\r\n this.minAmountField.focus();\r\n break;\r\n }\r\n default:\r\n break;\r\n }\r\n } else if (invName.value === \"\") {\r\n this.setState({\r\n invName: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Investor Name is mandatory\",\r\n },\r\n });\r\n } else if (radioValue.value === \"no\" && !euinNo.value) {\r\n this.setState({\r\n euinNo: {\r\n ...euinNo,\r\n isError: true,\r\n errorMessage: \"EUIN No is mandatory\",\r\n },\r\n });\r\n this.euinField.focus();\r\n return;\r\n } else if (minCost > others.minAmount.value) {\r\n this.setState({\r\n minAmount: {\r\n ...others[\"minAmount\"],\r\n isError: true,\r\n errorMessage: `Minimum Amount should be ${minCost}`,\r\n },\r\n });\r\n this.minAmountField.focus();\r\n return;\r\n }\r\n // else if (others.minAmount.value > 1000000) {\r\n // this.setState({\r\n // minAmount: {\r\n // ...others[\"minAmount\"],\r\n // isError: true,\r\n // errorMessage: ` Amount should be less than or equal to 1,000,000`,\r\n // },\r\n // });\r\n // this.minAmountField.focus();\r\n // return;\r\n // }\r\n else if (\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.emailId.value\r\n ) === false\r\n ) {\r\n this.setState({\r\n emailId: {\r\n ...others[\"emailId\"],\r\n isError: true,\r\n errorMessage: `Enter an vaild Email Id`,\r\n },\r\n });\r\n return;\r\n } else if (\r\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\r\n this.state.mobile.value\r\n ) === false && this.state.code.value === \"+91\"\r\n ) {\r\n this.setState({\r\n mobile: {\r\n ...others[\"mobile\"],\r\n isError: true,\r\n errorMessage: `Enter an vaild Phone Number`,\r\n },\r\n });\r\n return;\r\n } else if (arn[1] === this.state.subArnCode.value) {\r\n this.setState({\r\n subArnCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `and ARN code should not match `,\r\n },\r\n });\r\n } else {\r\n const plan = this.state.scheme.value.value.split(\"~\");\r\n\r\n const family_email_relationship = !!this.state.Family_Code_Email.value\r\n .value\r\n ? family_description_codes.find(\r\n (ele) =>\r\n ele.family_code === this.state.Family_Code_Email.value.value\r\n )\r\n : \"\";\r\n const family_mobile_relationship = !!this.state.Family_Code_Phone.value\r\n .value\r\n ? family_description_codes.find(\r\n (ele) =>\r\n ele.family_code === this.state.Family_Code_Phone.value.value\r\n )\r\n : \"\";\r\n\r\n const params = {\r\n InvestorName: this.state.invName.value,\r\n i_entby: this.props.userId,\r\n trtype: PURCHASE,\r\n Desci: \"Yes~M~\",\r\n SubbrokerArn: !!this.state.subArnCode.value\r\n ? `ARN-${subArnCode.value}`\r\n : \"\",\r\n ARNCode: this.state.arnCode.value,\r\n EuinCode:\r\n this.state.radioValue.value === \"no\"\r\n ? this.state.euinNo.value.value\r\n : \"\",\r\n i_Userid: this.props.userId,\r\n Mobile: this.state.mobile.value,\r\n PanNo: this.props.investorData.PAN || state.pan,\r\n Email: this.state.emailId.value,\r\n i_Acno: \"0\",\r\n Subbroker: this.state.subBrokerCode.value,\r\n i_Fund: \"189\",\r\n i_UntAmtValue: this.state.minAmount.value,\r\n EUINFlag: this.state.radioValue.value === \"no\" ? NO : YES,\r\n EuinValid: this.state.radioValue.value === \"no\" ? NO : YES,\r\n i_Scheme: plan[1],\r\n i_Plan: plan[2],\r\n i_Option: plan[3],\r\n i_oldihno: \"0\",\r\n i_InvDistFlag: \"B\",\r\n ModuleName: \"Webile\",\r\n customfund: \"189\",\r\n CountryCode: this.state.code.value,\r\n // comboswitch: !!this.state.isCombo ? \"Y\" : \"N\",\r\n fEmailFlag: this.state.Family_Code_Email.value.value,\r\n fMobileFlag: this.state.Family_Code_Phone.value.value,\r\n };\r\n const response = await this.props.submitPurchaseData(params);\r\n if (response) {\r\n const {\r\n DtData: [purchaseData],\r\n } = response;\r\n const confirmationParams = {\r\n Trtype: PURCHASE,\r\n fund: \"189\",\r\n customfund: \"189\",\r\n Refno: purchaseData.refno,\r\n ModuleName: \"Webile\",\r\n };\r\n\r\n const confirmationResponse = await this.props.showPurchaseConfirmation(\r\n confirmationParams\r\n );\r\n\r\n if (confirmationResponse) {\r\n this.props.saveTransactionDetails(this.state);\r\n this.props.history.push({\r\n pathname:\r\n NEW_TRANSACTION_URL +\r\n \"/nfo-new-purchase/digital/transact/confirm\",\r\n state: {\r\n title: \"LUMPSUM SUMMARY\",\r\n pan: !!state && !!state.pan ? state.pan : \"\",\r\n InvestorEmail: this.state.emailId.value,\r\n InvestorMobile: this.state.mobile.value,\r\n fEmailFlag: family_email_relationship,\r\n fMobileFlag: family_mobile_relationship,\r\n scheme: { Fund: this.state.fund.value.value },\r\n subArnCode: this.state.subArnCode.value,\r\n type: NEW_PURCHASE,\r\n arnCode: this.state.arnCode.value,\r\n },\r\n });\r\n }\r\n }\r\n }\r\n };\r\n\r\n // ComboChange = () => {\r\n // this.setState({\r\n // isCombo: !this.state.isCombo,\r\n // });\r\n // };\r\n\r\n render() {\r\n const { schemeList, categoryList, euinList, investorData } = this.props;\r\n const filteredSchemeList = schemeList\r\n .map((item) => ({\r\n label: item.Scheme_Desc,\r\n value: item.Scheme_Plan,\r\n }))\r\n .filter((item) => {\r\n return item.value.split(\"~\")[1] !== \"EB\";\r\n });\r\n const {\r\n emailId,\r\n mobile,\r\n arnCode,\r\n fund,\r\n invName,\r\n category,\r\n scheme,\r\n subArnCode,\r\n radioValue,\r\n euinNo,\r\n minAmount,\r\n subBrokerCode,\r\n\r\n Family_Code_Email,\r\n Family_Code_Phone,\r\n } = this.state;\r\n\r\n return (\r\n \r\n
\r\n Lumpsum
\r\n {/* {!!state && !!state.pan && ( */}\r\n \r\n (this.invNameField = ele)}\r\n />\r\n
\r\n\r\n \r\n ({\r\n label: item.family_description,\r\n value: item.family_code,\r\n }))}\r\n value={Family_Code_Email.value}\r\n placeholder=\"Select Family Description\"\r\n handleChange={this.FamilyDescriptionEmail}\r\n />\r\n
\r\n {/* )} */}\r\n \r\n Email Family Description\r\n
\r\n \r\n (this.emailIdField = ele)}\r\n errorMessage={this.state.emailId.errorMessage}\r\n />\r\n
\r\n \r\n ({\r\n label: item.family_description,\r\n value: item.family_code,\r\n }))}\r\n value={Family_Code_Phone.value}\r\n placeholder=\"Select Phone Description\"\r\n handleChange={this.FamilyDescriptionPhone}\r\n />\r\n
\r\n \r\n Mobile Family Description\r\n
\r\n \r\n (this.categoryField = ele)}\r\n isError={this.state.code.isError}\r\n errorMessage={this.state.code.errorMessage}\r\n >\r\n {countrycodeOptions.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n value={mobile.value}\r\n onChange={this.changeValue(\"mobile\")}\r\n onBlur={this.showError(\"mobile\")}\r\n isShowError={mobile.isError}\r\n errorMessage={mobile.errorMessage}\r\n inputref={(ele) => (this.mobileField = ele)}\r\n />\r\n
\r\n\r\n \r\n (this.categoryField = ele)}\r\n isError={category.isError}\r\n errorMessage={category.errorMessage}\r\n >\r\n {categoryList.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n\r\n \r\n (this.schemeField = ele)}\r\n isError={scheme.isError}\r\n errorMessage={scheme.errorMessage}\r\n />\r\n
\r\n\r\n Scheme
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n placeholder=\"Amount\"\r\n step=\"1\"\r\n type=\"number\"\r\n value={minAmount.value}\r\n onChange={this.changeValue(\"minAmount\")}\r\n onBlur={this.showError(\"minAmount\")}\r\n errorMessage={minAmount.errorMessage}\r\n isShowError={minAmount.isError}\r\n inputref={(ele) => (this.minAmountField = ele)}\r\n />\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n bordercolor=\"#a6a6a6\"\r\n type=\"number\"\r\n value={subArnCode.value}\r\n isShowError={subArnCode.isError}\r\n errorMessage={subArnCode.errorMessage}\r\n onBlur={this.validateBrokerCode}\r\n onChange={this.changeValue(\"subArnCode\")}\r\n inputref={(ele) => (this.subArnField = ele)}\r\n />\r\n
\r\n\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n bordercolor=\"#a6a6a6\"\r\n value={subBrokerCode.value}\r\n onChange={this.changeValue(\"subBrokerCode\")}\r\n inputref={(ele) => (this.subBrokerField = ele)}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {radioValue.value === \"no\" ? (\r\n EUIN No
\r\n\r\n \r\n
\r\n YES
\r\n \r\n
\r\n \r\n NO
\r\n \r\n ({\r\n label: item.abm_agent,\r\n value: item.abm_agent,\r\n }))}\r\n value={euinNo.value}\r\n placeholder=\"Select EUIN\"\r\n handleChange={this.changeEuin(\"euinNo\")}\r\n errorMessage={euinNo.errorMessage}\r\n disabled={!euinList.length}\r\n inputRef={(ele) => (this.euinField = ele)}\r\n isError={euinNo.isError}\r\n />\r\n
\r\n ) : (\r\n \r\n I/We hereby confirm that the EUIN box has been intentionally left\r\n the blank by me/us as this is an 'execution-only' transaction\r\n without any interaction or advice by any personnel of the above\r\n distributor or notwithstanding the advice of in-appropriateness,if\r\n any provided by any personnel of the distributor and the\r\n distributor has not charged any advisory fees on this transaction\r\n
\r\n )}\r\n\r\n {/* \r\n
\r\n \r\n \r\n \r\n *Note :\r\n {\" \"}\r\n Pursuant to notice cum addendum dated March 27, 2021 the nomenclature\r\n of dividend option has been changed w.e.f. April 01, 2021.\r\n
\r\n\r\n {state.title}
\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n \r\n
\r\n )}\r\n {state.type === SIP && (\r\n \r\n
\r\n )}\r\n {state.type === STP && (\r\n \r\n
\r\n )}\r\n {state.type === SWP && (\r\n \r\n
\r\n )}\r\n {state.type != \"Sip cancellation\" && (\r\n \r\n
\r\n ))}\r\n\r\n {state.type !== SWP && state.type !== SIP && (\r\n \r\n
\r\n )}\r\n \r\n {\r\n // this.setState({\r\n // showPassword: !this.state.showPassword,\r\n // });\r\n // }}\r\n // isShowError={password.isError}\r\n // inputref={(ele) => (this.passwordField = ele)}\r\n // onKeyPress={this.keyPress()}\r\n />\r\n
\r\n )}\r\n \r\n (this.sipTypeField = ele)}\r\n // isError={sipType.isError}\r\n // errorMessage={sipType.errorMessage}\r\n >\r\n {this.state.sip_pause_dates.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n (this.sipTypeField = ele)}\r\n // isError={sipType.isError}\r\n // errorMessage={sipType.errorMessage}\r\n >\r\n {this.state.pause_installemnts.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n {this.props.subLabel}\r\n
\r\n \r\n \r\n \r\n {this.props.mainLabel}\r\n
\r\n \r\n \r\n {this.props.mainLabel1}\r\n
\r\n \r\n
\r\n )} */}\r\n {/* {combo.flag === \"Y\" && (\r\n Additional Purchase
\r\n \r\n ({\r\n label: item,\r\n value: item,\r\n }))}\r\n onFocus={this.keyDown(\"folios\")}\r\n value={folio.value}\r\n placeholder=\"Select Folio\"\r\n handleChange={this.handleFolioChange}\r\n inputRef={(ele) => (this.folioField = ele)}\r\n disabled={!fund.value}\r\n isError={folio.isError}\r\n errorMessage={folio.errorMessage}\r\n />\r\n
\r\n Folio
\r\n Select Scheme Type
\r\n \r\n
\r\n {schemeType === NEW && (\r\n \r\n (this.categoryField = ele)}\r\n isError={category.isError}\r\n borderColor=\"#a6a6a6\"\r\n errorMessage={category.errorMessage}\r\n >\r\n {categories.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n \r\n ({\r\n value: item,\r\n label: item.PlnDesc\r\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\r\n : item.fm_schdesc,\r\n }))}\r\n value={scheme.value}\r\n placeholder=\"Select Scheme\"\r\n handleChange={this.handleSchemeChange}\r\n disabled={!folio.value}\r\n inputRef={(ele) => (this.schemeField = ele)}\r\n isError={scheme.isError}\r\n errorMessage={scheme.errorMessage}\r\n />\r\n
\r\n Scheme
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n onBlur={this.showError(\"amount\")}\r\n onChange={this.changeValue(\"amount\")}\r\n inputref={(ele) => (this.amountField = ele)}\r\n bordercolor=\"#a6a6a6\"\r\n isShowError={amount.isError}\r\n errorMessage={amount.errorMessage}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n type=\"number\"\r\n value={subArnCode.value}\r\n isShowError={subArnCode.isError}\r\n errorMessage={subArnCode.errorMessage}\r\n onBlur={this.validateBrokerCode(\"189\")}\r\n onChange={this.changeValue(\"subArnCode\")}\r\n inputref={(ele) => (this.subArnField = ele)}\r\n bordercolor=\"#a6a6a6\"\r\n />\r\n
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n value={subBrokerCode.value}\r\n onChange={this.changeValue(\"subBrokerCode\")}\r\n inputref={(ele) => (this.subBrokerField = ele)}\r\n bordercolor=\"#a6a6a6\"\r\n type={\"number\"}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {radioValue.value === \"no\" ? (\r\n EUIN Declaration
\r\n \r\n
\r\n YES
\r\n \r\n
\r\n \r\n NO
\r\n \r\n ({\r\n value: item.abm_agent,\r\n label: item.abm_agent,\r\n }))}\r\n value={euinNo.value}\r\n placeholder=\"Select EUIN\"\r\n handleChange={this.changeEuin}\r\n errorMessage={euinNo.errorMessage}\r\n disabled={!euinList.length}\r\n inputRef={(ele) => (this.euinField = ele)}\r\n isError={euinNo.isError}\r\n />\r\n
\r\n ) : (\r\n \r\n I/We hereby confirm that the EUIN box has been intentionally left\r\n the blank by me/us as this is an 'execution-only' transaction\r\n without any interaction or advice by any personnel of the above\r\n distributor or notwithstanding the advice of in-appropriateness,if\r\n any provided by any personnel of the distributor and the distributor\r\n has not charged any advisory fees on this transaction\r\n
\r\n )}\r\n {/* {combo.flag === \"Y\" && (\r\n \r\n \r\n {combo.label}\r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer, transactions }) => {\r\n const {\r\n fundList,\r\n token,\r\n userId,\r\n bankDetails,\r\n investorData,\r\n communicationDetails,\r\n } = authReducer;\r\n const { euinList, transactionDetails } = transactions;\r\n return {\r\n fundList,\r\n token,\r\n userId,\r\n euinList,\r\n bankDetails,\r\n investorData,\r\n communicationDetails,\r\n transactionDetails,\r\n };\r\n },\r\n {\r\n validateSubBroker,\r\n getAssetClasses,\r\n getOtherSchemes,\r\n submitPurchaseData,\r\n showPurchaseConfirmation,\r\n saveTransactionDetails,\r\n }\r\n)(AdditionalPurchase);\r\n","import React, { Component } from \"react\";\r\nimport CustomizedSelect from \"./customizedSelect\";\r\nimport { Input } from \"../../forms/input\";\r\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n YES,\r\n PARTIAL,\r\n FULL,\r\n UNITS,\r\n AMOUNT,\r\n PURCHASE,\r\n REDEMPTION,\r\n} from \"../../../store/types\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport {\r\n getBankDetails,\r\n getRedemptionPaymentDetails,\r\n saveTransactionDetails,\r\n} from \"../../../store/actions/transactions\";\r\nimport moment from \"moment\";\r\nimport { NEW_TRANSACTION_URL } from \".\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport { BajajFund } from \"../nav\";\r\n\r\nclass Redemption extends Component {\r\n constructor(props) {\r\n super(props);\r\n // const { fundList } = this.props;\r\n // const funds = fundList.reduce((prev, curr) => {\r\n // if (curr.rSchFlg === YES) {\r\n // const findIndex =\r\n // prev.findIndex((fund) => fund.Fund === curr.Fund) !== -1;\r\n // if (!findIndex) {\r\n // return [\r\n // ...prev,\r\n // { Fund: curr.Fund, FundDesc: curr.FundDesc, scheme: curr.Sch },\r\n // ];\r\n // }\r\n // }\r\n // return prev;\r\n // }, []);\r\n\r\n this.state = {\r\n // funds,\r\n fund: { value: { value: \"189\" } },\r\n folios: [],\r\n folio: { value: \"\" },\r\n schemes: [],\r\n scheme: { value: \"\" },\r\n bank: { value: \"\", errorMessage: \"\" },\r\n amount: { value: \"\" },\r\n redemptionType: PARTIAL,\r\n redemptionMode: UNITS,\r\n banks: [],\r\n };\r\n }\r\n async componentDidMount() {\r\n window.scrollTo({\r\n behavior: \"smooth\",\r\n top: 0,\r\n });\r\n const { transactionDetails } = this.props;\r\n if (Object.keys(transactionDetails).length > 0) {\r\n this.setState(transactionDetails);\r\n return;\r\n }\r\n this.getfolios();\r\n }\r\n\r\n getfolios = () => {\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (curr.rSchFlg === YES && curr.Fund.trim() === \"189\") {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n this.setState({\r\n fund: { value: { value: \"189\" } },\r\n folios: Array.from(new Set(folios)),\r\n scheme: { value: \"\" },\r\n folio: { value: \"\" },\r\n redemptionType: PARTIAL,\r\n redemptionMode: UNITS,\r\n });\r\n };\r\n\r\n handleFundChange = (value) => {\r\n const fund = !!value ? value.value : \"\";\r\n if (!value) {\r\n this.setState({\r\n fund: { value: \"\" },\r\n folios: [],\r\n scheme: { value: \"\" },\r\n folio: { value: \"\" },\r\n redemptionType: PARTIAL,\r\n redemptionMode: UNITS,\r\n amount: { value: \"\" },\r\n });\r\n return;\r\n } else if (value.value === this.state.fund.value.value) {\r\n return;\r\n } else {\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (curr.rSchFlg === YES && curr.Fund === fund) {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n this.setState({\r\n fund: { value },\r\n folios: Array.from(new Set(folios)),\r\n scheme: { value: \"\" },\r\n folio: { value: \"\" },\r\n redemptionType: PARTIAL,\r\n redemptionMode: UNITS,\r\n });\r\n }\r\n };\r\n handleFolioChange = async (value) => {\r\n const folio = !!value ? value.value : \"\";\r\n if (!folio) {\r\n this.setState({\r\n folio: { value: \"\" },\r\n scheme: { value: \"\" },\r\n schemes: [],\r\n banks: [],\r\n bank: { value: \"\" },\r\n redemptionType: PARTIAL,\r\n redemptionMode: UNITS,\r\n amount: { value: \"\" },\r\n });\r\n } else if (value.value === this.state.folio.value) {\r\n return;\r\n } else {\r\n const params = {\r\n Acno: folio,\r\n Trtype: \"\",\r\n Fund: this.state.fund.value.value,\r\n };\r\n let schemes = this.schemes(folio);\r\n schemes = schemes.filter((scheme) => scheme.BalUnits !== 0);\r\n const response = await this.props.getBankDetails(params);\r\n\r\n if (response) {\r\n const banks = response.Table1;\r\n this.setState({\r\n folio: {\r\n value,\r\n isError: !schemes.length,\r\n errorMessage: !schemes.length\r\n ? \"Redemption in zero balance folios is not allowed\"\r\n : \"\",\r\n },\r\n scheme: { value: \"\" },\r\n schemes,\r\n banks,\r\n bank: { value: \"\" },\r\n redemptionType: PARTIAL,\r\n redemptionMode: UNITS,\r\n });\r\n }\r\n }\r\n };\r\n\r\n schemes = (folio) => {\r\n return this.props.fundList.reduce((prev, curr) => {\r\n if (\r\n curr.rSchFlg === YES &&\r\n curr.Fund.trim() === \"189\" &&\r\n curr.Acno === folio &&\r\n !!curr.BalUnits\r\n ) {\r\n return [...prev, curr];\r\n }\r\n return prev;\r\n }, []);\r\n };\r\n handleSchemeChange = (value) => {\r\n const scheme = !!value ? value.value : \"\";\r\n if (!scheme) {\r\n this.setState({\r\n scheme: { value: \"\" },\r\n minAmount: \"\",\r\n amount: { value: \"\" },\r\n redemptionType: PARTIAL,\r\n redemptionMode: UNITS,\r\n });\r\n } else if (value.value === this.state.scheme.value.value) {\r\n return;\r\n } else {\r\n this.setState({\r\n scheme: { value },\r\n minAmount: !!scheme ? scheme.RedMinAmt || scheme.fm_newpur : \"\",\r\n amount: { value: \"\" },\r\n redemptionType: PARTIAL,\r\n redemptionMode: UNITS,\r\n });\r\n }\r\n };\r\n\r\n showError = (label) => () => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n\r\n if (label === \"amount\") {\r\n if (!!this.state.scheme && !!this.state.scheme.value) {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n this.state.redemptionMode === AMOUNT\r\n ? this.state.scheme.value.value.MinAmt > this.state.amount.value\r\n ? true\r\n : !value\r\n : this.state.scheme.value.value.BalUnits <\r\n this.state.amount.value\r\n ? true\r\n : !value,\r\n errorMessage:\r\n this.state.redemptionMode === AMOUNT\r\n ? this.state.scheme.value.value.MinAmt > this.state.amount.value\r\n ? `(Amount should be ${this.state.scheme.value.value.MinAmt})`\r\n : \"\"\r\n : this.state.scheme.value.value.BalUnits <\r\n this.state.amount.value\r\n ? `You don't have enough Units To Redeem!`\r\n : \"\",\r\n },\r\n });\r\n }\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n },\r\n });\r\n }\r\n };\r\n handleRedemptionValueChange(event) {\r\n if (event.target.value.length <= 10) {\r\n this.setState({\r\n amount: { value: event.target.value.replace(/^0+/, \"\") },\r\n });\r\n }\r\n }\r\n\r\n changeRedemptionType = (value) => () => {\r\n if (value === FULL) {\r\n this.setState({\r\n redemptionType: FULL,\r\n redemptionMode: UNITS,\r\n amount: {\r\n value: !!this.state.scheme.value\r\n ? this.state.scheme.value.value.BalUnits\r\n : \"\",\r\n },\r\n });\r\n }\r\n if (value === PARTIAL) {\r\n this.setState({\r\n redemptionType: PARTIAL,\r\n amount: { value: \"\" },\r\n });\r\n }\r\n };\r\n changeRedemptionMode = (value) => () => {\r\n if (value === AMOUNT) {\r\n this.setState({\r\n redemptionMode: AMOUNT,\r\n amount: { value: \"\" },\r\n });\r\n }\r\n if (value === UNITS) {\r\n this.setState({\r\n redemptionMode: UNITS,\r\n });\r\n }\r\n };\r\n handlefolioBankDetailsChange = (event) => {\r\n this.setState({\r\n bank: { value: event.target.value },\r\n });\r\n };\r\n\r\n submit = async () => {\r\n const {\r\n funds,\r\n banks,\r\n schemes,\r\n folios,\r\n redemptionType,\r\n redemptionMode,\r\n minAmount,\r\n bank,\r\n ...others\r\n } = this.state;\r\n if (this.state.bank.value === \"\") {\r\n this.setState({\r\n bank: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Bank details are mandatory\",\r\n },\r\n });\r\n }\r\n let currValue;\r\n if (!!this.state.scheme.value) {\r\n currValue = !!this.state.scheme.value.value\r\n ? this.state.scheme.value.value.Fund_CurValue\r\n : \"\";\r\n }\r\n const keys = Object.keys(others);\r\n const findError = keys.every((key) => !!others[key].value);\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"folio\"\r\n ? \"Folio\"\r\n : key === \"scheme\"\r\n ? \"Scheme\"\r\n : key === \"amount\"\r\n ? \"Redemption Value\"\r\n : key\r\n } is mandatory`,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !others[key].value);\r\n switch (firstErroredKey) {\r\n case \"fund\": {\r\n this.fundField.focus();\r\n break;\r\n }\r\n case \"folio\": {\r\n this.folioField.focus();\r\n break;\r\n }\r\n case \"scheme\": {\r\n this.schemeField.focus();\r\n break;\r\n }\r\n case \"amount\": {\r\n this.amountField.focus();\r\n break;\r\n }\r\n // case \"bank\": {\r\n // this.bankField.focus();\r\n // break;\r\n // }\r\n }\r\n } else if (\r\n this.state.redemptionMode === AMOUNT &&\r\n this.state.scheme.value.value.MinAmt > this.state.amount.value\r\n ) {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Minimum Amount shoud be ${this.state.scheme.value.value.MinAmt} ₹`,\r\n },\r\n });\r\n }\r\n // else if (\r\n // !!currValue &&\r\n // !!this.state.amount.value &&\r\n // currValue < this.state.amount.value\r\n // ) {\r\n // this.setState({\r\n // amount: {\r\n // value: \"\",\r\n // isError: true,\r\n // errorMessage:\r\n // \"( Investment amount should not be greater than Current value )\"\r\n // }\r\n // });\r\n // }\r\n else if (\r\n !!this.state.scheme.value && !!this.state.amount.value && parseInt(this.state.scheme.value.value.CurValue.replace(/,/g, '')) < parseInt(this.state.amount.value)\r\n ) {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage:\r\n \"( Investment amount should not be greater than Current value )\"\r\n }\r\n });\r\n return;\r\n }\r\n\r\n else if (\r\n this.state.redemptionMode !== AMOUNT &&\r\n this.state.scheme.value.value.BalUnits < this.state.amount.value\r\n ) {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please enter units less than or equal to your current holding`,\r\n },\r\n });\r\n } else if (this.state.bank.value === \"\") {\r\n this.setState({\r\n bank: {\r\n ...others[\"bank\"],\r\n isError: true,\r\n errorMessage: `Please select the bank`,\r\n },\r\n });\r\n } else {\r\n const params = {\r\n amount: redemptionMode === AMOUNT ? others.amount.value : \"0\",\r\n Fund: \"189\",\r\n plan: others.scheme.value.value.Pln,\r\n customfund: \"189\",\r\n scheme: others.scheme.value.value.Sch,\r\n acno: others.scheme.value.value.Acno,\r\n trdt: moment(new Date()).format(\"MM/DD/YYYY\"),\r\n units: redemptionMode === UNITS ? others.amount.value : \"0\",\r\n ttrtype: PURCHASE,\r\n };\r\n const response = await this.props.getRedemptionPaymentDetails(params);\r\n if (response) {\r\n this.props.saveTransactionDetails(this.state);\r\n this.props.history.push({\r\n pathname:\r\n NEW_TRANSACTION_URL + \"/redemption/digital/transact/confirm\",\r\n state: {\r\n title: \"Redemption Summary\",\r\n type: REDEMPTION,\r\n scheme: others.scheme.value.value,\r\n redemptionMode,\r\n Folio: { value: others.scheme.value.value.Acno },\r\n redemptionType,\r\n amount: others.amount.value,\r\n bank: this.state.bank.value,\r\n },\r\n });\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n fund,\r\n funds = [],\r\n folio,\r\n folios = [],\r\n schemes = [],\r\n scheme,\r\n bank,\r\n banks,\r\n amount,\r\n redemptionType,\r\n redemptionMode,\r\n } = this.state;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer, transactions }) => {\r\n const {\r\n fundList,\r\n token,\r\n userId,\r\n bankDetails,\r\n investorData,\r\n communicationDetails,\r\n } = authReducer;\r\n const { transactionDetails } = transactions;\r\n\r\n return {\r\n fundList,\r\n token,\r\n userId,\r\n bankDetails,\r\n investorData,\r\n communicationDetails,\r\n transactionDetails,\r\n };\r\n },\r\n { getBankDetails, getRedemptionPaymentDetails, saveTransactionDetails }\r\n)(Redemption);\r\n","import React, { Component } from \"react\";\r\nimport CustomizedSelect from \"./customizedSelect\";\r\nimport { Input } from \"../../forms/input\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\r\nimport {\r\n validateSubBroker,\r\n getNewPurchaseFundList,\r\n getOtherSchemes,\r\n getAssetClasses,\r\n setSwitchDetails,\r\n getRedemptionPaymentDetails,\r\n saveTransactionDetails,\r\n} from \"../../../store/actions\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport {\r\n YES,\r\n PARTIAL,\r\n FULL,\r\n UNITS,\r\n AMOUNT,\r\n REGULAR,\r\n PURCHASE,\r\n SWITCH,\r\n} from \"../../../store/types\";\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport moment from \"moment\";\r\nimport { NEW_TRANSACTION_URL } from \".\";\r\nimport { BajajFund } from \"../nav\";\r\nclass switchCmponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { fundList } = this.props;\r\n const { switchDetails } = this.props;\r\n // const funds = fundList.reduce((prev, curr) => {\r\n // if (curr.sSchFlg === YES) {\r\n // const findIndex =\r\n // prev.findIndex((fund) => fund.Fund === curr.Fund) !== -1;\r\n // if (!findIndex) {\r\n // return [\r\n // ...prev,\r\n // {\r\n // Fund: curr.Fund,\r\n // FundDesc: curr.FundDesc,\r\n // opt: curr.Opt,\r\n // SchType: curr.SchType,\r\n // },\r\n // ];\r\n // }\r\n // }\r\n // return prev;\r\n // }, []);\r\n this.state = {\r\n // funds,\r\n fund: { value: { value: \"189\" } },\r\n folios: [],\r\n folio: { value: \"\" },\r\n schemes: [],\r\n scheme: { value: \"\" },\r\n radioValue: { value: \"no\" },\r\n arnCode: { value: this.props.token },\r\n subArnCode: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n euinNo: { value: \"\" },\r\n category: { value: \"\" },\r\n categories: [],\r\n switchInSchemes: [],\r\n switchInScheme: { value: \"\" },\r\n amount: { value: \"\" },\r\n switchType: PARTIAL,\r\n switchMode: UNITS,\r\n ...switchDetails,\r\n };\r\n }\r\n\r\n handleFundChange = (value) => {\r\n if (!value) {\r\n this.setState({\r\n fund: { value: \"\" },\r\n folios: [],\r\n folio: { value: \"\" },\r\n scheme: { value: \"\" },\r\n amount: { value: \"\" },\r\n switchInScheme: { value: \"\" },\r\n category: { value: \"\" },\r\n });\r\n return;\r\n } else if (\r\n !!value &&\r\n !!this.state.fund &&\r\n value.value === this.state.fund.value.value\r\n ) {\r\n return;\r\n } else {\r\n const fund = value.value;\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (curr.Fund === fund && curr.sSchFlg === YES) {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n this.setState({\r\n fund: { value },\r\n folios: Array.from(new Set(folios)),\r\n folio: { value: \"\" },\r\n scheme: { value: \"\" },\r\n category: { value: \"\" },\r\n switchInScheme: { value: \"\" },\r\n switchType: PARTIAL,\r\n switchMode: UNITS,\r\n });\r\n if (!!fund) {\r\n this.validateBrokerCode(fund)();\r\n }\r\n }\r\n };\r\n\r\n async componentDidMount() {\r\n window.scrollTo({\r\n behavior: \"smooth\",\r\n top: 0,\r\n });\r\n const { transactionDetails } = this.props;\r\n if (Object.keys(transactionDetails).length > 0) {\r\n this.setState(transactionDetails);\r\n return;\r\n }\r\n this.getFolios();\r\n }\r\n\r\n getFolios = () => {\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (curr.Fund.trim() === \"189\" && curr.sSchFlg === YES) {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n this.setState({\r\n fund: { value: { value: \"189\" } },\r\n folios: Array.from(new Set(folios)),\r\n folio: { value: \"\" },\r\n scheme: { value: \"\" },\r\n category: { value: \"\" },\r\n switchInScheme: { value: \"\" },\r\n switchType: PARTIAL,\r\n switchMode: UNITS,\r\n });\r\n // if (!!fund) {\r\n this.validateBrokerCode(\"189\")();\r\n // }\r\n };\r\n\r\n validateBrokerCode = (fund) => async () => {\r\n const { subArnCode, arnCode } = this.state;\r\n if (\r\n !!this.state.subArnCode.value &&\r\n this.state.subArnCode.value === this.state.arnCode.value.split(\"-\")[1]\r\n ) {\r\n this.setState({\r\n subArnCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"ARN and Sub ARN Code should not be the same\",\r\n },\r\n });\r\n return;\r\n }\r\n const params = {\r\n Fund: \"189\",\r\n SubAgentCd: !!subArnCode.value ? `ARN-${subArnCode.value}` : \"\",\r\n AgentCd: arnCode.value,\r\n };\r\n const response = await this.props.validateSubBroker(params);\r\n if (!!response && !!response.DtData && response.DtData.length > 0) {\r\n const getLength = response.DtData.length === 1;\r\n let value = {\r\n value: response.DtData[0].abm_agent,\r\n label: response.DtData[0].abm_agent,\r\n };\r\n if (!!getLength) {\r\n this.setState({\r\n euinNo: { value },\r\n });\r\n }\r\n } else if (!response) {\r\n this.setState({\r\n subArnCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please enter a valid Sub ARN Code`,\r\n },\r\n });\r\n }\r\n };\r\n\r\n handleFolioChange = async (value) => {\r\n if (!value) {\r\n this.setState({\r\n folio: { value: \"\" },\r\n schemes: [],\r\n scheme: { value: \"\" },\r\n category: { value: \"\" },\r\n switchInScheme: { value: \"\" },\r\n switchType: PARTIAL,\r\n switchMode: UNITS,\r\n amount: { value: \"\" },\r\n });\r\n return;\r\n } else if (\r\n !!value &&\r\n !!this.state.folio &&\r\n value.value === this.state.folio.value.value\r\n ) {\r\n return;\r\n } else {\r\n const folio = value.value;\r\n const schemes = this.schemes(folio);\r\n\r\n this.setState({\r\n folio: {\r\n value,\r\n isError: !schemes.length,\r\n errorMessage: !schemes.length\r\n ? \"SWITCH in zero balance folios is not allowed\"\r\n : \"\",\r\n },\r\n schemes,\r\n scheme: { value: \"\" },\r\n category: { value: \"\" },\r\n switchInScheme: { value: \"\" },\r\n switchType: PARTIAL,\r\n switchMode: UNITS,\r\n categories: [],\r\n });\r\n\r\n this.getAssetClasses();\r\n }\r\n };\r\n schemes = (folio) => {\r\n return this.props.fundList.reduce((prev, curr) => {\r\n if (\r\n curr.sSchFlg === YES &&\r\n curr.Fund === this.state.fund.value.value &&\r\n curr.Acno === folio &&\r\n !!curr.BalUnits\r\n ) {\r\n return [...prev, curr];\r\n }\r\n return prev;\r\n }, []);\r\n };\r\n handleSchemeChange = (value) => {\r\n if (!value) {\r\n this.setState({\r\n scheme: { value: \"\" },\r\n minAmount: \"\",\r\n amount: { value: \"\" },\r\n category: { value: \"\" },\r\n switchInScheme: { value: \"\" },\r\n switchType: PARTIAL,\r\n switchMode: UNITS,\r\n categories: [],\r\n });\r\n return;\r\n } else if (\r\n !!value.value &&\r\n !!this.state.scheme.value.value &&\r\n value.value.SchDesc === this.state.scheme.value.value.SchDesc\r\n ) {\r\n return;\r\n } else {\r\n const scheme = value.value;\r\n if (!!value.value && !value.value.BalUnits) {\r\n this.setState({\r\n folio: {\r\n value: \"\",\r\n isError: \"true\",\r\n errorMessage: \"Switch in Zero balance folios is not accepted\",\r\n },\r\n scheme: { value: \"\" },\r\n });\r\n } else {\r\n this.setState({\r\n scheme: { value },\r\n minAmount: !!scheme ? scheme.MinAmt : \"\",\r\n amount: { value: \"\" },\r\n category: { value: \"\" },\r\n switchInScheme: { value: \"\" },\r\n });\r\n }\r\n this.getAssetClasses();\r\n }\r\n };\r\n handleCategoryChange = (event) => {\r\n if (!!event.target.value) {\r\n this.getOtherSchemes(event.target.value);\r\n this.setState({\r\n category: { value: event.target.value },\r\n switchInScheme: { value: \"\" },\r\n switchInSchemes: [],\r\n });\r\n }\r\n // else if(event.target.value===){\r\n\r\n // }\r\n else {\r\n this.setState({\r\n category: { value: \"\" },\r\n switchInScheme: { value: \"\" },\r\n switchInSchemes: [],\r\n });\r\n }\r\n };\r\n getAssetClasses = async () => {\r\n const params = {\r\n Fund: this.state.fund.value.value,\r\n Folio: this.state.folio.value.value,\r\n };\r\n const assetClasses = await this.props.getAssetClasses(params);\r\n if (assetClasses) {\r\n this.setState({\r\n categories: assetClasses.DtData,\r\n });\r\n }\r\n };\r\n\r\n changeEuin = (value) => {\r\n this.setState({\r\n euinNo: { value },\r\n });\r\n };\r\n\r\n getOtherSchemes = async (value) => {\r\n const params = {\r\n schtype: REGULAR,\r\n category: value,\r\n acno: this.state.folio.value.value,\r\n fundCode: this.state.fund.value.value,\r\n trantype: \"S\",\r\n };\r\n const otherSchemes = await this.props.getOtherSchemes(params);\r\n if (otherSchemes) {\r\n this.setState({\r\n switchInSchemes: otherSchemes.DtData,\r\n });\r\n }\r\n };\r\n handleSwitchInSchemeChange = (value) => {\r\n const { scheme } = this.state;\r\n var setSwitchOutScheme, setSwitchInScheme;\r\n setSwitchOutScheme = `${value.value.fm_scheme}${value.value.fm_plan}${value.value.fm_option}`;\r\n setSwitchInScheme = `${scheme.value.value.Sch}${scheme.value.value.Pln}${scheme.value.value.Opt}`;\r\n\r\n if (!value) {\r\n this.setState({\r\n switchInScheme: { value },\r\n });\r\n return;\r\n } else if (setSwitchOutScheme === setSwitchInScheme) {\r\n this.setState({\r\n switchInScheme: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Switch in scheme should not be same as Switch out scheme`,\r\n },\r\n });\r\n return;\r\n }\r\n this.setState({\r\n switchInScheme: { value },\r\n });\r\n };\r\n changeValue = (label) => (event) => {\r\n if (\r\n (label === \"subArnCode\" || label === \"subBrokerCode\") &&\r\n event.target.value.length <= 20\r\n ) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (label === \"radioValue\" && event.target.value === \"no\") {\r\n if (!this.state.euinNo.value) {\r\n this.setState({\r\n radioValue: { value: event.target.value },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n euinNo: { value: \"\" },\r\n });\r\n }\r\n } else if (\r\n label !== \"subArnCode\" &&\r\n label !== \"subBrokerCode\" &&\r\n label === \"radioValue\" &&\r\n event.target.value !== \"no\"\r\n ) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n };\r\n\r\n handleSwitchValueChange(event) {\r\n if (event.target.value.length <= 10) {\r\n this.setState({\r\n amount: { value: event.target.value.replace(/^0+/, \"\") },\r\n });\r\n }\r\n }\r\n\r\n changeSwitchType = (value) => () => {\r\n if (value === FULL) {\r\n this.setState({\r\n switchType: FULL,\r\n switchMode: UNITS,\r\n amount: {\r\n value: !!this.state.scheme.value\r\n ? this.state.scheme.value.value.BalUnits\r\n : \"\",\r\n },\r\n });\r\n }\r\n if (value === PARTIAL) {\r\n this.setState({\r\n switchType: PARTIAL,\r\n amount: { value: \"\" },\r\n });\r\n }\r\n };\r\n changeSwitchMode = (value) => () => {\r\n if (value === AMOUNT) {\r\n this.setState({\r\n switchMode: AMOUNT,\r\n amount: { value: \"\" },\r\n });\r\n }\r\n if (value === UNITS) {\r\n this.setState({\r\n switchMode: UNITS,\r\n amount: { value: \"\" },\r\n });\r\n }\r\n };\r\n showError = (label) => () => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n if (!!this.state.scheme && !!this.state.scheme.value.value) {\r\n if (label === \"amount\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n this.state.switchMode === AMOUNT\r\n ? this.state.scheme.value.value.MinAmt > this.state.amount.value\r\n ? true\r\n : !value\r\n : this.state.scheme.value.value.BalUnits <\r\n this.state.amount.value\r\n ? true\r\n : !value,\r\n errorMessage:\r\n this.state.switchMode === AMOUNT\r\n ? this.state.scheme.value.value.MinAmt > this.state.amount.value\r\n ? `Amount should be ${this.state.minAmount}`\r\n : \"\"\r\n : this.state.scheme.value.value.BalUnits <\r\n this.state.amount.value\r\n ? `You don't have enough Units To Redeem! in Switch`\r\n : \"\",\r\n },\r\n });\r\n }\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n },\r\n });\r\n }\r\n };\r\n\r\n submit = async () => {\r\n let currValue, currAmountValue;\r\n\r\n const {\r\n funds,\r\n schemes,\r\n switchInSchemes,\r\n folios,\r\n switchType,\r\n switchMode,\r\n minAmount,\r\n categories,\r\n arnCode,\r\n subArnCode,\r\n subBrokerCode,\r\n euinNo,\r\n amount,\r\n radioValue,\r\n isError,\r\n errorMessage,\r\n ...others\r\n } = this.state;\r\n\r\n const arn = this.state.arnCode.value.split(\"-\");\r\n const keys = Object.keys(others);\r\n if (!!this.state.scheme.value) {\r\n currValue = parseFloat(\r\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\r\n );\r\n }\r\n currAmountValue =\r\n this.state.switchType !== FULL\r\n ? parseFloat(this.state.amount.value.replace(/,/g, \"\"))\r\n : \"\";\r\n const findError = keys.every((key) => !!others[key].value);\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"folio\"\r\n ? \"Folio\"\r\n : key === \"scheme\"\r\n ? \"Switch out scheme\"\r\n : key === \"category\"\r\n ? \"Category\"\r\n : key === \"switchInScheme\"\r\n ? \"Switch in Scheme\"\r\n : key\r\n } is Mandatory`,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !others[key].value);\r\n switch (firstErroredKey) {\r\n case \"fund\": {\r\n this.fundField.focus();\r\n break;\r\n }\r\n case \"folio\": {\r\n this.folioField.focus();\r\n break;\r\n }\r\n case \"scheme\": {\r\n this.switchOutField.focus();\r\n break;\r\n }\r\n case \"category\": {\r\n this.category.focus();\r\n break;\r\n }\r\n case \"switchInScheme\": {\r\n this.switchInScheme.focus();\r\n break;\r\n }\r\n }\r\n } else if (this.state.amount.value === \"\") {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Switch value is mandatory`,\r\n },\r\n });\r\n return;\r\n } else if (arn[1] === this.state.subArnCode.value) {\r\n this.setState({\r\n subArnCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `and ARN code should not match `,\r\n },\r\n });\r\n } else if (\r\n (this.state.scheme.value.value.MinAmt > this.state.amount.value &&\r\n this.state.switchMode === AMOUNT) ||\r\n (this.state.scheme.value.value.BalUnits < this.state.amount.value &&\r\n this.state.switchMode === UNITS &&\r\n this.state.switchType === PARTIAL) ||\r\n (currValue < currAmountValue && this.state.switchMode === AMOUNT)\r\n ) {\r\n if (\r\n currValue < currAmountValue &&\r\n this.state.scheme.value.value.MinAmt < this.state.amount.value\r\n ) {\r\n this.setState({\r\n amount: {\r\n ...others[\"amount\"],\r\n isError: true,\r\n errorMessage: `You don't have enough Amount To Redeem! in Switch`,\r\n },\r\n });\r\n } else if (\r\n this.state.scheme.value.value.MinAmt > this.state.amount.value &&\r\n this.state.switchMode === AMOUNT\r\n ) {\r\n this.setState({\r\n amount: {\r\n ...others[\"amount\"],\r\n isError: true,\r\n errorMessage: `Minimum Amount value is ${this.state.minAmount}`,\r\n },\r\n });\r\n this.amountField.focus();\r\n return;\r\n } else if (\r\n this.state.scheme.value.value.BalUnits < this.state.amount.value &&\r\n this.state.switchMode === UNITS\r\n ) {\r\n this.setState({\r\n ...others[\"amount\"],\r\n isError: true,\r\n errorMessage: `You don't have enough Units To Redeem! in Switch`,\r\n });\r\n }\r\n this.amountField.focus();\r\n return;\r\n } else if (\r\n this.state.radioValue.value === \"no\" &&\r\n this.state.euinNo.value === \"\"\r\n ) {\r\n this.setState({\r\n euinNo: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please select EUIN No`,\r\n },\r\n });\r\n this.euinField.focus();\r\n } else {\r\n this.props.setSwitchDetails(this.state);\r\n const params = {\r\n amount: switchMode === AMOUNT ? this.state.amount.value : \"0\",\r\n fund: \"189\",\r\n customfund: \"189\",\r\n plan: others.scheme.value.value.Pln,\r\n scheme: others.scheme.value.value.Sch,\r\n acno: others.scheme.value.value.Acno,\r\n trdt: moment(new Date()).format(\"MM/DD/YYYY\"),\r\n units: switchMode === UNITS ? this.state.amount.value : \"0\",\r\n ttrtype: PURCHASE,\r\n };\r\n const response = await this.props.getRedemptionPaymentDetails(params);\r\n if (response) {\r\n this.props.saveTransactionDetails(this.state);\r\n this.props.history.push({\r\n pathname: NEW_TRANSACTION_URL + \"/switch/digital/transact/confirm\",\r\n state: {\r\n title: \"Switch Summary\",\r\n type: SWITCH,\r\n scheme: others.scheme.value.value,\r\n Folio: { value: others.scheme.value.value.Acno },\r\n switchInScheme: others.switchInScheme.value.value,\r\n fund: \"189\",\r\n switchMode,\r\n subArnCode: this.state.subArnCode.value,\r\n subBrokerCode: this.state.subBrokerCode.value,\r\n switchType,\r\n euin: this.state.euinNo.value,\r\n amount: this.state.amount.value,\r\n },\r\n });\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n fund,\r\n funds = [],\r\n folio,\r\n folios = [],\r\n schemes = [],\r\n scheme,\r\n radioValue,\r\n arnCode,\r\n subArnCode,\r\n subBrokerCode,\r\n euinNo,\r\n categories,\r\n category,\r\n switchInScheme,\r\n switchInSchemes,\r\n amount,\r\n switchType,\r\n switchMode,\r\n } = this.state;\r\n const { euinList } = this.props;\r\n return (\r\n Redemption
\r\n \r\n ({\r\n label: item,\r\n value: item,\r\n }))}\r\n value={folio.value}\r\n placeholder=\"Select Folio\"\r\n handleChange={this.handleFolioChange}\r\n inputRef={(ele) => (this.folioField = ele)}\r\n isError={folio.isError}\r\n disabled={!fund.value}\r\n errorMessage={folio.errorMessage}\r\n />\r\n
\r\n\r\n Folio
\r\n \r\n ({\r\n label: item.PlnDesc\r\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\r\n : item.fm_schdesc,\r\n value: item,\r\n }))}\r\n value={scheme.value}\r\n placeholder=\"Select Scheme\"\r\n handleChange={this.handleSchemeChange}\r\n inputRef={(ele) => (this.schemeField = ele)}\r\n isError={scheme.isError}\r\n disabled={!folio.value}\r\n errorMessage={scheme.errorMessage}\r\n />\r\n
\r\n\r\n Scheme
\r\n \r\n
\r\n\r\n \r\n
\r\n Balance Units
\r\n Current Value
\r\n NAV as on Date
\r\n Minimum Amount (₹)
\r\n \r\n
\r\n {!!scheme.value ? scheme.value.value.BalUnits : \"\"}
\r\n {!!scheme.value ? scheme.value.value.CurValue : \"\"}
\r\n {!!scheme.value ? scheme.value.value.LastNAV : \"\"}
\r\n {!!scheme.value ? scheme.value.value.MinAmt : \"\"}
\r\n Redemption Type
\r\n \r\n
\r\n\r\n Redemption Mode
\r\n \r\n
\r\n\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n bordercolor=\"#a6a6a6\"\r\n errorMessage={amount.errorMessage}\r\n isShowError={amount.isError}\r\n type=\"number\"\r\n onBlur={this.showError(\"amount\")}\r\n disabled={redemptionType === FULL ? true : false}\r\n inputref={(ele) => (this.amountField = ele)}\r\n onChange={(event) => this.handleRedemptionValueChange(event)}\r\n value={amount.value}\r\n />\r\n
\r\n\r\n \r\n (this.bankField = ele)}\r\n >\r\n {banks.map((item, index) => (\r\n \r\n ))}\r\n \r\n {/* {!!bank.errorMessage ?
\r\n {bank.errorMessage}
: \"\"} */}\r\n \r\n
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n errorMessage={amount.errorMessage}\r\n isShowError={amount.isError}\r\n onBlur={this.showError(\"amount\")}\r\n disabled={switchType === FULL ? true : false}\r\n onChange={(event) => this.handleSwitchValueChange(event)}\r\n value={amount.value}\r\n inputref={(ele) => (this.amountField = ele)}\r\n />\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer, transactions }) => {\r\n const { fundList, token, userId, investorData, communicationDetails } =\r\n authReducer;\r\n const { euinList, switchDetails = {}, transactionDetails } = transactions;\r\n return {\r\n fundList,\r\n token,\r\n userId,\r\n euinList,\r\n switchDetails,\r\n investorData,\r\n communicationDetails,\r\n transactionDetails,\r\n };\r\n },\r\n {\r\n validateSubBroker,\r\n getNewPurchaseFundList,\r\n getOtherSchemes,\r\n setSwitchDetails,\r\n getAssetClasses,\r\n getRedemptionPaymentDetails,\r\n saveTransactionDetails,\r\n }\r\n)(switchCmponent);\r\n","import React, { Component } from \"react\";\r\nimport CustomizedSelect from \"./customizedSelect\";\r\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\r\nimport { Input } from \"../../forms/input\";\r\nimport { Checkbox } from \"@material-ui/core\";\r\nimport {\r\n EXISTING,\r\n NEW,\r\n NEWP,\r\n YES,\r\n REGULAR,\r\n PURCHASE,\r\n SIP_TRANS_TYPE,\r\n INVESTMENT_FREQUENCY,\r\n SIP_DAY,\r\n SIP,\r\n NO,\r\n PAYMENT_MODE,\r\n} from \"../../../store/types\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n validateSubBroker,\r\n swpOptions,\r\n getNewPurchaseFundList,\r\n getOtherSchemes,\r\n getAssetClasses,\r\n CalcSIPEnddt,\r\n setSipDetails,\r\n submitPurchaseData,\r\n showPurchaseConfirmation,\r\n getMinimumAmount,\r\n EBamountValidation,\r\n saveTransactionDetails,\r\n getCheckPanKotm,\r\n getCheckPanAotm,\r\n} from \"../../../store/actions\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport { NEW_TRANSACTION_URL , countrycodeOptions } from \".\";\r\nimport { isBefore, isAfter, isEqual } from \"date-fns\";\r\nconst initialState = {\r\n fund: { value: \"\" },\r\n funds: [],\r\n folio: { value: \"\" },\r\n folios: [],\r\n category: { value: \"\" },\r\n minimumLumpsumAmout: \"\",\r\n categories: [],\r\n scheme: { value: \"\" },\r\n schemes: [],\r\n investmentFrequency: { value: \"\" },\r\n frequencies: [],\r\n installments: { value: \"\" },\r\n sipDay: { value: \"\" },\r\n sipDays: [],\r\n sip_start_date: { value: \"\" },\r\n sip_end_date: { value: \"\" },\r\n installmentAmount: { value: \"\" },\r\n investmentAmount: { value: \"\" },\r\n mode: { value: \"\" },\r\n perpetualSip: false,\r\n modes: [],\r\n minAmount: \"\",\r\n kotm: false,\r\n selectedKotm: { value: \"\" },\r\n umrn: [],\r\n};\r\nclass Sip extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { sipDetails, location, fundList, history } = this.props;\r\n const { state } = location;\r\n const checkExisting =\r\n !!fundList && fundList.find((ele) => ele.Fund === \"189\" && !!ele.Acno);\r\n const checkMode =\r\n !!history &&\r\n !!history.location &&\r\n !!history.location.state &&\r\n !!history.location.state.mode\r\n ? history.location.state.mode\r\n : !!sipDetails && !!sipDetails.mode && !!sipDetails.mode.value\r\n ? sipDetails.mode.value\r\n : \"\";\r\n\r\n const checkPan =\r\n !!history &&\r\n !!history.location &&\r\n !!history.location.state &&\r\n !!history.location.state.pan\r\n ? history.location.state.pan\r\n : !!sipDetails && !!sipDetails.pan && !!sipDetails.pan.value\r\n ? sipDetails.pan.value\r\n : \"\";\r\n const checkfolio = {\r\n value:\r\n !!history &&\r\n !!history.location &&\r\n !!history.location.state &&\r\n !!history.location.state.folio\r\n ? history.location.state.folio\r\n : !!sipDetails && !!sipDetails.folio && !!sipDetails.folio.value\r\n ? sipDetails.folio.value\r\n : \"\",\r\n label:\r\n !!history &&\r\n !!history.location &&\r\n !!history.location.state &&\r\n !!history.location.state.folio\r\n ? history.location.state.folio\r\n : !!sipDetails && !!sipDetails.folio && !!sipDetails.folio.value\r\n ? sipDetails.folio.value\r\n : \"\",\r\n };\r\n\r\n this.state = {\r\n sipTypes:\r\n (!!state && !!state.pan) || !checkExisting\r\n ? [\r\n { label: \"New Folio - SIP Registration\", value: NEWP },\r\n {\r\n label: \"New Folio - SIP Registration with payment\",\r\n value: NEW,\r\n },\r\n ]\r\n : [\r\n { label: \"Existing Folio - SIP Registration\", value: EXISTING },\r\n {\r\n label: \"Existing Folio - SIP Registration with payment\",\r\n value: \"EXISTINGP\",\r\n },\r\n { label: \"New Folio - SIP Registration\", value: NEWP },\r\n {\r\n label: \"New Folio - SIP Registration with payment\",\r\n value: NEW,\r\n },\r\n ],\r\n\r\n invName: { value: \"\" },\r\n sipType: { value: checkMode === \"ENACH\" ? EXISTING : \"\" },\r\n multiples: \"\",\r\n fund: { value: \"\" },\r\n pan: { value: checkPan },\r\n code: { value: \"+91\" },\r\n funds: [],\r\n folio: { value: checkfolio },\r\n folios: [],\r\n arnCode: { value: this.props.token },\r\n subArnCode: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n schemeType: EXISTING,\r\n category: { value: \"\" },\r\n categories: [],\r\n schemes: [],\r\n scheme: { value: \"\" },\r\n mode: { value: checkMode },\r\n disbleEmail: false,\r\n disbleMobile: false,\r\n euinNo: { value: \"\" },\r\n radioValue: { value: \"no\" },\r\n minAmount: \"\",\r\n minAmountValue: { value: \"\" },\r\n frequencies: [],\r\n investmentFrequency: { value: \"\" },\r\n sipDays: [],\r\n sipDay: { value: \"\" },\r\n installments: { value: \"\" },\r\n sip_start_date: { value: \"\" },\r\n sip_end_date: { value: \"\" },\r\n email: { value: \"\" },\r\n mobile: { value: \"\" },\r\n installmentAmount: { value: \"\" },\r\n investmentAmount: { value: \"\" },\r\n modes: [],\r\n maxAmount: \"\",\r\n Family_Code_Email: { value: \"\" },\r\n Family_Code_Phone: { value: \"\" },\r\n ...sipDetails,\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n window.scrollTo({\r\n behavior: \"smooth\",\r\n top: 0,\r\n });\r\n const { transactionDetails } = this.props;\r\n if (Object.keys(transactionDetails).length > 0) {\r\n this.setState(transactionDetails);\r\n return;\r\n }\r\n this.validateBrokerCode(\"189\")();\r\n\r\n // if (this.state.mode.value === \"ENACH\") {\r\n // const { history, sipDetails } = this.props;\r\n // const schemes = await this.schemes(\r\n // !!history &&\r\n // !!history.location &&\r\n // !!history.location.state &&\r\n // !!history.location.state.folio\r\n // ? history.location.state.folio\r\n // : !!sipDetails && !!sipDetails.folio && !!sipDetails.folio.value\r\n // ? sipDetails.folio.value\r\n // : \"\"\r\n // );\r\n\r\n // this.setState({\r\n // minAmountValue: { value: \"\" },\r\n // schemes,\r\n // schemeType: EXISTING,\r\n // });\r\n // this.validateBrokerCode(\"189\")();\r\n // }\r\n }\r\n\r\n handlechangeSIPEndDateChange = () => {\r\n const { perpetualSip } = this.state;\r\n if (!perpetualSip && this.state.kotm) {\r\n this.setState({\r\n perpetualSip: !this.state.perpetualSip,\r\n sip_end_date: {\r\n value: this?.state?.selectedKotm?.value[\"MANDATE END DATE\"],\r\n },\r\n installments: {\r\n value: \"\",\r\n placeholder: \"Perpetual SIP\",\r\n disabled: true,\r\n },\r\n });\r\n } else if (!perpetualSip && !this.state.kotm) {\r\n this.setState({\r\n perpetualSip: !this.state.perpetualSip,\r\n sip_end_date: { value: \"31/12/2099\" },\r\n installments: {\r\n value: \"\",\r\n placeholder: \"Perpetual SIP\",\r\n disabled: true,\r\n },\r\n });\r\n } else if (!!perpetualSip) {\r\n this.setState({\r\n perpetualSip: !this.state.perpetualSip,\r\n sipDay: { value: \"\" },\r\n sip_end_date: { value: \"\" },\r\n sip_start_date: { value: \"\" },\r\n installments: {\r\n value: \"\",\r\n placeholder: \"\",\r\n disabled: false,\r\n },\r\n });\r\n }\r\n };\r\n\r\n // handleFundChange = async (value) => {\r\n // const fund = !!value ? value.value : \"\";\r\n // const fundValue = !!value\r\n // ? this.state.sipType.value === NEW || this.state.sipType.value === NEWP\r\n // ? fund.amc_code\r\n // : fund.Fund\r\n // : \"\";\r\n\r\n // if (!value) {\r\n // this.setState({\r\n // ...initialState,\r\n // funds: this.state.funds,\r\n // fund: { value },\r\n // schemes: [],\r\n // scheme: { value: \"\" },\r\n // modes: [],\r\n // mode: { value: \"\" },\r\n // euinNo: { value: \"\" },\r\n // radioValue: { value: \"no\" },\r\n // minAmount: \"\",\r\n // frequencies: [],\r\n // investmentFrequency: { value: \"\" },\r\n // sipDays: [],\r\n // sipDay: { value: \"\" },\r\n // minAmountValue: { value: \"\" },\r\n // installments: { value: \"\" },\r\n // sip_start_date: { value: \"\" },\r\n // sip_end_date: { value: \"\" },\r\n // email: {\r\n // value:\r\n // this.state.sipType.value === NEW ||\r\n // this.state.sipType.value === NEWP\r\n // ? this.state.email.value\r\n // : \"\",\r\n // },\r\n // mobile: {\r\n // value:\r\n // this.state.sipType.value === NEW ||\r\n // this.state.sipType.value === NEWP\r\n // ? this.state.mobile.value\r\n // : \"\",\r\n // },\r\n // installmentAmount: { value: \"\" },\r\n // investmentAmount: { value: \"\" },\r\n // });\r\n // return;\r\n // } else if (\r\n // !!value &&\r\n // !!this.state.fund.value &&\r\n // value.value.Fund === this.state.fund.value.value.Fund &&\r\n // value.value.Fund !== undefined\r\n // ) {\r\n // return;\r\n // } else {\r\n // const params = {\r\n // opt: PAYMENT_MODE,\r\n // Fund: fundValue,\r\n // astscheme:\r\n // !!this.props.investorData && !!this.props.investorData.PAN\r\n // ? this.props.investorData.PAN\r\n // : \"\",\r\n // };\r\n // const folios = this.props.fundList.reduce((prev, curr) => {\r\n // if (curr.Fund === fundValue && curr.sipFlag === YES) {\r\n // return [...prev, curr.Acno];\r\n // }\r\n // return prev;\r\n // }, []);\r\n // this.setState({\r\n // ...initialState,\r\n // funds: this.state.funds,\r\n // fund: { value },\r\n // folios: Array.from(new Set(folios)),\r\n // folio: { value: \"\" },\r\n // });\r\n // if (!!value) {\r\n // this.validateBrokerCode(fundValue)();\r\n // }\r\n // if (\r\n // this.state.sipType.value === NEW ||\r\n // this.state.sipType.value === NEWP\r\n // ) {\r\n // this.getAssetClasses(fundValue);\r\n // }\r\n // const response = await this.props.swpOptions(params);\r\n // if (response) {\r\n // const { Dtinformation } = response;\r\n // this.setState({\r\n // modes: Dtinformation,\r\n // minAmountValue: { value: \"\" },\r\n // mode: { value: \"\" },\r\n // });\r\n // }\r\n // }\r\n // };\r\n\r\n validateBrokerCode = (fund) => async () => {\r\n const { subArnCode, arnCode } = this.state;\r\n if (\r\n !!subArnCode.value &&\r\n subArnCode.value === arnCode.value.split(\"-\")[1]\r\n ) {\r\n this.setState({\r\n subArnCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Sub ARN Code should not be same as ARN Code`,\r\n },\r\n });\r\n } else {\r\n const params = {\r\n Fund: \"189\",\r\n SubAgentCd: !!subArnCode.value ? `ARN-${subArnCode.value}` : \"\",\r\n AgentCd: arnCode.value,\r\n };\r\n const response = await this.props.validateSubBroker(params);\r\n\r\n if (!!response && !!response.DtData && response.DtData.length > 0) {\r\n const getLength = response.DtData.length === 1;\r\n let value = {\r\n value: response.DtData[0].abm_agent,\r\n label: response.DtData[0].abm_agent,\r\n };\r\n if (!!getLength) {\r\n this.setState({\r\n euinNo: { value },\r\n });\r\n }\r\n } else if (!response) {\r\n this.setState({\r\n subArnCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `(Please enter a valid Sub ARN Code)`,\r\n },\r\n });\r\n }\r\n }\r\n };\r\n getUMRN = async (type) => {\r\n const params = {\r\n Fund: \"189\",\r\n PAN: this.props.investorData.PAN,\r\n Acno: this.state.folio.value.value ? this.state.folio.value.value : 0,\r\n };\r\n const response =\r\n type === \"KOTM\"\r\n ? await this.props.getCheckPanKotm(params)\r\n : await this.props.getCheckPanAotm(params);\r\n const umrn = await response.Table1;\r\n if (umrn.length > 1) {\r\n const maxAmt = umrn.reduce(\r\n (max, obj) => (obj.Amt > max ? obj.Amt : max),\r\n 0\r\n );\r\n const filteredData = umrn.filter((obj) => obj.Amt === maxAmt);\r\n this.setState({\r\n selectedKotm: { value: filteredData[0] },\r\n });\r\n }\r\n if (umrn.length === 1) {\r\n this.setState({\r\n selectedKotm: { value: umrn[0] },\r\n });\r\n }\r\n this.setState({\r\n umrn,\r\n });\r\n };\r\n\r\n handleFolioChange = (value) => {\r\n const folio = !!value ? value.value : \"\";\r\n const { folios } = this.state;\r\n const state = { folios };\r\n\r\n if (!value) {\r\n this.setState({\r\n ...initialState,\r\n ...state,\r\n mode: { value: this.state.mode.value },\r\n folio: { value },\r\n });\r\n return;\r\n } else if (\r\n !!value &&\r\n !!this.state.folio.value &&\r\n value.value === this.state.folio.value.value\r\n ) {\r\n return;\r\n } else {\r\n const schemes = this.schemes(folio);\r\n this.setState({\r\n ...initialState,\r\n ...state,\r\n mode: { value: this.state.mode.value },\r\n folio: { value },\r\n minAmountValue: { value: \"\" },\r\n schemes,\r\n schemeType: EXISTING,\r\n });\r\n }\r\n };\r\n\r\n changeEuin = (value) => {\r\n this.setState({\r\n euinNo: { value },\r\n });\r\n };\r\n\r\n changeValue = (label) => async (event) => {\r\n if (\r\n (label === \"installmentAmount\" || label === \"investmentAmount\") &&\r\n event.target.value.length <= 10\r\n ) {\r\n this.setState({\r\n [label]: { value: parseFloat(event.target.value.replace(/^0+/, \"\")) },\r\n });\r\n } else if (label === \"mode\") {\r\n this.setState({\r\n sipDay: { value: \"\" },\r\n sip_start_date: { value: \"\" },\r\n sip_end_date: { value: \"\" },\r\n perpetualSip: false,\r\n });\r\n if (event.target.value === \"KOTM\") {\r\n this.getUMRN(\"KOTM\");\r\n } else if (event.target.value === \"AOTM\") {\r\n this.getUMRN(\"AOTM\");\r\n }\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n kotm: event.target.value === \"KOTM\" || event.target.value === \"AOTM\",\r\n selectedKotm: { value: \"\" },\r\n });\r\n } else if (label === \"kotm\") {\r\n this.setState({\r\n selectedKotm: {\r\n value: event.target.value,\r\n },\r\n });\r\n } else if (label === \"code\") {\r\n this.setState({ [label]: { value: event.target.value } });\r\n } else if (label === \"installments\" && event.target.value.length <= 3) {\r\n if (parseFloat(event.target.value) <= 999) {\r\n this.setState({\r\n [label]: {\r\n value: parseFloat(event.target.value.replace(/^0+/, \"\")),\r\n },\r\n sipDay: { value: \"\" },\r\n sip_start_date: { value: \"\" },\r\n sip_end_date: { value: \"\" },\r\n });\r\n const modeparams = {\r\n opt: PAYMENT_MODE,\r\n Fund: \"189\",\r\n astscheme:\r\n !!this.props.investorData && !!this.props.investorData.PAN\r\n ? this.props.investorData.PAN\r\n : !!this.state && !!this.state.pan\r\n ? this.state.pan\r\n : \"\",\r\n };\r\n const res = await this.props.swpOptions(modeparams);\r\n if (res) {\r\n const { Dtinformation } = res;\r\n this.setState({\r\n modes: Dtinformation,\r\n mode: { value: \"\" },\r\n });\r\n }\r\n } else if (!event.target.value) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: \"\",\r\n errorMessage: !!event.target.value\r\n ? \"no of installemnts should not be more than 500\"\r\n : \"no of installments is mandatory\",\r\n },\r\n sipDay: { value: \"\" },\r\n sip_start_date: { value: \"\" },\r\n sip_end_date: { value: \"\" },\r\n });\r\n }\r\n } else if (label === \"mobile\") {\r\n if ( (this.state.code.value === \"+91\") && (!/^[6-9]\\d{9}$/.test(event.target.value))) {\r\n this.setState({\r\n [label]: {\r\n value: event.target.value,\r\n isError: true,\r\n errorMessage: \"Enter a valid Mobile Number\",\r\n },\r\n });\r\n } else {\r\n this.setState({ [label]: { value: event.target.value } });\r\n }\r\n } else if (\r\n (label === \"subArnCode\" || label === \"subBrokerCode\") &&\r\n event.target.value.length <= 20\r\n ) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (label === \"radioValue\" && event.target.value === \"no\") {\r\n if (!this.state.euinNo.value) {\r\n this.setState({\r\n radioValue: { value: event.target.value },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n euinNo: { value: \"\" },\r\n });\r\n }\r\n } else if (label === \"email\") {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (label === \"invName\" && event.target.value.length <= 40) {\r\n if (/^[a-zA-Z ]*$/.test(event.target.value)) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n } else if (\r\n label !== \"installmentAmount\" &&\r\n label !== \"invName\" &&\r\n label !== \"subArnCode\" &&\r\n label !== \"installments\" &&\r\n label !== \"subBrokerCode\" &&\r\n label !== \"email\" &&\r\n label !== \"mobile\" &&\r\n label !== \"investmentAmount\" &&\r\n label === \"radioValue\" &&\r\n event.target.value !== \"no\"\r\n ) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n };\r\n\r\n getAssetClasses = async (fund, folio) => {\r\n const params = {\r\n Fund: \"189\",\r\n Folio: folio,\r\n };\r\n const assetClasses = await this.props.getAssetClasses(params);\r\n if (assetClasses) {\r\n this.setState({\r\n categories: assetClasses.DtData,\r\n });\r\n }\r\n };\r\n\r\n getOtherSchemes = async (category) => {\r\n const params = {\r\n schtype: REGULAR,\r\n category,\r\n acno:\r\n this.state.sipType.value === NEW || this.state.sipType.value === NEWP\r\n ? \"0\"\r\n : this.state.folio.value.value,\r\n fundCode: \"189\",\r\n trantype: SIP_TRANS_TYPE,\r\n };\r\n\r\n const otherSchemes = await this.props.getOtherSchemes(params);\r\n const FundName = \"189\";\r\n\r\n if (otherSchemes) {\r\n this.setState({\r\n schemes: otherSchemes.DtData,\r\n mode: { value: this.state.mode.value },\r\n fund: {\r\n ...this.state.fund,\r\n errorMessage:\r\n (FundName.trim() === \"128\" ||\r\n FundName.trim() === \"116\" ||\r\n FundName.trim() === \"189\") &&\r\n this.state.category.value === \"LIQUID\" &&\r\n otherSchemes.DtData.length === 0\r\n ? \"Liquid Schemes are not allowed for SIP\"\r\n : otherSchemes.DtData.length === 0 &&\r\n (FundName.trim() !== \"128\" ||\r\n FundName.trim() !== \"116\" ||\r\n FundName.trim() !== \"189\")\r\n ? \"No Schemes under this fund\"\r\n : \"\",\r\n },\r\n });\r\n }\r\n };\r\n\r\n schemes = (folio) => {\r\n if (\r\n this.state.sipType.value === EXISTING ||\r\n this.state.mode.value === \"ENACH\" ||\r\n this.state.sipType.value === \"EXISTINGP\"\r\n ) {\r\n return this.props.fundList.reduce((prev, curr) => {\r\n if (\r\n parseFloat(curr.Fund) === 189 &&\r\n parseFloat(curr.Acno) === parseFloat(folio) &&\r\n curr.sipSchFlg === YES\r\n ) {\r\n return [...prev, curr];\r\n }\r\n return prev;\r\n }, []);\r\n }\r\n };\r\n\r\n handleCategoryChange = (event) => {\r\n const category = event.target.value;\r\n const { funds, fund, folios, folio, categories } = this.state;\r\n const state = {\r\n funds,\r\n fund,\r\n folios,\r\n\r\n folio,\r\n categories,\r\n };\r\n if (!category) {\r\n this.setState({\r\n ...initialState,\r\n ...state,\r\n category: { value: \"\" },\r\n mode: { value: this.state.mode.value },\r\n });\r\n return;\r\n }\r\n this.setState({\r\n ...initialState,\r\n ...state,\r\n category: { value: category },\r\n mode: { value: this.state.mode.value },\r\n });\r\n this.getOtherSchemes(category);\r\n };\r\n\r\n handleSipTypeChange = async (event) => {\r\n const sipType = event.target.value;\r\n const { communicationDetails, investorData } = this.props;\r\n\r\n const detailsEmail = communicationDetails.find(\r\n (detail) =>\r\n detail.PAN === investorData.PAN &&\r\n !!detail.email &&\r\n !!detail.Fund &&\r\n String(detail.Fund).trim() === \"189\"\r\n );\r\n const detailsMobile = communicationDetails.find(\r\n (detail) =>\r\n detail.PAN === investorData.PAN &&\r\n !!detail.Mobile &&\r\n String(detail.Fund).trim() === \"189\"\r\n );\r\n\r\n const Setstate = {\r\n ...initialState,\r\n schemeType: EXISTING,\r\n invName: {\r\n value:\r\n !!investorData && !!investorData.invname ? investorData.invname : \"\",\r\n },\r\n email: {\r\n value:\r\n (sipType === NEW || sipType === NEWP) &&\r\n // !!location.state &&\r\n // !location.state.pan &&\r\n !!detailsEmail &&\r\n !!detailsEmail.email\r\n ? detailsEmail.email\r\n : \"\",\r\n },\r\n mobile: {\r\n value:\r\n (sipType === NEW || sipType === NEWP) &&\r\n // !!location.state &&\r\n // !location.state.pan &&\r\n !!detailsMobile &&\r\n !!detailsMobile.Mobile\r\n ? detailsMobile.Mobile\r\n : \"\",\r\n },\r\n disbleEmail:\r\n !!detailsEmail &&\r\n !!detailsEmail.email &&\r\n (sipType === NEW || sipType === NEWP)\r\n ? true\r\n : false,\r\n disbleMobile:\r\n !!detailsMobile &&\r\n (sipType === NEW || sipType === NEWP) &&\r\n !!detailsMobile.Mobile\r\n ? true\r\n : false,\r\n mode: { value: this.state.mode.value },\r\n };\r\n\r\n if (!sipType) {\r\n this.setState({\r\n ...Setstate,\r\n sipType: { value: event.target.value },\r\n minAmountValue: { value: \"\" },\r\n });\r\n return;\r\n } else if (event.target.value === this.state.sipType.value) {\r\n return;\r\n }\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (parseFloat(curr.Fund) === 189 && curr.sipFlag === YES) {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n this.setState({\r\n ...Setstate,\r\n sipType: { value: sipType },\r\n funds: [],\r\n fund: { value: { value: \"189\" } },\r\n folios: Array.from(new Set(folios)),\r\n folio: { value: \"\" },\r\n mode: { value: this.state.mode.value },\r\n });\r\n if (!!sipType) {\r\n this.validateBrokerCode(\"189\")();\r\n }\r\n if (sipType === NEW || sipType === NEWP) {\r\n this.getAssetClasses(\"189\");\r\n }\r\n\r\n this.setState({\r\n minAmountValue: { value: \"\" },\r\n });\r\n };\r\n\r\n changeSchemeType = (value) => () => {\r\n const { folios, folio } = this.state;\r\n const state = {\r\n folios,\r\n folio,\r\n };\r\n if (value === this.state.schemeType) {\r\n return;\r\n }\r\n if (value === EXISTING || value === \"EXISTINGP\") {\r\n const schemes = this.schemes(this.state.folio.value.value);\r\n this.setState({\r\n ...initialState,\r\n ...state,\r\n schemeType: value,\r\n minAmountValue: { value: \"\" },\r\n schemes,\r\n mode: { value: this.state.mode.value },\r\n });\r\n } else {\r\n this.setState({\r\n ...initialState,\r\n minAmountValue: { value: \"\" },\r\n ...state,\r\n schemeType: value,\r\n mode: { value: this.state.mode.value },\r\n });\r\n if (!!this.state.folio.value) {\r\n this.getAssetClasses(\r\n this.state.sipType.value === NEW ? \"189\" : \"189\",\r\n this.state.folio.value.value\r\n );\r\n }\r\n }\r\n };\r\n\r\n handleSchemeChange = (value) => {\r\n const scheme = !!value ? value.value : \"\";\r\n const { funds, fund, folios, folio, categories, category, schemes } =\r\n this.state;\r\n const state = {\r\n funds,\r\n fund,\r\n folios,\r\n\r\n folio,\r\n categories,\r\n category,\r\n schemes,\r\n };\r\n if (!value) {\r\n this.setState({\r\n ...initialState,\r\n ...state,\r\n scheme: { value: value },\r\n });\r\n return;\r\n }\r\n\r\n this.setState({\r\n ...initialState,\r\n ...state,\r\n multiples: !!scheme && !!scheme.multiples ? scheme.multiples : \"\",\r\n mode: { value: this.state.mode.value },\r\n scheme: { value },\r\n minAmount: !!scheme ? scheme.sipminamt || scheme.SIPminamt : \"\",\r\n minAmountValue: {\r\n value: !!scheme ? scheme.sipminamt || scheme.SIPminamt : \"\",\r\n },\r\n minimumLumpsumAmout:\r\n this.state.sipType.value === NEW\r\n ? scheme.fm_newpur\r\n : this.state.sipType.value === \"EXISTINGP\"\r\n ? scheme.MinAmt\r\n : \"\",\r\n });\r\n const params = {\r\n opt: INVESTMENT_FREQUENCY,\r\n fund: \"189\",\r\n };\r\n this.getInvestmentFrequency(params, \"frequencies\");\r\n };\r\n\r\n getInvestmentFrequency = async (params, label) => {\r\n const response = await this.props.swpOptions(params);\r\n if (response) {\r\n this.setState({\r\n [label]: response.Dtinformation,\r\n });\r\n }\r\n };\r\n FamilyDescriptionEmail = (event) => {\r\n this.setState({\r\n Family_Code_Email: { value: event },\r\n });\r\n };\r\n FamilyDescriptionPhone = (event) => {\r\n this.setState({\r\n Family_Code_Phone: { value: event },\r\n });\r\n };\r\n\r\n changeFrequency = async (event) => {\r\n const investmentFrequency = event.target.value;\r\n let minAmount = \"\";\r\n const {\r\n funds,\r\n fund,\r\n folios,\r\n\r\n folio,\r\n categories,\r\n category,\r\n schemes,\r\n scheme,\r\n frequencies,\r\n } = this.state;\r\n const state = {\r\n funds,\r\n fund,\r\n folios,\r\n\r\n folio,\r\n categories,\r\n category,\r\n schemes,\r\n scheme,\r\n frequencies,\r\n };\r\n if (!investmentFrequency) {\r\n this.setState({\r\n ...initialState,\r\n ...state,\r\n installments: { value: \"\" },\r\n sip_end_date: { value: \"\" },\r\n sip_start_date: { value: \"\" },\r\n sipDay: { value: \"\" },\r\n investmentFrequency: { value: investmentFrequency },\r\n mode: { value: this.state.mode.value },\r\n });\r\n return;\r\n }\r\n if (this.state.sipType.value === NEW || this.state.sipType.value === NEWP) {\r\n const minParams = {\r\n Fund: \"189\",\r\n Scheme: this.state.scheme.value.value.fm_scheme,\r\n Trtype: \"SIP\",\r\n Frequency: event.target.value.FrequencyID,\r\n };\r\n // const response = await this.props.getMinimumAmount(minParams);\r\n\r\n // if (response) {\r\n // const { DtData } = response;\r\n // minAmount = DtData[0].minamt;\r\n // }\r\n }\r\n if (this.state.sipType.value === EXISTING) {\r\n const minParams = {\r\n Fund: \"189\",\r\n\r\n Scheme:\r\n this.state.scheme.value.value.Sch ||\r\n this.state.scheme.value.value.fm_scheme,\r\n Trtype: \"SIP\",\r\n Frequency: event.target.value.FrequencyID,\r\n };\r\n // const response = await this.props.getMinimumAmount(minParams);\r\n // if (response) {\r\n // const { DtData } = response;\r\n // // minAmount = DtData[0].minamt;\r\n // }\r\n }\r\n\r\n this.setState({\r\n investmentFrequency: { value: investmentFrequency },\r\n installments: { value: \"\" },\r\n sip_end_date: { value: \"\" },\r\n sip_start_date: { value: \"\" },\r\n minAmountValue: {\r\n value: this.state.minAmountValue.value,\r\n },\r\n });\r\n\r\n const params = {\r\n opt: SIP_DAY,\r\n fund: \"189\",\r\n astscheme: investmentFrequency.FrequencyID,\r\n };\r\n this.getInvestmentFrequency(params, \"sipDays\");\r\n };\r\n\r\n changeSipDay = (value) => {\r\n const sipDay = !!value ? value.value : \"\";\r\n\r\n this.setState({\r\n perpetualSip: false,\r\n sipDay: { value: value },\r\n installmentAmount: { value: \"\" },\r\n investmentAmount: { value: \"\" },\r\n sip_end_date: { value: \"\" },\r\n sip_start_date: { value: \"\" },\r\n });\r\n if (!!sipDay && !!this.state.installments.value) {\r\n this.getSipEndDate(sipDay);\r\n } else if (!this.state.installments.value) {\r\n this.setState({\r\n sipDay: { value: \"\" },\r\n\r\n installments: {\r\n isError: true,\r\n errorMessage: \"Please enter Installments\",\r\n },\r\n });\r\n this.installmentsField.focus();\r\n }\r\n };\r\n\r\n changeDateFormat(date) {\r\n const [day, month, year] = date.split(\"/\");\r\n return new Date(year, month - 1, day);\r\n }\r\n\r\n getSipEndDate = async (sipDay) => {\r\n const modeparams = {\r\n opt: PAYMENT_MODE,\r\n Fund: \"189\",\r\n astscheme:\r\n !!this.props.investorData && !!this.props.investorData.PAN\r\n ? this.props.investorData.PAN\r\n : !!this.state && !!this.state.pan\r\n ? this.state.pan\r\n : \"\",\r\n };\r\n const res = await this.props.swpOptions(modeparams);\r\n if (res) {\r\n const { Dtinformation } = res;\r\n this.setState({\r\n modes: Dtinformation,\r\n });\r\n }\r\n\r\n const params = {\r\n fund: \"189\",\r\n StartDate: sipDay,\r\n Installments: this.state.installments.value,\r\n Frequency: this.state.investmentFrequency.value.FrequencyID,\r\n trtype: \"SIP\",\r\n sch:\r\n this.state.scheme.value.value.Sch ||\r\n this.state.scheme.value.value.fm_scheme,\r\n modeofregistration:this.state.mode.value\r\n };\r\n const response = await this.props.CalcSIPEnddt(params);\r\n if (response) {\r\n const {\r\n DtData: [dates],\r\n } = response;\r\n const { SIP_EndDate, SIP_StartDate } = dates;\r\n if (!!SIP_EndDate) {\r\n const reformSIPEndDT = SIP_EndDate.split(\"/\");\r\n if (parseFloat(reformSIPEndDT[2]) >= 2099) {\r\n this.setState({\r\n sipDay: { value: \"\" },\r\n sip_start_date: { value: \"\" },\r\n sip_end_date: { value: \"\" },\r\n installments: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage:\r\n \"Your SIP installments are going beyond 2099, select lesser number of installments.\",\r\n },\r\n });\r\n this.installmentsField.focus();\r\n } else if (\r\n parseFloat(reformSIPEndDT[2]) < 2099 &&\r\n !!this.props.enachEndDate\r\n ) {\r\n const isStartDateValid =\r\n this.changeDateFormat(SIP_StartDate) >=\r\n this.changeDateFormat(this.props.enachStartDate);\r\n\r\n const isEndDateValid =\r\n this.changeDateFormat(SIP_EndDate) <=\r\n this.changeDateFormat(this.props.enachEndDate);\r\n if (isStartDateValid && isEndDateValid) {\r\n this.setState({\r\n sip_start_date: { value: SIP_StartDate, isError: false },\r\n sip_end_date: { value: SIP_EndDate, isError: false },\r\n });\r\n }\r\n if (!isStartDateValid) {\r\n this.setState({\r\n sip_start_date: {\r\n value: SIP_StartDate,\r\n isError: true,\r\n errorMessage: `SIP Start Date should be after or same as Enach Start Date (${this.props.enachStartDate}) )`,\r\n },\r\n sip_end_date: { value: SIP_EndDate, isError: false },\r\n });\r\n }\r\n if (!isEndDateValid) {\r\n this.setState({\r\n sip_end_date: {\r\n value: SIP_EndDate,\r\n isError: true,\r\n errorMessage: `SIP End Date should be before or same as Enach End Date (${this.props.enachEndDate}) )`,\r\n },\r\n sip_start_date: {\r\n value: SIP_StartDate,\r\n isError: false,\r\n },\r\n });\r\n }\r\n } else if (parseFloat(reformSIPEndDT[2]) < 2099) {\r\n this.setState({\r\n sip_start_date: { value: SIP_StartDate, isError: false },\r\n sip_end_date: { value: SIP_EndDate, isError: false },\r\n });\r\n }\r\n }\r\n }\r\n };\r\n\r\n showError = (label) => async (event) => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n\r\n if (label === \"email\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n )\r\n ? true\r\n : !value,\r\n errorMessage: !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n )\r\n ? `Enter an vaild Email Id`\r\n : \"\",\r\n },\r\n });\r\n } else if (label === \"mobile\" ) {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: this.state.code.value === \"+91\" && !/^[6-9]\\d{9}$/.test(this.state.mobile.value) \r\n ? true\r\n : !value,\r\n errorMessage: this.state.code.value === \"+91\" && !/^[6-9]\\d{9}$/.test(this.state.mobile.value)\r\n ? `Enter a valid Phone Number`\r\n : !value,\r\n },\r\n });\r\n } else if (label === \"installments\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n !!this.state.investmentFrequency.value &&\r\n !!this.state.investmentFrequency.value.Minimum_Instalment &&\r\n parseFloat(this.state.installments.value) <\r\n parseFloat(\r\n this.state.investmentFrequency.value.Minimum_Instalment\r\n )\r\n ? true\r\n : !value,\r\n errorMessage:\r\n !!this.state.investmentFrequency.value &&\r\n !!this.state.investmentFrequency.value.Minimum_Instalment &&\r\n parseFloat(this.state.installments.value) <\r\n parseFloat(\r\n this.state.investmentFrequency.value.Minimum_Instalment\r\n )\r\n ? \"Number of installments should be greater than or equal to the minimum number of installments mentioned above\"\r\n : \"Installments is mandatory\",\r\n },\r\n });\r\n } else if (label === \"installmentAmount\") {\r\n const { location } = this.props;\r\n const { state } = location;\r\n const { scheme } = this.state;\r\n const checkScheme = !!scheme && !!scheme.value && !!scheme.value.value;\r\n if (\r\n !!checkScheme &&\r\n (scheme.value.value.Sch === \"EB\" ||\r\n scheme.value.value.fm_scheme === \"EB\")\r\n ) {\r\n const params = {\r\n pan:\r\n !!this.props.investorData && !!this.props.investorData.PAN\r\n ? this.props.investorData.PAN\r\n : !!state && !!state.pan\r\n ? state.pan\r\n : \"\",\r\n amt: this.state.installmentAmount.value,\r\n };\r\n const response = await this.props.EBamountValidation(params);\r\n if (!!response && !!response.Dtinformation) {\r\n return;\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `${response}`,\r\n },\r\n });\r\n }\r\n } else if (\r\n parseFloat(this.state.minAmountValue.value) >\r\n parseFloat(this.state.installmentAmount.value)\r\n ) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `The amount should be ₹ ${this.state.minAmountValue.value} or more`,\r\n },\r\n });\r\n } else if (\r\n parseFloat(this.props.enachMaxAmount) <\r\n parseFloat(this.state.installmentAmount.value)\r\n ) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Installment Amount should be less than or equal to ${this.props.enachMaxAmount}(₹) as per Enach Registration Amount`,\r\n },\r\n });\r\n } else if (\r\n !!this.state.installmentAmount.value &&\r\n !!this.state.multiples &&\r\n parseFloat(this.state.installmentAmount.value) %\r\n parseFloat(this.state.multiples) !=\r\n 0\r\n ) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `The amount should be in the multiples of ${this.state.multiples}`,\r\n },\r\n });\r\n } else if (\r\n +this.state.selectedKotm.value.Amt < +this.state.installmentAmount.value\r\n ) {\r\n this.setState({\r\n installmentAmount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `SIP installment amount cannot exceed\r\n mandate registration limit of ${this.state.selectedKotm.value.Amt}.`,\r\n },\r\n });\r\n this.installmentAmount.focus();\r\n return;\r\n }\r\n return;\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n errorMessage: `${label} is mandatory`,\r\n },\r\n });\r\n }\r\n };\r\n\r\n submit = async () => {\r\n const {\r\n sipTypes,\r\n funds,\r\n pan,\r\n folio,\r\n disbleEmail,\r\n disbleMobile,\r\n fund,\r\n folios,\r\n arnCode,\r\n subArnCode,\r\n invName,\r\n email,\r\n subBrokerCode,\r\n schemeType,\r\n category,\r\n mobile,\r\n categories,\r\n schemes,\r\n euinNo,\r\n radioValue,\r\n minimumLumpsumAmout,\r\n multiples,\r\n minAmount,\r\n minAmountValue,\r\n frequencies,\r\n sipDays,\r\n investmentAmount,\r\n installmentAmount,\r\n perpetualSip,\r\n modes,\r\n installments,\r\n maxAmount,\r\n code,\r\n Family_Code_Email,\r\n Family_Code_Phone,\r\n kotm,\r\n selectedKotm,\r\n umrn,\r\n ...others\r\n } = this.state;\r\n console.log(this.state)\r\n let d1, d2;\r\n const split_enddate = this?.state?.sip_end_date?.value.split(\"/\");\r\n const split_mandatedate =\r\n this?.state?.selectedKotm?.value[\"MANDATE END DATE\"]?.split(\"/\");\r\n d1 = new Date(\r\n Number(split_enddate[2]),\r\n Number(split_enddate[1]) - 1,\r\n Number(split_enddate[0])\r\n );\r\n if (this?.state?.selectedKotm?.value[\"MANDATE END DATE\"]?.split(\"/\")) {\r\n d2 = new Date(\r\n Number(split_mandatedate[2]),\r\n Number(split_mandatedate[1]) - 1,\r\n Number(split_mandatedate[0])\r\n );\r\n }\r\n const { location } = this.props;\r\n if (\r\n !/^[+]\\d{1,3}$/.test(code.value) &&\r\n (this.state.sipType.value === NEW || this.state.sipType.value === NEWP)\r\n ) {\r\n this.setState({\r\n [code]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: !code.value\r\n ? \"Country Code is Mandatory\"\r\n : \"Enter a valid Country Code\",\r\n },\r\n });\r\n return;\r\n }\r\n if (!this.state.email.value) {\r\n this.setState({\r\n email: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Email ID is mandatory\",\r\n },\r\n });\r\n }\r\n if (\r\n !/^[+]\\d{1,3}/.test(this.state.code.value) &&\r\n (this.state.sipType.value === NEW || this.state.sipType.value === NEWP)\r\n ) {\r\n this.setState({\r\n code: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: !code.value\r\n ? \"Country Code is Mandatory\"\r\n : \"Enter a valid Country Code\",\r\n },\r\n });\r\n return;\r\n }\r\n if (\r\n !!this.state.sip_start_date.isError ||\r\n !!this.state.sip_end_date.isError\r\n ) {\r\n return;\r\n }\r\n if (!this.state.invName.value) {\r\n this.setState({\r\n invName: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Investor name is mandatory\",\r\n },\r\n });\r\n }\r\n if (!this.state.installmentAmount.value) {\r\n this.setState({\r\n installmentAmount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"installmentAmount is mandatory\",\r\n },\r\n });\r\n }\r\n if (this.state.invName.value.charAt(0) === \" \") {\r\n this.setState({\r\n invName: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter valid name\",\r\n },\r\n });\r\n return;\r\n }\r\n if (!this.state.mobile.value) {\r\n this.setState({\r\n mobile: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Mobile is mandatory\",\r\n },\r\n });\r\n }\r\n if (!this.state.folio.value) {\r\n this.setState({\r\n folio: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Folio is mandatory\",\r\n },\r\n });\r\n }\r\n if (!this.state.category.value) {\r\n this.setState({\r\n category: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Category is mandatory\",\r\n },\r\n });\r\n }\r\n if (!this.state.investmentAmount.value) {\r\n this.setState({\r\n investmentAmount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Investment Amount is mandatory\",\r\n },\r\n });\r\n }\r\n if (!this.state.euinNo.value) {\r\n this.setState({\r\n euinNo: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"EUIN No is mandatory\",\r\n },\r\n });\r\n }\r\n if (!this.state.selectedKotm.value && kotm) {\r\n this.setState({\r\n selectedKotm: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"UMRN is mandatory*\",\r\n },\r\n });\r\n }\r\n\r\n const keys = Object.keys(others);\r\n\r\n const findError = keys.every((key) => !!others[key].value);\r\n\r\n const arn = this.state.arnCode.value.split(\"-\");\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"sipType\"\r\n ? \"SIP Type\"\r\n : key === \"scheme\"\r\n ? \"Scheme\"\r\n : key === \"investmentFrequency\"\r\n ? \"Investment frequency\"\r\n : key === \"installments\"\r\n ? \"Installments\"\r\n : key === \"sipDay\"\r\n ? \"SIP day\"\r\n : key === \"sip_start_date\"\r\n ? \"SIP Start date\"\r\n : key === \"sip_end_date\"\r\n ? \"SIP end date\"\r\n : key === \"installmentAmount\"\r\n ? \"Installment Amount\"\r\n : key\r\n } is mandatory`,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !others[key].value);\r\n switch (firstErroredKey) {\r\n case \"sipType\":\r\n this.sipTypeField.focus();\r\n break;\r\n case \"fund\":\r\n this.fundField.focus();\r\n break;\r\n case \"scheme\":\r\n this.schemeField.focus();\r\n break;\r\n case \"investmentFrequency\":\r\n this.investmentFrequency.focus();\r\n break;\r\n case \"installments\":\r\n this.installmentsField.focus();\r\n break;\r\n case \"sipDay\":\r\n this.sipDay.focus();\r\n break;\r\n case \"installmentAmount\":\r\n this.installmentAmount.focus();\r\n break;\r\n\r\n case \"email\":\r\n this.emailField.focus();\r\n break;\r\n case \"mobile\":\r\n this.mobileField.focus();\r\n break;\r\n default:\r\n break;\r\n }\r\n } else if (\r\n invName.value === \"\" &&\r\n (this.state.sipType.value === NEW || this.state.sipType.value === NEWP)\r\n ) {\r\n this.setState({\r\n invName: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Investor name is mandatory\",\r\n },\r\n });\r\n this.invNameField.focus();\r\n return;\r\n } else if (others.sipType === EXISTING && !folio.value) {\r\n this.setState({ folio: { ...folio, isError: true } });\r\n this.folioField.focus();\r\n return;\r\n } else if (\r\n (others.sipType.value === NEW || schemeType === NEW) &&\r\n !category.value\r\n ) {\r\n this.setState({ category: { ...category, isError: true } });\r\n this.categoryField.focus();\r\n return;\r\n } else if (\r\n (others.sipType.value === NEW || others.sipType.value === NEWP) &&\r\n (!email.value ||\r\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(email.value))\r\n ) {\r\n this.setState({\r\n email: {\r\n ...email,\r\n isError: true,\r\n errorMessage: \"Please enter an valid Email ID\",\r\n },\r\n });\r\n this.emailField.focus();\r\n return;\r\n } else if (\r\n others.sipType.value === NEW &&\r\n (!mobile.value )\r\n ) {\r\n this.setState({ mobile: { ...mobile, isError: true } });\r\n this.mobileField.focus();\r\n return;\r\n } else if (radioValue.value === \"no\" && !euinNo.value) {\r\n this.setState({\r\n euinNo: { ...euinNo, isError: true },\r\n });\r\n this.euinField.focus();\r\n return;\r\n } else if (\r\n (others.sipType.value === NEW || others.sipType.value === \"EXISTINGP\") &&\r\n (!investmentAmount.value ||\r\n parseFloat(investmentAmount.value) <\r\n parseFloat(this.state.minimumLumpsumAmout))\r\n ) {\r\n if (\r\n parseFloat(investmentAmount.value) <\r\n parseFloat(this.state.minimumLumpsumAmout)\r\n ) {\r\n this.setState({\r\n investmentAmount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Lumpsum amount should be more than ${this.state.minimumLumpsumAmout}`,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n investmentAmount: { ...investmentAmount, isError: true },\r\n });\r\n }\r\n\r\n this.investmentAmount.focus();\r\n return;\r\n } else if (arn[1] === this.state.subArnCode.value) {\r\n this.setState({\r\n subArnCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `and ARN code should not match `,\r\n },\r\n });\r\n } else if (\r\n !!others.investmentFrequency.value &&\r\n !!others.investmentFrequency.value.Minimum_Instalment &&\r\n this.state.installments.value <\r\n others.investmentFrequency.value.Minimum_Instalment &&\r\n others.investmentFrequency.value.FrequencyID !== \"Quarterly\" &&\r\n !perpetualSip\r\n ) {\r\n this.installmentsField.focus();\r\n this.setState({\r\n installments: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please check minimum no of installments`,\r\n },\r\n });\r\n } else if (\r\n this.state.minAmountValue.value > this.state.installmentAmount.value\r\n ) {\r\n this.setState({\r\n installmentAmount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Installment Amount should be ${this.state.minAmountValue.value}(₹)`,\r\n },\r\n });\r\n this.installmentAmount.focus();\r\n return;\r\n }\r\n // else if (+this.state.installmentAmount.value > 1000000) {\r\n // this.setState({\r\n // installmentAmount: {\r\n // value: \"\",\r\n // isError: true,\r\n // errorMessage: `Installment Amount should be less than or equal to 1,000,000(₹)`,\r\n // },\r\n // });\r\n // this.installmentAmount.focus();\r\n // return;\r\n // }\r\n else if (\r\n !!others.investmentFrequency.value &&\r\n this.state.installments.value < 4 &&\r\n others.investmentFrequency.value.FrequencyID === \"Quarterly\" &&\r\n !perpetualSip\r\n ) {\r\n this.setState({\r\n installments: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please check minimum no of installments`,\r\n },\r\n });\r\n } else if (this.state.installmentAmount.value > this.props.enachMaxAmount) {\r\n this.setState({\r\n installmentAmount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Installment Amount should be less than or equal to ${this.props.enachMaxAmount}(₹)`,\r\n },\r\n });\r\n this.installmentAmount.focus();\r\n return;\r\n } else if (d1 > d2) {\r\n this.setState({\r\n sip_end_date: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `SIP end date cannot exceed mandate validity\r\n date of ${selectedKotm.value[\"MANDATE END DATE\"]}.`,\r\n },\r\n });\r\n return;\r\n } else {\r\n this.props.setSipDetails(this.state);\r\n const { communicationDetails,investorData }= this.props\r\n const family_email_relationship = !!this.state.Family_Code_Email.value\r\n .value\r\n ? family_description_codes.find(\r\n (ele) =>\r\n ele.family_code === this.state.Family_Code_Email.value.value\r\n )\r\n : \"\";\r\n const family_mobile_relationship = !!this.state.Family_Code_Phone.value\r\n .value\r\n ? family_description_codes.find(\r\n (ele) =>\r\n ele.family_code === this.state.Family_Code_Phone.value.value\r\n )\r\n : \"\";\r\n const Xmobile = communicationDetails.find(\r\n (detail) =>\r\n detail.Acno === this.state.folio.value.value &&\r\n detail.PAN === investorData.PAN &&\r\n !!detail.Mobile\r\n );\r\n const Xemail = communicationDetails.find(\r\n (detail) =>\r\n detail.Acno === this.state.folio.value.value &&\r\n detail.PAN === investorData.PAN &&\r\n !!detail.email\r\n );\r\n \r\n const Email = !!Xemail && !!Xemail.email ? Xemail.email : \"\";\r\n const Mobile = !!Xmobile && !!Xmobile.Mobile ? Xmobile.Mobile : \"\";\r\n \r\n if (\r\n others.sipType.value === NEW ||\r\n others.sipType.value === NEWP ||\r\n others.sipType.value === \"EXISTINGP\"\r\n ) {\r\n const { investorData } = this.props;\r\n const params = {\r\n InvestorName: this.state.invName.value || \"\",\r\n i_entby: this.props.userId,\r\n trtype: PURCHASE,\r\n Desci: \"Yes~A~\",\r\n SubbrokerArn: !!this.state.subArnCode.value\r\n ? `ARN-${subArnCode.value}`\r\n : \"\",\r\n ARNCode: this.state.arnCode.value,\r\n EuinCode:\r\n this.state.radioValue.value === \"no\"\r\n ? this.state.euinNo.value.value\r\n : \"\",\r\n i_Userid: this.props.userId,\r\n CountryCode: this.state.code.value,\r\n Mobile: others.sipType.value === \"EXISTINGP\"?Mobile:this.state.mobile.value,\r\n PanNo: investorData.PAN || this.state.pan.value,\r\n Email: others.sipType.value === \"EXISTINGP\"? Email:this.state.email.value,\r\n i_Acno:\r\n others.sipType.value === \"EXISTINGP\"\r\n ? this.state.folio.value.value\r\n : \"0\",\r\n Subbroker: this.state.subBrokerCode.value,\r\n i_Fund: \"189\",\r\n customfund: \"189\", \r\n\r\n i_UntAmtValue:\r\n this.state.sipType.value === NEW ||\r\n this.state.sipType.value === \"EXISTINGP\"\r\n ? this.state.investmentAmount.value\r\n : \"\",\r\n EUINFlag: this.state.radioValue.value === \"no\" ? NO : YES,\r\n EuinValid: this.state.radioValue.value === \"no\" ? NO : YES,\r\n noofinstallments: this.state.installments.value,\r\n i_Scheme:\r\n this.state.scheme.value.value.Sch ||\r\n this.state.scheme.value.value.fm_scheme,\r\n i_Plan:\r\n this.state.scheme.value.value.Pln ||\r\n this.state.scheme.value.value.fm_plan,\r\n i_Option:\r\n this.state.scheme.value.value.Opt ||\r\n this.state.scheme.value.value.fm_option,\r\n i_oldihno: \"0\",\r\n i_InvDistFlag: \"B\",\r\n sipenddt: new Date(\r\n this.state.sip_end_date.value.split(\"/\").reverse().join(\"/\")\r\n ).toLocaleDateString(\"en-US\"),\r\n sipstartdt: new Date(\r\n this.state.sip_start_date.value.split(\"/\").reverse().join(\"/\")\r\n ).toLocaleDateString(\"en-US\"),\r\n sipfrequency: this.state.investmentFrequency.value.FrequencyID,\r\n sipamount: this.state.installmentAmount.value,\r\n ModuleName: \"Webile\",\r\n paymode: this.state.mode.value,\r\n fEmailFlag: this.state.Family_Code_Email.value.value,\r\n fMobileFlag: this.state.Family_Code_Phone.value.value,\r\n UMRN: this.state.selectedKotm?.value?.UMRNNO,\r\n };\r\n console.log(\"params\",params)\r\n\r\n const response = await this.props.submitPurchaseData(params);\r\n if (response) {\r\n const {\r\n DtData: [purchaseData],\r\n } = response;\r\n const confirmationParams = {\r\n Trtype: PURCHASE,\r\n fund: \"189\",\r\n customfund: \"189\",\r\n Refno: purchaseData.refno,\r\n ModuleName: \"Webile\",\r\n };\r\n const confirmationResponse =\r\n await this.props.showPurchaseConfirmation(confirmationParams);\r\n\r\n if (confirmationResponse) {\r\n this.props.saveTransactionDetails(this.state);\r\n this.props.history.push({\r\n pathname: NEW_TRANSACTION_URL + \"/sip/digital/transact/confirm\",\r\n state: {\r\n title: \"SIP\",\r\n type: SIP,\r\n transactiontype: this.state.sipType.value,\r\n mode: this.state.mode.value,\r\n fEmailFlag: family_email_relationship,\r\n fMobileFlag: family_mobile_relationship,\r\n InvestorEmail:\r\n this.state.sipType.value === NEW ||\r\n this.state.sipType.value === NEWP\r\n ? this.state.email.value\r\n : \"\",\r\n InvestorMobile:\r\n this.state.sipType.value === NEW ||\r\n this.state.sipType.value === NEWP\r\n ? this.state.mobile.value\r\n : \"\",\r\n arnCode: this.state.arnCode.value,\r\n scheme: {\r\n Fund: \"189\",\r\n },\r\n perpetual: perpetualSip,\r\n UMRN: this.state.selectedKotm?.value?.UMRNNO,\r\n },\r\n });\r\n }\r\n }\r\n } else {\r\n this.props.saveTransactionDetails(this.state);\r\n this.props.history.push({\r\n pathname:\r\n this.state.mode.value === \"ENACH\"\r\n ? `/new-transaction/sip/digital/modes/enach-folios/transact/confirm`\r\n : `/new-transaction/sip/digital/modes/transact/confirm`,\r\n state: {\r\n title: \"SIP\",\r\n type: SIP,\r\n mode: this.state.mode.value,\r\n InvestorEmail:\r\n this.state.sipType.value === NEW ||\r\n this.state.sipType.value === NEWP\r\n ? this.state.email.value\r\n : \"\",\r\n InvestorMobile:\r\n this.state.sipType.value === NEW ||\r\n this.state.sipType.value === NEWP\r\n ? this.state.mobile.value\r\n : \"\",\r\n arnCode: this.state.arnCode.value,\r\n Folio: { value: this.state.folio.value.value },\r\n scheme: {\r\n Fund: \"189\",\r\n },\r\n perpetual: perpetualSip,\r\n isEnach: this.state.mode.value === \"ENACH\",\r\n UMRN: this.state.selectedKotm?.value?.UMRNNO,\r\n },\r\n });\r\n }\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n sipType,\r\n schemeType,\r\n fund,\r\n sipTypes,\r\n mode,\r\n modes,\r\n folios,\r\n folio,\r\n arnCode,\r\n subArnCode,\r\n subBrokerCode,\r\n categories,\r\n category,\r\n schemes,\r\n scheme,\r\n euinNo,\r\n radioValue,\r\n\r\n frequencies,\r\n investmentFrequency,\r\n sipDays,\r\n sipDay,\r\n installments,\r\n sip_end_date,\r\n sip_start_date,\r\n installmentAmount,\r\n investmentAmount,\r\n email,\r\n mobile,\r\n invName,\r\n Family_Code_Email,\r\n Family_Code_Phone,\r\n kotm,\r\n selectedKotm,\r\n } = this.state;\r\n const { euinList } = this.props;\r\n\r\n return (\r\n Switch
\r\n \r\n ({\r\n label: item,\r\n value: item,\r\n }))}\r\n value={folio.value}\r\n placeholder=\"Select Folio\"\r\n handleChange={this.handleFolioChange}\r\n inputRef={(ele) => (this.folioField = ele)}\r\n disabled={!fund.value}\r\n isError={folio.isError}\r\n errorMessage={folio.errorMessage}\r\n />\r\n
\r\n Folio
\r\n \r\n ({\r\n value: item,\r\n label: item.PlnDesc\r\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\r\n : item.fm_schdesc,\r\n }))}\r\n value={scheme.value}\r\n placeholder=\"Select Scheme\"\r\n handleChange={this.handleSchemeChange}\r\n disabled={!folio.value}\r\n inputRef={(ele) => (this.switchOutField = ele)}\r\n isError={scheme.isError}\r\n errorMessage={scheme.errorMessage}\r\n />\r\n
\r\n \r\n Switch out Scheme\r\n
\r\n \r\n
\r\n \r\n
\r\n Balance Units
\r\n Current Value
\r\n NAV as on Date
\r\n Minimum Amount (₹)
\r\n \r\n
\r\n \r\n {!!scheme && !!scheme.value ? scheme.value.value.BalUnits : \"\"}\r\n
\r\n \r\n {!!scheme && !!scheme.value ? scheme.value.value.CurValue : \"\"}\r\n
\r\n \r\n {!!scheme && !!scheme.value ? scheme.value.value.LastNAV : \"\"}\r\n
\r\n \r\n {!!scheme && !!scheme.value ? scheme.value.value.MinAmt : \"\"}\r\n
\r\n \r\n (this.category = ele)}\r\n isError={category.isError}\r\n disabled={!scheme.value}\r\n errorMessage={category.errorMessage}\r\n >\r\n {categories.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n\r\n \r\n ({\r\n label: item.fm_schdesc,\r\n value: item,\r\n }))}\r\n label=\"Fund\"\r\n handleChange={this.handleSwitchInSchemeChange}\r\n value={switchInScheme.value}\r\n placeholder=\"Select Fund\"\r\n disabled={!category.value}\r\n inputRef={(ele) => (this.switchInScheme = ele)}\r\n isError={switchInScheme.isError}\r\n errorMessage={switchInScheme.errorMessage}\r\n />\r\n
\r\n\r\n \r\n Switch In Scheme\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n bordercolor=\"#a6a6a6\"\r\n disabled={!fund.value}\r\n isShowError={subArnCode.isError}\r\n errorMessage={subArnCode.errorMessage}\r\n value={subArnCode.value}\r\n onBlur={\r\n !!fund.value ? this.validateBrokerCode(fund.value.value.Fund) : \"\"\r\n }\r\n onChange={this.changeValue(\"subArnCode\")}\r\n />\r\n
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n bordercolor=\"#a6a6a6\"\r\n value={subBrokerCode.value}\r\n onChange={this.changeValue(\"subBrokerCode\")}\r\n />\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {radioValue.value === \"no\" ? (\r\n EUIN Declaration
\r\n \r\n
\r\n YES
\r\n \r\n
\r\n \r\n NO
\r\n \r\n ({\r\n label: item.abm_agent,\r\n value: item.abm_agent,\r\n }))}\r\n label=\"Fund\"\r\n handleChange={this.changeEuin}\r\n value={euinNo.value}\r\n disabled={!euinList.length}\r\n placeholder=\"Select EUIN\"\r\n inputRef={(ele) => (this.euinField = ele)}\r\n isError={euinNo.isError}\r\n errorMessage={euinNo.errorMessage}\r\n />\r\n
\r\n ) : (\r\n \r\n I/We hereby confirm that the EUIN box has been intentionally left\r\n the blank by me/us as this is an 'execution-only' transaction\r\n without any interaction or advice by any personnel of the above\r\n distributor or notwithstanding the advice of in-appropriateness,if\r\n any provided by any personnel of the distributor and the distributor\r\n has not charged any advisory fees on this transaction\r\n
\r\n )}\r\n\r\n Switch Type
\r\n \r\n
\r\n\r\n Switch Mode
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n\r\n SIP Registration
\r\n {this.state.mode.value !== \"ENACH\" && (\r\n \r\n (this.sipTypeField = ele)}\r\n isError={sipType.isError}\r\n errorMessage={sipType.errorMessage}\r\n >\r\n {sipTypes.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n\r\n {/* {(sipType.value === NEW || sipType.value === NEWP) && (\r\n\r\n )} */}\r\n {(sipType.value === NEW || sipType.value === NEWP) && (\r\n \r\n
\r\n )}\r\n\r\n {(this.state.mode.value === \"ENACH\" ||\r\n sipType.value === EXISTING ||\r\n sipType.value === \"EXISTINGP\") && (\r\n \r\n (this.invNameField = ele)}\r\n />\r\n
\r\n \r\n ({\r\n label: item.family_description,\r\n value: item.family_code,\r\n }))}\r\n value={Family_Code_Email.value}\r\n placeholder=\"Select Family Description\"\r\n handleChange={this.FamilyDescriptionEmail}\r\n />\r\n
\r\n \r\n Email Family Description\r\n
\r\n \r\n (this.emailField = ele)}\r\n />\r\n
\r\n \r\n ({\r\n label: item.family_description,\r\n value: item.family_code,\r\n }))}\r\n value={Family_Code_Phone.value}\r\n placeholder=\"Select Phone Description\"\r\n handleChange={this.FamilyDescriptionPhone}\r\n />\r\n
\r\n \r\n Mobile Family Description\r\n
\r\n \r\n (this.sipTypeField = ele)}\r\n isError={this.state.code.isError}\r\n errorMessage={this.state.code.errorMessage}\r\n >\r\n {countrycodeOptions.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n type=\"number\"\r\n onChange={this.changeValue(\"mobile\")}\r\n onBlur={this.showError(\"mobile\")}\r\n isShowError={mobile.isError}\r\n errorMessage={mobile.errorMessage}\r\n inputref={(ele) => (this.mobileField = ele)}\r\n />\r\n
\r\n \r\n
\r\n )}\r\n\r\n {(schemeType === NEW ||\r\n sipType.value === NEW ||\r\n sipType.value === NEWP) && (\r\n \r\n ({\r\n label: item,\r\n value: item,\r\n }))}\r\n value={\r\n this.state.mode.value === \"ENACH\"\r\n ? this.state.folio.value\r\n : folio.value\r\n }\r\n placeholder=\"Select Folio\"\r\n handleChange={this.handleFolioChange}\r\n inputRef={(ele) => (this.folioField = ele)}\r\n // disabled={!fund.value}\r\n isError={folio.isError}\r\n errorMessage={folio.errorMessage}\r\n />\r\n
\r\n Folio
\r\n Select Scheme Type
\r\n \r\n
\r\n \r\n (this.categoryField = ele)}\r\n isError={category.isError}\r\n errorMessage={category.errorMessage}\r\n >\r\n {categories.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n \r\n ({\r\n label: item.PlnDesc\r\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\r\n : item.fm_schdesc,\r\n value: item,\r\n }))}\r\n value={scheme.value}\r\n placeholder=\"Select Scheme\"\r\n // handleInputchange={this.handleInputChange}\r\n handleChange={this.handleSchemeChange}\r\n disabled={\r\n schemeType === EXISTING &&\r\n (sipType.value === EXISTING || sipType.value === \"EXISTINGP\")\r\n ? !folio.value\r\n : !category.value\r\n }\r\n inputRef={(ele) => (this.schemeField = ele)}\r\n isError={scheme.isError}\r\n errorMessage={scheme.errorMessage}\r\n />\r\n
\r\n\r\n Scheme
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n {radioValue.value === \"no\" ? (\r\n EUIN Declaration
\r\n \r\n
\r\n YES
\r\n \r\n
\r\n \r\n NO
\r\n \r\n ({\r\n value: item.abm_agent,\r\n label: item.abm_agent,\r\n }))}\r\n errorMessage={euinNo.errorMessage}\r\n value={euinNo.value}\r\n placeholder=\"Select EUIN\"\r\n handleChange={this.changeEuin}\r\n disabled={!euinList.length}\r\n inputRef={(ele) => (this.euinField = ele)}\r\n isError={euinNo.isError}\r\n />\r\n
\r\n ) : (\r\n \r\n I/We hereby confirm that the EUIN box has been intentionally left\r\n the blank by me/us as this is an 'execution-only' transaction\r\n without any interaction or advice by any personnel of the above\r\n distributor or notwithstanding the advice of in-appropriateness,if\r\n any provided by any personnel of the distributor and the distributor\r\n has not charged any advisory fees on this transaction\r\n
\r\n )}\r\n\r\n \r\n (this.investmentFrequency = ele)}\r\n isError={investmentFrequency.isError}\r\n errorMessage={investmentFrequency.errorMessage}\r\n >\r\n {frequencies.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n\r\n \r\n (this.installmentsField = ele)}\r\n errorMessage={installments.errorMessage}\r\n disabled={installments.disabled}\r\n placeholder={installments.placeholder}\r\n />\r\n
\r\n \r\n \r\n {modes.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n {kotm && (\r\n \r\n
\r\n )}\r\n {kotm && (\r\n \r\n (this.kotmField = ele)}\r\n isError={selectedKotm.error}\r\n errorMessage={selectedKotm.errorMessage}\r\n disabled={this.state?.umrn.length === 1 ? true : false}\r\n >\r\n {this.state.umrn.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {this.state?.umrn.length === 1 && (\r\n
\r\n \r\n The investor has only one active {this.state?.mode?.value} mandate.\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n
\r\n Mandate amount limit
\r\n Start Date
\r\n End Date
\r\n Bank Name
\r\n Bank Account No
\r\n \r\n
\r\n \r\n {selectedKotm.value ? selectedKotm.value.Amt : \"\"}\r\n (INR)\r\n
\r\n \r\n {selectedKotm.value\r\n ? selectedKotm.value[\"MANDATE START DATE\"]\r\n : \"\"}{\" \"}\r\n
\r\n \r\n {selectedKotm.value\r\n ? selectedKotm.value[\"MANDATE END DATE\"]\r\n : \"\"}\r\n
\r\n \r\n {selectedKotm.value ? selectedKotm.value[\"BANK NAME\"] : \"\"}\r\n
{\" \"}\r\n \r\n {selectedKotm.value ? selectedKotm.value[\"BANK A/C NO\"] : \"\"}\r\n
\r\n \r\n ({\r\n value: item.sip_cycleid,\r\n label: item.sip_cycleid,\r\n }))}\r\n value={sipDay.value}\r\n placeholder=\"SIP Day\"\r\n handleChange={this.changeSipDay}\r\n // disabled={!investmentFrequency.value || !installments.value}\r\n inputRef={(ele) => (this.sipDay = ele)}\r\n isError={sipDay.isError}\r\n errorMessage={sipDay.errorMessage}\r\n />\r\n
\r\n SIP Day
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {!!sipDay && !!sipDay.value && (\r\n Perpetual SIP
\r\n \r\n
\r\n\r\n \r\n
\r\n Minimum Amount
\r\n {(sipType.value === NEW || sipType.value === \"EXISTINGP\") && (\r\n Minimum Lumpsum Investment Amount
\r\n )}\r\n \r\n
\r\n \r\n {!!this.state.minAmountValue\r\n ? this.state.minAmountValue.value\r\n : \"\"}\r\n (₹)\r\n
\r\n {(sipType.value === NEW || sipType.value === \"EXISTINGP\") && (\r\n {this.state.minimumLumpsumAmout}(₹)
\r\n )}\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n bordercolor=\"#a6a6a6\"\r\n value={installmentAmount.value}\r\n onChange={this.changeValue(\"installmentAmount\")}\r\n type=\"number\"\r\n onBlur={this.showError(\"installmentAmount\")}\r\n isShowError={installmentAmount.isError}\r\n inputref={(ele) => (this.installmentAmount = ele)}\r\n errorMessage={installmentAmount.errorMessage}\r\n />\r\n
\r\n\r\n {(sipType.value === NEW || sipType.value === \"EXISTINGP\") && (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer, transactions }) => {\r\n const {\r\n fundList,\r\n token,\r\n userId,\r\n investorData,\r\n communicationDetails,\r\n enachBank,\r\n umr,\r\n enachStartDate,\r\n enachEndDate,\r\n enachMaxAmount,\r\n } = authReducer;\r\n const {\r\n transactionDetails,\r\n euinList,\r\n fundsList,\r\n sipDetails = {},\r\n } = transactions;\r\n return {\r\n fundList,\r\n token,\r\n userId,\r\n euinList,\r\n investorData,\r\n communicationDetails,\r\n fundsList,\r\n sipDetails,\r\n enachBank,\r\n umr,\r\n enachStartDate,\r\n enachEndDate,\r\n enachMaxAmount,\r\n transactionDetails,\r\n };\r\n },\r\n {\r\n validateSubBroker,\r\n swpOptions,\r\n getNewPurchaseFundList,\r\n EBamountValidation,\r\n getOtherSchemes,\r\n getAssetClasses,\r\n CalcSIPEnddt,\r\n setSipDetails,\r\n getCheckPanKotm,\r\n getCheckPanAotm,\r\n submitPurchaseData,\r\n showPurchaseConfirmation,\r\n getMinimumAmount,\r\n saveTransactionDetails,\r\n }\r\n)(Sip);\r\nexport const family_description_codes = [\r\n {\r\n family_description: \"Self\",\r\n family_code: \"SE\",\r\n },\r\n {\r\n family_description: \"Spouse\",\r\n family_code: \"SP\",\r\n },\r\n {\r\n family_description: \"Dependent Children\",\r\n family_code: \"DC\",\r\n },\r\n {\r\n family_description: \"Dependent Siblings\",\r\n family_code: \"DS\",\r\n },\r\n {\r\n family_description: \"Dependent Parents\",\r\n family_code: \"DP\",\r\n },\r\n {\r\n family_description: \"Guardian\",\r\n family_code: \"GD\",\r\n },\r\n];\r\n","import React, { Component } from \"react\";\r\nimport CustomizedSelect from \"./customizedSelect\";\r\nimport { Input } from \"../../forms/input\";\r\nimport Signbutton from \"../../forms/button\";\r\nimport { connect } from \"react-redux\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport { YES, SWP } from \"../../../store/types\";\r\nimport {\r\n swpOptions,\r\n CalcSIPEnddt,\r\n getMinimumAmount,\r\n saveTransactionDetails,\r\n} from \"../../../store/actions\";\r\nimport { NEW_TRANSACTION_URL } from \".\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport { textAlign } from \"@material-ui/system\";\r\nimport { BajajFund } from \"../nav\";\r\nclass Swp extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { fundList } = this.props;\r\n // const funds = fundList.reduce((prev, curr) => {\r\n // const findIndex =\r\n // prev.findIndex((fund) => fund.Fund === curr.Fund) !== -1;\r\n // if (!findIndex) {\r\n // return [...prev, { Fund: curr.Fund, FundDesc: curr.FundDesc }];\r\n // }\r\n // return prev;\r\n // }, []);\r\n\r\n this.state = {\r\n // funds,\r\n minAmountValue: { value: \"\" },\r\n fund: { value: { value: \"189\" } },\r\n folios: [],\r\n folio: { value: \"\" },\r\n schemes: [],\r\n scheme: { value: \"\" },\r\n swpOption: { value: \"\" },\r\n swpOptions: [],\r\n swpFrequency: { value: \"\" },\r\n swpFrequencyOptions: [],\r\n withdrawals: { value: \"\" },\r\n minAmountValue: { value: \"\" },\r\n sipDay: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n amount: { value: \"\" },\r\n sipCycle: [],\r\n };\r\n }\r\n handleFundChange = (value) => {\r\n if (!value) {\r\n this.setState({\r\n fund: { value: \"\" },\r\n folios: [],\r\n folio: { value: \"\" },\r\n schemes: [],\r\n scheme: { value: \"\" },\r\n swpOption: { value: \"\" },\r\n swpOptions: [],\r\n swpFrequency: { value: \"\" },\r\n swpFrequencyOptions: [],\r\n withdrawals: { value: \"\" },\r\n sipDay: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n amount: { value: \"\" },\r\n sipCycle: [],\r\n });\r\n } else if (value.value === this.state.fund.value.value) {\r\n return;\r\n } else {\r\n const fund = !!value ? value.value : \"\";\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (curr.sFlag === YES && curr.Fund === fund) {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n this.setState({\r\n fund: { value },\r\n folios: Array.from(new Set(folios)),\r\n folio: { value: \"\" },\r\n scheme: { value: \"\" },\r\n withdrawals: { value: \"\" },\r\n swpFrequency: { value: \"\" },\r\n });\r\n }\r\n };\r\n\r\n async componentDidMount() {\r\n window.scrollTo({\r\n behavior: \"smooth\",\r\n top: 0,\r\n });\r\n const { transactionDetails } = this.props;\r\n if (Object.keys(transactionDetails).length > 0) {\r\n this.setState(transactionDetails);\r\n return;\r\n }\r\n this.getfolios();\r\n }\r\n\r\n getfolios = () => {\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (curr.sFlag === YES && curr.Fund.trim() === \"189\") {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n this.setState({\r\n fund: { value: { value: \"189\" } },\r\n folios: Array.from(new Set(folios)),\r\n folio: { value: \"\" },\r\n scheme: { value: \"\" },\r\n withdrawals: { value: \"\" },\r\n swpFrequency: { value: \"\" },\r\n });\r\n };\r\n\r\n handleFolioChange = async (value) => {\r\n const folio = !!value ? value.value : \"\";\r\n const schemes = !!value ? this.schemes(folio) : [];\r\n // const banks = this.props.bankDetails.filter(item => item.foliono === folio);\r\n this.setState({\r\n folio: { value },\r\n schemes,\r\n scheme: { value: \"\" },\r\n });\r\n };\r\n schemes = (folio) => {\r\n return this.props.fundList.reduce((prev, curr) => {\r\n if (curr.Fund === this.state.fund.value.value && curr.Acno === folio) {\r\n return [...prev, curr];\r\n }\r\n return prev;\r\n }, []);\r\n };\r\n\r\n handleSchemeChange = async (value) => {\r\n if (!value) {\r\n this.setState({\r\n swpOption: { value: \"\" },\r\n swpOptions: [],\r\n swpFrequency: { value: \"\" },\r\n swpFrequencyOptions: [],\r\n withdrawals: { value: \"\" },\r\n sipDay: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n amount: { value: \"\" },\r\n sipCycle: [],\r\n });\r\n } else if (\r\n !!value &&\r\n !!this.state.scheme.value.value &&\r\n value.value.SchDesc === this.state.scheme.value.value.SchDesc\r\n ) {\r\n return;\r\n } else {\r\n if (value.value.BalUnits === 0) {\r\n this.setState({\r\n folio: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"SWP in zero balance folios is not allowed\",\r\n },\r\n scheme: {\r\n value: \"\",\r\n },\r\n });\r\n } else {\r\n const params = {\r\n fund: this.state.fund.value.value,\r\n opt: \"SWPW\",\r\n customfund: \"189\",\r\n };\r\n let swpOptionsResponse = [];\r\n const response = await this.props.swpOptions(params);\r\n if (response) {\r\n swpOptionsResponse = response.Dtinformation;\r\n }\r\n this.setState({\r\n scheme: { value },\r\n swpOptions: swpOptionsResponse,\r\n });\r\n this.handleSwpOptonChange({ target: { value: swpOptionsResponse[0] } });\r\n }\r\n }\r\n };\r\n handleSwpOptonChange = async (event) => {\r\n if (\r\n !!this.state.swpOption.value &&\r\n event.target.value.code === this.state.swpOption.value.code\r\n ) {\r\n return;\r\n } else {\r\n const swpOption = event.target.value;\r\n const params = {\r\n opt: \"SWF\",\r\n fund: this.state.fund.value.value,\r\n };\r\n const response = await this.props.swpOptions(params);\r\n const swpFrequencyOptionsResponse = response.Dtinformation;\r\n\r\n this.setState({\r\n swpOption: { value: swpOption },\r\n withdrawals: { value: \"\" },\r\n swpFrequency: { value: \"\" },\r\n swpFrequencyOptions: swpFrequencyOptionsResponse,\r\n });\r\n }\r\n };\r\n\r\n handleSwpFrequencyChange = async (event) => {\r\n const swpFrequency = event.target.value;\r\n if (!!swpFrequency) {\r\n const minParams = {\r\n Fund: this.state.fund.value.value,\r\n Scheme: this.state.scheme.value.value.Sch,\r\n Trtype: \"SWP\",\r\n Frequency: swpFrequency,\r\n };\r\n const response = await this.props.getMinimumAmount(minParams);\r\n if (response) {\r\n const { DtData } = response;\r\n this.setState({\r\n minAmountValue: {\r\n value: DtData[0].minamt\r\n },\r\n })\r\n }\r\n }\r\n\r\n const params = {\r\n opt: \"SWPD\",\r\n fund: this.state.fund.value.value,\r\n astscheme:\r\n !!event.target.value && !!event.target.value.FrequencyDescription\r\n ? event.target.value.FrequencyDescription\r\n : \"\",\r\n };\r\n const response = await this.props.swpOptions(params);\r\n const sipCycleResponse = response.Dtinformation;\r\n\r\n this.setState({\r\n swpFrequency: { value: swpFrequency },\r\n sipDay: { value: \"\" },\r\n\r\n sipStartDate: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipCycle: sipCycleResponse,\r\n minAmountValue: {\r\n value: event.target.value.FrequencyID === \"Yearly\" ? 1000 : 500,\r\n },\r\n });\r\n };\r\n\r\n handleNoOfWithDrawals(event) {\r\n if (event.target.value.length <= 3 && !!event.target.value) {\r\n if (parseFloat(event.target.value) <= 999 && event.target.value !== \"0\") {\r\n this.setState({\r\n withdrawals: {\r\n value: parseFloat(event.target.value.replace(/^0+/, \"\")),\r\n },\r\n sipStartDate: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipDay: { value: \"\" },\r\n swpFrequency: { value: \"\" },\r\n });\r\n } else {\r\n this.setState({\r\n withdrawals: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: !!event.target.value\r\n ? \"no of withdrwals should not be more than 999\"\r\n : \"\",\r\n },\r\n sipStartDate: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipDay: { value: \"\" },\r\n swpFrequency: { value: \"\" },\r\n });\r\n }\r\n } else if (!event.target.value) {\r\n this.setState({\r\n withdrawals: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage:\r\n !!event.target.value && event.target.value !== \"0\"\r\n ? \"no of withdrawals should not be more than 500\"\r\n : event.target.value === \"0\"\r\n ? \"no of withdrwals should not be zero\"\r\n : \"please enter the minimum no of withdrawals\",\r\n },\r\n sipStartDate: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipDay: { value: \"\" },\r\n });\r\n }\r\n }\r\n async handleSwpDay(event) {\r\n const day = event.target.value;\r\n this.setState({\r\n sipDay: { value: day },\r\n });\r\n if (day) {\r\n const params = {\r\n Fund: this.state.fund.value.value,\r\n StartDate: day,\r\n installments: this.state.withdrawals.value,\r\n Frequency: this.state.swpFrequency.value.FrequencyDescription,\r\n trtype: \"SWP\",\r\n sch: this.state.scheme.value.value.Sch,\r\n };\r\n\r\n const response = await this.props.CalcSIPEnddt(params);\r\n\r\n const sipStartDateResponse = response.DtData[0].SIP_StartDate;\r\n const sipEndDateResponse = response.DtData[0].SIP_EndDate;\r\n\r\n if (!!sipEndDateResponse) {\r\n const reformSIPEndDT = sipEndDateResponse.split(\"/\");\r\n if (parseFloat(reformSIPEndDT[2]) >= 2099) {\r\n this.setState({\r\n sipDay: { value: \"\" },\r\n swpFrequency: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n withdrawals: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage:\r\n \"Your SIP installments are going beyond 2099, select lesser number of installments.\",\r\n },\r\n });\r\n } else if (parseFloat(reformSIPEndDT[2]) < 2099) {\r\n this.setState({\r\n sipDay: { value: day },\r\n sipStartDate: { value: sipStartDateResponse },\r\n sipEndDate: { value: sipEndDateResponse },\r\n });\r\n }\r\n }\r\n }\r\n }\r\n\r\n showError = (label) => () => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n\r\n if (label === \"withdrawals\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: this.state.withdrawals.value < 2 ? true : !value,\r\n errorMessage:\r\n this.state.withdrawals.value < 2\r\n ? \"Number of withdrawals should be greater than or equal to the minimum number of installments mentioned above\"\r\n : \"\",\r\n },\r\n });\r\n }\r\n // else if (label === \"amount\") {\r\n // this.setState({\r\n // [label]: {\r\n // value,\r\n // isError:\r\n // this.state.minAmountValue.value < this.state.amount.value\r\n // ? true\r\n // : !value,\r\n // errorMessage:\r\n // this.state.minAmountValue.value < this.state.amount.value\r\n // ? `Amount should be ${this.state.minAmountValue.value}`\r\n // : \"\"\r\n // }\r\n // });\r\n // }\r\n else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n errorMessage: `${label} is mandatory*`,\r\n },\r\n });\r\n }\r\n };\r\n\r\n handleMinimumAmount(event) {\r\n if (event.target.value.length <= 10) {\r\n this.setState({\r\n amount: { value: parseFloat(event.target.value.replace(/^0+/, \"\")) },\r\n });\r\n }\r\n }\r\n\r\n submit = () => {\r\n let currValue;\r\n\r\n if (!!this.state.scheme.value) {\r\n currValue = parseFloat(\r\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\r\n );\r\n }\r\n if (Number(this.state.amount.value) >= currValue) {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Amount is greater than the current value\",\r\n },\r\n });\r\n return;\r\n }\r\n if (\r\n this.state.withdrawals.value * Number(this.state.amount.value) >\r\n currValue\r\n ) {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Installmentwise enter the greater than current value\",\r\n },\r\n });\r\n return;\r\n }\r\n\r\n if (!this.state.amount.value) {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"(Investment amount is mandatory)\",\r\n },\r\n });\r\n }\r\n if (\r\n !!this.state.scheme.value &&\r\n !!this.state.amount.value &&\r\n parseInt(this.state.scheme.value.value.CurValue.replace(/,/g, \"\")) <\r\n parseInt(this.state.amount.value)\r\n ) {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `(Withdrawal amount is more than Current Value)`,\r\n },\r\n });\r\n return;\r\n }\r\n\r\n const {\r\n funds,\r\n folios,\r\n schemes,\r\n swpOptions,\r\n swpFrequencyOptions,\r\n // withdrawals,\r\n sipStartDate,\r\n sipEndDate,\r\n amount,\r\n sipCycle,\r\n bank,\r\n banks,\r\n ...others\r\n } = this.state;\r\n const keys = Object.keys(others);\r\n const findError = keys.every((key) => !!others[key].value);\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"sipDay\"\r\n ? \"SWP day\"\r\n : key === \"swpFrequency\"\r\n ? \"With-drawal frequency\"\r\n : key === \"swpOption\"\r\n ? \"With-drawal option\"\r\n : key === \"folio\"\r\n ? \"Folio\"\r\n : key === \"withdrawals\"\r\n ? \"Withdrawals\"\r\n : key === \"scheme\"\r\n ? \"Scheme\"\r\n : \"\"\r\n } is mandatory`,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !others[key].value);\r\n switch (firstErroredKey) {\r\n case \"fund\": {\r\n this.fundField.focus();\r\n break;\r\n }\r\n case \"folio\": {\r\n this.folioField.focus();\r\n break;\r\n }\r\n case \"scheme\": {\r\n this.schemeField.focus();\r\n break;\r\n }\r\n case \"swpOption\": {\r\n this.swpOptionField.focus();\r\n break;\r\n }\r\n case \"sipDay\": {\r\n this.sipDayField.focus();\r\n break;\r\n }\r\n case \"swpFrequency\": {\r\n this.swpFrquencyField.focus();\r\n break;\r\n }\r\n }\r\n } else if (this.state.withdrawals.value < 2) {\r\n this.setState({\r\n withdrawals: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please check the minimum With-drawals value`,\r\n },\r\n });\r\n } else if (\r\n (parseFloat(this.state.amount.value) < this.state.minAmountValue.value ||\r\n !this.state.amount.value) &&\r\n this.state.swpOption.value.Description === \"Fixed\"\r\n ) {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Minimum amount is ${this.state.minAmountValue.value}(₹)`,\r\n },\r\n });\r\n // }\r\n // else {\r\n // this.setState({\r\n // amount: {\r\n // value: \"\",\r\n // isError: true,\r\n // errorMessage: \"(*Amount should not be greater than Current Value)\"\r\n // }\r\n // });\r\n // }\r\n // return;\r\n } else {\r\n const { funds, folios, schemes, swpFrequencyOptions, ...others } =\r\n this.state;\r\n this.props.saveTransactionDetails(this.state);\r\n this.props.history.push({\r\n pathname: NEW_TRANSACTION_URL + \"/swp/digital/transact/confirm\",\r\n state: {\r\n title: \"SWP Payment Summary\",\r\n type: SWP,\r\n Folio: { value: others.scheme.value.value.Acno },\r\n withDrawals: others.withdrawals.value,\r\n scheme: others.scheme.value.value,\r\n swpFrequency: others.swpFrequency.value,\r\n sipEndDate: others.sipEndDate.value,\r\n swpOption: others.swpOption.value,\r\n sipStartDate: others.sipStartDate.value,\r\n amount: others.amount.value,\r\n sipDay: others.sipDay.value,\r\n },\r\n });\r\n }\r\n };\r\n render() {\r\n const {\r\n funds,\r\n fund,\r\n folio,\r\n folios,\r\n scheme,\r\n schemes,\r\n swpOption,\r\n swpOptions,\r\n swpFrequency,\r\n swpFrequencyOptions,\r\n withdrawals,\r\n sipDay,\r\n sipStartDate,\r\n sipEndDate,\r\n sipCycle,\r\n amount,\r\n } = this.state;\r\n return (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n SWP Plan
\r\n \r\n ({\r\n label: item,\r\n value: item,\r\n }))}\r\n disabled={!fund.value}\r\n value={folio.value}\r\n placeholder=\"Select Folio\"\r\n handleChange={this.handleFolioChange}\r\n inputRef={(ele) => (this.folioField = ele)}\r\n isError={folio.isError}\r\n errorMessage={folio.errorMessage}\r\n />\r\n
\r\n Folio
\r\n \r\n ({\r\n label: item.PlnDesc\r\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\r\n : item.fm_schdesc,\r\n value: item,\r\n }))}\r\n disabled={!folio.value}\r\n value={scheme.value}\r\n placeholder=\"Select Scheme\"\r\n handleChange={this.handleSchemeChange}\r\n inputRef={(ele) => (this.schemeField = ele)}\r\n isError={scheme.isError}\r\n errorMessage={scheme.errorMessage}\r\n />\r\n
\r\n Scheme
\r\n \r\n
\r\n \r\n {/*
\r\n Minimum Amount (₹)
*/}\r\n Current Value
\r\n \r\n {/*
\r\n {!!scheme.value ? scheme.value.value.MinAmt : \"\"}
*/}\r\n {!!scheme.value ? scheme.value.value.CurValue : \"\"}
\r\n \r\n (this.swpOptionField = ele)}\r\n isError={swpOption.isError}\r\n errorMessage={swpOption.errorMessage}\r\n >\r\n {swpOptions.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n this.handleNoOfWithDrawals(event)}\r\n onBlur={this.showError(\"withdrawals\")}\r\n isShowError={withdrawals.isError}\r\n errorMessage={withdrawals.errorMessage}\r\n disabled={!scheme.value}\r\n value={withdrawals.value}\r\n />\r\n
\r\n \r\n (this.swpFrquencyField = ele)}\r\n isError={swpFrequency.isError}\r\n disabled={!withdrawals.value}\r\n errorMessage={swpFrequency.errorMessage}\r\n >\r\n {swpFrequencyOptions.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n (this.sipDayField = ele)}\r\n isError={sipDay.isError}\r\n errorMessage={sipDay.errorMessage}\r\n handleChange={(event) => this.handleSwpDay(event)}\r\n >\r\n {sipCycle.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n Withdrawal Period
\r\n \r\n
\r\n\r\n \r\n
\r\n {swpOption.value.Description === \"Fixed\" ? (\r\n \r\n \r\n Minimum Amount :\r\n {!!this.state.minAmountValue\r\n ? this.state.minAmountValue.value\r\n : \"\"}\r\n (₹)\r\n
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n bordercolor=\"#a6a6a6\"\r\n type=\"number\"\r\n errorMessage={amount.errorMessage}\r\n isShowError={amount.isError}\r\n onBlur={this.showError(\"amount\")}\r\n // disabled={redemptionType === FULL ? true : false}\r\n onChange={(event) => this.handleMinimumAmount(event)}\r\n value={amount.value}\r\n />\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer, transactions }) => {\r\n const {\r\n fundList,\r\n token,\r\n userId,\r\n bankDetails,\r\n investorData,\r\n communicationDetails,\r\n } = authReducer;\r\n const { euinList, transactionDetails } = transactions;\r\n return {\r\n fundList,\r\n token,\r\n userId,\r\n euinList,\r\n bankDetails,\r\n investorData,\r\n communicationDetails,\r\n transactionDetails,\r\n };\r\n },\r\n { swpOptions, CalcSIPEnddt, getMinimumAmount, saveTransactionDetails }\r\n)(Swp);\r\n","import React, { Component } from \"react\";\r\nimport CustomizedSelect from \"./customizedSelect\";\r\nimport { Input } from \"../../forms/input\";\r\nimport Signbutton from \"../../forms/button\";\r\nimport { connect } from \"react-redux\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport {\r\n addBusinessDays,\r\n addDays,\r\n addMonths,\r\n addWeeks,\r\n isWednesday,\r\n format,\r\n} from \"date-fns\";\r\nimport {\r\n validateSubBroker,\r\n getAssetClasses,\r\n getOtherSchemes,\r\n swpOptions,\r\n CalcSIPEnddt,\r\n setStpDetails,\r\n saveTransactionDetails,\r\n getMinimumAmount,\r\n} from \"../../../store/actions\";\r\nimport { REGULAR, PURCHASE, STP } from \"../../../store/types\";\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport { NEW_TRANSACTION_URL } from \".\";\r\nimport { BajajFund } from \"../nav\";\r\n\r\nclass Stp extends Component {\r\n constructor(props) {\r\n super(props);\r\n // const { fundList } = this.props;\r\n const { stpDetails } = this.props;\r\n // const funds = fundList.reduce((prev, curr) => {\r\n // const findIndex =\r\n // prev.findIndex((fund) => fund.Fund === curr.Fund) !== -1;\r\n // if (!findIndex) {\r\n // return [...prev, { Fund: curr.Fund, FundDesc: curr.FundDesc }];\r\n // }\r\n // return prev;\r\n // }, []);\r\n\r\n this.state = {\r\n // funds,\r\n fund: { value: { value: \"189\" } },\r\n folios: [],\r\n folio: { value: \"\" },\r\n schemes: [],\r\n scheme: { value: \"\" },\r\n minAmount:{value:\"\"},\r\n radioValue: { value: \"no\" },\r\n arnCode: { value: this.props.token },\r\n subArnCode: { value: \"\" },\r\n euinNo: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n categories: [],\r\n category: { value: \"\" },\r\n switchInSchemes: [],\r\n switchInScheme: { value: \"\" },\r\n sipCycle: [],\r\n sipDay: { value: \"\" },\r\n transfers: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n stpDates: [],\r\n swpOptions: [],\r\n swpOption: { value: \"\" },\r\n amount: { value: \"\" },\r\n swpFrequency: { value: \"\" },\r\n minimumInstallments: \"\",\r\n multiples: \"\",\r\n ...stpDetails,\r\n };\r\n }\r\n\r\n handleFundChange = (value) => {\r\n if (!value) {\r\n this.setState({\r\n fund: { value: \"\" },\r\n folios: [],\r\n folio: { value: \"\" },\r\n subArnCode: { value: \"\" },\r\n euinNo: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n categories: [],\r\n category: { value: \"\" },\r\n switchInSchemes: [],\r\n switchInScheme: { value: \"\" },\r\n sipCycle: [],\r\n sipDay: { value: \"\" },\r\n transfers: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n swpOptions: [],\r\n swpOption: { value: \"\" },\r\n amount: { value: \"\" },\r\n swpFrequency: { value: \"\" },\r\n schemes: [],\r\n scheme: { value: \"\" },\r\n });\r\n return;\r\n } else if (value.value === this.state.fund.value.value) {\r\n return;\r\n } else {\r\n const fund = value.value;\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (curr.Fund === fund) {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n this.setState({\r\n fund: { value },\r\n folios: Array.from(new Set(folios)),\r\n folio: { value: \"\" },\r\n scheme: { value: \"\" },\r\n schemes: [],\r\n subArnCode: { value: \"\" },\r\n euinNo: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n categories: [],\r\n category: { value: \"\" },\r\n switchInSchemes: [],\r\n switchInScheme: { value: \"\" },\r\n sipCycle: [],\r\n sipDay: { value: \"\" },\r\n transfers: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n swpOptions: [],\r\n swpOption: { value: \"\" },\r\n amount: { value: \"\" },\r\n swpFrequency: { value: \"\" },\r\n });\r\n if (!!fund) {\r\n this.validateBrokerCode(fund)();\r\n }\r\n }\r\n };\r\n\r\n async componentDidMount() {\r\n window.scrollTo({\r\n behavior: \"smooth\",\r\n top: 0,\r\n });\r\n\r\n const { transactionDetails } = this.props;\r\n if (Object.keys(transactionDetails).length > 0) {\r\n this.setState(transactionDetails);\r\n return;\r\n }\r\n this.getFolios();\r\n }\r\n getFolios = () => {\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (curr.Fund.trim() === \"189\") {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n\r\n this.setState({\r\n fund: { value: { value: \"189\" } },\r\n folios: Array.from(new Set(folios)),\r\n folio: { value: \"\" },\r\n scheme: { value: \"\" },\r\n schemes: [],\r\n subArnCode: { value: \"\" },\r\n euinNo: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n categories: [],\r\n category: { value: \"\" },\r\n switchInSchemes: [],\r\n switchInScheme: { value: \"\" },\r\n sipCycle: [],\r\n sipDay: { value: \"\" },\r\n transfers: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n swpOptions: [],\r\n swpOption: { value: \"\" },\r\n amount: { value: \"\" },\r\n swpFrequency: { value: \"\" },\r\n });\r\n this.validateBrokerCode(\"189\")();\r\n };\r\n\r\n validateBrokerCode = (fund) => async () => {\r\n const { subArnCode, arnCode } = this.state;\r\n if (\r\n !!this.state.subArnCode.value &&\r\n this.state.subArnCode.value === this.state.arnCode.value.split(\"-\")[1]\r\n ) {\r\n this.setState({\r\n subArnCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"ARN and Sub ARN Code should not be the same\",\r\n },\r\n });\r\n return;\r\n }\r\n const params = {\r\n Fund: \"189\",\r\n SubAgentCd: !!subArnCode.value ? `ARN-${subArnCode.value}` : \"\",\r\n AgentCd: arnCode.value,\r\n };\r\n const response = await this.props.validateSubBroker(params);\r\n if (!!response && !!response.DtData && response.DtData.length > 0) {\r\n const getLength = response.DtData.length === 1;\r\n let value = {\r\n value: response.DtData[0].abm_agent,\r\n label: response.DtData[0].abm_agent,\r\n };\r\n if (!!getLength) {\r\n this.setState({\r\n euinNo: { value },\r\n });\r\n }\r\n } else if (!response) {\r\n this.setState({\r\n subArnCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please enter a valid Sub ARN Code`,\r\n },\r\n });\r\n }\r\n };\r\n\r\n handleFolioChange = (value) => {\r\n if (!value) {\r\n this.setState({\r\n folio: { value: \"\" },\r\n schemes: [],\r\n scheme: { value: \"\" },\r\n subArnCode: { value: \"\" },\r\n euinNo: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n categories: [],\r\n category: { value: \"\" },\r\n switchInSchemes: [],\r\n switchInScheme: { value: \"\" },\r\n sipCycle: [],\r\n sipDay: { value: \"\" },\r\n transfers: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n swpOptions: [],\r\n swpOption: { value: \"\" },\r\n amount: { value: \"\" },\r\n swpFrequency: { value: \"\" },\r\n });\r\n return;\r\n } else if (value.value === this.state.folio.value.value) {\r\n return;\r\n } else {\r\n this.getAssetClasses(value.value);\r\n const schemes = this.schemes(value.value);\r\n\r\n this.setState({\r\n folio: { value },\r\n schemes,\r\n scheme: { value: \"\" },\r\n });\r\n }\r\n };\r\n\r\n getAssetClasses = async (value) => {\r\n const params = {\r\n Fund: this.state.fund.value.value,\r\n Folio: value,\r\n };\r\n const assetClasses = await this.props.getAssetClasses(params);\r\n if (assetClasses) {\r\n this.setState({\r\n categories: assetClasses.DtData,\r\n });\r\n }\r\n };\r\n\r\n schemes = (value) => {\r\n return this.props.fundList.reduce((prev, curr) => {\r\n if (curr.Fund === this.state.fund.value.value && curr.Acno === value) {\r\n return [...prev, curr];\r\n }\r\n return prev;\r\n }, []);\r\n };\r\n handleSchemeChange = (value) => {\r\n if (!value) {\r\n this.setState({\r\n scheme: { value: \"\" },\r\n category: { value: \"\" },\r\n switchInSchemes: [],\r\n switchInScheme: { value: \"\" },\r\n sipCycle: [],\r\n sipDay: { value: \"\" },\r\n transfers: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n swpOptions: [],\r\n swpOption: { value: \"\" },\r\n amount: { value: \"\" },\r\n swpFrequency: { value: \"\" },\r\n });\r\n return;\r\n } else if (value.value === this.state.scheme.value.value) {\r\n return;\r\n } else {\r\n if (!value.value.BalUnits) {\r\n this.setState({\r\n folio: {\r\n value: \"\",\r\n isError: \"true\",\r\n errorMessage: \"STP in Zero balance folios is not accepted\",\r\n },\r\n scheme: { value: \"\" },\r\n });\r\n } else {\r\n this.setState({\r\n scheme: { value },\r\n category: { value: \"\" },\r\n switchInSchemes: [],\r\n switchInScheme: { value: \"\" },\r\n sipCycle: [],\r\n sipDay: { value: \"\" },\r\n transfers: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n swpOptions: [],\r\n swpOption: { value: \"\" },\r\n amount: { value: \"\" },\r\n swpFrequency: { value: \"\" },\r\n });\r\n }\r\n }\r\n };\r\n handleCategoryChange = (event) => {\r\n if (event.target.value) {\r\n this.getOtherSchemes(event.target.value);\r\n this.setState({\r\n category: { value: event.target.value },\r\n switchInScheme: { value: \"\" },\r\n sipCycle: [],\r\n sipDay: { value: \"\" },\r\n transfers: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n swpOptions: [],\r\n swpOption: { value: \"\" },\r\n });\r\n } else {\r\n this.setState({\r\n category: { value: \"\" },\r\n switchInScheme: { value: \"\" },\r\n });\r\n }\r\n };\r\n getOtherSchemes = async (value) => {\r\n const params = {\r\n schtype: REGULAR,\r\n category: value,\r\n acno: this.state.folio.value.value,\r\n fundCode: this.state.fund.value.value,\r\n trantype: \"T\",\r\n };\r\n const otherSchemes = await this.props.getOtherSchemes(params);\r\n\r\n if (otherSchemes) {\r\n this.setState({\r\n switchInSchemes: otherSchemes.DtData,\r\n });\r\n }\r\n };\r\n handleSwitchInScheme = async (value) => {\r\n if (!value) {\r\n this.setState({\r\n switchInScheme: { value: \"\" },\r\n // sipCycle: [],\r\n sipDay: { value: \"\" },\r\n transfers: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n swpOptions: [],\r\n swpOption: { value: \"\" },\r\n });\r\n return;\r\n } else if (value.value === this.state.switchInScheme.value.value) {\r\n return;\r\n } else {\r\n if (!!value) {\r\n if (\r\n `${value.value.fm_scheme}~${value.value.fm_plan}~${value.value.fm_option}` ===\r\n `${this.state.scheme.value.value.Sch}~${this.state.scheme.value.value.Pln}~${this.state.scheme.value.value.Opt}`\r\n ) {\r\n this.setState({\r\n switchInScheme: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage:\r\n \"Transfer from Scheme and Transfer to Scheme should not be same\",\r\n },\r\n });\r\n } else {\r\n const params = {\r\n opt: \"SF\",\r\n fund: this.state.fund.value.value,\r\n astscheme: \"\",\r\n };\r\n const sipCycleResponse = await this.props.swpOptions(params);\r\n const sipCycleResponseOptions = !!sipCycleResponse\r\n ? sipCycleResponse.Dtinformation\r\n : \"\";\r\n this.setState({\r\n switchInScheme: { value },\r\n stpDates: sipCycleResponseOptions,\r\n multiples: value.multiples,\r\n });\r\n }\r\n }\r\n }\r\n };\r\n changeValue = (label) => (event) => {\r\n if (\r\n label === \"subArnCode\" ||\r\n (label === \"subBrokerCode\" && event.target.value.length <= 20)\r\n ) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (label === \"radioValue\" && event.target.value === \"no\") {\r\n if (!this.state.euinNo.value) {\r\n this.setState({\r\n radioValue: { value: event.target.value },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n euinNo: { value: \"\" },\r\n });\r\n }\r\n } else if (\r\n label !== \"subArnCode\" &&\r\n label !== \"subBrokerCode\" &&\r\n label === \"radioValue\" &&\r\n event.target.value !== \"no\"\r\n ) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n };\r\n\r\n async handleSwpDay(event) {\r\n const day = event.target.value;\r\n const frequency = this.state.swpFrequency.value;\r\n const transfers = this.state.transfers.value;\r\n const x = parseFloat(this.state.transfers.value.replace(/,/g, \"\"));\r\n if (\r\n this.state.transfers.value !== \"\" &&\r\n (x > parseFloat(this.state.minimumInstallments) ||\r\n x === parseFloat(this.state.minimumInstallments))\r\n ) {\r\n const params = {\r\n Fund: this.state.fund.value.value,\r\n StartDate: day,\r\n installments: this.state.transfers.value,\r\n Frequency: this.state.swpFrequency.value,\r\n trtype: \"STP\",\r\n sch: this.state.scheme.value.value.Sch,\r\n };\r\n if (frequency === \"Weekly\") {\r\n const { startDate, endDate } = calculateStpDates(transfers, day);\r\n const reformSIPEndDT = endDate.value.split(\"/\");\r\n if (parseFloat(reformSIPEndDT[2]) >= 2099) {\r\n this.setState({\r\n sipDay: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n transfers: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage:\r\n \"Your SIP installments are going beyond 2099, select lesser number of installments.\",\r\n },\r\n });\r\n return;\r\n }\r\n this.setState({\r\n sipDay: { value: day },\r\n sipStartDate: startDate,\r\n sipEndDate: endDate,\r\n });\r\n return;\r\n }\r\n\r\n const response = await this.props.CalcSIPEnddt(params);\r\n const sipStartDateResponse = response.DtData[0].SIP_StartDate;\r\n const sipEndDateResponse = response.DtData[0].SIP_EndDate;\r\n if (!!sipEndDateResponse) {\r\n const reformSIPEndDT = sipEndDateResponse.split(\"/\");\r\n if (parseFloat(reformSIPEndDT[2]) >= 2099) {\r\n this.setState({\r\n sipDay: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n transfers: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage:\r\n \"Your SIP installments are going beyond 2099, select lesser number of installments.\",\r\n },\r\n });\r\n } else if (parseFloat(reformSIPEndDT[2]) < 2099) {\r\n this.setState({\r\n sipDay: { value: day },\r\n sipStartDate: { value: sipStartDateResponse },\r\n sipEndDate: { value: sipEndDateResponse },\r\n });\r\n }\r\n }\r\n }\r\n }\r\n handleChangeTransfers = async (event) => {\r\n const transferValue = event.target.value;\r\n const params = {\r\n fund: \"189\",\r\n opt: \"SWPW\",\r\n customfund: \"189\",\r\n };\r\n if (!this.state.swpOption.value && event.target.value.length <= 3) {\r\n const response = await this.props.swpOptions(params);\r\n const swpOptionsResponse = response.Dtinformation;\r\n if (!!transferValue && parseFloat(transferValue) <= 999) {\r\n this.setState({\r\n transfers: { value: transferValue },\r\n swpOptions: swpOptionsResponse,\r\n sipDay: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n swpOption: { value: swpOptionsResponse[0] },\r\n });\r\n } else if (!transferValue) {\r\n this.setState({\r\n transfers: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: !!transferValue\r\n ? \"no of transfers value should not be more than 999\"\r\n : \"transfers value is mandatory*\",\r\n },\r\n swpOptions: swpOptionsResponse,\r\n sipDay: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n swpOption: { value: \"\" },\r\n });\r\n }\r\n } else if (event.target.value.length <= 3) {\r\n this.setState({\r\n transfers: { value: transferValue },\r\n sipEndDate: { value: \"\" },\r\n sipDay: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n });\r\n }\r\n };\r\n handleSwpOptionChange = (event) => {\r\n const swpOption = event.target.value;\r\n\r\n this.setState({\r\n swpOption: { value: swpOption },\r\n amount: { value: \"\" },\r\n });\r\n };\r\n handleChangeTransferAmount = (event) => {\r\n const transferAmount = event.target.value;\r\n if (event.target.value.length <= 10) {\r\n this.setState({\r\n amount: { value: transferAmount.replace(/^0+/, \"\") },\r\n });\r\n }\r\n };\r\n changeEuin = (value) => {\r\n this.setState({\r\n euinNo: { value },\r\n });\r\n };\r\n\r\n submit = () => {\r\n let currValue;\r\n let amountValue;\r\n const {\r\n amount,\r\n transfers,\r\n sipEndDate,\r\n sipStartDate,\r\n funds,\r\n folios,\r\n schemes,\r\n categories,\r\n switchInSchemes,\r\n sipCycle,\r\n subBrokerCode,\r\n subArnCode,\r\n radioValue,\r\n euinNo,\r\n arnCode,\r\n swpOptions,\r\n swpFrequency,\r\n stpDates,\r\n minimumInstallments,\r\n multiples,\r\n ...others\r\n } = this.state;\r\n if (!!this.state.scheme.value) {\r\n currValue = parseInt(\r\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\r\n );\r\n }\r\n\r\n if (!!this.state.amount) {\r\n amountValue = parseFloat(this.state.amount.value.replace(/,/g, \"\"));\r\n }\r\n if (this.state.transfers.value === \"\") {\r\n this.setState({\r\n transfers: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"(Please enter the no of transfers value)\",\r\n },\r\n });\r\n }\r\n\r\n if (\r\n this.state.radioValue.value === \"no\" ||\r\n this.state.euinNo.value === \"\"\r\n ) {\r\n this.setState({\r\n euinNo: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"EUIN No is mandatory\",\r\n },\r\n });\r\n }\r\n // if (\r\n // !!this.state.scheme.value &&\r\n // !!this.state.amount.value &&\r\n // parseInt(this.state.amount.value) > currValue\r\n // ) {\r\n // this.setState({\r\n // amount: {\r\n // value: \"\",\r\n // isError: true,\r\n // errorMessage: `(Transfer amount is more than the current Value)`,\r\n // },\r\n // });\r\n // return;\r\n // }\r\n // if (\r\n // this.state.transfers.value * Number(this.state.amount.value) >\r\n // currValue\r\n // ) {\r\n // this.setState({\r\n // amount: {\r\n // value: \"\",\r\n // isError: true,\r\n // errorMessage: \"Installmentwise enter the greater than current value\",\r\n // },\r\n // });\r\n // return;\r\n // }\r\n\r\n const minAmount = 1000;\r\n const arn = this.state.arnCode.value.split(\"-\");\r\n const keys = Object.keys(others);\r\n\r\n const findError = keys.every((key) => !!others[key].value);\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({\r\n [key]: {\r\n ...others[key],\r\n isError: true,\r\n errorMessage: `${\r\n key === \"sipDay\"\r\n ? \"STP date\"\r\n : key === \"swpOption\"\r\n ? \"STP option\"\r\n : key === \"folio\"\r\n ? \"Folio\"\r\n : key === \"scheme\"\r\n ? \"Transfer from Scheme\"\r\n : key === \"category\"\r\n ? \"Category\"\r\n : key === \"switchInScheme\"\r\n ? \"Transfer to Scheme\"\r\n : key\r\n } is mandatory`,\r\n },\r\n });\r\n });\r\n const firstErroredKey = keys.find((key) => !others[key].value);\r\n switch (firstErroredKey) {\r\n case \"fund\": {\r\n this.fundField.focus();\r\n break;\r\n }\r\n case \"folio\": {\r\n this.folioField.focus();\r\n break;\r\n }\r\n case \"scheme\": {\r\n this.schemeField.focus();\r\n break;\r\n }\r\n case \"category\": {\r\n this.categoryField.focus();\r\n break;\r\n }\r\n case \"switchInScheme\": {\r\n this.switchInSchemeField.focus();\r\n break;\r\n }\r\n case \"sipDay\": {\r\n this.swpDateField.focus();\r\n break;\r\n }\r\n case \"swpOption\": {\r\n this.swpField.focus();\r\n break;\r\n }\r\n }\r\n } else if (\r\n !!this.state.subArnCode.value &&\r\n arn[1] === this.state.subArnCode.value\r\n ) {\r\n this.setState({\r\n subArnCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `and ARN code should not match `,\r\n },\r\n });\r\n } else if (\r\n (amountValue < this.state.minAmount.value || this.state.amount.value === \"\") &&\r\n this.state.swpOption.value.Description === \"Fixed\"\r\n ) {\r\n if (this.state.amount.value === \"\") {\r\n this.setState({\r\n amount: {\r\n ...others[\"amount\"],\r\n isError: true,\r\n errorMessage: `Transfer amount value is mandatory`,\r\n },\r\n });\r\n } else if (amountValue < this.state.minAmount.value) {\r\n this.setState({\r\n amount: {\r\n ...others[\"amount\"],\r\n isError: true,\r\n errorMessage: `Minimum amount is 1000 (₹) for Monthly STP frequency`,\r\n },\r\n });\r\n }\r\n\r\n // else if (amountValue > currValue) {\r\n // this.setState({\r\n // amount: {\r\n // ...others[\"amount\"],\r\n // isError: true,\r\n // errorMessage: `(Transfer amount is more than the current Value)`\r\n // }\r\n // });\r\n // }\r\n } else if (\r\n +this.state.amount.value % +this.state.multiples !== 0 &&\r\n this.state.swpOption.value.Description === \"Fixed\"\r\n ) {\r\n this.setState({\r\n amount: {\r\n ...others[\"amount\"],\r\n isError: true,\r\n errorMessage: `Transfer amount should be multiple of ${this.state.multiples}`,\r\n },\r\n });\r\n return;\r\n } else if (\r\n this.state.radioValue.value === \"no\" &&\r\n !this.state.euinNo.value\r\n ) {\r\n this.euinField.focus();\r\n this.setState({\r\n euinNo: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Please select EUIN No\",\r\n },\r\n });\r\n } else if (\r\n this.state.transfers.value === \"\" ||\r\n parseFloat(this.state.transfers.value) <\r\n parseFloat(this.state.minimumInstallments)\r\n ) {\r\n this.setState({\r\n transfers: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Please check the no of transfers value\",\r\n },\r\n });\r\n } else if (!this.state.swpOption.value) {\r\n this.setState({\r\n swpOption: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"STP option is mandatory\",\r\n },\r\n });\r\n } else {\r\n const {\r\n scheme,\r\n amount,\r\n transfers,\r\n sipEndDate,\r\n swpOption,\r\n sipStartDate,\r\n sipDay,\r\n euinNo,\r\n switchInScheme,\r\n stpDates,\r\n ...stpDetails\r\n } = this.state;\r\n\r\n this.props.setStpDetails(this.state);\r\n this.props.saveTransactionDetails(this.state);\r\n this.props.history.push({\r\n pathname: NEW_TRANSACTION_URL + \"/stp/digital/transact/confirm\",\r\n state: {\r\n title: \"STP Payment Summary\",\r\n type: STP,\r\n Folio: { value: this.state.scheme.value.value.Acno },\r\n scheme: { Fund: \"189\" },\r\n ...stpDetails,\r\n },\r\n });\r\n }\r\n };\r\n\r\n showError = (label) => () => {\r\n let amountValue, currValue;\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n if (!!this.state.amount.value) {\r\n amountValue = parseFloat(this.state.amount.value.replace(/,/g, \"\"));\r\n }\r\n if (!!this.state.scheme.value) {\r\n currValue = parseFloat(\r\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\r\n );\r\n }\r\n // const minAmount = 1000;\r\n\r\n if (label === \"transfers\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n parseFloat(this.state.transfers.value) <\r\n parseFloat(this.state.minimumInstallments) ||\r\n this.state.transfers.value === \"\"\r\n ? true\r\n : !value,\r\n errorMessage:\r\n parseFloat(this.state.transfers.value) <\r\n parseFloat(this.state.minimumInstallments) ||\r\n this.state.transfers.value === \"\"\r\n ? `No of withDrawals should be minimum ${this.state.minimumInstallments}`\r\n : \"\",\r\n },\r\n });\r\n } else if (label === \"amount\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n amountValue < this.state.minAmount.value &&\r\n this.state.swpOption.value.Description === \"Fixed\"\r\n ? true\r\n : !value,\r\n errorMessage:\r\n amountValue < this.state.minAmount.value &&\r\n this.state.swpOption.value.Description === \"Fixed\"\r\n ? `Amount should be ${this.state.minAmount.value}(INR)`\r\n : \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n },\r\n });\r\n }\r\n };\r\n handleChangeStpFrequency = async (event) => {\r\n if (event.target.value === this.state.swpFrequency.value) {\r\n return;\r\n } else {\r\n if (!!event.target.value) {\r\n const minParams = {\r\n Fund: this.state.fund.value.value,\r\n Scheme: this.state.scheme.value.value.Sch,\r\n Trtype: \"STP\",\r\n Frequency: event.target.value,\r\n };\r\n const response = await this.props.getMinimumAmount(minParams);\r\n if (response) {\r\n const { DtData } = response;\r\n this.setState({\r\n minAmount: {\r\n value: DtData[0].minamt\r\n },\r\n })\r\n }\r\n }\r\n\r\n const transfer = this.state.stpDates.find(\r\n (ele) => ele.FrequencyID === event.target.value\r\n );\r\n const params = {\r\n opt: \"STPD\",\r\n fund: this.state.fund.value.value,\r\n astscheme: event.target.value,\r\n };\r\n const sipCycleResponse = await this.props.swpOptions(params);\r\n const sipCycleResponseOptions = !!sipCycleResponse\r\n ? sipCycleResponse.Dtinformation\r\n : \"\";\r\n\r\n this.setState({\r\n swpFrequency: { value: event.target.value },\r\n minimumInstallments: transfer.Minimum_Instalment,\r\n transfers: { value: \"\" },\r\n sipCycle: sipCycleResponseOptions,\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n funds,\r\n fund,\r\n folio,\r\n folios,\r\n scheme,\r\n schemes,\r\n categories,\r\n category,\r\n arnCode,\r\n subArnCode,\r\n subBrokerCode,\r\n switchInScheme,\r\n switchInSchemes,\r\n euinNo,\r\n radioValue,\r\n sipCycle,\r\n sipDay,\r\n transfers,\r\n sipStartDate,\r\n sipEndDate,\r\n swpOptions,\r\n swpOption,\r\n stpDates,\r\n amount,\r\n } = this.state;\r\n // let e;\r\n // e = parseFloat(this.state.transfers.value.replace(/,/g, \"\"));\r\n const { euinList } = this.props;\r\n return (\r\n \r\n \r\n Note:\r\n STP Start Date should fall on Wednesday when opted for Weekly.\r\n
\r\n )}\r\n STP Plan
\r\n \r\n ({\r\n label: item,\r\n value: item,\r\n }))}\r\n type=\"number\"\r\n value={folio.value}\r\n placeholder=\"Select Folio\"\r\n handleChange={this.handleFolioChange}\r\n inputRef={(ele) => (this.folioField = ele)}\r\n disabled={!fund.value}\r\n isError={folio.isError}\r\n errorMessage={folio.errorMessage}\r\n />\r\n
\r\n Folio
\r\n \r\n ({\r\n value: item,\r\n label: item.PlnDesc\r\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\r\n : item.fm_schdesc,\r\n }))}\r\n value={scheme.value}\r\n placeholder=\"Select Scheme\"\r\n handleChange={this.handleSchemeChange}\r\n disabled={!folio.value}\r\n inputRef={(ele) => (this.schemeField = ele)}\r\n isError={scheme.isError}\r\n errorMessage={scheme.errorMessage}\r\n />\r\n
\r\n \r\n Transfer From Scheme\r\n
\r\n \r\n
\r\n \r\n
\r\n Balance Units
\r\n Current Value
\r\n \r\n
\r\n {!!scheme.value.value ? scheme.value.value.BalUnits : \"\"}
\r\n {!!scheme.value.value ? scheme.value.value.CurValue : \"\"}
\r\n \r\n (this.categoryField = ele)}\r\n isError={category.isError}\r\n disabled={!scheme.value}\r\n errorMessage={category.errorMessage}\r\n >\r\n {categories.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n ({\r\n label: item.fm_schdesc,\r\n value: item,\r\n multiples: item.multiples,\r\n }))}\r\n label=\"Fund\"\r\n handleChange={this.handleSwitchInScheme}\r\n value={switchInScheme.value}\r\n placeholder=\"Select Fund\"\r\n inputRef={(ele) => (this.switchInSchemeField = ele)}\r\n isError={switchInScheme.isError}\r\n errorMessage={switchInScheme.errorMessage}\r\n />\r\n
\r\n\r\n \r\n Transfer To Scheme\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n disabled={!fund.value}\r\n type=\"number\"\r\n isShowError={subArnCode.isError}\r\n errorMessage={subArnCode.errorMessage}\r\n onBlur={\r\n !!fund.value ? this.validateBrokerCode(fund.value.value.Fund) : \"\"\r\n }\r\n onChange={this.changeValue(\"subArnCode\")}\r\n />\r\n
\r\n\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n type=\"number\"\r\n onChange={this.changeValue(\"subBrokerCode\")}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {radioValue.value === \"no\" ? (\r\n EUIN Declaration
\r\n \r\n
\r\n YES
\r\n \r\n
\r\n \r\n NO
\r\n \r\n ({\r\n label: item.abm_agent,\r\n value: item.abm_agent,\r\n }))}\r\n label=\"Fund\"\r\n handleChange={this.changeEuin}\r\n value={euinNo.value}\r\n disabled={!euinList.length}\r\n placeholder=\"Select EUIN\"\r\n inputRef={(ele) => (this.euinField = ele)}\r\n isError={euinNo.isError}\r\n errorMessage={euinNo.errorMessage}\r\n />\r\n
\r\n ) : (\r\n \r\n I/We hereby confirm that the EUIN box has been intentionally left\r\n the blank by me/us as this is an 'execution-only' transaction\r\n without any interaction or advice by any personnel of the above\r\n distributor or notwithstanding the advice of in-appropriateness,if\r\n any provided by any personnel of the distributor and the distributor\r\n has not charged any advisory fees on this transaction\r\n
\r\n )}\r\n \r\n (this.stpFrequencyField = ele)}\r\n handleChange={this.handleChangeStpFrequency}\r\n value={this.state.swpFrequency.value}\r\n >\r\n {stpDates.length > 0\r\n ? stpDates.map((item, index) => (\r\n \r\n ))\r\n : \"\"}\r\n {/* {\r\n \r\n } */}\r\n \r\n
\r\n {this.state.swpFrequency.value === \"Weekly\" && (\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n onChange={this.handleChangeTransfers}\r\n onBlur={this.showError(\"transfers\")}\r\n isShowError={transfers.isError}\r\n errorMessage={transfers.errorMessage}\r\n />\r\n
\r\n\r\n \r\n (this.swpDateField = ele)}\r\n isError={sipDay.isError}\r\n placeholder=\"STP Date\"\r\n value={\r\n this.state.sipDay.value\r\n // this.state.transfers.value !== \"\" && (e > 60 || e === 60)\r\n // ? this.state.sipDay.value\r\n // : \"\"\r\n }\r\n onBlur={this.showError(\"transfers\")}\r\n handleChange={(event) => this.handleSwpDay(event)}\r\n errorMessage={sipDay.errorMessage}\r\n >\r\n {sipCycle.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n\r\n Time Period
\r\n \r\n
\r\n \r\n
\r\n \r\n (this.swpField = ele)}\r\n isError={swpOption.isError}\r\n errorMessage={swpOption.errorMessage}\r\n value={swpOption.value}\r\n handleChange={this.handleSwpOptionChange}\r\n disabled\r\n >\r\n {swpOptions.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n {swpOption.value.Description === \"Fixed\" ? (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer, transactions }) => {\r\n const {\r\n fundList,\r\n token,\r\n userId,\r\n bankDetails,\r\n investorData,\r\n communicationDetails,\r\n } = authReducer;\r\n const { euinList, stpDetails = {}, transactionDetails } = transactions;\r\n return {\r\n fundList,\r\n token,\r\n userId,\r\n euinList,\r\n stpDetails,\r\n bankDetails,\r\n investorData,\r\n communicationDetails,\r\n transactionDetails,\r\n };\r\n },\r\n {\r\n validateSubBroker,\r\n getAssetClasses,\r\n getOtherSchemes,\r\n swpOptions,\r\n setStpDetails,\r\n CalcSIPEnddt,\r\n saveTransactionDetails,\r\n getMinimumAmount\r\n }\r\n)(Stp);\r\n\r\nexport const calculateStpDates = (transfers, selectedDate) => {\r\n const today = new Date(new Date().setHours(0, 0, 0, 0));\r\n const isSelectedDatePassed = new Date().setDate(selectedDate) < today;\r\n var startDate = isSelectedDatePassed\r\n ? new Date(addMonths(new Date().setDate(selectedDate), 1))\r\n : new Date(new Date().setDate(selectedDate));\r\n if (startDate < new Date(addDays(today, 5))) {\r\n startDate = new Date(addDays(today, 5));\r\n }\r\n while (true) {\r\n if (isWednesday(startDate)) {\r\n const endDate = addWeeks(startDate, transfers - 1);\r\n return {\r\n startDate: { value: format(startDate, \"dd/MM/yyyy\") },\r\n endDate: { value: format(endDate, \"dd/MM/yyyy\") },\r\n };\r\n }\r\n startDate = addDays(startDate, 1);\r\n }\r\n};\r\n","import React, { Component } from \"react\";\r\nimport CustomizedSelect from \"./customizedSelect\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n getNewPurchaseFundList,\r\n physicalTransaction,\r\n} from \"../../../store/actions\";\r\n\r\nimport { PHYSICAL_NEW, EXISTING, NEW, YES } from \"../../../store/types\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport { Input } from \"../../forms/input\";\r\nimport UploadFile from \"../uploadFile\";\r\nimport Signbutton from \"../../forms/button\";\r\nimport CustomizedDialogs from \"../customModal\";\r\nimport { NEW_TRANSACTION_URL } from \".\";\r\n\r\nimport CustomLoader from \"../../forms/Loader\";\r\nimport { Checkbox } from \"@material-ui/core\";\r\n\r\nclass NfoPhysicalMode extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { investorData, communicationDetails = [] } = this.props;\r\n const Xmobile = (communicationDetails || []).find(\r\n (detail) => detail.PAN === investorData.PAN && !!detail.Mobile\r\n );\r\n const Xemail = (communicationDetails || []).find(\r\n (detail) => detail.PAN === investorData.PAN && !!detail.email\r\n );\r\n const Email = !!Xemail && !!Xemail.email ? Xemail.email : \"\";\r\n const Mobile = !!Xmobile && !!Xmobile.Mobile ? Xmobile.Mobile : \"\";\r\n this.state = {\r\n emailId: { value: Email },\r\n mobile: { value: Mobile },\r\n fund: { value: \"189\" },\r\n upload: { errorMessage: \"\" },\r\n sipTypes: [\r\n { label: \"Existing Folio - SIP Registration\", value: EXISTING },\r\n { label: \"New Folio - SIP Registration with payment\", value: NEW },\r\n ],\r\n sipType: { value: \"\" },\r\n file: {},\r\n disabled: false,\r\n fundsList: [],\r\n fundList: [],\r\n open: false,\r\n folio: {\r\n value: this.props.location.state.type !== PHYSICAL_NEW ? \"\" : \"0\",\r\n },\r\n submitting: false,\r\n terms: true,\r\n refno: \"\",\r\n };\r\n }\r\n\r\n // componentWillMount() {\r\n // // this.setState({\r\n // // fundsList: this.funds(this.props),\r\n // // });\r\n // }\r\n\r\n funds = (props) => {\r\n let { fundsList } = props;\r\n const { type, flag } = this.props.location.state;\r\n if (type !== PHYSICAL_NEW) {\r\n if (!!flag) {\r\n fundsList = fundsList.filter((item) => item[flag] === YES);\r\n }\r\n fundsList = fundsList.reduce((prev, curr) => {\r\n const findIndex =\r\n prev.findIndex((fund) => fund.Fund === curr.Fund) !== -1;\r\n if (!findIndex) {\r\n return [...prev, { Fund: curr.Fund, FundDesc: curr.FundDesc }];\r\n }\r\n return prev;\r\n }, []);\r\n }\r\n return fundsList;\r\n };\r\n\r\n changeValue = (label) => (event) => {\r\n if (label === \"mobile\" && event.target.value.length <= 10) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (label !== \"mobile\") {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n };\r\n\r\n showError = (label) => () => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n if (label === \"emailId\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.emailId.value\r\n ) === false\r\n ? true\r\n : !value,\r\n errorMessage:\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.emailId.value\r\n ) === false\r\n ? `( *enter an vaild email address )`\r\n : \"\",\r\n },\r\n });\r\n } else if (label === \"mobile\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\r\n this.state.mobile.value\r\n ) === false\r\n ? true\r\n : !value,\r\n errorMessage:\r\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\r\n this.state.mobile.value\r\n ) === false\r\n ? `(* Enter a valid Phone Number)`\r\n : !value,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: !value,\r\n },\r\n });\r\n }\r\n };\r\n handleSipTypeChange = (event) => {\r\n const sipType = event.target.value;\r\n\r\n const state = {\r\n schemeType: EXISTING,\r\n email: { value: \"\" },\r\n\r\n mobile: { value: \"\" },\r\n };\r\n if (!sipType) {\r\n this.setState({\r\n ...state,\r\n sipType: { value: event.target.value },\r\n });\r\n return;\r\n } else if (event.target.value === this.state.sipType.value) {\r\n return;\r\n }\r\n const { fundList, fundsList } = this.props;\r\n\r\n const funds =\r\n sipType === EXISTING\r\n ? this.funds(this.props)\r\n : fundList.map((fund) => ({\r\n Fund: fund.amc_code,\r\n FundDesc: fund.amc_name,\r\n AadharFlag: fund.Aadhar,\r\n }));\r\n this.setState({\r\n // ...state,\r\n sipType: { value: event.target.value },\r\n // fundsList: funds,\r\n fund: { value: \"189\" },\r\n folio: { value: \"\" },\r\n });\r\n };\r\n\r\n componentDidMount() {\r\n window.scrollTo({\r\n behavior: \"smooth\",\r\n top: 0,\r\n });\r\n const fund = \"189\";\r\n let folios = [];\r\n const { type, flag } = this.props.location.state;\r\n let { fundsList } = this.props;\r\n if (type !== PHYSICAL_NEW) {\r\n if (!!flag) {\r\n fundsList = fundsList.filter((item) => item[flag] === YES);\r\n }\r\n folios = fundsList.reduce((prev, curr) => {\r\n if (curr.Fund === fund) {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n }\r\n this.setState({\r\n fund: { value: fund },\r\n folios: Array.from(new Set(folios)),\r\n });\r\n }\r\n\r\n fundChange = (event) => {\r\n const fund = event.target.value;\r\n let folios = [];\r\n const { type, flag } = this.props.location.state;\r\n let { fundsList } = this.props;\r\n if (type !== PHYSICAL_NEW) {\r\n if (!!flag) {\r\n fundsList = fundsList.filter((item) => item[flag] === YES);\r\n }\r\n folios = fundsList.reduce((prev, curr) => {\r\n if (curr.Fund === fund) {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n }\r\n this.setState({\r\n fund: { value: fund },\r\n folios: Array.from(new Set(folios)),\r\n });\r\n };\r\n\r\n fileUpload = (label) => (e) => {\r\n if (!!e.target.files.length) {\r\n const file = e.target.files[0];\r\n this.setState({\r\n [label]: file.name,\r\n });\r\n\r\n var fileReader = new FileReader();\r\n var base64;\r\n // Onload of file read the file content\r\n fileReader.onload = (fileLoadedEvent) => {\r\n base64 = fileLoadedEvent.target.result;\r\n // Print data in console\r\n this.setState({\r\n file: { value: base64.split(\",\")[1] },\r\n });\r\n };\r\n // Convert data to base64\r\n fileReader.readAsDataURL(file);\r\n this.setState({\r\n upload: { errorMessage: \"Upload Successfully\" },\r\n });\r\n }\r\n };\r\n\r\n closeModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.replace(NEW_TRANSACTION_URL);\r\n };\r\n\r\n toggleCheckbox = () => {\r\n this.setState({ terms: !this.state.terms });\r\n };\r\n\r\n submit = async () => {\r\n const {\r\n upload_file,\r\n fundsList,\r\n open,\r\n fund,\r\n folios,\r\n disabled,\r\n refno,\r\n submitting,\r\n upload,\r\n sipType,\r\n sipTypes,\r\n fundList,\r\n folio,\r\n terms,\r\n ...others\r\n } = this.state;\r\n const { type } = this.props.location.state;\r\n const keys = Object.keys(others);\r\n\r\n const findError = keys.every((key) => !!others[key].value);\r\n\r\n if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({ [key]: { ...others[key], isError: true } });\r\n });\r\n const firstErroredKey = keys.find((key) => !others[key].value);\r\n switch (firstErroredKey) {\r\n case \"emailId\": {\r\n this.emailIdField.focus();\r\n break;\r\n }\r\n case \"mobile\": {\r\n this.mobileField.focus();\r\n break;\r\n }\r\n case \"fund\": {\r\n this.fundField.focus();\r\n break;\r\n }\r\n }\r\n } else if (\r\n !this.state.folio.value &&\r\n this.state.sipType.value === EXISTING\r\n ) {\r\n this.setState({\r\n folio: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"folio is mandatory\",\r\n },\r\n });\r\n } else if (\r\n !!this.state.emailId.value &&\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.emailId.value\r\n ) === false\r\n ) {\r\n this.setState({\r\n emailId: {\r\n ...others[\"emailId\"],\r\n isError: true,\r\n errorMessage: `Enter a vaild Email address`,\r\n },\r\n });\r\n return;\r\n } else if (\r\n !!this.state.mobile.value &&\r\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\r\n this.state.mobile.value\r\n ) === false\r\n ) {\r\n this.setState({\r\n mobile: {\r\n ...others[\"mobile\"],\r\n isError: true,\r\n errorMessage: `Enter a vaild Phone number`,\r\n },\r\n });\r\n return;\r\n } else {\r\n this.setState({ submitting: true });\r\n const payload = {\r\n email: others.emailId.value,\r\n folio: this.state.folio.value || \"0\",\r\n fund: \"189\",\r\n customfund: \"189\",\r\n mobile: others.mobile.value,\r\n pan: this.props.investorData.PAN || \"\",\r\n Pdffile: others.file.value,\r\n reqtype: type,\r\n userid: this.props.userId,\r\n };\r\n\r\n const response = await this.props.physicalTransaction(payload);\r\n\r\n if (\r\n !!response &&\r\n !!response.DtData &&\r\n !!response.DtData[0] &&\r\n !!response.DtData[0].ihno\r\n ) {\r\n this.setState({ open: true, refno: response.DtData[0].ihno });\r\n }\r\n this.setState({ submitting: false });\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n emailId,\r\n mobile,\r\n fund,\r\n folio,\r\n fundsList = [],\r\n fundList = [],\r\n folios = [],\r\n sipType,\r\n sipTypes,\r\n terms,\r\n } = this.state;\r\n const type = this.props.location.state.type;\r\n return (\r\n \r\n {type === \"isip\" && (\r\n
\r\n\r\n {type !== PHYSICAL_NEW && this.state.sipType.value !== NEW && (\r\n \r\n (this.sipTypeField = ele)}\r\n isError={sipType.isError}\r\n errorMessage={sipType.errorMessage}\r\n >\r\n {sipTypes.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n \r\n (this.folioField = ele)}\r\n isError={folio.isError}\r\n >\r\n {folios.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n \r\n (this.emailIdField = ele)}\r\n errorMessage={this.state.emailId.errorMessage}\r\n />\r\n
\r\n\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n value={mobile.value}\r\n type=\"number\"\r\n onChange={this.changeValue(\"mobile\")}\r\n onBlur={this.showError(\"mobile\")}\r\n isShowError={mobile.isError}\r\n errorMessage={mobile.errorMessage}\r\n inputref={(ele) => (this.mobileField = ele)}\r\n />\r\n
\r\n \r\n {!!this.state.upload.errorMessage ? (\r\n \r\n {this.state.upload.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n Only .pdf files allowed. File size to not exceed 24 MB\r\n
\r\n \r\n\r\n \r\n alert(\"Please Read Terms and Conditions\")\r\n }\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n {this.state.sipType.value} - {index + 1}\r\n
\r\n Pause/Cancellation Module
\r\n \r\n (this.sipTypeField = ele)}\r\n // isError={sipType.isError}\r\n // errorMessage={sipType.errorMessage}\r\n >\r\n {sipTypes.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n {/*\r\n \r\n (this.sipTypeField = ele)}\r\n // isError={sipType.isError}\r\n // errorMessage={sipType.errorMessage}\r\n >\r\n {funds.map((item, index) => (\r\n \r\n ))}\r\n \r\n
*/}\r\n\r\n {folios.map((ele, index) => (\r\n \r\n {ele.pause_flag !== \"N\" && this.state.sipType.value === \"SIP\" && (\r\n \r\n \r\n Pause\r\n
\r\n \r\n )}\r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer, transactions }, props) => {\r\n const { location } = props;\r\n const { investorData, communicationDetails, token, userId } = authReducer;\r\n // const { fundsList } = transactions;\r\n const { fundList } = authReducer;\r\n\r\n return {\r\n investorData,\r\n communicationDetails,\r\n token,\r\n\r\n fundList,\r\n userId,\r\n };\r\n },\r\n { getNctType, getNctSave }\r\n)(NctType);\r\n","import React, { Component } from \"react\";\r\nimport { Input } from \"../../forms/input\";\r\nimport Signbutton from \"../../forms/button\";\r\nimport { connect } from \"react-redux\";\r\nimport InputBase from \"@material-ui/core/InputBase\";\r\nimport { getEnach } from \"../../../store/actions/transactions\";\r\nimport { EnachModal } from \"../customModal\";\r\nimport Image from \"../../Image\";\r\nclass ENACH extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { investorData, communicationDetails, location } = this.props;\r\n const { state } = location;\r\n const Xemail =\r\n !!this.props.communicationDetails &&\r\n !!this.props.communicationDetails.length > 0 &&\r\n !!investorData.PAN &&\r\n (this.props.communicationDetails || []).find(\r\n (detail) =>\r\n detail.PAN === investorData.PAN &&\r\n !!detail.email &&\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(detail.email)\r\n );\r\n\r\n const Xmobile =\r\n !!this.props.communicationDetails &&\r\n !!this.props.communicationDetails.length > 0 &&\r\n !!investorData.PAN &&\r\n (this.props.communicationDetails || []).find(\r\n (detail) => detail.PAN === investorData.PAN && !!detail.Mobile\r\n );\r\n\r\n const Email = !!Xemail && !!Xemail.email ? Xemail.email : \"\";\r\n const Mobile = !!Xmobile && !!Xmobile.Mobile ? Xmobile.Mobile : \"\";\r\n\r\n this.state = {\r\n email: { value: Email || \"\" },\r\n EnachOpen: false,\r\n eNachAMCOpen: false,\r\n disabled: false,\r\n pan: {\r\n value:\r\n !!investorData && !!investorData.PAN\r\n ? investorData.PAN\r\n : !!state && !!state.pan\r\n ? state.pan\r\n : \"\",\r\n },\r\n mobile: { value: Mobile },\r\n name: {\r\n value:\r\n !!investorData && !!investorData.invname ? investorData.invname : \"\",\r\n },\r\n ref: \"\",\r\n code: { value: \"+91\" },\r\n };\r\n }\r\n\r\n changeValue = (label) => async (event) => {\r\n const value = event.target.value;\r\n if (label === \"mobile\") {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n if (label === \"code\") {\r\n if (!value) {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: \"Country Code is Mandatory\",\r\n },\r\n });\r\n } else if (!/^[+]\\d{1,3}$/.test(value)) {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: \"Enter a Valid Country Code\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: { value },\r\n });\r\n }\r\n }\r\n };\r\n submit = async () => {\r\n const {\r\n ref,\r\n EnachOpen,\r\n EnachRef,\r\n disabled,\r\n eNachAMCOpen,\r\n code,\r\n ...others\r\n } = this.state;\r\n\r\n const { email, mobile, pan, name } = this.state;\r\n const { location } = this.props;\r\n const { state } = location;\r\n if (\r\n !!state &&\r\n !!state.pan &&\r\n (!email.value || !mobile.value || !name.value)\r\n ) {\r\n alert(\"Please fill all fields to submit\");\r\n this.setState({\r\n email: {\r\n value: this.state.email.value,\r\n isError: false,\r\n errorMessage: \"\",\r\n },\r\n });\r\n } else if (!code.value) {\r\n this.setState({\r\n code: {\r\n value: this.state.code.value,\r\n isError: true,\r\n errorMessage: \"Country Code is Mandatory\",\r\n },\r\n });\r\n return;\r\n } else if (!/^[+]\\d{1,3}$/.test(code.value)) {\r\n this.setState({\r\n code: {\r\n value: this.state.code.value,\r\n isError: true,\r\n errorMessage: \"Enter a Valid Country Code\",\r\n },\r\n });\r\n return;\r\n }\r\n if (!this.state.mobile.value) {\r\n this.setState({\r\n mobile: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a valid phone number\",\r\n },\r\n });\r\n this.mobileField.focus();\r\n return;\r\n } else if (\r\n !/^[6-9]\\d{9}$/.test(this.state.mobile.value) &&\r\n this.state.code.value === \"+91\"\r\n ) {\r\n this.setState({\r\n mobile: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a valid phone number\",\r\n },\r\n });\r\n this.mobileField.focus();\r\n return;\r\n } else {\r\n this.setState({\r\n disabled: true,\r\n });\r\n const params = {\r\n Email: this.state.email.value,\r\n Contact: this.state.mobile.value,\r\n Name: this.state.name.value,\r\n Pan: this.state.pan.value,\r\n invdistflag: \"W\",\r\n arncode: this.props.token,\r\n countrycode: this.state.code.value,\r\n customfund:\"189\"\r\n };\r\n const response = await this.props.getEnach(params);\r\n if (\r\n !!response &&\r\n !!response.DtData &&\r\n !!response.DtData[0] &&\r\n !!response.DtData[0].en_ihno\r\n ) {\r\n this.setState({\r\n EnachRef: response.DtData[0].en_ihno,\r\n EnachOpen: true,\r\n });\r\n }\r\n }\r\n\r\n // const keys = Object.keys(others);\r\n // const findError = keys.every((key) => !!others[key].value);\r\n // if (!findError) {\r\n // keys.forEach((key) => {\r\n // !others[key].value &&\r\n // this.setState({\r\n // [key]: {\r\n // ...others[key],\r\n // isError: true,\r\n // errorMessage: `${key.toUpperCase()} is Mandatory`,\r\n // },\r\n // });\r\n // });\r\n // const firstErroredKey = keys.find((key) => !others[key].value);\r\n // switch (firstErroredKey) {\r\n // case \"email\": {\r\n // this.emailField.focus();\r\n // break;\r\n // }\r\n // case \"mobile\": {\r\n // this.mobileField.focus();\r\n // break;\r\n // }\r\n // case \"pan\": {\r\n // this.panField.focus();\r\n // break;\r\n // }\r\n // case \"name\": {\r\n // this.nameField.focus();\r\n // break;\r\n // }\r\n // }\r\n // } else if (\r\n // !!this.state.pan.value &&\r\n // /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/.test(this.state.pan.value) ===\r\n // false\r\n // ) {\r\n // this.setState({\r\n // pan: {\r\n // ...others[\"pan\"],\r\n // isError: true,\r\n // errorMessage: `Enter a vaild PAN`,\r\n // },\r\n // });\r\n // return;\r\n // } else if (\r\n // !!this.state.email.value &&\r\n // /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n // this.state.email.value\r\n // ) === false\r\n // ) {\r\n // this.setState({\r\n // email: {\r\n // ...others[\"email\"],\r\n // isError: true,\r\n // errorMessage: `Enter a vaild Email address`,\r\n // },\r\n // });\r\n // return;\r\n // } else if (\r\n // !!this.state.mobile.value &&\r\n // /^[6-9]\\d{9}$/.test(\r\n // this.state.mobile.value\r\n // ) === false\r\n // ) {\r\n // this.setState({\r\n // mobile: {\r\n // ...others[\"mobile\"],\r\n // isError: true,\r\n // errorMessage: `Enter a vaild Phone number`,\r\n // },\r\n // });\r\n // return;\r\n // } else {\r\n\r\n // }\r\n this.setState({\r\n disabled: false,\r\n });\r\n };\r\n\r\n OpenEnachAMCOpen = () => {\r\n this.setState({\r\n eNachAMCOpen: true,\r\n });\r\n };\r\n\r\n OpenEnachAMCClose = () => {\r\n this.setState({\r\n eNachAMCOpen: false,\r\n });\r\n };\r\n\r\n close = () => {\r\n this.setState({\r\n EnachOpen: false,\r\n });\r\n this.props.history.push(\"/dashboard\");\r\n // const refno = encodeURIComponent(btoa(this.state.EnachRef));\r\n // window.open(\r\n // `https://api.karvymfs.com/25/Enach/EnachRegd.aspx?refno=${refno}`,\r\n // \"_self\"\r\n // );\r\n };\r\n\r\n onEmailBlur = () => {\r\n if (\r\n !!this.state.email.value &&\r\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\r\n this.state.email.value\r\n ) === false\r\n ) {\r\n this.setState({\r\n email: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a vaild Email ID\",\r\n },\r\n });\r\n }\r\n };\r\n render() {\r\n const { mobile, email, pan, name } = this.state;\r\n const { location } = this.props;\r\n const { state } = location;\r\n\r\n return (\r\n NCT
\r\n \r\n ({\r\n label: item.FundDesc,\r\n value: item.Fund,\r\n }))}\r\n value={fund.value}\r\n placeholder=\"Select Fund\"\r\n handleChange={this.handleFundChange}\r\n inputRef={(ele) => (this.fundField = ele)}\r\n isError={fund.isError}\r\n errorMessage={fund.errorMessage}\r\n />\r\n
\r\n\r\n Fund
\r\n \r\n ({\r\n label: item,\r\n value: item,\r\n }))}\r\n value={folio.value}\r\n placeholder=\"Select Folio\"\r\n handleChange={this.handleFolioChange}\r\n inputRef={(ele) => (this.folioField = ele)}\r\n isError={folio.isError}\r\n disabled={!fund.value}\r\n errorMessage={folio.errorMessage}\r\n />\r\n
\r\n\r\n Folio
\r\n \r\n ({\r\n label: item.nm_description,\r\n value: item.nm_code,\r\n }))}\r\n value={NctType.value}\r\n placeholder=\"Select NCT Type\"\r\n handleChange={this.handleNctTypeChange}\r\n inputRef={(ele) => (this.NctTypeField = ele)}\r\n isError={NctType.isError}\r\n disabled={!folio.value}\r\n errorMessage={NctType.errorMessage}\r\n />\r\n
\r\n\r\n NCT Type
\r\n \r\n (this.emailIdField = ele)}\r\n errorMessage={this.state.emailId.errorMessage}\r\n />\r\n
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n value={mobile.value}\r\n onChange={this.changeValue(\"mobile\")}\r\n // onBlur={this.showError(\"mobile\")}\r\n isShowError={mobile.isError}\r\n errorMessage={mobile.errorMessage}\r\n inputref={(ele) => (this.mobileField = ele)}\r\n />\r\n
\r\n\r\n \r\n {!!this.state.upload.errorMessage ? (\r\n \r\n {this.state.upload.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n only pdf files are allowed, File size to not exceed 24 MB\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n eNACH Participating AMCs{\" \"}\r\n
\r\n eNACH
\r\n \r\n \r\n // (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n // evt.preventDefault()\r\n // }\r\n bordercolor=\"#a6a6a6\"\r\n // onChange={this.changeValue(\"pan\")}\r\n // isShowError={pan.isError}\r\n // inputref={(ele) => (this.panField = ele)}\r\n // errorMessage={this.state.pan.errorMessage}\r\n />\r\n
\r\n \r\n (this.nameField = ele)}\r\n // errorMessage={this.state.name.errorMessage}\r\n />\r\n
\r\n\r\n \r\n (this.emailField = ele)}\r\n errorMessage={this.state.email.errorMessage}\r\n />\r\n
\r\n \r\n {\r\n if (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") {\r\n evt.preventDefault();\r\n }\r\n }}\r\n onChange={this.changeValue(\"code\")}\r\n isError={this.state.code.isError}\r\n isShowError={this.state.code.isError}\r\n errorMessage={this.state.code.errorMessage}\r\n inputref={(ele) => (this.countryCodeField = ele)}\r\n />\r\n
\r\n \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n bordercolor=\"#a6a6a6\"\r\n onChange={this.changeValue(\"mobile\")}\r\n isShowError={mobile.isError}\r\n inputref={(ele) => (this.mobileField = ele)}\r\n errorMessage={this.state.mobile.errorMessage}\r\n />\r\n
\r\n\r\n {/* \r\n
\r\n{/* \r\n \r\n
\r\n \r\n Summary for ENACH Registration\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n E-MANDATE
\r\n Powered by
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const { investorData, user_pan } = authReducer;\r\n return { investorData, user_pan };\r\n },\r\n { userPan }\r\n)(NFOAndNewPurchaseDigital);\r\n\r\nexport class List extends Component {\r\n render() {\r\n const { invname, PAN } = this.props.investorData;\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","export const SAVE_EMPANELMENT = \"SAVE_EMPANELMENT\";\r\nexport const SAVE_EMPANELMENT_SUCCESS = \"SAVE_EMPANELMENT_SUCCESS\";\r\nexport const SAVE_EMPANELMENT_FAILED = \"SAVE_EMPANELMENT_FAILED\";\r\n\r\nexport const GET_CAMS_DATA = \"GET_CAMS_DATA\";\r\nexport const GET_CAMS_DATA_SUCCESS = \"GET_CAMS_DATA_SUCCESS\";\r\nexport const GET_CAMS_DATA_FAILED = \"GET_CAMS_DATA_FAILED\";\r\n\r\nexport const GENERATE_EMPANEL_OTP = \"GENERATE_EMPANEL_OTP\";\r\nexport const GENERATE_EMPANEL_OTP_SUCCESS = \"GENERATE_EMPANEL_OTP_SUCCESS\";\r\nexport const GENERATE_EMPANEL_OTP_FAILED = \"GENERATE_EMPANEL_OTP_FAILED\";\r\n\r\nexport const VALIDATE_EMPANEL_OTP = \"VALIDATE_EMPANEL_OTP\";\r\nexport const VALIDATE_EMPANEL_OTP_SUCCESS = \"VALIDATE_EMPANEL_OTP_SUCCESS\";\r\nexport const VALIDATE_EMPANEL_OTP_FAILED = \"VALIDATE_EMPANEL_OTP_FAILED\";\r\n\r\nexport const REMOVE_CAMS_DATA = \"REMOVE_CAMS_DATA\";\r\n\r\nexport const STORE_EMPANEL_DATA = \"STORE_EMPANEL_DATA\";\r\n\r\nexport const GET_BANK_DETAILS = \"GET_BANK_DETAILS\";\r\nexport const GET_BANK_DETAILS_SUCCESS = \"GET_BANK_DETAILS_SUCCESS\";\r\nexport const GET_BANK_DETAILS_FAILED = \"GET_BANK_DETAILS_FAILED\";\r\n\r\nexport const AGENT_REGISTRATION = \"AGENT_REGISTRATION\";\r\nexport const AGENT_REGISTRATION_SUCCESS = \"AGENT_REGISTRATION_SUCCESS\";\r\nexport const AGENT_REGISTRATION_FAILED = \"AGENT_REGISTRATION_FAILED\";\r\n\r\nexport const VALIDATE_ARN_CODE = \"VALIDATE_ARN_CODE\";\r\nexport const VALIDATE_ARN_CODE_SUCCESS = \"VALIDATE_ARN_CODE_SUCCESS\";\r\nexport const VALIDATE_ARN_CODE_FAILED = \"VALIDATE_ARN_CODE_FAILED\";\r\n\r\nexport const STORE_BANK_DETAILS = \"STORE_BANK_DETAILS\";\r\nexport const STORE_BASIC_DETAILS = \"STORE_BASIC_DETAILS\";\r\n\r\n// to store the current state of UI in bankdetails\r\nexport const STORE_BANK_STATE = \"STORE_BANK_STATE\";\r\n\r\nexport const STORE_EMPANELLEMENT_NOMINEE_DETAILS = \"STORE_EMPANELLEMENT_NOMINEE_DETAILS\";\r\n\r\nexport const STORE_CAMS_DETAILS = \"STORE_CAMS_DETAILS\";\r\n\r\n\r\n","import React, { Component } from \"react\";\r\n\r\nexport default class TabHeader extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n {!!this.props.image && (\r\n {invname}
\r\n \r\n {\" \"}\r\n PAN : {PAN || this.props.pan}\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n {/*
\r\n \r\n Type of Investor:
\r\n\r\n handleInvestor(e)}\r\n />\r\n
*/}\r\n\r\n {!isMinor && (\r\n <>\r\n \r\n \r\n {\r\n if (formValues.modeOfHolding !== e.target.value) {\r\n removeJointHolderDetails();\r\n }\r\n setFieldValue(\"modeOfHolding\", e.target.value);\r\n }}\r\n >\r\n \r\n
\r\n \r\n )}\r\n \r\n Mode of Holding*\r\n
\r\n \r\n
\r\n Single
\r\n \r\n
\r\n \r\n \r\n Anyone (or) Surviour\r\n
\r\n \r\n {applicantFieldList.map((field) => {\r\n return (\r\n \r\n \r\n );\r\n })}\r\n
\r\n \r\n \r\n Back\r\n \r\n \r\n Proceed\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default connect(\r\n ({ newinvestor, authReducer }) => {\r\n const { userId } = authReducer;\r\n const { applicantparams, store_pan } = newinvestor;\r\n return {\r\n applicantparams,\r\n store_pan,\r\n userId,\r\n };\r\n },\r\n {\r\n getCountriesList,\r\n checkPAN,\r\n getStatesList,\r\n storeApplicantParams,\r\n getKycDetails,\r\n checkKyc,\r\n getCitiesByState,\r\n getRelationShipList,\r\n storePan,\r\n }\r\n)(InvestorDetails);\r\n\r\nfunction ChoiceFieldforinvestor({ value, options, onChange }) {\r\n return (\r\n \r\n {options.map((o, i) => {\r\n const isActive = o.value == value;\r\n const handleClick = () => {\r\n const newValue = o.value;\r\n onChange({ target: { value: newValue } });\r\n };\r\n const isFirst = i == 0;\r\n const isLast = i == options.length - 1;\r\n const radius = \"6px\";\r\n return (\r\n
\r\n );\r\n })}\r\n \r\n );\r\n}\r\n","import { Checkbox, MenuItem, Select, TextField } from \"@material-ui/core\";\r\nimport {\r\n KeyboardDatePicker,\r\n MuiPickersUtilsProvider,\r\n} from \"@material-ui/pickers\";\r\nimport React from \"react\";\r\nimport DateFnsUtils from \"@date-io/date-fns\";\r\nconst YES = \"Yes\";\r\nconst NO = \"No\";\r\nconst AutoField = ({\r\n field,\r\n value,\r\n onChange,\r\n style,\r\n error,\r\n disabled,\r\n investorType,\r\n ...props\r\n}) => {\r\n const commonProps = {\r\n value,\r\n onChange,\r\n disabled,\r\n id: `${field.key}Field`,\r\n name: field.name || field.key,\r\n errorMessage: error,\r\n variant: \"outlined\",\r\n size: \"small\",\r\n onBlur: props.onBlur,\r\n };\r\n\r\n if ([\"number\", \"email\", \"password\"].includes(field.type)) {\r\n commonProps.type = field.type;\r\n }\r\n if (field.type === \"countrycode\") {\r\n commonProps.onKeyDown = (e) => {\r\n const keys = [\"Backspace\", \"Delete\", \"ArrowLeft\", \"ArrowRight\", \"+\"];\r\n if (isNaN(e.key) && !keys.includes(e.key)) {\r\n e.preventDefault();\r\n }\r\n };\r\n }\r\n\r\n let inputField;\r\n\r\n switch (field.type) {\r\n case \"select\":\r\n const optionsList =\r\n typeof field.options === \"function\"\r\n ? field.options(field.key)\r\n : field.options;\r\n inputField = (\r\n <>\r\n \r\n \r\n {o.name}\r\n
\r\n \r\n {error}\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nconst defaultChoiceOptions = [\r\n { name: \"Yes\", value: YES },\r\n { name: \"No\", value: NO },\r\n];\r\n\r\nexport const ChoiceField = ({\r\n value,\r\n onChange,\r\n options = defaultChoiceOptions,\r\n disabled,\r\n}) => {\r\n return (\r\n\r\n {options.map((o) => (\r\n
\r\n );\r\n};\r\n\r\nexport default AutoField;\r\n","import { CALL_API } from \"../api.middleware\";\r\nimport {\r\n GET_CAMS_DATA,\r\n GET_CAMS_DATA_FAILED,\r\n GET_CAMS_DATA_SUCCESS,\r\n SAVE_EMPANELMENT,\r\n SAVE_EMPANELMENT_FAILED,\r\n SAVE_EMPANELMENT_SUCCESS,\r\n GENERATE_EMPANEL_OTP,\r\n GENERATE_EMPANEL_OTP_FAILED,\r\n GENERATE_EMPANEL_OTP_SUCCESS,\r\n VALIDATE_EMPANEL_OTP,\r\n VALIDATE_EMPANEL_OTP_FAILED,\r\n VALIDATE_EMPANEL_OTP_SUCCESS,\r\n REMOVE_CAMS_DATA,\r\n GET_BANK_DETAILS,\r\n GET_BANK_DETAILS_FAILED,\r\n GET_BANK_DETAILS_SUCCESS,\r\n AGENT_REGISTRATION,\r\n AGENT_REGISTRATION_SUCCESS,\r\n AGENT_REGISTRATION_FAILED,\r\n VALIDATE_ARN_CODE,\r\n VALIDATE_ARN_CODE_SUCCESS,\r\n VALIDATE_ARN_CODE_FAILED,\r\n STORE_BASIC_DETAILS,\r\n STORE_BANK_STATE,\r\n STORE_BANK_DETAILS,\r\n STORE_CAMS_DETAILS,\r\n STORE_EMPANELLEMENT_NOMINEE_DETAILS\r\n} from \"../types/empanelment\";\r\n\r\nexport const validateArn = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n params,\r\n url: \"/ValidateArncode_Mirae\",\r\n method: \"GET\",\r\n types: [\r\n VALIDATE_ARN_CODE,\r\n VALIDATE_ARN_CODE_SUCCESS,\r\n VALIDATE_ARN_CODE_FAILED,\r\n ],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\nexport const validatePennyDrop = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/ValidatePennyDrop\",\r\n params,\r\n method: \"GET\",\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\nexport const empanelmentRegistration = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n params,\r\n url: \"/Empanelment_AgentRegistration\",\r\n method: \"GET\",\r\n types: [\r\n AGENT_REGISTRATION,\r\n AGENT_REGISTRATION_SUCCESS,\r\n AGENT_REGISTRATION_FAILED,\r\n ],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\nexport const saveEmpanelment = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n params,\r\n url: \"/SaveAllDetails_Empanelment\",\r\n method: \"GET\",\r\n types: [\r\n SAVE_EMPANELMENT,\r\n SAVE_EMPANELMENT_SUCCESS,\r\n SAVE_EMPANELMENT_FAILED,\r\n ],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\nexport const getBankDetails = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n params,\r\n url: \"/GetBankByIFSCorMICR\",\r\n method: \"GET\",\r\n types: [\r\n GET_BANK_DETAILS,\r\n GET_BANK_DETAILS_SUCCESS,\r\n GET_BANK_DETAILS_FAILED,\r\n ],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\nexport const getCamsData = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n params,\r\n url: \"/CAMSData\",\r\n method: \"GET\",\r\n types: [GET_CAMS_DATA, GET_CAMS_DATA_SUCCESS, GET_CAMS_DATA_FAILED],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const generateEmpanelOTP = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n params,\r\n url: \"/GenerateEmpanelOtp\",\r\n method: \"GET\",\r\n types: [\r\n GENERATE_EMPANEL_OTP,\r\n GENERATE_EMPANEL_OTP_SUCCESS,\r\n GENERATE_EMPANEL_OTP_FAILED,\r\n ],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\nexport const validateEmpanelOTP = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n params,\r\n url: \"/ValidateEmpanelOtp\",\r\n method: \"GET\",\r\n types: [\r\n VALIDATE_EMPANEL_OTP,\r\n VALIDATE_EMPANEL_OTP_SUCCESS,\r\n VALIDATE_EMPANEL_OTP_FAILED,\r\n ],\r\n },\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\nexport const getCitiesList = (params) => async (dispatch) => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n params,\r\n url: \"/GetCities\",\r\n method: \"GET\",\r\n },\r\n });\r\n } catch (error) {\r\n alert(error);\r\n }\r\n};\r\n\r\nexport const removeData = () => {\r\n return {\r\n type: REMOVE_CAMS_DATA,\r\n body: [],\r\n };\r\n};\r\n\r\nexport const saveEmpanelData = (data) => {\r\n return {\r\n type: STORE_BASIC_DETAILS,\r\n body: data,\r\n };\r\n};\r\nexport const saveCamsData = (data) => {\r\n return {\r\n type: STORE_CAMS_DETAILS,\r\n body: data,\r\n };\r\n};\r\nexport const saveEmpanelmentNomineeData = (data) => {\r\n return {\r\n type: STORE_EMPANELLEMENT_NOMINEE_DETAILS,\r\n body: data,\r\n };\r\n};\r\nexport const storeBankState = (data) => {\r\n return {\r\n type: STORE_BANK_STATE,\r\n body: data,\r\n };\r\n};\r\nexport const saveBankDetails = (body) => {\r\n return {\r\n type: STORE_BANK_DETAILS,\r\n body,\r\n };\r\n};\r\n","import { CALL_API } from \"../api.middleware\";\r\n\r\nexport const getDistFoliobyPan = params => async dispatch => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/GetDistFoliobyPan\",\r\n params,\r\n method: \"GET\"\r\n }\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const getAccountStatement = params => async dispatch => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/GetAccountStatement\",\r\n params,\r\n method: \"GET\"\r\n }\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const getMailbackSoaStatus = params => async dispatch => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/SOAMailBackReport\",\r\n params,\r\n method: \"GET\"\r\n }\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const getMailbackList = params => async dispatch => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/GetDistMailbackList\",\r\n params,\r\n method: \"GET\"\r\n }\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const GetDistMailbackRequest = params => async dispatch => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/GetDistMailbackRequest\",\r\n params,\r\n method: \"GET\"\r\n }\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const getElssStatment = params => async dispatch => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/SaveElssReport\",\r\n params,\r\n method: \"GET\"\r\n }\r\n });\r\n } catch (error) {\r\n alert(`${error}`);\r\n }\r\n};\r\n\r\nexport const getcaptialgainStatment = params => async dispatch => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/CapitalGainsByEmailID\",\r\n params,\r\n method: \"GET\"\r\n }\r\n });\r\n } catch (error) {\r\n alert(`${error}`)\r\n }\r\n};\r\n\r\nexport const getNetworthPortfolio = params => async dispatch => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/Ktrack_NetWorthPortfolio\",\r\n params,\r\n method: \"GET\"\r\n }\r\n });\r\n } catch (error) {\r\n alert(`${error}`)\r\n }\r\n};\r\n\r\nexport const getMailBackRequestStatus = params => async dispatch => {\r\n try {\r\n return await dispatch({\r\n [CALL_API]: {\r\n url: \"/GetMailBackRequestStatus\",\r\n params,\r\n method: \"GET\"\r\n }\r\n });\r\n } catch (error) {\r\n alert(`${error}`)\r\n }\r\n};\r\n","import React, { Component } from \"react\";\r\nvar CurrencyFormat = require(\"react-currency-format\");\r\nexport class FormatCurrency extends Component {\r\n render() {\r\n return (\r\n \r\n {\r\n const newValue = o.value;\r\n onChange({ target: { value: newValue } });\r\n }}\r\n />\r\n
\r\n ))}\r\n \r\n {o.name}\r\n
\r\n