Selected Reason: {props.selectedReason}
\r\n {props.selectedReason.includes(\"Others\") && (\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 Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\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 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 EUINNO: { value: \"no\" },\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: \"Do you want to intentionally leave the EUIN box blank?\",\r\n type: \"radio\",\r\n },\r\n ],\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: \"166\" };\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 setFrequencyList();\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) => async (event) => {\r\n const value = event.target.value;\r\n if (!value) {\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 \"radioValue\":\r\n setFormValues({\r\n EUINNO: { value: formValues.EUINNO.value === \"no\" ? \"yes\" : \"no\" },\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 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: \"166\",\r\n trtype: \"SIP\",\r\n StartDate,\r\n Installments: installments,\r\n Frequency: formValues.Frequency.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: \"166\",\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: \"166\",\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: \"166\",\r\n SubAgentCd: \"\",\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: \"166\",\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: \"166\" };\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 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: \"166\",\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 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 findError = final_keys_for_validation.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 (formValues.EUINNO.value === \"no\" && !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 } 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: formValues.EUINNO.value === \"no\" ? 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_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: \"W\",\r\n CustomFund: \"166\",\r\n i_fund: \"166\",\r\n };\r\n try {\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 } catch (err) {\r\n if (\r\n !!err \r\n ) {\r\n setIsLoading(false);\r\n }\r\n }\r\n\r\n }\r\n };\r\n return (\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 {o.name}\r\n
\r\nType of Investor:
\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