{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 TabHeader extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n {!!navData.length ? (\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 {this.props.uptext}\r\n
\r\n )}\r\n {this.props.name}
\r\n {this.props.uptext && (\r\n \r\n
\r\n {!!this.props.errorMessage && (\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 { BUILD_URL } from \"../home/home\";\r\nimport { fontFamily } from \"@material-ui/system\";\r\n\r\nexport class Input extends Component {\r\n render() {\r\n const {\r\n name,\r\n image,\r\n image2,\r\n height,\r\n placeholder,\r\n isShowError,\r\n inputref,\r\n label,\r\n bordercolor,\r\n isShowPasswordError,\r\n onClick,\r\n type,\r\n errorMessage,\r\n ...rest\r\n } = this.props;\r\n return (\r\n \r\n \r\n {/* {!!image && (\r\n
\r\n \r\n {name} {label}{\" \"}\r\n
\r\n \r\n {!!image2 && (\r\n 
\r\n )}\r\n
\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 return (\r\n\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 _regeneratorRuntime from \"C:\\\\Users\\\\webile\\\\Downloads\\\\dit-react\\\\packages\\\\web\\\\node_modules\\\\babel-preset-react-app\\\\node_modules\\\\@babel\\\\runtime/regenerator\";\nimport _defineProperty from \"C:\\\\Users\\\\webile\\\\Downloads\\\\dit-react\\\\packages\\\\web\\\\node_modules\\\\babel-preset-react-app\\\\node_modules\\\\@babel\\\\runtime/helpers/esm/defineProperty\";\nimport _asyncToGenerator from \"C:\\\\Users\\\\webile\\\\Downloads\\\\dit-react\\\\packages\\\\web\\\\node_modules\\\\babel-preset-react-app\\\\node_modules\\\\@babel\\\\runtime/helpers/esm/asyncToGenerator\";\nimport { CALL_API } from \"../api.middleware\";\nimport { GET_PROFILE_DATA, GET_PROFILE_DATA_SUCCESS, GET_PROFILE_DATA_FAILED } from \"../types/profile\";\nexport var getProfileData = function getProfileData(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee(dispatch) {\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.prev = 0;\n _context.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/GetDistributorDetails\",\n params: params,\n method: \"GET\",\n types: [GET_PROFILE_DATA, GET_PROFILE_DATA_SUCCESS, GET_PROFILE_DATA_FAILED],\n showLoader: true\n }));\n\n case 3:\n return _context.abrupt(\"return\", _context.sent);\n\n case 6:\n _context.prev = 6;\n _context.t0 = _context[\"catch\"](0);\n return _context.abrupt(\"return\", {\n error: _context.t0\n });\n\n case 9:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, null, [[0, 6]]);\n }));\n\n return function (_x) {\n return _ref.apply(this, arguments);\n };\n }()\n );\n};\nexport var resetPassword = function resetPassword(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref2 = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee2(dispatch) {\n return _regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n _context2.prev = 0;\n _context2.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/GetChangePassword\",\n params: params,\n method: \"GET\",\n showLoader: true\n }));\n\n case 3:\n return _context2.abrupt(\"return\", _context2.sent);\n\n case 6:\n _context2.prev = 6;\n _context2.t0 = _context2[\"catch\"](0);\n return _context2.abrupt(\"return\", {\n error: _context2.t0\n });\n\n case 9:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2, null, [[0, 6]]);\n }));\n\n return function (_x2) {\n return _ref2.apply(this, arguments);\n };\n }()\n );\n};","import _regeneratorRuntime from \"C:\\\\Users\\\\webile\\\\Downloads\\\\dit-react\\\\packages\\\\web\\\\node_modules\\\\babel-preset-react-app\\\\node_modules\\\\@babel\\\\runtime/regenerator\";\nimport _defineProperty from \"C:\\\\Users\\\\webile\\\\Downloads\\\\dit-react\\\\packages\\\\web\\\\node_modules\\\\babel-preset-react-app\\\\node_modules\\\\@babel\\\\runtime/helpers/esm/defineProperty\";\nimport _asyncToGenerator from \"C:\\\\Users\\\\webile\\\\Downloads\\\\dit-react\\\\packages\\\\web\\\\node_modules\\\\babel-preset-react-app\\\\node_modules\\\\@babel\\\\runtime/helpers/esm/asyncToGenerator\";\nimport { CALL_API } from \"../api.middleware\";\nexport var getDistFoliobyPan = function getDistFoliobyPan(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee(dispatch) {\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.prev = 0;\n _context.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/GetDistFoliobyPan\",\n params: params,\n method: \"GET\"\n }));\n\n case 3:\n return _context.abrupt(\"return\", _context.sent);\n\n case 6:\n _context.prev = 6;\n _context.t0 = _context[\"catch\"](0);\n return _context.abrupt(\"return\", {\n error: _context.t0\n });\n\n case 9:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, null, [[0, 6]]);\n }));\n\n return function (_x) {\n return _ref.apply(this, arguments);\n };\n }()\n );\n};\nexport var getAccountStatement = function getAccountStatement(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref2 = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee2(dispatch) {\n return _regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n _context2.prev = 0;\n _context2.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/GetAccountStatement\",\n params: params,\n method: \"GET\"\n }));\n\n case 3:\n return _context2.abrupt(\"return\", _context2.sent);\n\n case 6:\n _context2.prev = 6;\n _context2.t0 = _context2[\"catch\"](0);\n return _context2.abrupt(\"return\", {\n error: _context2.t0\n });\n\n case 9:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2, null, [[0, 6]]);\n }));\n\n return function (_x2) {\n return _ref2.apply(this, arguments);\n };\n }()\n );\n};\nexport var getMailbackSoaStatus = function getMailbackSoaStatus(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref3 = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee3(dispatch) {\n return _regeneratorRuntime.wrap(function _callee3$(_context3) {\n while (1) {\n switch (_context3.prev = _context3.next) {\n case 0:\n _context3.prev = 0;\n _context3.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/SOAMailBackReport\",\n params: params,\n method: \"GET\"\n }));\n\n case 3:\n return _context3.abrupt(\"return\", _context3.sent);\n\n case 6:\n _context3.prev = 6;\n _context3.t0 = _context3[\"catch\"](0);\n return _context3.abrupt(\"return\", {\n error: _context3.t0\n });\n\n case 9:\n case \"end\":\n return _context3.stop();\n }\n }\n }, _callee3, null, [[0, 6]]);\n }));\n\n return function (_x3) {\n return _ref3.apply(this, arguments);\n };\n }()\n );\n};\nexport var getMailbackList = function getMailbackList(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref4 = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee4(dispatch) {\n return _regeneratorRuntime.wrap(function _callee4$(_context4) {\n while (1) {\n switch (_context4.prev = _context4.next) {\n case 0:\n _context4.prev = 0;\n _context4.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/GetDistMailbackList\",\n params: params,\n method: \"GET\",\n showLoader: true\n }));\n\n case 3:\n return _context4.abrupt(\"return\", _context4.sent);\n\n case 6:\n _context4.prev = 6;\n _context4.t0 = _context4[\"catch\"](0);\n return _context4.abrupt(\"return\", {\n error: _context4.t0\n });\n\n case 9:\n case \"end\":\n return _context4.stop();\n }\n }\n }, _callee4, null, [[0, 6]]);\n }));\n\n return function (_x4) {\n return _ref4.apply(this, arguments);\n };\n }()\n );\n};\nexport var GetDistMailbackRequest = function GetDistMailbackRequest(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref5 = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee5(dispatch) {\n return _regeneratorRuntime.wrap(function _callee5$(_context5) {\n while (1) {\n switch (_context5.prev = _context5.next) {\n case 0:\n _context5.prev = 0;\n _context5.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/GetDistMailbackRequest\",\n params: params,\n method: \"GET\",\n showLoader: true\n }));\n\n case 3:\n return _context5.abrupt(\"return\", _context5.sent);\n\n case 6:\n _context5.prev = 6;\n _context5.t0 = _context5[\"catch\"](0);\n return _context5.abrupt(\"return\", {\n error: _context5.t0\n });\n\n case 9:\n case \"end\":\n return _context5.stop();\n }\n }\n }, _callee5, null, [[0, 6]]);\n }));\n\n return function (_x5) {\n return _ref5.apply(this, arguments);\n };\n }()\n );\n};\nexport var getElssStatment = function getElssStatment(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref6 = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee6(dispatch) {\n return _regeneratorRuntime.wrap(function _callee6$(_context6) {\n while (1) {\n switch (_context6.prev = _context6.next) {\n case 0:\n _context6.prev = 0;\n _context6.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/SaveElssReport\",\n params: params,\n method: \"GET\",\n showLoader: true\n }));\n\n case 3:\n return _context6.abrupt(\"return\", _context6.sent);\n\n case 6:\n _context6.prev = 6;\n _context6.t0 = _context6[\"catch\"](0);\n return _context6.abrupt(\"return\", {\n error: _context6.t0\n });\n\n case 9:\n case \"end\":\n return _context6.stop();\n }\n }\n }, _callee6, null, [[0, 6]]);\n }));\n\n return function (_x6) {\n return _ref6.apply(this, arguments);\n };\n }()\n );\n};\nexport var getcaptialgainStatment = function getcaptialgainStatment(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref7 = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee7(dispatch) {\n return _regeneratorRuntime.wrap(function _callee7$(_context7) {\n while (1) {\n switch (_context7.prev = _context7.next) {\n case 0:\n _context7.prev = 0;\n _context7.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/CapitalGainsByEmailID\",\n params: params,\n method: \"GET\",\n showLoader: true\n }));\n\n case 3:\n return _context7.abrupt(\"return\", _context7.sent);\n\n case 6:\n _context7.prev = 6;\n _context7.t0 = _context7[\"catch\"](0);\n return _context7.abrupt(\"return\", {\n error: _context7.t0\n });\n\n case 9:\n case \"end\":\n return _context7.stop();\n }\n }\n }, _callee7, null, [[0, 6]]);\n }));\n\n return function (_x7) {\n return _ref7.apply(this, arguments);\n };\n }()\n );\n};\nexport var getNetworthPortfolio = function getNetworthPortfolio(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref8 = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee8(dispatch) {\n return _regeneratorRuntime.wrap(function _callee8$(_context8) {\n while (1) {\n switch (_context8.prev = _context8.next) {\n case 0:\n _context8.prev = 0;\n _context8.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/Ktrack_NetWorthPortfolio\",\n params: params,\n method: \"GET\",\n showLoader: true\n }));\n\n case 3:\n return _context8.abrupt(\"return\", _context8.sent);\n\n case 6:\n _context8.prev = 6;\n _context8.t0 = _context8[\"catch\"](0);\n return _context8.abrupt(\"return\", {\n error: _context8.t0\n });\n\n case 9:\n case \"end\":\n return _context8.stop();\n }\n }\n }, _callee8, null, [[0, 6]]);\n }));\n\n return function (_x8) {\n return _ref8.apply(this, arguments);\n };\n }()\n );\n};\nexport var getMailBackRequestStatus = function getMailBackRequestStatus(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref9 = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee9(dispatch) {\n return _regeneratorRuntime.wrap(function _callee9$(_context9) {\n while (1) {\n switch (_context9.prev = _context9.next) {\n case 0:\n _context9.prev = 0;\n _context9.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/GetMailBackRequestStatus\",\n params: params,\n method: \"GET\",\n v: v\n }));\n\n case 3:\n return _context9.abrupt(\"return\", _context9.sent);\n\n case 6:\n _context9.prev = 6;\n _context9.t0 = _context9[\"catch\"](0);\n return _context9.abrupt(\"return\", {\n error: _context9.t0\n });\n\n case 9:\n case \"end\":\n return _context9.stop();\n }\n }\n }, _callee9, null, [[0, 6]]);\n }));\n\n return function (_x9) {\n return _ref9.apply(this, arguments);\n };\n }()\n );\n};","export const firstLetterCaptilize = text => {\r\n return text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();\r\n};\r\n\r\nexport const firstLetterOnlyCaptilize = text => {\r\n return text.charAt(0).toUpperCase() + text.slice(1);\r\n};\r\n\r\nexport const captalize = text => {\r\n return text.toUpperCase();\r\n};\r\n\r\nexport const formatDate = date => {\r\n return `${checkZero(date.getDate())}/${checkZero(\r\n date.getMonth() + 1\r\n )}/${date.getFullYear()}`;\r\n};\r\nconst checkZero = data => {\r\n return data.length == 1 ? `0${data}` : data;\r\n};\r\n","export const BUILD_URL = process.env.PUBLIC_URL;\r\n\r\nfunction AddingbuildURL(label) {\r\n return BUILD_URL + label;\r\n}\r\nexport const APP_LOGO = AddingbuildURL(\"/images/sundaram-logo.svg\");\r\nexport const second_app_logo = AddingbuildURL(\"/images/JMF_logo.jpg\");\r\n\r\n// Login IMAGES\r\n\r\nexport const carouselImage4 = AddingbuildURL(\"/images/su_gbf.jpg\");\r\nexport const carouselImage2 = AddingbuildURL(\"/images/su_bcf.jpg\");\r\nexport const carouselImage3 = AddingbuildURL(\"/images/su_sf.jpg\");\r\nexport const carouselImage1 = AddingbuildURL(\"/images/carousel_1.svg\");\r\nexport const carouselImage5 = AddingbuildURL(\"/images/JMF_latest_banner.jpg\");\r\nexport const carouselImage6 = AddingbuildURL(\"/images/JMF_MID_CAP.jpg\");\r\n\r\n// HOME ICONS\r\n\r\nexport const dashboardActive = AddingbuildURL(\r\n \"/images/jm_dashboard_active.svg\"\r\n);\r\nexport const investorsActive = AddingbuildURL(\"/images/jm_investor_active.svg\");\r\nexport const newTransactionActive = AddingbuildURL(\r\n \"/images/jm_new_transaction_active.svg\"\r\n);\r\nexport const navActive = AddingbuildURL(\"/images/jm_nav_active.svg\");\r\nexport const mailBackActive = AddingbuildURL(\r\n \"/images/jm_mailback_request_active.svg\"\r\n);\r\nexport const transactionHistoryActive = AddingbuildURL(\r\n \"/images/su_transaction_history_color.svg\"\r\n);\r\nexport const ekycActive = AddingbuildURL(\"/images/jm_ekyc_active.svg\");\r\nexport const earningsActive = AddingbuildURL(\r\n \"/images/jm_my_earnings_active.svg\"\r\n);\r\nexport const supportActive = AddingbuildURL(\"/images/customer-service.svg\");\r\nexport const settingsActive = AddingbuildURL(\"/images/settings_active.png\");\r\n\r\n//app-side-bar-inactive-images\r\n\r\nexport const dashboardInActive = AddingbuildURL(\r\n \"/images/jm_dashboard_inactive.svg\"\r\n);\r\nexport const investorsInActive = AddingbuildURL(\r\n \"/images/jm_investor_inactive.svg\"\r\n);\r\nexport const newTransactionInActive = AddingbuildURL(\r\n \"/images/jm_new_transaction_inactive.svg\"\r\n);\r\nexport const navInActive = AddingbuildURL(\"/images/jm_nav_inactive.svg\");\r\nexport const mailBackInActive = AddingbuildURL(\r\n \"/images/jm_mailback_request_inactive.svg\"\r\n);\r\nexport const transactionHistoryInActive = AddingbuildURL(\r\n \"/images/su_transaction_history.svg\"\r\n);\r\nexport const ekycInActive = AddingbuildURL(\"/images/jm_ekyc_inactive.svg\");\r\nexport const earningsInActive = AddingbuildURL(\r\n \"/images/jm_my-earnings_inactive.svg\"\r\n);\r\nexport const supportInActive = AddingbuildURL(\"/images/support.png\");\r\nexport const settingsInactive = AddingbuildURL(\"/images/su_settings.svg\");\r\n\r\nexport const LOGOUT_ICON = AddingbuildURL(\"/images/jm_logout_topnav.svg\");\r\n\r\n// MAILBACK ICONS\r\n\r\nexport const MailBackSoaIcon = AddingbuildURL(\"/images/jm_mailback_SOA.svg\");\r\nexport const CASIcon = AddingbuildURL(\r\n \"/images/jm_consolidated_account_statement.svg\"\r\n);\r\nexport const ELSSIcon = AddingbuildURL(\"/images/jm_ELSS_account_statement.svg\");\r\nexport const CANIcon = AddingbuildURL(\"/images/jm_CAN_based_acc_statement.svg\");\r\nexport const CGSIcon = AddingbuildURL(\"/images/jm_capital_gain_statement.svg\");\r\nexport const GASIcon = AddingbuildURL(\r\n \"/images/jm_grandfathering_account_statement.svg\"\r\n);\r\nexport const networthIcon = AddingbuildURL(\"/images/jm_networth_report.svg\");\r\nexport const mailbackRightarrow = AddingbuildURL(\r\n \"/images/arrow_right_grey.svg\"\r\n);\r\n\r\n// Loader ICON :\r\n\r\nexport const Loader_icon = AddingbuildURL(\"/images/JMF_logo.jpg\");\r\n\r\n// Transaction ICONS\r\n\r\nexport const NEW_PURCHASE_ICON = AddingbuildURL(\"/images/jm_new_purchase.svg\");\r\nexport const SIP_ICON = AddingbuildURL(\"/images/jm_SIP.svg\");\r\nexport const ADDITIONAL_PURCHASE_ICON = AddingbuildURL(\r\n \"/images/jm_additional_purchase.svg\"\r\n);\r\nexport const REDEMPTION_ICON = AddingbuildURL(\"/images/jm_redemption.svg\");\r\nexport const SWITCH_ICON = AddingbuildURL(\"/images/jm_switch.svg\");\r\nexport const STP_ICON = AddingbuildURL(\"/images/jm_stp.svg\");\r\nexport const SWP_ICON = AddingbuildURL(\"/images/jm_swp.svg\");\r\nexport const ENACH_ICON = AddingbuildURL(\"/images/nach.svg\");\r\nexport const SIP_PAUSE_ICON = AddingbuildURL(\"/images/jm_SIP_cancel.svg\");\r\n\r\n// eye icons\r\n\r\nexport const EYE_ICON = AddingbuildURL(\"/images/su_eye_icon_unhidden.svg\");\r\nexport const EYE_ICON_HIDDEN = AddingbuildURL(\"/images/su_eyeicon.svg\");\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 {\r\n userLogin,\r\n generateLoginOtp,\r\n validateLoginOtp,\r\n passwordPolicy_JMF,\r\n} from \"shared/store/actions\";\r\nimport { REQ_BY } from \"shared/store/types\";\r\nimport { DASHBOARD_URL } from \"../home/dashboard\";\r\nimport { BUILD_URL } from \"../home/home\";\r\n\r\nimport CustomLoader from \"../forms/customLoader\";\r\n\r\nimport { getProfileData } from \"shared/store/actions/profile\";\r\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../forms/appEssentials\";\r\nvar token1;\r\nvar token2;\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 otp: { value: \"\" },\r\n password: { value: \"\" },\r\n showPassword: false,\r\n PosterOpen: true,\r\n display: false,\r\n displayPassword: false,\r\n disabled: false,\r\n arncode: \"\",\r\n flag: \"\",\r\n MobileNo: \"\",\r\n email: \"\",\r\n };\r\n }\r\n\r\n changeValue = (label) => (event) => {\r\n if (event.target.value.length <= 30) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n };\r\n strongRegex = new RegExp(\r\n \"^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$\"\r\n );\r\n\r\n showError = (label) => async (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 if (!!this.state.password.value) {\r\n if (!this.strongRegex.test(this.state.password.value)) {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage:\r\n \"Password should be minimum 8 characters in length and should consist of at least One Capital alphabet, One Small alphabet, One Special Character and One numeric number\",\r\n },\r\n });\r\n }\r\n }\r\n };\r\n keyDown = (label) => (event) => {\r\n if (event.key === \"Enter\") {\r\n if (label === \"username\") {\r\n this.otpField.focus();\r\n } else if (label === \"otp\") {\r\n this.validateOtp();\r\n } else if (label === \"password\") {\r\n this.signIn();\r\n }\r\n event.preventDefault();\r\n }\r\n };\r\n signIn = async () => {\r\n const {\r\n showPassword,\r\n PosterOpen,\r\n display,\r\n disabled,\r\n MobileNo,\r\n otp,\r\n displayPassword,\r\n flag,\r\n arncode,\r\n email,\r\n nonce,\r\n OTPnonce,\r\n ...others\r\n } = this.state;\r\n const keys = Object.keys(others);\r\n const Noerrors = keys.every((key) => {\r\n return !!this.state[key].value;\r\n });\r\n if (!Noerrors) {\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 : 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 \"username\":\r\n this.usernameField.focus();\r\n break;\r\n case \"password\":\r\n this.passwordField.focus();\r\n break;\r\n }\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 params = {\r\n // Uid: this.state.username.value,\r\n // Password:this.state.password.value,\r\n // };\r\n // const responsedata = await this.props.passwordPolicy_JMF(params);\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 token:token2.token\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 (\r\n !!response &&\r\n !response.error &&\r\n !!response.DtData &&\r\n response.DtData.length > 0\r\n ) {\r\n const DtData = response.DtData;\r\n if (DtData[0].tran_enable_flag === \"N\") {\r\n this.props.history.push(DASHBOARD_URL);\r\n } else {\r\n this.props.history.push(`${process.env.PUBLIC_URL}/new-transaction`);\r\n }\r\n } else if (!response) {\r\n this.setState({\r\n display: false,\r\n\r\n password: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Incorrect Password\",\r\n },\r\n });\r\n }\r\n }\r\n };\r\n closePoster = () => {\r\n this.setState({\r\n PosterOpen: false,\r\n });\r\n };\r\n generateOtp = async () => {\r\n const userName = this.state.username.value;\r\n if (!!userName) {\r\n try {\r\n this.setState({ display: true });\r\n const payload = {\r\n Userid: encrypt(userName),\r\n };\r\n const response = await this.props.generateLoginOtp(payload);\r\n console.log(\"response\", response);\r\n token1 = response;\r\n } catch (e) {\r\n alert(e);\r\n } finally {\r\n this.setState({ display: false });\r\n }\r\n } else {\r\n this.setState({\r\n username: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"User ID is mandatory\",\r\n },\r\n });\r\n this.usernameField.focus();\r\n }\r\n };\r\n validateOtp = async () => {\r\n const otp = this.state.otp.value;\r\n if (!!otp) {\r\n try {\r\n const OTPnonce = Math.floor(100000 + Math.random() * 900000);\r\n this.setState({ display: true ,OTPnonce});\r\n const payload = {\r\n Otp: encrypt(otp),\r\n token: token1.token,\r\n OTPnonce:encrypt(OTPnonce)\r\n };\r\n const response = await this.props.validateLoginOtp(payload);\r\n if (!!response && !!response?.OTPnonce && String(response?.OTPnonce) !== String(this.state.OTPnonce)) {\r\n this.setState({\r\n display: false,\r\n username: { value: \"\" },\r\n password: { value: \"\" },\r\n otp : {value : \"\"}\r\n });\r\n alert(\"Unauthorized Request\");\r\n return;\r\n }\r\n if(!response.error){\r\n this.setState({ displayPassword: true, disabled: true });\r\n token2 = response;\r\n }\r\n } catch (e) {\r\n alert(e);\r\n } finally {\r\n this.setState({ display: false });\r\n }\r\n }\r\n };\r\n render() {\r\n const { username, password, otp } = 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 }) => {\r\n const { token, UserId, userLogout } = authReducer;\r\n return { token };\r\n },\r\n {\r\n userLogin,\r\n getProfileData,\r\n generateLoginOtp,\r\n validateLoginOtp,\r\n passwordPolicy_JMF,\r\n }\r\n)(Login);\r\n\r\nexport class Redtoolbar extends Component {\r\n render() {\r\n const features = [\r\n { name: \"Home\" },\r\n { name: \"About Us\" },\r\n { name: \"NAVs and Dividends\" },\r\n { name: \"Products\" },\r\n { name: \"Home\" },\r\n { name: \"Downloads\" },\r\n { name: \"Knowledge center\" },\r\n { name: \"Distributor Corner\" },\r\n { name: \"Transact Online\" },\r\n { name: \"Customer Services\" },\r\n ];\r\n return (\r\n \r\n \r\n If you have access to Kfintech common portal then request you to\r\n use the same credentials to Sign In\r\n \r\n\r\n \r\n \r\n Terms and Conditions*\r\n \r\n \r\n Support:\r\n \r\n distributorcare@jmfl.com\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 onKeyDown={this.keyDown(\"password\")}\r\n />\r\n \r\n this.props.history.push(BUILD_URL + \"/forgot-password\")\r\n }\r\n >\r\n Forgot Password?\r\n
\r\n \r\n )}\r\n {this.state.displayPassword ? (\r\n \r\n (this.usernameField = ele)}\r\n onKeyDown={this.keyDown(\"username\")}\r\n />\r\n\r\n \r\n this.props.history.push(BUILD_URL + \"/forgot-userid\")\r\n }\r\n >\r\n Forgot User ID?\r\n
\r\n\r\n SIGN IN
\r\n \r\n (this.otpField = ele)}\r\n onKeyDown={this.keyDown(\"otp\")}\r\n />\r\n
\r\n\r\n {this.state.displayPassword && (\r\n <>\r\n \r\n Don't have an account?{\" \"}\r\n \r\n this.props.history.push(BUILD_URL + \"/register\")\r\n }\r\n >\r\n SIGN UP\r\n \r\n
\r\n \r\n {features.map((ele, index) => (\r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction 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 { withStyles } from \"@material-ui/core/styles\";\r\nimport Signbutton, { DebtbuttonActive } from \"../forms/button\";\r\nimport { Input } from \"../forms/input\";\r\nimport { Debtbutton } from \"../forms/button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport MuiDialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport MuiDialogContent from \"@material-ui/core/DialogContent\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { connect } from \"react-redux\";\r\nimport { resetPassword } from \"shared/store/actions/profile\";\r\nimport { getMailBackRequestStatus } from \"shared/store/actions/mailback\";\r\nimport { REQ_BY } from \"shared/store/types\";\r\nimport { BUILD_URL } from \"./home\";\r\nimport { formatDate } from \"../forms/captalize\";\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport DateFnsUtils from \"@date-io/date-fns\";\r\n\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { userLogout } from \"shared/store/actions\";\r\nimport { CircularProgressbar } from \"react-circular-progressbar\";\r\nimport \"react-circular-progressbar/dist/styles.css\";\r\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../forms/appEssentials\";\r\nconst styles = (theme) => ({\r\n root: {\r\n margin: 0,\r\n padding: theme.spacing(2),\r\n },\r\n closeButton: {\r\n position: \"absolute\",\r\n right: theme.spacing(1),\r\n top: theme.spacing(1),\r\n color: theme.palette.grey[500],\r\n },\r\n});\r\n\r\nconst DialogTitle = withStyles(styles)((props) => {\r\n const { children, classes, onClose } = props;\r\n return (\r\n \r\n \r\n
\r\n ))}\r\n \r\n {ele.name}
\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 this.submit()}\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 ? EYE_ICON\r\n : EYE_ICON_HIDDEN\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
\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 class PosterDialog extends Component {\r\n render() {\r\n return (\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 go for KYC\"}\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 \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 ? \"Your request has been successfully submitted\"\r\n : \"Your request has been successfully submitted\"}\r\n \r\n {this.props.cas === true || this.props.Gas === true\r\n ? \"Investor will receive an email shortly.\"\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.nfoFunds === true ? (\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 The transaction for NFO has been initiated\r\n Successfully.\r\n
\r\n \r\n Link for {this.props.scheme} scheme is\r\n generated\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 \r\n ) : (\r\n \r\n Transaction Successful\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 \r\n number\r\n \r\n {this.props.refNo}\r\n \r\n .Your investor will receive an email for approval. You will also receive a copy of the same mail for your information and records.\r\n \r\n
\r\n \r\n The 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 {!!this.props.Transaction && (\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 ? `Successfully Cancelled ${this.props.componentName}`\r\n : this.props.componentName === \"Sip Pause\"\r\n ? `Successfully Sip Transaction has been paused`\r\n : `Transaction Successful`}\r\n
\r\n\r\n {this.props.type === \"STP\" || this.props.type === \"SWITCH\" ? (\r\n \r\n
\r\n ) : (\r\n \r\n The 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 .Your investor will receive an email for approval. You will also receive a copy of the same mail for your information and records.\r\n
\r\n \r\n {!!this.props.reqtype ? (\r\n
\r\n )}\r\n \r\n the transaction for{\" \"}\r\n {this.props.reqtype} with the IHNO : $\r\n {this.props.Nctihno} 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 The 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 email 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 the transaction for{\" \"}\r\n {this.props.componentName} with the\r\n Ihno {this.props.refNo.value} has been\r\n successful.\r\n
\r\n ) : this.props.componentName === \"Sip Pause\" ? (\r\n this.props.refNo.errorMessage\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n the 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.Transaction ? (\r\n \r\n
\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\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 \r\n \r\n eNACH Participating AMCs{\" \"}\r\n
\r\n \r\n \r\n Transaction Details\r\n
\r\n \r\n \r\n {!!data && !!data[0] ? data[0].Units : \"\"}\r\n
\r\n \r\n \r\n \r\n Units\r\n
\r\n \r\n \r\n Price (NAV)\r\n
\r\n \r\n \r\n {!!data && !!data[0] ? data[0].NavDate : \"\"}\r\n
\r\n \r\n \r\n \r\n Nav Date\r\n
\r\n \r\n \r\n Folio Number\r\n
\r\n \r\n
\r\n \r\n \r\n Transaction Completion\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Payment Confirmation
\r\n \r\n {!!data && !!data[0] ? data[0].PaymentDate : \"\"}\r\n
\r\n \r\n Via {!!data && !!data[0] ? data[0].MFPaymentMode : \"-\"}\r\n
\r\n \r\n \r\n
\r\n \r\n Units Allotment
\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 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 \"shared/store/types\";\r\nimport {\r\n searchInvestors,\r\n getInvestors,\r\n getInvestorDetails,\r\n checkKyc,\r\n} from \"shared/store/actions\";\r\nimport { KycNotDoneDialog } from \"./customModal\";\r\n\r\nexport const NEW_TRANSACTION_URL = `${process.env.PUBLIC_URL}/investors`;\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 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 this.setState({\r\n inputValue:\r\n this.state.radioValue === \"pan\"\r\n ? inputValue.toUpperCase()\r\n : this.state.radioValue === \"mobile\" && inputValue.length > 10\r\n ? this.state.inputValue\r\n : inputValue,\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)\",\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 parameters = {\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(parameters, true);\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({ errorMessage: \"Please enter valid PAN\" });\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 this.setState({\r\n errorMessage: \"\",\r\n });\r\n const params = {\r\n Uid: this.props.userId,\r\n ReqBy: REQ_BY,\r\n PAN:\r\n this.state.radioValue === \"pan\"\r\n ? this.state.inputValue.toUpperCase()\r\n : !!response &&\r\n !!response.Dtdata &&\r\n !!response.Dtdata[0] &&\r\n !!response.Dtdata[0].Pan\r\n ? response.Dtdata[0].Pan\r\n : this.state.inputValue,\r\n };\r\n\r\n const Investorresponse = await this.props.getInvestorDetails(\r\n params,\r\n true\r\n );\r\n\r\n if (!!Investorresponse && !Investorresponse.error) {\r\n // this.props.history.push({\r\n // pathname: process.env.PUBLIC_URL + \"/investors/transction-types\",\r\n // pan: this.state.radioValue === \"pan\"?this.state.inputValue: !!response &&\r\n // !!response.Dtdata &&\r\n // !!response.Dtdata[0] &&\r\n // !!response.Dtdata[0].Pan\r\n // ? response.Dtdata[0].Pan:\"\",\r\n // });\r\n }\r\n // else {\r\n // if (this.state.radioValue === \"pan\") {\r\n // const kycResponse = await this.props.checkKyc(\r\n // {\r\n // fund: \" \",\r\n // 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 // this.props.history.push({\r\n // pathname: NEW_TRANSACTION_URL + \"/transction-types\",\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 // } else {\r\n // alert(\"No Data Found\");\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 + `/new-investor/ekyc/${this.state.inputValue}`,\r\n });\r\n };\r\n\r\n render() {\r\n const { count } = this.props;\r\n\r\n return (\r\n Cancellation Reasons
\r\n {props.rejectionReasons.map((reason) => (\r\n\r\n
\r\n \r\n ))}\r\n {\r\n !!props.reasonMandatory && *Rejection reason is mandatory\r\n }\r\n \r\n Selected Reason: {props.selectedReason}
\r\n {props.selectedReason.includes(\"Others\") && (\r\n\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
\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
\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 {index === 0 && (\r\n \r\n {breadcrumbNameMap[to].title === \"New Purchase\"\r\n ? \"New Folio Purchase\"\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 React, { Component } from \"react\";\r\nimport Search from \"../searchComponent\";\r\nimport { ALL, FAVOURITE, RECENT } from \"shared/store/types\";\r\nimport TableData from \"../tableData\";\r\nimport { connect } from \"react-redux\";\r\nimport { getInvestors, storeType } from \"shared/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: ALL,\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: ALL\r\n });\r\n }\r\n\r\n selectTab = tabName => async () => {\r\n this.props.storeType(tabName);\r\n this.setState({\r\n activeTab: tabName,\r\n activeText:\r\n tabName === ALL ? \"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\r\n });\r\n };\r\n\r\n render() {\r\n const { activeTab } = this.state;\r\n return (\r\n \r\n {breadcrumbNameMap[to].title === \"New Purchase\"\r\n ? \"New Folio Purchase\"\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 }\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 Investors
\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 {this.props.active !== INVESTMENTS && !!upComingSipDetails.length\r\n ? upComingSipDetails.slice(0, this.props.count).map((sip, index) => (\r\n \r\n \r\n ))\r\n : this.props.active !== INVESTMENTS && (\r\n \r\n No Upcoming Sips\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\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 = [\"#AEC1E5\",\"#17469E\",\"#6390E4\",\"#35DFDF\"];\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 {investment.SchDesc} - {investment.plndesc}\r\n
\r\n \r\n
\r\n \r\n
\r\n Cost
\r\n \r\n
\r\n \r\n
\r\n Current Value
\r\n \r\n
\r\n \r\n
\r\n Gain
\r\n \r\n {investment.GainPercent}{\" \"}\r\n
\r\n \r\n
\r\n \r\n
\r\n Fund Name
\r\n \r\n {`${sip.schname}-${sip.plnname}`}\r\n
\r\n \r\n
\r\n\r\n \r\n Folio Number\r\n
\r\n \r\n {sip.accno}\r\n
\r\n \r\n
\r\n\r\n Sip Date
\r\n \r\n {sip.sipdt}\r\n
\r\n \r\n
\r\n\r\n \r\n Sip Start Date\r\n
\r\n \r\n {sip.sipstartdt}\r\n
\r\n \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\r\n Sip Amount
\r\n \r\n
\r\n \r\n
\r\n Status
\r\n \r\n {sip.Status}\r\n
\r\n \r\n {!!this.props.data && !this.props.name ? (\r\n
\r\n ))\r\n : \"\"}\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 {item.name\r\n .charAt(0)\r\n .toUpperCase()\r\n .concat(item.name.substring(1, item.name.length))}\r\n
\r\n {item.value} %
\r\n \r\n {!!this.props.data\r\n ? this.props.data.map((item, index) => (\r\n \r\n \r\n \r\n {!!item && !!item.name && this.props.name === \"Fund\"\r\n ? `${item.name.split(\"MUTUAL FUND\")[0]} MF`\r\n : !!item && !!item.name && this.props.name !== \"Fund\"\r\n ? item.name.toLowerCase()\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 );\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 ExpandLess from \"@material-ui/icons/ExpandLess\";\r\nimport ExpandMore from \"@material-ui/icons/ExpandMore\";\r\nimport {\r\n getInvestorDetails,\r\n favouriteInvestor,\r\n updateFavouriteInvestor,\r\n getUpComingSips,\r\n getInvestors,\r\n} from \"shared/store/actions\";\r\nimport {\r\n YES,\r\n TRUE,\r\n FALSE,\r\n INVESTMENTS,\r\n REQ_BY,\r\n UPCOMING_SIP,\r\n} from \"shared/store/types\";\r\nimport InvestmentTab from \"./investmentsTab\";\r\nimport Investments from \"./investments\";\r\nimport PieDiagram from \"../../home/dashboard/piechart\";\r\nimport { BUILD_URL } from \"../home\";\r\nimport CustomLoader from \"../../forms/customLoader\";\r\nimport { Debtbutton, DebtbuttonActive } from \"../../forms/button\";\r\n\r\nclass InvestorDetails extends Component {\r\n constructor(props) {\r\n super(props);\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 await this.props.getInvestors({\r\n ARN: this.props.token,\r\n AllFavFlag: \"A\",\r\n });\r\n const { location,investorData } = this.props;\r\n const { state } = location;\r\n const params = { PAN: state || investorData.PAN, Uid: this.props.userId, ReqBy: REQ_BY };\r\n const response = await this.props.getInvestorDetails(params);\r\n\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 };\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\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\r\n if(!!response && !!response.Dtinformation && !!response.Dtinformation[0] && !!response.Dtinformation[0].Error_Message){\r\n\r\n alert(`${response.Dtinformation[0].Error_Message}`)\r\n await this.props.updateFavouriteInvestor({ InvPan, FavFlag });\r\n await this.props.getInvestors({\r\n ARN: this.props.token,\r\n AllFavFlag: \"A\",\r\n });\r\n }else if(!!response && !!response.error) {\r\n alert(`${response.error}`)\r\n await this.props.updateFavouriteInvestor({ InvPan, FavFlag });\r\n await this.props.getInvestors({\r\n ARN: this.props.token,\r\n AllFavFlag: \"A\",\r\n });\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 investors,\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 const { isLoading, noData } = this.state;\r\n\r\n\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n 
*/}\r\n
\r\n \r\n \r\n
\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 {this.state.errorMessage}\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 {investorData.invname}\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 {!!detailsMobile && !!detailsMobile.Mobile\r\n ? detailsMobile.Mobile\r\n : \"\"}\r\n
\r\n \r\n ele.Pan === investorData.PAN && !!ele.Favorite && ele.Favorite===\"T\")\r\n ? \"investors-details-fav-button-div mouse-pointer button-highlight\"\r\n : \"investors-details-fav-button-div mouse-pointer\"\r\n }\r\n onClick={this.favourite}\r\n >\r\n
\r\n {!!investors && investors.find((ele)=>ele.Pan === investorData.PAN && !!ele.Favorite && ele.Favorite===\"T\")?\"Favourite Investor\":\"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 Cost\r\n
\r\n \r\n\r\n {!!this.props.investorTotal &&\r\n !!this.props.investorTotal.CostValue\r\n ?
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Investment Value\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 Gain\r\n
\r\n \r\n\r\n ₹{!!this.props.investorTotal &&\r\n !!this.props.investorTotal.GainVal\r\n ? this.props.investorTotal.GainVal\r\n : \"--NA--\"}\r\n\r\n
\r\n \r\n
\r\n \r\n Today's Gain\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 \r\n \r\n this.props.history.push({\r\n pathname:\r\n BUILD_URL +\r\n \"/new-transaction/transction-types\",\r\n state: {\r\n investorData: investorData,\r\n },\r\n })\r\n }\r\n display={!!investorData.PAN &&\r\n investorData.PAN.charAt(3).toUpperCase() === \"P\"\r\n ? \"block\"\r\n : \"none\"}\r\n buttontitle={\"Initiate Investment\"}\r\n width={150}\r\n />\r\n \r\n this.props.history.push({\r\n pathname:\r\n BUILD_URL +\r\n \"/mailBackRequest/investor\",\r\n state: {\r\n investorData: investorData,\r\n },\r\n })\r\n }\r\n buttontitle={\"Send Reports\"}\r\n width={150}\r\n />\r\n
\r\n \r\n
\r\n {(upComingSipDetails.length > 3 &&\r\n this.state.active === UPCOMING_SIP) ||\r\n (this.state.active === INVESTMENTS &&\r\n investments.length > 3) ? (\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n Asset Allocation\r\n
\r\n \r\n
\r\n No Investor PAN found. Please submit investor PAN.
\r\n )}\r\n \r\n ) : (\r\n \r\n {state.title === \"SIP\" ? \"SIP Registration\" : 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\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 {(!!this.props.mainLabel || !!this.props.subLabel) && (\r\n \r\n {this.props.subLabel}\r\n
\r\n \r\n )}\r\n {(!!this.props.mainLabel1 || !!this.props.subLabel2) && (\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 {(!!this.props.mainLabel || !!this.props.subLabel) && (\r\n \r\n {this.props.subLabel}\r\n
\r\n \r\n )}\r\n \r\n );\r\n }\r\n}\r\n// const investorData = { ...this.props.investorData, Email, Mobile };\r\n// const Xmobile = (communicationDetails.reverse() || []).find(\r\n// (detail) => (detail.PAN === investorData.PAN) && !!detail.Mobile\r\n// );\r\n// const Xemail = (communicationDetails.reverse() || []).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","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 EXISTING,\r\n NEW,\r\n REGULAR,\r\n PURCHASE,\r\n NO,\r\n ALL,\r\n ADDITIONAL_PURCHASE,\r\n} from \"shared/store/types\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport { Checkbox } from \"@material-ui/core\";\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 validateSubBroker,\r\n getAssetClasses,\r\n getOtherSchemes,\r\n submitPurchaseData,\r\n showPurchaseConfirmation,\r\n} from \"shared/store/actions\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport { NEW_TRANSACTION_URL } from \".\";\r\nimport { SundaramMutualFund } from \"./newPurchaseForm\";\r\nimport { INVESTOR_URL } from \"../investors\";\r\nclass AdditionalPurchase extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n fund: { value: { value: \"117\" } },\r\n folios: [],\r\n folio: { value: \"\" },\r\n minAmount: \"\",\r\n schemes: [],\r\n schemeType: EXISTING,\r\n combo: { flag: \"\", disclamier: \"\", label: \"\" },\r\n isCombo: false,\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 bank: { value: \"\" },\r\n categories: [],\r\n banks: [],\r\n amount: { value: \"\" },\r\n showSmart: false,\r\n smart: { flag: \"yes\" },\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 schemeType: EXISTING,\r\n subArnCode: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n euinNo: { value: \"\" },\r\n category: { value: \"\" },\r\n // bank: { value: \"\" },\r\n radioValue: { value: \"no\" },\r\n showSmart: false,\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 fund = value.value;\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (curr.pFlag === 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 schemes: [],\r\n scheme: { value: \"\" },\r\n schemeType: EXISTING,\r\n subArnCode: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n euinNo: { value: \"\" },\r\n category: { value: \"\" },\r\n // bank: { value: \"\" },\r\n radioValue: { value: \"no\" },\r\n showSmart: false,\r\n amount: { 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 this.getFolios();\r\n }\r\n\r\n getFolios = () => {\r\n const fund = \"105\";\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (curr.pFlag === YES && curr.Fund.trim() === 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: { value: \"105\" } },\r\n folios: Array.from(new Set(folios)),\r\n folio: { value: \"\" },\r\n schemes: [],\r\n scheme: { value: \"\" },\r\n schemeType: EXISTING,\r\n subArnCode: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n euinNo: { value: \"\" },\r\n category: { value: \"\" },\r\n radioValue: { value: \"no\" },\r\n amount: { value: \"\" },\r\n });\r\n this.validateBrokerCode(fund)();\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: \"105\",\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) {\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 schemeType: EXISTING,\r\n banks: [],\r\n scheme: { value: \"\" },\r\n // bank: { value: \"\" },\r\n subArnCode: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n euinNo: { value: \"\" },\r\n category: { value: \"\" },\r\n radioValue: { value: \"no\" },\r\n amount: { value: \"\" },\r\n showSmart: false,\r\n });\r\n return;\r\n } else if (value.value === this.state.folio.value.value) {\r\n return;\r\n } else {\r\n const folio = value.value;\r\n const schemes = this.schemes(folio);\r\n // const banks = this.props.bankDetails.filter(\r\n // (item) => item.foliono === folio\r\n // );\r\n this.setState({\r\n folio: { value },\r\n schemes,\r\n schemeType: EXISTING,\r\n // banks,\r\n showSmart: false,\r\n // bank: { value: \"\" },\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) => (event) => {\r\n if (label === \"amount\" && event.target.value.length <= 10) {\r\n this.setState({\r\n [label]: { value: event.target.value.replace(/^0+/, \"\") },\r\n });\r\n } else if (label === \"subArnCode\" || label === \"subBrokerCode\") {\r\n if (/^\\d{0,15}$/.test(event.target.value)) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a valid number\",\r\n },\r\n });\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 !== \"amount\" &&\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 getAssetClasses = async () => {\r\n const params = {\r\n Fund: \"105\",\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 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: \"105\",\r\n trantype: PURCHASE,\r\n };\r\n const otherSchemes = await this.props.getOtherSchemes(params);\r\n if (otherSchemes) {\r\n this.setState({\r\n schemes: otherSchemes.DtData,\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.pSchFlg === YES &&\r\n curr.Fund.trim() === \"105\" &&\r\n curr.Acno === folio\r\n ) {\r\n return [...prev, curr];\r\n }\r\n return prev;\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 scheme: { value: \"\" },\r\n showSmart: false,\r\n });\r\n } else {\r\n this.setState({\r\n category: { value: \"\" },\r\n scheme: { value: \"\" },\r\n showSmart: false,\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 === \"amount\") {\r\n if (this.state.amount.value === \"\") {\r\n console.log(\"hello\");\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 } else if (parseFloat(this.state.minAmount) > parseFloat(this.state.amount.value)) {\r\n console.log(\"hello\");\r\n this.setState({\r\n amount: {\r\n value,\r\n isError: true,\r\n errorMessage: `Minimum amount is ₹${this.state.minAmount} `,\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 changeSchemeType = (value) => () => {\r\n if (value === this.state.schemeType) {\r\n return;\r\n }\r\n if (value === EXISTING) {\r\n const schemes = this.schemes(this.state.folio.value.value);\r\n this.setState({\r\n schemeType: value,\r\n schemes,\r\n category: { value: \"\" },\r\n scheme: { value: \"\" },\r\n amount: { value: \"\" },\r\n showSmart: false,\r\n });\r\n } else {\r\n this.setState({\r\n schemeType: value,\r\n scheme: { value: \"\" },\r\n category: { value: \"\" },\r\n amount: { value: \"\" },\r\n showSmart: false,\r\n });\r\n if (!!this.state.fund.value && !!this.state.folio.value) {\r\n this.getAssetClasses();\r\n this.getOtherSchemes();\r\n }\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 scheme: { value: \"\" },\r\n // bank: { value: \"\" },\r\n subArnCode: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n euinNo: { value: \"\" },\r\n\r\n radioValue: { value: \"no\" },\r\n amount: { value: \"\" },\r\n showSmart: false,\r\n });\r\n return;\r\n } else if (\r\n !!value &&\r\n !!this.state.scheme.value &&\r\n value.value === this.state.scheme.value.value\r\n ) {\r\n return;\r\n } else {\r\n const scheme = value.value;\r\n const checkCombo =\r\n !!scheme && !!scheme.combo_flag && scheme.combo_flag === \"Y\";\r\n this.setState({\r\n scheme: { value },\r\n minAmount: scheme.MinAmt || scheme.fm_newpur,\r\n amount: { value: \"\" },\r\n isCombo: !!checkCombo ? true : false,\r\n combo: {\r\n flag: !!checkCombo ? \"Y\" : \"N\",\r\n disclamier: scheme.combo_disclaimer,\r\n label: scheme.combo_lable,\r\n },\r\n // bank: { value: \"\" },\r\n subArnCode: { value: \"\" },\r\n subBrokerCode: { value: \"\" },\r\n euinNo: { value: \"\" },\r\n showSmart: false,\r\n radioValue: { value: \"no\" },\r\n });\r\n }\r\n };\r\n\r\n changeSmart = (event) => {\r\n this.setState({\r\n smart: { flag: event.target.value },\r\n });\r\n };\r\n\r\n submit = async () => {\r\n const {\r\n funds,\r\n categories,\r\n smart,\r\n showSmart,\r\n schemes,\r\n folios,\r\n banks,\r\n arnCode,\r\n subArnCode,\r\n subBrokerCode,\r\n radioValue,\r\n euinNo,\r\n minAmount,\r\n schemeType,\r\n category,\r\n bank,\r\n isCombo,\r\n combo,\r\n fund,\r\n ...others\r\n } = this.state;\r\n\r\n const keys = Object.keys(others);\r\n\r\n if (this.state.schemeType === NEW && 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 (\r\n this.state.euinNo.value === \"\" &&\r\n this.state.radioValue.value === \"no\"\r\n ) {\r\n this.setState({\r\n euinNo: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"EUIN Declaration is Mandatory*\",\r\n },\r\n });\r\n }\r\n const findError = keys.every((key) => !!others[key].value);\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 === \"category\"\r\n ? \"Category\"\r\n : key === \"folio\"\r\n ? \"Folio\"\r\n : key === \"scheme\"\r\n ? \"Scheme\"\r\n : key === \"amount\"\r\n ? \"Investment 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 \"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 (schemeType === NEW && !category.value) {\r\n this.setState({\r\n category: { ...category, isError: true },\r\n });\r\n this.categoryField.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.amount.value &&\r\n parseFloat(minAmount) > parseFloat(others.amount.value)\r\n ) {\r\n this.setState({\r\n amount: {\r\n ...others[\"amount\"],\r\n isError: true,\r\n errorMessage: `Minimum amount is ₹${minAmount}`,\r\n },\r\n });\r\n this.amountField.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 {\r\n const { communicationDetails, investorData } = this.props;\r\n const Xmobile = communicationDetails.find(\r\n (detail) =>\r\n detail.Fund === this.state.fund.value.value &&\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.Fund === this.state.fund.value.value &&\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 const params = {\r\n InvestorName: investorData.invname,\r\n i_entby: this.props.userId,\r\n trtype: PURCHASE,\r\n Desci: \"Yes~P~\",\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: Mobile,\r\n PanNo: investorData.PAN,\r\n Email: Email,\r\n i_Acno: this.state.folio.value.value,\r\n\r\n Subbroker: this.state.subBrokerCode.value,\r\n i_Fund: \"105\",\r\n i_UntAmtValue: this.state.amount.value,\r\n EUINFlag: this.state.radioValue.value === \"no\" ? NO : YES,\r\n EuinValid: this.state.radioValue.value === \"no\" ? NO : YES,\r\n // Bankid: `${this.state.bank.value.bnkcode}~${this.state.bank.value.bnkactype}~${this.state.bank.value.bnkacno}`,\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: \"P\",\r\n ModuleName: \"Webile\",\r\n };\r\n\r\n const response = await this.props.submitPurchaseData(params);\r\n if (!!response && !response.error) {\r\n const {\r\n DtData: [purchaseData],\r\n } = response;\r\n const confirmationParams = {\r\n Trtype: PURCHASE,\r\n fund: \"105\",\r\n Refno: purchaseData.refno,\r\n ModuleName: \"Webile\",\r\n };\r\n const confirmationResponse = await this.props.showPurchaseConfirmation(\r\n confirmationParams\r\n );\r\n\r\n if (!!confirmationResponse && !confirmationResponse.error) {\r\n this.props.history.push({\r\n pathname:\r\n INVESTOR_URL + \"/transction-types/additional-purchase/confirm\",\r\n state: {\r\n title: \"ADDITIONAL PURCHASE SUMMARY\",\r\n type: ADDITIONAL_PURCHASE,\r\n scheme: { Fund: this.state.fund.value.value },\r\n ARNCode: this.state.arnCode.value.split(\"-\")[1],\r\n Folio: this.state.folio.value,\r\n folio: this.state.folio.value,\r\n methodType: this.state.schemeType,\r\n },\r\n });\r\n } else if (!!confirmationResponse && !!confirmationResponse.error) {\r\n alert(`${confirmationResponse.error}`);\r\n }\r\n } else if (!!response && !!response.error) {\r\n alert(`${response.error}`);\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 {\r\n fund,\r\n funds = [],\r\n folio,\r\n folios = [],\r\n schemeType,\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 combo,\r\n isCombo,\r\n // bank,\r\n banks,\r\n amount,\r\n smart,\r\n showSmart,\r\n } = this.state;\r\n const { euinList } = this.props;\r\n return (\r\n \r\n \r\n {this.props.mainLabel}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n )} */}\r\n {/* Additional Purchase
\r\n {/* \r\n
*/}\r\n AMC
\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 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 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 \r\n \r\n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n value={subArnCode.value}\r\n isShowError={subArnCode.isError}\r\n errorMessage={subArnCode.errorMessage}\r\n onBlur={this.validateBrokerCode(\r\n fund.value ? fund.value.value.Fund : \"\"\r\n )}\r\n onChange={this.changeValue(\"subArnCode\")}\r\n inputref={(ele) => (this.subArnField = ele)}\r\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\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 isShowError={subBrokerCode.isError}\r\n errorMessage={subBrokerCode.errorMessage}\r\n value={subBrokerCode.value}\r\n onChange={this.changeValue(\"subBrokerCode\")}\r\n inputref={(ele) => (this.subBrokerField = ele)}\r\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\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=\"Choose 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 Declaration box has been\r\n intentionally left the blank by me/us as this is an 'execution-only'\r\n transaction without any interaction or advice by any personnel of\r\n the above distributor or notwithstanding the advice of\r\n in-appropriateness,if any provided by any personnel of the\r\n distributor and the distributor has not charged any advisory fees on\r\n this transaction\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.showError(\"amount\")}\r\n onChange={this.changeValue(\"amount\")}\r\n inputref={(ele) => (this.amountField = ele)}\r\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\r\n isShowError={amount.isError}\r\n errorMessage={amount.errorMessage}\r\n />\r\n
\r\n {/* {!!showSmart && (\r\n \r\n \r\n Your investor is eligible for a SMART facility\r\n
\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 }\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 } = 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 };\r\n },\r\n {\r\n validateSubBroker,\r\n getAssetClasses,\r\n getOtherSchemes,\r\n submitPurchaseData,\r\n showPurchaseConfirmation,\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 \"shared/store/types\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport {\r\n getBankDetails,\r\n getRedemptionPaymentDetails,\r\n} from \"shared/store/actions/transactions\";\r\nimport moment from \"moment\";\r\n\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\n\r\nimport { INVESTOR_URL } from \"../investors\";\r\n\r\nclass Redemption extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n // funds,\r\n fund: { value: { value: \"105\" } },\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\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\r\n async componentDidMount() {\r\n window.scrollTo({\r\n behavior: \"smooth\",\r\n top: 0,\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() === \"105\") {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n this.setState({\r\n fund: { value: { value: \"105\" } },\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: \"105\",\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 === 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 const scheme = !!value ? value.value : \"\";\r\n\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 this.state.redemptionMode === AMOUNT &&\r\n this.state.scheme.value.value.RedMinAmt > this.state.amount.value\r\n ? \"\"\r\n : this.state.redemptionMode === AMOUNT &&\r\n this.state.amount.value >\r\n parseFloat(\r\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\r\n )\r\n ? \"\"\r\n : this.state.redemptionMode === UNITS &&\r\n this.state.scheme.value.value.BalUnits <\r\n this.state.amount.value\r\n ? \"\"\r\n : this.state.amount.value,\r\n isError:\r\n this.state.redemptionMode === AMOUNT &&\r\n this.state.scheme.value.value.RedMinAmt > this.state.amount.value\r\n ? true\r\n : this.state.redemptionMode === AMOUNT &&\r\n this.state.amount.value >\r\n parseFloat(\r\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\r\n )\r\n ? true\r\n : this.state.redemptionMode === UNITS &&\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.RedMinAmt > this.state.amount.value\r\n ? `Minimum amount is ₹ ${this.state.scheme.value.value.RedMinAmt} `\r\n : this.state.redemptionMode === AMOUNT &&\r\n parseFloat(this.state.amount.value) >\r\n parseFloat(\r\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\r\n )\r\n ? `Maximum amount you can redeem is ₹ ${this.state.scheme.value.value.CurValue} `\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 const { redemptionMode, redemptionType } = this.state;\r\n if (event.target.value.length <= 10) {\r\n if (redemptionMode === UNITS && redemptionType === PARTIAL) {\r\n if (\r\n /^[0-9]*$/.test(event.target.value) ||\r\n /[-+]?[0-9]*(\\.[0-9]{0,3}$)/.test(event.target.value)\r\n ) {\r\n this.setState({\r\n amount: { value: event.target.value },\r\n });\r\n }\r\n } else {\r\n this.setState({\r\n amount: { value: event.target.value.replace(/^0+/, \"\") },\r\n });\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 amount: { value: \"\" },\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 fund,\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.RedMinAmt > 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.RedMinAmt} `,\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: `You dont have enough points to redeem`,\r\n },\r\n });\r\n } else if (parseInt(this.state.amount.value) < 2) {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Invalid Redemption Value`,\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 this.amountField.focus();\r\n return;\r\n } else {\r\n const params = {\r\n amount: redemptionMode === AMOUNT ? others.amount.value : \"0\",\r\n Fund: \"105\",\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: 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.history.push({\r\n pathname: INVESTOR_URL + \"/transction-types/redemption/confirm\",\r\n state: {\r\n title: \"Redemption Payment 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 const checkMultiBrokerFlag =\r\n !!this.state.scheme &&\r\n !!this.state.scheme.value &&\r\n !!this.state.scheme.value.value &&\r\n !!this.state.scheme.value.value.multibrokflg &&\r\n this.state.scheme.value.value.multibrokflg === \"Y\";\r\n\r\n return (\r\n \r\n \r\n {\" \"}\r\n Note: This folio has multiple distributors. Hence, the balance units\r\n and current value will not be displayed. In case of full redemption,\r\n all the units in the investor's portfolio will be redeemed.\r\n
\r\n )}\r\n\r\n Redemption
\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.handleFolioChange}\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 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 {!!checkMultiBrokerFlag && (\r\n \r\n {!checkMultiBrokerFlag &&
\r\n Balance Units
}\r\n {!checkMultiBrokerFlag && Current Value
}\r\n \r\n NAV as on {!!scheme.value ? scheme.value.value.LastNavDate : \"\"}\r\n
\r\n Minimum Amount
\r\n \r\n {!checkMultiBrokerFlag && (\r\n
\r\n {!!scheme.value ? scheme.value.value.BalUnits : \"\"}
\r\n )}\r\n {!checkMultiBrokerFlag && (\r\n \r\n {!!scheme.value ? `₹ ${scheme.value.value.CurValue}` : \"\"}\r\n
\r\n )}\r\n {!!scheme.value ? scheme.value.value.LastNAV : \"\"}
\r\n \r\n {!!scheme.value ? `₹ ${scheme.value.value.RedMinAmt}` : \"₹\"}\r\n
\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.preventDefault()\r\n }\r\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\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 }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\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\r\n return {\r\n fundList,\r\n token,\r\n userId,\r\n bankDetails,\r\n investorData,\r\n communicationDetails,\r\n };\r\n },\r\n { getBankDetails, getRedemptionPaymentDetails }\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} from \"shared/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 \"shared/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 { SundaramMutualFund } from \"./newPurchaseForm\";\r\nimport { INVESTOR_URL } from \"../investors\";\r\nclass switchComponent extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n const { switchDetails } = this.props;\r\n\r\n this.state = {\r\n fund: { value: { value: \"105\" } },\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 (!!value && !!this.state.fund && value.value === \"105\") {\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 async componentDidMount() {\r\n window.scrollTo({\r\n behavior: \"smooth\",\r\n top: 0,\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() === \"105\" && 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: \"105\" } },\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(\"117\")();\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: \"105\",\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) {\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.trim() === \"105\" &&\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: \"105\",\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: \"105\",\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 if (!value) {\r\n this.setState({\r\n switchInScheme: { value },\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 ? `Minimum 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!`\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 const {\r\n funds,\r\n fund,\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 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 }\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 ? \"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 (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 (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 this.amountField.focus();\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 dont have enough amount to Switch plan`,\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 dont have enough Units to Switch plan`,\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: { value: \"\", isError: true, errorMessage: `Choose EUIN` },\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: \"105\",\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.history.push({\r\n pathname: INVESTOR_URL + \"/transction-types/switch/confirm\",\r\n state: {\r\n title: \"Switch Payment 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: \"105\",\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 const checkMultiBrokerFlag =\r\n !!this.state.scheme &&\r\n !!this.state.scheme.value &&\r\n !!this.state.scheme.value.value &&\r\n !!this.state.scheme.value.value.multibrokflg &&\r\n this.state.scheme.value.value.multibrokflg === \"Y\";\r\n return (\r\n \r\n \r\n {\" \"}\r\n Note: This folio has multiple distributors. Hence, the balance units\r\n and current value will not be displayed.\r\n
\r\n )}\r\n Switch
\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.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 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 Switch out Scheme*
\r\n \r\n
\r\n {!!checkMultiBrokerFlag && (\r\n \r\n {!checkMultiBrokerFlag &&
\r\n Balance Units
}\r\n {!checkMultiBrokerFlag && Current Value
}\r\n NAV as on Date
\r\n Minimum Amount (INR)
\r\n \r\n {!checkMultiBrokerFlag && (\r\n
\r\n \r\n {!!scheme && !!scheme.value ? scheme.value.value.BalUnits : \"\"}\r\n
\r\n )}\r\n {!checkMultiBrokerFlag && (\r\n \r\n {!!scheme && !!scheme.value\r\n ? `₹${scheme.value.value.CurValue}`\r\n : \"\"}\r\n
\r\n )}\r\n \r\n {!!scheme && !!scheme.value ? scheme.value.value.LastNAV : \"\"}\r\n
\r\n \r\n {!!scheme && !!scheme.value\r\n ? `₹${scheme.value.value.MinAmt}`\r\n : \"\"}\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 Switch in Scheme\"\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 Switch in Scheme*
\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=\"rgba(0, 0, 0, 0.5)\"\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=\"rgba(0, 0, 0, 0.5)\"\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=\"Choose EUIN\"\r\n inputRef={(ele) => (this.euinField = ele)}\r\n isError={euinNo.isError}\r\n errorMessage={switchInScheme.errorMessage}\r\n />\r\n
\r\n ) : (\r\n \r\n I/We hereby confirm that the EUIN Declaration box has been\r\n intentionally left the blank by me/us as this is an 'execution-only'\r\n transaction without any interaction or advice by any personnel of\r\n the above distributor or notwithstanding the advice of\r\n in-appropriateness,if any provided by any personnel of the\r\n distributor and the distributor has not charged any advisory fees on\r\n 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\nexport default connect(\r\n ({ authReducer, transactions }) => {\r\n const { fundList, token, userId, investorData, communicationDetails } =\r\n authReducer;\r\n const { euinList, switchDetails = {} } = 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 };\r\n },\r\n {\r\n validateSubBroker,\r\n getNewPurchaseFundList,\r\n getOtherSchemes,\r\n setSwitchDetails,\r\n getAssetClasses,\r\n getRedemptionPaymentDetails,\r\n }\r\n)(switchComponent);\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 {\r\n EXISTING,\r\n EXISTINGP,\r\n NEW,\r\n NEWP,\r\n YES,\r\n PAYMENT_MODE,\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} from \"shared/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 { Checkbox } from \"@material-ui/core\";\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 getCheckPanKotm,\r\n getCheckPanAotm,\r\n} from \"shared/store/actions\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport { INVESTOR_URL } from \"../investors\";\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 perpetualSip: false,\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 modes: [],\r\n minAmount: \"\",\r\n minimumInstallemnts: \"0\",\r\n code: { value: \"+91\" },\r\n kotm: false,\r\n selectedKotm: { value: \"\" },\r\n umrn: [],\r\n\r\n};\r\nclass Sip extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { sipDetails, location, fundList } = this.props;\r\n const { state } = location;\r\n const checkExisting =\r\n !!fundList && fundList.find((ele) => ele.Fund === \"105\" && !!ele.Acno);\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: \"\" },\r\n fund: { value: \"\" },\r\n funds: [],\r\n folio: { value: \"\" },\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 modes: [],\r\n mode: { value: \"\" },\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 Family_Code_Email: { value: \"\" },\r\n Family_Code_Phone: { value: \"\" },\r\n ...sipDetails,\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 }\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 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: { value: this?.state?.selectedKotm?.value[\"MANDATE END DATE\"] },\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 getUMRN = async (pass) => {\r\n const params = {\r\n Fund: \"105\",\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 = (pass === \"KOTM\") ? await this.props.getCheckPanKotm(params): await this.props.getCheckPanAotm(params) ;\r\n const umrn = await response.Table1;\r\n if (umrn.length > 1) {\r\n const maxAmt = umrn.reduce((max, obj) => (obj.Amt > max ? obj.Amt : max), 0);\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 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: `Please enter a valid Sub ARN Code`,\r\n },\r\n });\r\n } else {\r\n const params = {\r\n Fund: \"105\",\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) {\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\r\n handleFolioChange = (value) => {\r\n const folio = !!value ? value.value : \"\";\r\n const { funds, fund, folios, modes, mode } = this.state;\r\n const state = { funds, fund, folios, modes, mode };\r\n if (!value) {\r\n this.setState({\r\n ...initialState,\r\n ...state,\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 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) => (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 === \"code\") {\r\n if (!/^[+]\\d{1,3}/.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 Country Code\",\r\n },\r\n });\r\n } else {\r\n this.setState({ [label]: { value: event.target.value } });\r\n }\r\n }\r\n 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 } else if (!event.target.value) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: !!event.target.value\r\n ? \"*No. of installments 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\" && event.target.value.length <= 10) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (label === \"subArnCode\" || label === \"subBrokerCode\") {\r\n if (/^\\d{0,15}$/.test(event.target.value)) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n return;\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a valid number\",\r\n },\r\n });\r\n return;\r\n }\r\n } else if (label === \"invName\") {\r\n if (/^[A-Za-z ]{0,50}$/.test(event.target.value)) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (\r\n !/^[A-Za-z ]{0,50}$/.test(event.target.value) &&\r\n !!event.target.value\r\n ) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Enter a valid name`,\r\n },\r\n });\r\n return;\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 }\r\n 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 selectedKotm: { value: \"\" },\r\n },\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\") {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (\r\n label !== \"installmentAmount\" &&\r\n label !== \"invName\" &&\r\n label !== \"subArnCode\" &&\r\n label !== \"mode\" &&\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: \"105\",\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: \"105\",\r\n trantype: SIP_TRANS_TYPE,\r\n };\r\n\r\n const otherSchemes = await this.props.getOtherSchemes(params);\r\n const FundName = \"105\";\r\n\r\n if (otherSchemes) {\r\n this.setState({\r\n schemes: otherSchemes.DtData,\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() === \"178\") &&\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() !== \"178\")\r\n ? \"No Schemes under this fund\"\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.sipType.value === EXISTINGP\r\n ) {\r\n return this.props.fundList.reduce((prev, curr) => {\r\n if (\r\n parseFloat(curr.Fund) === 105 &&\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, modes, mode, folio, categories } = this.state;\r\n const state = {\r\n funds,\r\n fund,\r\n folios,\r\n modes,\r\n mode,\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 });\r\n return;\r\n }\r\n this.setState({\r\n ...initialState,\r\n ...state,\r\n category: { value: category },\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, location } = this.props;\r\n const { state } = location;\r\n\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 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 };\r\n\r\n if (!sipType) {\r\n this.setState({\r\n ...state,\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 params = {\r\n opt: PAYMENT_MODE,\r\n Fund: \"105\",\r\n astscheme:\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 };\r\n\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (parseFloat(curr.Fund) === 105 && curr.sipFlag === YES) {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n\r\n this.setState({\r\n ...Setstate,\r\n sipType: { value: sipType },\r\n funds: [],\r\n fund: { value: { value: \"105\" } },\r\n folios: Array.from(new Set(folios)),\r\n folio: { value: \"\" },\r\n });\r\n if (!!sipType) {\r\n this.validateBrokerCode(\"105\")();\r\n }\r\n if (sipType === NEW || sipType === NEWP) {\r\n this.getAssetClasses(\"105\");\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 changeSchemeType = (value) => () => {\r\n const { funds, fund, folios, modes, mode, folio } = this.state;\r\n const state = {\r\n funds,\r\n fund,\r\n folios,\r\n modes,\r\n mode,\r\n folio,\r\n };\r\n if (value === this.state.schemeType) {\r\n return;\r\n }\r\n if (value === EXISTING && !!this.state.fund.value) {\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 });\r\n } else {\r\n this.setState({\r\n ...initialState,\r\n minAmountValue: { value: \"\" },\r\n ...state,\r\n schemeType: value,\r\n });\r\n if (!!this.state.fund.value && !!this.state.folio.value) {\r\n this.getAssetClasses(\r\n this.state.sipType.value === NEW\r\n ? this.state.fund.value.value.amc_code\r\n : this.state.fund.value.value.Fund,\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\r\n const {\r\n funds,\r\n fund,\r\n folios,\r\n modes,\r\n mode,\r\n folio,\r\n categories,\r\n category,\r\n schemes,\r\n } = this.state;\r\n const state = {\r\n funds,\r\n fund,\r\n folios,\r\n modes,\r\n mode,\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 scheme: { value },\r\n multiples: !!scheme && !!scheme.multiples ? scheme.multiples : \"\",\r\n minimumLumpsumAmout:\r\n this.state.sipType.value === NEW || this.state.sipType.value === NEWP\r\n ? scheme.fm_newpur\r\n : \"\",\r\n });\r\n const params = {\r\n opt: INVESTMENT_FREQUENCY,\r\n fund: \"105\",\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\r\n changeFrequency = async (event) => {\r\n const investmentFrequency = event.target.value;\r\n let minAmount = \"\";\r\n let minInstallment=\"\";\r\n const {\r\n funds,\r\n fund,\r\n folios,\r\n modes,\r\n mode,\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 modes,\r\n mode,\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 });\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: \"105\",\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 minInstallment = DtData[0].mininst;\r\n }\r\n }\r\n if (\r\n this.state.sipType.value === EXISTING ||\r\n this.state.sipType.value === EXISTINGP\r\n ) {\r\n const minParams = {\r\n Fund: \"105\",\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\r\n const response = await this.props.getMinimumAmount(minParams);\r\n\r\n if (!!response && !response.error) {\r\n const { DtData } = response;\r\n minAmount = DtData[0].minamt;\r\n minInstallment = DtData[0].mininst;\r\n }\r\n }\r\n\r\n this.setState({\r\n investmentFrequency: { value: investmentFrequency },\r\n installments: { value: \"\" },\r\n sipDay: { value: \"\" },\r\n sip_end_date: { value: \"\" },\r\n sip_start_date: { value: \"\" },\r\n minAmountValue: { value: minAmount || \"\" },\r\n minimumInstallemnts:minInstallment|| \"\",\r\n minimumLumpsumAmout: this.state.minimumLumpsumAmout,\r\n });\r\n\r\n const params = {\r\n opt: SIP_DAY,\r\n fund: \"105\",\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 this.setState({\r\n sipDay: { value: value },\r\n investmentAmount: { value: \"\" },\r\n });\r\n if (!!sipDay) {\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:\r\n \"*Please enter minimum no. of installments as mentioned above\",\r\n },\r\n });\r\n this.installmentsField.focus();\r\n }\r\n };\r\n\r\n getSipEndDate = async (sipDay) => {\r\n const params = {\r\n fund: \"105\",\r\n\r\n sch:\r\n this.state.scheme.value.value.Sch ||\r\n this.state.scheme.value.value.fm_scheme,\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 };\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 as mentioned above.\",\r\n },\r\n });\r\n this.installmentsField.focus();\r\n } else if (parseFloat(reformSIPEndDT[2]) < 2099) {\r\n this.setState({\r\n sip_start_date: { value: SIP_StartDate },\r\n sip_end_date: { value: SIP_EndDate },\r\n });\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 if (label === \"installmentAmount\") {\r\n if (Number(this.state.selectedKotm.value.Amt) < Number(this.state.installmentAmount.value)) {\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 \r\n \r\n if (!this.state.installmentAmount.value) {\r\n this.setState({\r\n [label]: {\r\n isError: true,\r\n errorMessage: \"*Minimum SIP Amount is Mandatory\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError:\r\n parseFloat(this.state.installmentAmount.value) <\r\n parseFloat(this.state.minAmountValue.value)\r\n ? true\r\n : !value,\r\n\r\n errorMessage:\r\n parseFloat(this.state.installmentAmount.value) <\r\n parseFloat(this.state.minAmountValue.value)\r\n ? `*Minimum SIP Amount should be atleast ₹${this.state.minAmountValue.value} as mentioned above`\r\n : \"\",\r\n },\r\n });\r\n }\r\n } else 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 a vaild Email ID`\r\n : \"\",\r\n },\r\n });\r\n } else if (label === \"email\") {\r\n if (\r\n /^(?!.{51})([a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?))*$/.test(\r\n this.state.email.value\r\n )\r\n ) {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: false,\r\n errorMessage: ``,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: `*Enter a valid Email Id`,\r\n },\r\n });\r\n }\r\n } else if (label === \"mobile\") {\r\n if (\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: false,\r\n errorMessage: ``,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: `Enter a valid Phone Number`,\r\n },\r\n });\r\n }\r\n } else if (label === \"installments\") {\r\n if (\r\n !!this.state.investmentFrequency.value &&\r\n this.state.installments.value < this.state.minimumInstallemnts\r\n ) {\r\n this.setState({\r\n installments: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage:\r\n \"*No. of installments should be more than the minimum installments as mentioned above\",\r\n },\r\n });\r\n this.installmentsField.focus();\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 getMinimumInstallments = async () => {\r\n var minInstallment;\r\n if (!this.state.installmentAmount.value) {\r\n this.setState({\r\n installmentAmount: {\r\n isError: true,\r\n errorMessage: \"*Minimum SIP Amount is Mandatory\",\r\n },\r\n });\r\n } else if (\r\n parseFloat(this.state.installmentAmount.value) <\r\n parseFloat(this.state.minAmountValue.value)\r\n ) {\r\n this.setState({\r\n installmentAmount: {\r\n value: this.state.installmentAmount.value,\r\n isError: true,\r\n errorMessage: `*Minimum SIP Amount should be atleast ₹${this.state.minAmountValue.value} as mentioned above`,\r\n },\r\n });\r\n } else {\r\n if (\r\n this.state.sipType.value === NEW ||\r\n this.state.sipType.value === NEWP\r\n ) {\r\n const minParams = {\r\n Fund: \"105\",\r\n Scheme: this.state.scheme.value.value.fm_scheme,\r\n Trtype: \"SIP\",\r\n Frequency: this.state.investmentFrequency.value.FrequencyID,\r\n Amount: this.state.installmentAmount.value,\r\n };\r\n const response = await this.props.getMinimumAmount(minParams);\r\n\r\n if (response) {\r\n const { DtData } = response;\r\n minInstallment = DtData[0].mininst;\r\n this.setState({\r\n minimumInstallemnts: minInstallment,\r\n installments: { value: \"\" },\r\n });\r\n }\r\n }\r\n if (\r\n this.state.sipType.value === EXISTING ||\r\n this.state.sipType.value === EXISTINGP\r\n ) {\r\n const minParams = {\r\n Fund: \"105\",\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: this.state.investmentFrequency.value.FrequencyID,\r\n Amount: this.state.installmentAmount.value,\r\n };\r\n\r\n const response = await this.props.getMinimumAmount(minParams);\r\n\r\n if (!!response && !response.error) {\r\n const { DtData } = response;\r\n minInstallment = DtData[0].mininst;\r\n this.setState({\r\n minimumInstallemnts: minInstallment,\r\n installments: { value: \"\" },\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 fund,\r\n folio,\r\n folios,\r\n arnCode,\r\n subArnCode,\r\n invName,\r\n installments,\r\n email,\r\n subBrokerCode,\r\n schemeType,\r\n category,\r\n mobile,\r\n categories,\r\n schemes,\r\n modes,\r\n euinNo,\r\n perpetualSip,\r\n radioValue,\r\n minimumLumpsumAmout,\r\n minAmount,\r\n minAmountValue,\r\n frequencies,\r\n sipDays,\r\n investmentAmount,\r\n minimumInstallemnts,\r\n disbleEmail,\r\n disbleMobile,\r\n multiples,\r\n code,\r\n Family_Code_Email,\r\n Family_Code_Phone,\r\n kotm,\r\n selectedKotm,\r\n umrn,\r\n\r\n ...others\r\n } = this.state;\r\n\r\n const { location } = this.props;\r\n const { state } = location;\r\n let d1,d2\r\n const split_enddate = this?.state?.sip_end_date?.value.split(\"/\")\r\n const split_mandatedate = this?.state?.selectedKotm?.value[\"MANDATE END DATE\"]?.split(\"/\")\r\n d1 = new Date(Number(split_enddate[2]), Number(split_enddate[1]) - 1, Number(split_enddate[0]))\r\n if(this?.state?.selectedKotm?.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 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 (\r\n !this.state.selectedKotm.value &&\r\n kotm\r\n ) {\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 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 (!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.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\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 Declaration 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 === \"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 === \"mode\"\r\n ? \"*Mode of Registration\"\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 \"scheme\":\r\n this.schemeField.focus();\r\n break;\r\n case \"investmentFrequency\":\r\n this.investmentFrequency.focus();\r\n break;\r\n\r\n case \"sipDay\":\r\n this.sipDay.focus();\r\n break;\r\n case \"installmentAmount\":\r\n this.setState({\r\n installmentAmount: {\r\n isError: true,\r\n errorMessage: `*Installment Amount is Mandatory`,\r\n },\r\n });\r\n this.installmentAmount.focus();\r\n break;\r\n case \"mode\":\r\n this.modeField.focus();\r\n break;\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 !/^(?!.{51})([a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?))*$/.test(\r\n email.value\r\n ))\r\n ) {\r\n this.setState({\r\n email: {\r\n ...email,\r\n isError: true,\r\n errorMessage: \"*Please enter a 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 !/^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\r\n mobile.value\r\n ))\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 (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 if (+this.state.selectedKotm.value.Amt < +this.state.installmentAmount.value) {\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 } else if (\r\n !!others.investmentFrequency.value &&\r\n !!minimumInstallemnts &&\r\n this.state.installments.value < minimumInstallemnts &&\r\n !this.state.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 mentioned above`,\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: `*Minimum SIP amount is ₹${this.state.minAmountValue.value} as mentioned above`,\r\n },\r\n });\r\n this.installmentAmount.focus();\r\n return;\r\n } else {\r\n this.props.setSipDetails(this.state);\r\n const { location } = this.props;\r\n const { state } = location;\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~P~\",\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: investorData.PAN || state.pan,\r\n Email: this.state.email.value,\r\n i_Acno: this.state.sipType.value === EXISTINGP\r\n ? this.state.folio.value.value\r\n : \"0\",\r\n Subbroker: this.state.subBrokerCode.value,\r\n i_Fund: \"105\",\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: \"P\",\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 paymenttype: this.state.mode.value,\r\n countrycode: this.state.code.value,\r\n fEmailFlag: this.state.sipType.value === EXISTINGP?\"\":this.state.Family_Code_Email.value.value,\r\n fMobileFlag: this.state.sipType.value === EXISTINGP?\"\":this.state.Family_Code_Phone.value.value,\r\n UMRN: this.state.selectedKotm?.value?.UMRNNO,\r\n\r\n };\r\n const response = await this.props.submitPurchaseData(params);\r\n if (!!response && !response.error) {\r\n const {\r\n DtData: [purchaseData],\r\n } = response;\r\n const confirmationParams = {\r\n Trtype: PURCHASE,\r\n fund: \"105\",\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 && !confirmationResponse.error) {\r\n this.props.history.push({\r\n pathname: INVESTOR_URL + \"/transction-types/sip/confirm\",\r\n state: {\r\n title: \"SIP\",\r\n type: SIP,\r\n folio: {\r\n value:\r\n this.state.sipType.value === EXISTINGP\r\n ? this.state.folio.value\r\n : \"\",\r\n },\r\n paymenttype: 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 scheme: {\r\n Fund: \"105\",\r\n },\r\n },\r\n });\r\n } else if (!!confirmationResponse && !!confirmationResponse.error) {\r\n alert(`${confirmationResponse.error}`);\r\n }\r\n } else if (!!response && !!response.error) {\r\n alert(`${response.error}`);\r\n }\r\n } else {\r\n this.props.history.push({\r\n pathname: INVESTOR_URL + \"/transction-types/sip/confirm\",\r\n state: {\r\n title: \"SIP\",\r\n type: SIP,\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: \"105\",\r\n },\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 funds,\r\n folios,\r\n folio,\r\n arnCode,\r\n subArnCode,\r\n subBrokerCode,\r\n modes,\r\n mode,\r\n categories,\r\n category,\r\n schemes,\r\n scheme,\r\n euinNo,\r\n radioValue,\r\n minAmount,\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 code,\r\n } = this.state;\r\n const { euinList } = this.props;\r\n const { location } = this.props;\r\n const { state } = location;\r\n return (\r\n \r\n \r\n
\r\n )}\r\n SIP Registration
\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 {(sipType.value === NEW || sipType.value === NEWP) && (\r\n \r\n
\r\n )}\r\n\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 \r\n Mobile Family Description\r\n
\r\n \r\n (this.codeField = 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 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 {(sipType.value === EXISTING || sipType.value === EXISTINGP) && (\r\n AMC
\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={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 \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 value={euinNo.value}\r\n placeholder=\"Select EUIN\"\r\n errorMessage={euinNo.errorMessage}\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 (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\r\n value={installmentAmount.value}\r\n onChange={this.changeValue(\"installmentAmount\")}\r\n type=\"number\"\r\n onBlur={this.getMinimumInstallments}\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 \r\n (this.installmentsField = ele)}\r\n errorMessage={installments.errorMessage}\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 The investor has only one active KOTM 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\r\n SIP Date*
\r\n \r\n
\r\n\r\n \r\n
\r\n {!!sipDay && !!sipDay.value && (\r\n \r\n Perpetual SIP\r\n
\r\n \r\n
\r\n\r\n {(sipType.value === NEW || sipType.value === EXISTINGP) && (\r\n \r\n
\r\n Minimum SIP 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.value\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 \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, fundsList, sipDetails = {} } = 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 };\r\n },\r\n {\r\n validateSubBroker,\r\n swpOptions,\r\n getNewPurchaseFundList,\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 }\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 \"shared/store/types\";\r\nimport {\r\n swpOptions,\r\n CalcSIPEnddt,\r\n getMinimumAmount,\r\n} from \"shared/store/actions\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport { INVESTOR_URL } from \"../investors\";\r\nimport { Checkbox } from \"@material-ui/core\";\r\nclass Swp extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n minAmountValue: { value: \"\" },\r\n fund: { value: { value: \"105\" } },\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 }\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 perpetualSip: false,\r\n });\r\n } else if (value.value === \"105\") {\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 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() === \"105\") {\r\n return [...prev, curr.Acno];\r\n }\r\n return prev;\r\n }, []);\r\n this.setState({\r\n fund: { value: { value: \"105\" } },\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 handleFolioChange = async (value) => {\r\n const folio = !!value ? value.value : \"\";\r\n const schemes = !!value ? this.schemes(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 === \"105\" && curr.Acno === folio) {\r\n return [...prev, curr];\r\n }\r\n return prev;\r\n }, []);\r\n };\r\n handlechangeSIPEndDateChange = () => {\r\n const { perpetualSip } = this.state;\r\n if (!perpetualSip) {\r\n this.setState({\r\n perpetualSip: !this.state.perpetualSip,\r\n sipEndDate: { value: \"31/12/2099\" },\r\n withdrawals: {\r\n value: \"\",\r\n placeholder: \"Perpetual SWP\",\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 sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n withdrawals: { value: \"\", placeholder: \"\", disabled: false },\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: \"105\",\r\n opt: \"SWPW\",\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 }\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: \"105\",\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 const params = {\r\n opt: \"SWPD\",\r\n fund: \"105\",\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 });\r\n const minParams = {\r\n Fund: \"105\",\r\n Scheme: this.state.scheme.value.value.Sch,\r\n Trtype: \"SWP\",\r\n Frequency: this.state.swpFrequency.value.FrequencyID,\r\n };\r\n\r\n const minResponse = await this.props.getMinimumAmount(minParams);\r\n if (!!minResponse && !minResponse.error) {\r\n const { DtData } = minResponse;\r\n const minAmount = DtData[0].minamt;\r\n this.setState({\r\n minAmountValue: {\r\n value: minAmount,\r\n },\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) <= 500 && 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 if (\r\n parseFloat(event.target.value) > 500 &&\r\n event.target.value !== \"0\"\r\n ) {\r\n this.setState({\r\n withdrawals: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: !!event.target.value\r\n ? \"*No. of Withdrawls should not be more than 500 as stated above\"\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\r\n if (!!day) {\r\n const params = {\r\n Fund: \"105\",\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 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 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 < 1 ? true : !value,\r\n errorMessage:\r\n this.state.withdrawals.value < 1\r\n ? \"*Please enter the vaild number of Withdrawals as stated above\"\r\n : \"\",\r\n },\r\n });\r\n }\r\n if (label === \"amount\") {\r\n if (\r\n parseFloat(this.state.amount.value) < this.state.minAmountValue.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} as mentioned above`,\r\n },\r\n });\r\n } else if (\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: `*Amount 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 errorMessage: `*${\r\n label.charAt(0).toUpperCase() + label.slice(1)\r\n } 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 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 (this.state.amount.value === \"\") {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"*Amount is Mandatory\",\r\n },\r\n });\r\n }\r\n const {\r\n fund,\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 perpetualSip,\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 === \"scheme\"\r\n ? \"*Scheme is mandatory\"\r\n : key === \"folio\"\r\n ? \"*Folio is mandatory\"\r\n : key === \"sipDay\"\r\n ? \"*SWP Day is mandatory\"\r\n : key === \"swpFrequency\"\r\n ? \"*Withdrawal Frequency is mandatory\"\r\n : key === \"swpOption\"\r\n ? \"*Withdrawal Option is mandatory\"\r\n : `${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 \"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 default:\r\n break;\r\n }\r\n } else if (this.state.withdrawals.value < 1 && !perpetualSip) {\r\n this.setState({\r\n withdrawals: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `*Please check the minimum Withdrawals Value as stated above`,\r\n },\r\n });\r\n } else if (\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: `*Amount is Mandatory`,\r\n },\r\n });\r\n } else if (\r\n parseFloat(this.state.amount.value) < this.state.minAmountValue.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} as stated above`,\r\n },\r\n });\r\n } else {\r\n const { funds, folios, schemes, swpFrequencyOptions, ...others } =\r\n this.state;\r\n\r\n this.props.history.push({\r\n pathname: INVESTOR_URL + \"/transction-types/swp/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 perpetualSip,\r\n } = this.state;\r\n return (\r\n \r\n
\r\n )}\r\n SWP Registration
\r\n\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 Current Value
\r\n \r\n
\r\n \r\n {!!scheme.value ? `₹ ${scheme.value.value.CurValue}` : \"\"}\r\n
\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 || withdrawals.disabled}\r\n value={withdrawals.value}\r\n placeholder={withdrawals.placeholder}\r\n />\r\n
\r\n \r\n (this.swpFrquencyField = ele)}\r\n isError={swpFrequency.isError}\r\n disabled={!withdrawals.value && !perpetualSip}\r\n errorMessage={swpFrequency.errorMessage}\r\n >\r\n {swpFrequencyOptions.map((item, index) => (\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 (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\r\n type=\"number\"\r\n errorMessage={amount.errorMessage}\r\n isShowError={amount.isError}\r\n onBlur={this.showError(\"amount\")}\r\n onChange={(event) => this.handleMinimumAmount(event)}\r\n value={amount.value}\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 {!!sipDay && !!sipDay.value && (\r\n \r\n Perpetual SWP\r\n
\r\n \r\n )}\r\n Withdrawal Period
\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 }) => {\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 } = 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 };\r\n },\r\n { swpOptions, CalcSIPEnddt, getMinimumAmount }\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 validateSubBroker,\r\n getAssetClasses,\r\n getOtherSchemes,\r\n swpOptions,\r\n CalcSIPEnddt,\r\n setStpDetails,\r\n getMinimumAmount,\r\n} from \"shared/store/actions\";\r\nimport { REGULAR, PURCHASE, STP } from \"shared/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 { SundaramMutualFund } from \"./newPurchaseForm\";\r\nimport { INVESTOR_URL } from \"../investors\";\r\nimport { Checkbox } from \"@material-ui/core\";\r\n\r\nclass Stp extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { stpDetails } = this.props;\r\n this.state = {\r\n fund: { value: { value: \"105\" } },\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 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 minAmount: \"0\",\r\n swpFrequency: { value: \"\" },\r\n minimumInstallments: \"\",\r\n sipdatetrueorfalse: true,\r\n perpetualSip: false,\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 === \"105\") {\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 this.getFolios();\r\n }\r\n getFolios = () => {\r\n const folios = this.props.fundList.reduce((prev, curr) => {\r\n if (curr.Fund.trim() === \"105\") {\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: \"105\" } },\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(\"105\")();\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: \"105\",\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) {\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: \"105\",\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.trim() === \"105\" && 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: \"105\",\r\n trantype: PURCHASE,\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 const params = {\r\n opt: \"SF\",\r\n fund: \"105\",\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 });\r\n }\r\n };\r\n changeValue = (label) => (event) => {\r\n if (label === \"subArnCode\" || label === \"subBrokerCode\") {\r\n if (/^\\d{0,15}$/.test(event.target.value)) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a valid number\",\r\n },\r\n });\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 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: \"105\",\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\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 this.setState({\r\n sipDay: { value: day },\r\n sipStartDate: { value: sipStartDateResponse },\r\n sipEndDate: { value: sipEndDateResponse },\r\n // swpOption: { value: \"\" }\r\n });\r\n }\r\n }\r\n handlechangeSIPEndDateChange = () => {\r\n const { perpetualSip } = this.state;\r\n if (!perpetualSip) {\r\n this.setState({\r\n perpetualSip: !this.state.perpetualSip,\r\n sipEndDate: { value: \"31/12/2099\" },\r\n transfers: {\r\n value: \"\",\r\n placeholder: \"Perpetual STP\",\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 sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n transfers: { value: \"\", placeholder: \"\", disabled: false },\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: \"105\",\r\n opt: \"SWPW\",\r\n };\r\n if (!this.state.swpOption.value && event.target.value.length <= 4) {\r\n // const response = await this.props.swpOptions(params);\r\n // const swpOptionsResponse = response.Dtinformation;\r\n if (!!transferValue && parseFloat(transferValue) <= 9999) {\r\n this.setState({\r\n transfers: { value: transferValue },\r\n swpOptions: [],\r\n sipDay: { value: \"\" },\r\n sipEndDate: { value: \"\" },\r\n sipStartDate: { value: \"\" },\r\n swpOption: { value: \"\" },\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 9999 as stated above\"\r\n : \"*Transfers value is mandatory\",\r\n },\r\n swpOptions: [],\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 swpOption: { 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 gotosipdatetrueorfalse = () => {\r\n this.setState({\r\n sipdatetrueorfalse: false,\r\n });\r\n };\r\n submit = () => {\r\n let amountValue;\r\n const {\r\n amount,\r\n transfers,\r\n sipEndDate,\r\n swpOption,\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 fund,\r\n arnCode,\r\n swpOptions,\r\n swpFrequency,\r\n minAmount,\r\n stpDates,\r\n minimumInstallments,\r\n sipdatetrueorfalse,\r\n perpetualSip,\r\n ...others\r\n } = this.state;\r\n const Dailyminamount = 100;\r\n const MinRegularamount = 500;\r\n if (this.state.swpFrequency.value === \"\") {\r\n this.setState({\r\n swpFrequency: {\r\n value: \"\",\r\n isError: true,\r\n showError: true,\r\n errorMessage: \"*STP Frequency is Mandatory\",\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 === \"\" && !perpetualSip) {\r\n this.setState({\r\n transfers: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"*Please enter the No. of transfers\",\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 Declaration is Mandatory\",\r\n },\r\n });\r\n }\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 Day\"\r\n : key === \"swpOption\"\r\n ? \"*STP Option\"\r\n : key === \"folio\"\r\n ? \"*Folio\"\r\n : key === \"scheme\"\r\n ? \"*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 !!subBrokerCode.value &&\r\n !/^\\d{3,15}$/.test(subBrokerCode.value)\r\n ) {\r\n this.setState({\r\n subBrokerCode: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Invalid Sub Broker Code\",\r\n },\r\n });\r\n this.subBrokerField.focus();\r\n return;\r\n } else if (\r\n (amountValue < minAmount || 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 }\r\n\r\n // } else if (amountValue < minAmount) {\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 // 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.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 },\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 !perpetualSip\r\n ) {\r\n this.setState({\r\n transfers: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage:\r\n \"*Please check the no of transfers value as stated above\",\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: \"*Transfer amount per installment is Mandatory\",\r\n },\r\n });\r\n } else if (\r\n this.state.swpFrequency.value === \"Daily\" &&\r\n amountValue < Dailyminamount\r\n ) {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `*Minimum amount should be ₹100 as stated above`,\r\n },\r\n });\r\n } else if (\r\n (this.state.swpFrequency.value === \"Weekly\" ||\r\n this.state.swpFrequency.value === \"Fortnightly\" ||\r\n this.state.swpFrequency.value === \"Monthly\" ||\r\n this.state.swpFrequency.value === \"Quarterly\") &&\r\n MinRegularamount > amountValue\r\n ) {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `*Amount should be between ₹500 to ₹3000 as stated above`,\r\n },\r\n });\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 // }\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\r\n this.props.history.push({\r\n pathname: INVESTOR_URL + \"/transction-types/stp/confirm\",\r\n state: {\r\n title: \"STP Registration Summary\",\r\n type: STP,\r\n Folio: { value: this.state.scheme.value.value.Acno },\r\n scheme: { Fund: \"105\" },\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) {\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 if (label === \"transfers\" && !!this.state.transfers.value) {\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 ? 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 transfers should be minimum ${this.state.minimumInstallments} as mentioned above`\r\n : \"\",\r\n },\r\n });\r\n } else if (label === \"transfers\" && this.state.transfers.value === \"\") {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `*Please enter the No. of transfers`,\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 getMinimumInstallments = async () => {\r\n if (!this.state.amount.value) {\r\n this.setState({\r\n amount: {\r\n value: this.state.amount.value,\r\n isError: true,\r\n errorMessage: `*Transfer amount per installment is Mandatory`,\r\n },\r\n });\r\n } else if (this.state.amount.value < this.state.minAmount) {\r\n this.setState({\r\n amount: {\r\n value: this.state.amount.value,\r\n isError: true,\r\n errorMessage: `*Minimum amount should be ₹${this.state.minAmount} as mentioned below`,\r\n },\r\n });\r\n } \r\n };\r\n handleChangeStpFrequency = async (event) => {\r\n var minAmount;\r\n let minInstallment=\"\";\r\n if (event.target.value === this.state.swpFrequency.value) {\r\n return;\r\n } else {\r\n const params = {\r\n opt: \"STPD\",\r\n fund: \"105\",\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 transfers: { value: \"\" },\r\n sipCycle: sipCycleResponseOptions,\r\n });\r\n const minParams = {\r\n Fund: \"105\",\r\n Scheme: this.state.switchInScheme.value.value.fm_scheme,\r\n Trtype: \"STP\",\r\n Frequency: event.target.value,\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 minInstallment = DtData[0].mininst;\r\n this.setState({\r\n minAmount: minAmount,\r\n minimumInstallments:minInstallment\r\n });\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 (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n onChange={this.handleChangeTransferAmount}\r\n inputRef={(ele) => (this.amountField = ele)}\r\n value={amount.value}\r\n type=\"number\"\r\n onBlur={this.getMinimumInstallments}\r\n isShowError={amount.isError}\r\n errorMessage={amount.errorMessage}\r\n />\r\n \r\n \r\n {`Minimum Amount Rs. ${this.state.minAmount}`}\r\n \r\n
\r\n STP Registration
\r\n\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 \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 \r\n {!!scheme.value.value ? `₹ ${scheme.value.value.CurValue}` : \"\"}\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 Transfer from*
\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 }))}\r\n label=\"Fund\"\r\n handleChange={this.handleSwitchInScheme}\r\n value={switchInScheme.value}\r\n placeholder=\"Select Transfer To Scheme*\"\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 Transfer to*
\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 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 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 handleChange={this.changeEuin}\r\n errorMessage={euinNo.errorMessage}\r\n value={euinNo.value}\r\n disabled={!euinList.length}\r\n placeholder=\"Choose EUIN\"\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 Declaration box has been\r\n intentionally left the blank by me/us as this is an 'execution-only'\r\n transaction without any interaction or advice by any personnel of\r\n the above distributor or notwithstanding the advice of\r\n in-appropriateness,if any provided by any personnel of the\r\n distributor and the distributor has not charged any advisory fees on\r\n 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 isError={this.state.swpFrequency.isError}\r\n showError={this.state.swpFrequency.isError}\r\n errorMessage={this.state.swpFrequency.errorMessage}\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 \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 placeholder={transfers.placeholder}\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 disabled={!this.state.transfers.value}\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 {this.sipdatetrueorfalse ? (\r\n
\r\n {!!sipDay && !!sipDay.value && (\r\n \r\n *Please fill all options\r\n
\r\n ) : null}\r\n \r\n Perpetual STP\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={!sipDay.value}\r\n >\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\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 = {} } = 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 };\r\n },\r\n {\r\n validateSubBroker,\r\n getAssetClasses,\r\n getOtherSchemes,\r\n swpOptions,\r\n setStpDetails,\r\n CalcSIPEnddt,\r\n getMinimumAmount,\r\n }\r\n)(Stp);\r\n","import React, { Component } from \"react\";\r\nimport { BUILD_URL } from \"./home\";\r\n\r\nexport default class UploadFile extends Component {\r\n render() {\r\n const { id, isShowError, fileName } = this.props;\r\n return (\r\n \r\n \r\n Upload\r\n
\r\n \r\n \r\n {fileName}
\r\n \r\n \r\n {type === \"isip\" && (\r\n (this.fundField = ele)}\r\n isError={fund.isError}\r\n >\r\n {fundsList.map((item, index) => (\r\n \r\n {type === PHYSICAL_NEW ? item.amc_name : item.FundDesc}\r\n \r\n ))}\r\n \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 \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
\r\n \r\n \r\n \r\n \r\n {this.state.sipType.value} - {index + 1}\r\n
\r\n Pause/ Cancel 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 {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\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 { getEnach } from \"shared/store/actions/transactions\";\r\nimport { EnachModal, EnachAMCModal } from \"../customModal\";\r\nimport { BUILD_URL } from \"../home\";\r\nimport investorData from \"../investors/investorData\";\r\n\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\r\n const Mobile = !!Xmobile && !!Xmobile.Mobile ? Xmobile.Mobile : \"\";\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 amount: { value: \"\" },\r\n countryCode: { value: \"+91\" },\r\n };\r\n }\r\n\r\n changeValue = (label) => async (event) => {\r\n if (label === \"countryCode\") {\r\n const { value } = event.target;\r\n if (!/^[+]\\d{1,3}/.test(value)) {\r\n this.setState({\r\n countryCode: { value, errorMessage: \"Enter a valid Country Code\" },\r\n });\r\n return;\r\n }\r\n this.setState({\r\n countryCode: { value },\r\n });\r\n }\r\n if (label === \"amount\") {\r\n const { value } = event.target;\r\n if (parseInt(value) < 500 || parseInt(value) > 10000000) {\r\n this.setState({\r\n amount: {\r\n value,\r\n errorMessage: \"Amount should be between Rs 500 and Rs 10000000\",\r\n },\r\n });\r\n return;\r\n }\r\n this.setState({\r\n amount: { value },\r\n });\r\n return;\r\n }\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 submit = async () => {\r\n const { ref, EnachOpen, EnachRef, disabled, eNachAMCOpen, ...others } =\r\n this.state;\r\n this.setState({\r\n disabled: true,\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 === \"pan\"\r\n ? \"PAN No\"\r\n : key === \"mobile\"\r\n ? \"Mobile Number\"\r\n : key === \"name\"\r\n ? \"Investor Name\"\r\n : key === \"email\"\r\n ? \"Email\"\r\n : key === \"amount\"\r\n ? \"Amount\"\r\n : key === \"countryCode\"\r\n ? \"Country 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 \"amount\": {\r\n this.amountField.focus();\r\n break;\r\n }\r\n case \"countryCode\": {\r\n this.countryCodeField.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 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 if (!/^[+]\\d{1,3}/.test(this.state.countryCode.value)) {\r\n this.setState({\r\n countryCode: {\r\n value: \"\",\r\n errorMessage: \"Please Enter a valid country code\",\r\n },\r\n });\r\n return;\r\n } else if (\r\n parseInt(this.state.amount.value) < 500 ||\r\n parseInt(this.state.amount.value > 10000000)\r\n ) {\r\n this.setState({\r\n amount: {\r\n value: \"\",\r\n errorMessage: \"Amount should be between Rs 500 and Rs 10000000\",\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 /^(?:(?:\\+|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 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: \"P\",\r\n arncode: this.props.token,\r\n txnamount: this.state.amount.value,\r\n siamount: this.state.amount.value,\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 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(BUILD_URL + \"/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, investorData } = 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 }\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 { getEnach }\r\n)(ENACH);\r\n","import React, { Component } from \"react\";\r\nimport { Paper } from \"@material-ui/core\";\r\nimport { connect } from \"react-redux\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport NewPurchase from \"./newPurchaseForm\";\r\nimport NewPurchaseConfirm from \"./newPurchaseConfirm\";\r\nimport AdditionalPurchase from \"./additionalPurchaseForm\";\r\nimport Redemption from \"./redemption\";\r\nimport switchCmponent from \"./switch\";\r\nimport Sip from \"./sip\";\r\nimport Swp from \"./swp\";\r\nimport Stp from \"./stp\";\r\nimport NfoPhysicalMode from \"./nfoPhysicalMode\";\r\nimport { BUILD_URL } from \"../home\";\r\nimport SipCancellation from \"./sipCancellation\";\r\nimport NctType from \"./nctType\";\r\nimport ENACH from \"./eNach\";\r\nimport { userPan } from \"shared/store/actions/auth\";\r\n\r\nclass NFOAndNewPurchaseDigital extends Component {\r\n async componentDidMount() {\r\n if (!!this.props.location.state && !!this.props.location.state.pan) {\r\n await this.props.userPan(this.props.location.state.pan);\r\n }\r\n }\r\n render() {\r\n const { investorData } = this.props;\r\n return (\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=\"rgba(0, 0, 0, 0.5)\"\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 (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=\"rgba(0, 0, 0, 0.5)\"\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 (this.amountField = 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, 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}\r\n","import React, { Component } from \"react\";\r\nimport { Paper } from \"@material-ui/core\";\r\nimport { BUILD_URL } from \"../home\";\r\n\r\nexport default class TransactionMode 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 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 {this.props.name}
\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 \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 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 Karvy Branch\r\n
\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n )}\r\n\r\n {!!showAll && (\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 { showAll } = authReducer;\r\n return { showAll };\r\n },\r\n { setSipDetails, setSwitchDetails, setStpDetails }\r\n)(TransactionType);\r\n","import React,{Component} from \"react\";\r\nimport { BUILD_URL } from \"../home/home\";\r\n\r\n\r\nexport default class CustomLoader extends Component {\r\n render () {\r\n const {display} = this.props\r\n return (\r\n \r\n
\r\n\r\n )\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport { Input } from \"../../forms/input\";\r\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\r\nimport { connect } from \"react-redux\";\r\nimport { getNewPurchaseFundList, checkKyc } from \"shared/store/actions\";\r\nimport { EKYCMail } from \"shared/store/actions/investors\";\r\nimport CustomizedSelect from \"./customizedSelect\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\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 \"shared/store/types\";\r\nimport { KycNotDoneDialog } from \"../customModal\";\r\nimport { SundaramMutualFund } from \"./newPurchaseForm\";\r\nimport CustomLoader from \"../../forms/Loader\";\r\nclass EKYC extends Component {\r\n constructor(props) {\r\n super(props);\r\n const { match } = this.props;\r\n this.state = {\r\n kycType: { value: \"\" },\r\n ipv: { value: \"YES\", errorMessage: \"\" },\r\n display: false,\r\n messageAlert: \"\",\r\n open: false,\r\n pan: {\r\n value:\r\n !!match && !!match.params && !!match.params.pan\r\n ? match.params.pan\r\n : \"\",\r\n },\r\n fund: { value: { value: \"117\" } },\r\n name: { value: \"\" },\r\n email: { value: \"\" },\r\n mobile: { value: \"\" },\r\n };\r\n }\r\n\r\n // componentDidMount() {\r\n // const params = {\r\n // opt: ALL,\r\n // schemetype: this.props.userId,\r\n // };\r\n // const types = [\r\n // GET_FUNDS_LIST,\r\n // GET_FUNDS_LIST_SUCCESS,\r\n // GET_FUNDS_LIST_FAILED,\r\n // ];\r\n\r\n // this.props.getNewPurchaseFundList(params, types);\r\n // }\r\n\r\n handleChange = (value) => {\r\n this.setState({\r\n fund: { value },\r\n pan: { value: this.state.pan.value },\r\n });\r\n };\r\n\r\n changeValue = (label) => (event) => {\r\n if (label === \"pan\" && event.target.value.length < 11) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (label === \"name\") {\r\n if (!!event.target.value && /^[a-zA-Z ]*$/.test(event.target.value)) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else if (!event.target.value) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n } else 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 != \"pan\" && label != \"mobile\" && label != \"name\") {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n }\r\n };\r\n\r\n changeIpvValue = (value) => () => {\r\n if (value === \"YES\") {\r\n this.setState({\r\n ipv: { value: \"YES\" },\r\n });\r\n } else if (value === \"NO\") {\r\n this.setState({\r\n ipv: {\r\n value: \"NO\",\r\n errorMessage: \"(It is mandatory to perform IPV to proceed )\",\r\n },\r\n });\r\n }\r\n };\r\n\r\n showError = (label) => (event) => {\r\n switch (label) {\r\n case \"mobile\":\r\n if (!event.target.value) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Mobile No is Mandatory*\",\r\n },\r\n });\r\n } else if (!/^[6-9]\\d{9}$/.test(event.target.value)) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a valid Mobile Number\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value: event.target.value,\r\n isError: false,\r\n errorMessage: \"\",\r\n },\r\n });\r\n }\r\n break;\r\n case \"email\":\r\n if (!event.target.value) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Email id is Mandatory\",\r\n },\r\n });\r\n } else if (\r\n !/^(?!.{51})([a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?))*$/.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: \"Enter a valid Email Id\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value: event.target.value,\r\n isError: false,\r\n errorMessage: \"\",\r\n },\r\n });\r\n }\r\n break;\r\n case \"name\":\r\n if (!event.target.value) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Name is Mandatory\",\r\n },\r\n });\r\n } else if (!/^[a-zA-Z ]*$/.test(event.target.value)) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a valid Name\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value: event.target.value,\r\n isError: false,\r\n errorMessage: \"\",\r\n },\r\n });\r\n }\r\n break;\r\n default:\r\n this.setState({\r\n [label]: {\r\n value: event.target.value,\r\n },\r\n });\r\n break;\r\n }\r\n };\r\n getKycDetails = async (pan) => {\r\n const params = {\r\n i_pan: pan,\r\n fund: \"105\",\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 submit = async () => {\r\n const { ipv, open, messageAlert, fund, display, kycType, ...others } =\r\n this.state;\r\n const keys = Object.keys(others);\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 === \"fund\"\r\n ? \"Fund\"\r\n : key[0].toUpperCase() + key.substring(1)\r\n } is Mandatory*`,\r\n },\r\n });\r\n });\r\n return;\r\n }\r\n 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 ) {\r\n this.setState({\r\n pan: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"please enter a valid PAN\",\r\n },\r\n });\r\n return;\r\n }\r\n if (\r\n !!this.state.email.value &&\r\n !/^(?!.{51})([a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?))*$/.test(\r\n this.state.email.value\r\n )\r\n ) {\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 return;\r\n }\r\n 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 )\r\n ) {\r\n this.setState({\r\n mobile: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Please enter a valid Mobile Number`,\r\n },\r\n });\r\n return;\r\n } else if (\r\n this.state.ipv.value === \"NO\" &&\r\n this.state.kycType.value === \"DKYC\"\r\n ) {\r\n this.setState({\r\n ipv: {\r\n value: \"NO\",\r\n // isError: true,\r\n errorMessage: \"(It is mandatory to perform IPV to proceed )\",\r\n },\r\n });\r\n } else {\r\n // if (this.state.kycType.value === \"IKYC\") {\r\n const { fund, name, email, mobile, pan } = this.state;\r\n\r\n const params = {\r\n InvPan: this.state.pan.value,\r\n InvMobile: mobile.value,\r\n InvFund: \"105\",\r\n InvDistFlag: \"P\",\r\n Url: \"\",\r\n InvName: name.value,\r\n DistUserId: this.props.userId,\r\n };\r\n const addedParms = {\r\n IMEI: encodeURIComponent(btoa(\"127.0.0.1\")),\r\n DistName: encodeURIComponent(btoa(this.props.userId)),\r\n ArnCode: encodeURIComponent(btoa(this.props.token)),\r\n APKVer: encodeURIComponent(btoa(\"1.0\")),\r\n Adminpassword: encodeURIComponent(btoa(\"karvy1234%24\")),\r\n InvEmail: encodeURIComponent(btoa(this.state.email.value)),\r\n };\r\n\r\n const response = await this.props.EKYCMail(params, addedParms);\r\n if (response && !response.error) {\r\n this.setState({\r\n open: true,\r\n messageAlert:\r\n \"An email will be triggered to investor's email for uploading neccesary KYC documents and selfie video.please confirm\",\r\n });\r\n }\r\n // }\r\n // else {\r\n // const { fund, email, mobile, name } = this.state;\r\n // window.open(\r\n // `https://mfs.kfintech.com/ckyc/eKyc.aspx?UserID=2703&AgencyCode=105&AgencyTransactionID=123&Pan=${this.state.pan.value}&PanName=${name.value}&Mobile=${mobile.value}&EmailID=${email.value}&AuthType=3&ipv=y&EmpName=${this.props.userId}&EmpDesig=Manager&EmpCode=${this.props.token}&EmpLoc=Hyderabad&FundCode=105&fromType=DITWEB`,\r\n // \"_self\"\r\n // );\r\n // }\r\n }\r\n };\r\n\r\n closeModal = () => {\r\n this.setState({\r\n open: false,\r\n messageAlert: \"\",\r\n });\r\n };\r\n\r\n continue = () => {\r\n const { params } = this.props.match;\r\n this.setState({\r\n kycType: { value: \"\" },\r\n ipv: { value: \"YES\", errorMessage: \"\" },\r\n fund: { value: \"\" },\r\n pan: { value: !!params && !!params.pan ? params.pan : \"\" },\r\n open: false,\r\n messageAlert: \"\",\r\n name: { value: \"\" },\r\n email: { value: \"\" },\r\n mobile: { value: \"\" },\r\n });\r\n this.props.history.push(`${process.env.PUBLIC_URL}/dashboard`);\r\n };\r\n\r\n handleChangeKycType = (event) => {\r\n const { match } = this.props;\r\n this.setState({\r\n kycType: { value: event.target.value },\r\n ipv: { value: \"YES\", errorMessage: \"\" },\r\n fund: { value: \"\" },\r\n pan: {\r\n value:\r\n !!match && !!match.params && !!match.params.pan\r\n ? match.params.pan\r\n : \"\",\r\n },\r\n name: { value: \"\" },\r\n email: { value: \"\" },\r\n mobile: { value: \"\" },\r\n });\r\n };\r\n handleKycStatus = async () => {\r\n if (!this.state.pan.value) {\r\n this.setState({\r\n pan: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"PAN is Mandatory*\",\r\n },\r\n });\r\n return;\r\n }\r\n if (!/^([a-zA-Z]){5}([0-9]){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: \"please enter a valid PAN\",\r\n },\r\n });\r\n return;\r\n }\r\n this.setState({\r\n display: true,\r\n });\r\n const kycResponse = await this.getKycDetails(this.state.pan.value);\r\n if (!!kycResponse && !kycResponse.error) {\r\n const {\r\n DtData: [info],\r\n } = kycResponse;\r\n if (!!info && !!info.KYCBlock && info.KYCBlock === \"N\") {\r\n alert(\"PAN is KYC Registered\");\r\n this.setState({\r\n pan: { value: \"\" },\r\n display: false,\r\n });\r\n } else {\r\n this.setState({\r\n display: false,\r\n });\r\n }\r\n }\r\n };\r\n render() {\r\n const { email, name, mobile, kycType, display } = this.state;\r\n const KYCTYPES = [\r\n // { key: \"DKYC\", label: \"Distributor (eKYC)\" },\r\n { key: \"IKYC\", label: \"Online IPV with E-sign\" },\r\n ];\r\n return (\r\n \r\n \r\n 
*/}\r\n
\r\n \r\n \r\n
\r\n {/* \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n ({ authReducer, transactions }) => {\r\n const { token, userId } = authReducer;\r\n const { fundsList = [] } = transactions;\r\n return {\r\n token,\r\n userId,\r\n fundsList,\r\n };\r\n },\r\n { getNewPurchaseFundList, EKYCMail, checkKyc }\r\n)(EKYC);\r\n","import React, { Component } from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport Investors from \"./InvestorMain\";\r\nimport InvestorDetails from \"./InvestorDetails\";\r\nimport NFOAndNewPurchaseDigital from \"../transactions/nfoAndNewPurchase\";\r\nimport TransactionMode from \"../transactions/TransactionModes\";\r\nimport TransactionType from \"../transactions/TransactionTypes\";\r\nimport EKYC from \"../transactions/ekycForm\";\r\n\r\nexport default class InvestorRouter extends Component {\r\n render() {\r\n const { history, location } = this.props;\r\n return (\r\n eKYC Form
\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n\r\n {this.state.kycType.value === \"DKYC\" && (\r\n \r\n
\r\n \r\n \r\n {KYCTYPES.map((ele) => (\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 PAN*
\r\n \r\n
\r\n \r\n
\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 (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\r\n evt.preventDefault()\r\n }\r\n type=\"number\"\r\n value={mobile.value}\r\n onBlur={this.showError(\"mobile\")}\r\n isError={mobile.isError}\r\n isShowError={mobile.isError}\r\n errorMessage={mobile.errorMessage}\r\n />\r\n
\r\n \r\n \r\n
\r\n )}\r\n\r\n {this.state.kycType.value === \"DKYC\" && (\r\n Instructions
\r\n - \r\n
- \r\n This process will send an Email to your client for\r\n completing the 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 Instructions
\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
\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 { ALL } from \"shared/store/types\";\r\nimport {\r\n getInvestorDetails,\r\n getNewPurchaseFundList,\r\n} from \"shared/store/actions\";\r\nimport {\r\n getMailbackList,\r\n GetDistMailbackRequest,\r\n} from \"shared/store/actions/mailback\";\r\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\r\nimport { SundaramMutualFund } from \"../transactions/newPurchaseForm\";\r\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\r\nexport const MAILBACK_URL = `${process.env.PUBLIC_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 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 showPassword: false,\r\n open: false,\r\n disableReportType: !!state && !!state.value,\r\n refrenceNumber: { value: \"\" },\r\n };\r\n }\r\n\r\n async componentDidMount() {\r\n const response = await this.props.getMailbackList();\r\n if (response) {\r\n this.setState({\r\n reports: response.DtData,\r\n });\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 || 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 // this.setState({ [label]: { value: event } });\r\n };\r\n\r\n submit = async () => {\r\n let toDateValue;\r\n let fromDateValue;\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 fund,\r\n reports,\r\n fromDate,\r\n status,\r\n toDate,\r\n showPassword,\r\n open,\r\n refrenceNumber,\r\n disableReportType,\r\n ...others\r\n } = this.state;\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\r\n const findError = keys.every((key) => !!others[key].value);\r\n\r\n if (!this.state.toDate.value) {\r\n this.setState({\r\n toDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"End date is mandatory\",\r\n },\r\n });\r\n }\r\n\r\n if (!this.state.fromDate.value) {\r\n this.setState({\r\n fromDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"Start date is mandatory\",\r\n },\r\n });\r\n }\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 === \"password\"\r\n ? \"Password\"\r\n : key === \"fund\"\r\n ? \"Fund\"\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 \"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 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 value: this.state.password.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 });\r\n return;\r\n } else if (this.state.password.value === \"\") {\r\n this.setState({\r\n password: {\r\n value: this.state.password.value,\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: \"Start 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: \"End date is mandatory\",\r\n },\r\n });\r\n return;\r\n } else if (d2 > d3 || d2 === d3) {\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 {\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: \"105\",\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 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 disableReportType: false,\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 ? `(selfPassword 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 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 value: this.state.password.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 });\r\n return;\r\n } else if (this.state.password.value === \"\") {\r\n this.setState({\r\n password: {\r\n value: this.state.password.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\r\n render() {\r\n const { fundsList, location } = this.props;\r\n const { fund, reports, report, reportType, password } = this.state;\r\n const { state } = location;\r\n return (\r\n \r\n \r\n \r\n
\r\n\r\n My Reports
\r\n\r\n \r\n
\r\n \r\n
\r\n\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 ({\r\n label: item.KDM_Repdesc.split(\"-\")[1].trim(),\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={this.state.disableReportType}\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 Select Report
\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 // 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 Start Date
\r\n \r\n \r\n this.onDateChange(\"toDate\", e)}\r\n // onBlur={}\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 // 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 End Date
\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 image2={\r\n !!this.state.showPassword ? EYE_ICON : EYE_ICON_HIDDEN\r\n }\r\n height={15}\r\n value={password.value}\r\n inputRef={(ele) => (this.passwordField = ele)}\r\n isShowError={password.isError}\r\n errorMessage={password.errorMessage}\r\n />\r\n {!password.isError && (\r\n \r\n Password should be at least 8 characters in length and\r\n should contain at least 1 uppercase letter (A-Z), 1\r\n special character and 1 numeric value (0-9)\r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n {!!transactions && !!transactions.length ?\r\n \r\n \r\n {!!display ? (\r\n
\r\n }\r\n \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 Transactions(Last 10 Transactions)\r\n
\r\n {transactions.map((transaction, index) => (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n Fund Name
\r\n {transaction.SchemeDesc}
\r\n \r\n {transaction.Status === \"Pending\" ||\r\n transaction.Status === \"Pending payment confirmation\" ||\r\n transaction.Status === \"Success\" ? (\r\n \r\n {transaction.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
\r\n No Data Found
\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\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 { getTransactionHistory, getTrackDetails, 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 Transactions(Last 10 Transactions)\r\n
\r\n {transactions.length > 0 ? (\r\n transactions.map((transaction, index) => (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport class TransactionSubContainer extends Component {\r\n render() {\r\n const { list } = this.props;\r\n return (\r\n <>\r\n {list.map((ele, index) => (\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 {!!ele.value ? ele.value : \"-\"}\r\n
\r\n \r\n ))}\r\n \r\n );\r\n }\r\n}\r\nexport class InvestorTableCard extends Component {\r\n render() {\r\n const { Type, Ref_No, Folio, Units, Date, Status, Amount, NAV, Name, Investordata, transaction, gotoTrack } = this.props;\r\n return (\r\n {ele.key}
\r\n \r\n
\r\n\r\n \r\n \r\n {Name}\r\n
\r\n \r\n
\r\n \r\n \r\n {!!Type ? Type : \"-\"}\r\n
\r\n \r\n Type\r\n
\r\n \r\n \r\n ₹{!!Amount.split(\".\")[0] ? Amount.split(\".\")[0] : \"-\"}\r\n
\r\n \r\n \r\n \r\n Amount\r\n
\r\n \r\n
\r\n \r\n \r\n {!!Ref_No ? Ref_No : \"-\"}\r\n
\r\n \r\n Ref No\r\n
\r\n \r\n \r\n {!!Folio ? Folio : \"-\"}\r\n
\r\n \r\n \r\n \r\n Folio\r\n
\r\n \r\n
\r\n \r\n \r\n {!!NAV && NAV !== \"-\"\r\n ? `₹${NAV}`\r\n : \"-\"}\r\n
\r\n \r\n NAV\r\n
\r\n \r\n \r\n {!!Units ? Units : \"-\"}\r\n
\r\n \r\n \r\n \r\n Units\r\n
\r\n \r\n
\r\n \r\n \r\n {!!Date ? Date : \"-\"}\r\n
\r\n \r\n Date\r\n
\r\n \r\n \r\n {!!Status ? Status : \"-\"}\r\n
\r\n \r\n \r\n \r\n Status\r\n
\r\n \r\n {Status === \"Pending\" ||\r\n Status === \"Pending payment confirmation\" ||\r\n Status === \"Success\" ? (\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}","import _regeneratorRuntime from \"C:\\\\Users\\\\webile\\\\Downloads\\\\dit-react\\\\packages\\\\web\\\\node_modules\\\\babel-preset-react-app\\\\node_modules\\\\@babel\\\\runtime/regenerator\";\nimport _defineProperty from \"C:\\\\Users\\\\webile\\\\Downloads\\\\dit-react\\\\packages\\\\web\\\\node_modules\\\\babel-preset-react-app\\\\node_modules\\\\@babel\\\\runtime/helpers/esm/defineProperty\";\nimport _asyncToGenerator from \"C:\\\\Users\\\\webile\\\\Downloads\\\\dit-react\\\\packages\\\\web\\\\node_modules\\\\babel-preset-react-app\\\\node_modules\\\\@babel\\\\runtime/helpers/esm/asyncToGenerator\";\nimport { CALL_API } from \"../api.middleware\";\nimport { GET_FUNDS_LIST_PAN, GET_FUNDS_LIST_PAN_SUCCESS, GET_FUNDS_LIST_PAN_FAILED, GET_TRANSACTION_HISTORY, GET_TRANSACTION_HISTORY_SUCCESS, GET_TRANSACTION_HISTORY_FAILED, GET_NAV_DATA, GET_NAV_DATA_SUCCESS, GET_NAV_DATA_FAILED, REMOVE_NAV_DATA, REMOVE_TRANSACTION_HISTORY_DATA } from \"../types\";\nexport var getFundsByPan = function getFundsByPan(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee(dispatch) {\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _context.prev = 0;\n _context.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/GetFundslistByPAN\",\n params: params,\n types: [GET_FUNDS_LIST_PAN, GET_FUNDS_LIST_PAN_SUCCESS, GET_FUNDS_LIST_PAN_FAILED],\n showLoader: true,\n method: \"GET\"\n }));\n\n case 3:\n return _context.abrupt(\"return\", _context.sent);\n\n case 6:\n _context.prev = 6;\n _context.t0 = _context[\"catch\"](0);\n return _context.abrupt(\"return\", {\n error: _context.t0\n });\n\n case 9:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee, null, [[0, 6]]);\n }));\n\n return function (_x) {\n return _ref.apply(this, arguments);\n };\n }()\n );\n};\nexport var getTransactionHistory = function getTransactionHistory(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref2 = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee2(dispatch) {\n return _regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n _context2.prev = 0;\n _context2.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/GetTrxnDatabyFund\",\n params: params,\n types: [GET_TRANSACTION_HISTORY, GET_TRANSACTION_HISTORY_SUCCESS, GET_TRANSACTION_HISTORY_FAILED],\n showLoader: true,\n method: \"GET\"\n }));\n\n case 3:\n _context2.next = 8;\n break;\n\n case 5:\n _context2.prev = 5;\n _context2.t0 = _context2[\"catch\"](0);\n return _context2.abrupt(\"return\", {\n error: _context2.t0\n });\n\n case 8:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2, null, [[0, 5]]);\n }));\n\n return function (_x2) {\n return _ref2.apply(this, arguments);\n };\n }()\n );\n};\nexport var getNavData = function getNavData(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref3 = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee3(dispatch) {\n return _regeneratorRuntime.wrap(function _callee3$(_context3) {\n while (1) {\n switch (_context3.prev = _context3.next) {\n case 0:\n _context3.prev = 0;\n _context3.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/GetNAVGraph\",\n params: params,\n method: \"GET\",\n types: [GET_NAV_DATA, GET_NAV_DATA_SUCCESS, GET_NAV_DATA_FAILED],\n showLoader: true\n }));\n\n case 3:\n _context3.next = 8;\n break;\n\n case 5:\n _context3.prev = 5;\n _context3.t0 = _context3[\"catch\"](0);\n return _context3.abrupt(\"return\", {\n error: _context3.t0\n });\n\n case 8:\n case \"end\":\n return _context3.stop();\n }\n }\n }, _callee3, null, [[0, 5]]);\n }));\n\n return function (_x3) {\n return _ref3.apply(this, arguments);\n };\n }()\n );\n};\nexport var removeNavData = function removeNavData() {\n return {\n type: REMOVE_NAV_DATA\n };\n};\nexport var getTrackDetails = function getTrackDetails(params) {\n return (\n /*#__PURE__*/\n function () {\n var _ref4 = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee4(dispatch) {\n return _regeneratorRuntime.wrap(function _callee4$(_context4) {\n while (1) {\n switch (_context4.prev = _context4.next) {\n case 0:\n _context4.prev = 0;\n _context4.next = 3;\n return dispatch(_defineProperty({}, CALL_API, {\n url: \"/TrackTransactionDetails\",\n params: params,\n method: \"GET\"\n }));\n\n case 3:\n return _context4.abrupt(\"return\", _context4.sent);\n\n case 6:\n _context4.prev = 6;\n _context4.t0 = _context4[\"catch\"](0);\n return _context4.abrupt(\"return\", {\n error: _context4.t0\n });\n\n case 9:\n case \"end\":\n return _context4.stop();\n }\n }\n }, _callee4, null, [[0, 6]]);\n }));\n\n return function (_x4) {\n return _ref4.apply(this, arguments);\n };\n }()\n );\n};\nexport var RemoveTransactionData = function RemoveTransactionData() {\n return {\n type: REMOVE_TRANSACTION_HISTORY_DATA\n };\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 \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 {count > 0 ? (\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 \r\n \r\n \r\n \r\n this.props.history.push({\r\n pathname: `${INVESTOR_URL}/details/xxxxxxxxxx`,\r\n state: `${investor.Pan}`,\r\n })\r\n }\r\n style={{\r\n borderBottom: \"2px solid #80bce3\",\r\n paddingBottom: 3,\r\n fontFamily: \"SourceSansPro-SemiBold\",\r\n }}\r\n className=\"tabledata_invname\"\r\n >\r\n {investor.Name}\r\n \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 {investor.Mobile}
\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 )}\r\n {!!this.state.errorMessage && (\r\n \r\n \r\n
*/}\r\n {this.state.active === NEW ? (\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 { 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\n\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 }\r\n}\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\nimport {\r\n getNewPurchaseFundList,\r\n validateSubBroker,\r\n getInvestorDetails,\r\n submitPurchaseData,\r\n showPurchaseConfirmation,\r\n} from \"shared/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 ALL,\r\n REGULAR,\r\n NO,\r\n YES,\r\n NEW_PURCHASE,\r\n NEW,\r\n NEWP,\r\n} from \"shared/store/types\";\r\nimport { Checkbox } from \"@material-ui/core\";\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 } from \".\";\r\nimport { INVESTOR_URL } from \"../investors\";\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) => detail.PAN === investorData.PAN && !!detail.Mobile\r\n );\r\n const Xemail = (revCD || []).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\r\n this.state = {\r\n emailId: { value: Email || \"\" },\r\n mobile: { value: Mobile || \"\" },\r\n arnCode: { value: token },\r\n invName: { value: this.props.investorData.invname || \"\" },\r\n fund: { value: \"105\" },\r\n category: { value: \"\" },\r\n scheme: { value: \"\" },\r\n minAmount: { value: \"\" },\r\n subArnCode: { value: \"\" },\r\n euinNo: { value: \"\" },\r\n radioValue: { value: \"no\" },\r\n subBrokerCode: { value: \"\" },\r\n isCombo: false,\r\n combo: { flag: \"\", disclamier: \"\", label: \"\" },\r\n showSmart: false,\r\n smart: { flag: \"yes\" },\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 params = {\r\n opt: \"AT\",\r\n plntype: REGULAR,\r\n fund: \"105\",\r\n };\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 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 handleChange = (label) => async (value) => {\r\n this.setState({ [label]: { value } });\r\n if (!value) {\r\n this.setState({\r\n [label]: { value: \"\" },\r\n category: { value: \"\" },\r\n scheme: { value: \"\" },\r\n minCost: \"\",\r\n euinNo: { value: \"\" },\r\n showSmart: false,\r\n });\r\n } else if (value.value === this.state.fund.value.value) {\r\n return;\r\n } else {\r\n let params = { plntype: REGULAR };\r\n params = { ...params, opt: \"AT\", fund: value.value };\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 if (response) {\r\n this.setState({\r\n [label]: { value },\r\n category: { value: \"\" },\r\n scheme: { value: \"\" },\r\n minCost: \"\",\r\n euinNo: { value: \"\" },\r\n showSmart: false,\r\n });\r\n }\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: \"105\",\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) {\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: \"105\",\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 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.replace(/^0+/, \"\") },\r\n });\r\n } else 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 === \"subArnCode\" || label === \"subBrokerCode\") {\r\n if (/^\\d{0,15}$/.test(event.target.value)) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n return;\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a valid Number\",\r\n },\r\n });\r\n return;\r\n }\r\n } else if (label === \"invName\") {\r\n if (/^[A-Za-z ]{0,50}$/.test(event.target.value)) {\r\n this.setState({\r\n [label]: { value: event.target.value },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Enter a valid Name`,\r\n },\r\n });\r\n }\r\n } else if (label === \"emailId\") {\r\n if (this.state.emailId.value.length > 50) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Enter a valid Email Address *\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value: event.target.value,\r\n isError: false,\r\n errorMessage: \"\",\r\n },\r\n });\r\n }\r\n } else if (\r\n label !== \"mobile\" &&\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 (!this.state.minAmount.value) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Investment Amount is Mandatory*`,\r\n },\r\n });\r\n } else if (this.state.minCost > this.state.minAmount.value) {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: `(Amount should be atleast ₹${this.state.minCost})`,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: false,\r\n errorMessage: \"\",\r\n },\r\n });\r\n }\r\n } else if (label === \"emailId\") {\r\n if (!this.state.emailId.value) {\r\n this.setState({\r\n [label]: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"EmailId is Mandatory*\",\r\n },\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 )\r\n ) {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: false,\r\n errorMessage: \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: `Enter a valid Email Address*`,\r\n },\r\n });\r\n }\r\n } else if (label === \"mobile\") {\r\n if (\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: false,\r\n errorMessage: \"\",\r\n },\r\n });\r\n } else if (this.state.mobile.value === \"\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: `Mobile is Mandatory*`,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: `Enter a valid Mobile Number *`,\r\n },\r\n });\r\n }\r\n } else if (label === \"invName\") {\r\n if (!/^[A-Za-z ]{4,50}$/.test(this.state.invName.value)) {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: `Enter a valid Name`,\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: this.state.invName.value === \"\" ? true : false,\r\n errorMessage:\r\n this.state.invName.isError && `Investor Name 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\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 invName,\r\n euinNo,\r\n minCost,\r\n subBrokerCode,\r\n showSmart,\r\n fund,\r\n multiples,\r\n smart,\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 (this.state.euinNo.value === \"\") {\r\n this.setState({\r\n euinNo: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"EUIN Declaration is Mandatory*\",\r\n },\r\n });\r\n }\r\n\r\n if (this.state.invName.value === \"\") {\r\n this.showError(\"invName\");\r\n this.invNameField.focus();\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 ? \"Category\"\r\n : key === \"scheme\"\r\n ? \"Scheme\"\r\n : key === \"minAmount\"\r\n ? \"Investment Amount\"\r\n : key === \"mobile\"\r\n ? \"Mobile \"\r\n : key[0].toUpperCase() + key.substr(1)\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 \"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 }\r\n } else if (invName.value === \"\") {\r\n this.showError(\"invName\");\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 (minCost > others.minAmount.value) {\r\n this.setState({\r\n minAmount: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: `Minimum amount should be ₹${minCost} `,\r\n },\r\n });\r\n this.minAmountField.focus();\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 a Vaild Email address`,\r\n },\r\n });\r\n this.emailIdField.focus();\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\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 this.mobileField.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 !/^[+]\\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 } else {\r\n const plan = this.state.scheme.value.value.split(\"~\");\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~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 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: \"105\",\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: \"P\",\r\n ModuleName: \"Webile\",\r\n countrycode: this.state.code.value,\r\n fEmailFlag: this.state.Family_Code_Email.value.value,\r\n fMobileFlag: this.state.Family_Code_Phone.value.value,\r\n };\r\n\r\n const response = await this.props.submitPurchaseData(params);\r\n\r\n if (!!response && !response.error) {\r\n const {\r\n DtData: [purchaseData],\r\n } = response;\r\n const confirmationParams = {\r\n Trtype: PURCHASE,\r\n fund: \"105\",\r\n Refno: purchaseData.refno,\r\n ModuleName: \"Webile\",\r\n };\r\n const confirmationResponse = await this.props.showPurchaseConfirmation(\r\n confirmationParams\r\n );\r\n\r\n if (!!confirmationResponse && !confirmationResponse.error) {\r\n this.props.history.push({\r\n pathname:\r\n INVESTOR_URL + \"/transction-types/nfo-new-purchase/confirm\",\r\n state: {\r\n title: \"NEW FOLIO PURCHASE SUMMARY\",\r\n pan: !!state && !!state.pan ? state.pan : \"\",\r\n InvestorEmail: this.state.emailId.value,\r\n orginalScheme: this.state.scheme.value.label,\r\n InvestorMobile: this.state.mobile.value,\r\n scheme: { Fund: \"105\" },\r\n type: NEW_PURCHASE,\r\n arnCode: this.state.arnCode.value,\r\n },\r\n });\r\n } else if (!!confirmationResponse.error) {\r\n alert(`${confirmationResponse.error}`);\r\n }\r\n } else if (!!response && !!response.error) {\r\n alert(`${response.error}`);\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 changeSmart = (event) => {\r\n this.setState({\r\n smart: { flag: event.target.value },\r\n });\r\n };\r\n\r\n render() {\r\n const { fundsList, schemeList, categoryList, euinList } = this.props;\r\n const {\r\n emailId,\r\n mobile,\r\n arnCode,\r\n fund,\r\n invName,\r\n category,\r\n combo,\r\n scheme,\r\n subArnCode,\r\n radioValue,\r\n euinNo,\r\n minAmount,\r\n subBrokerCode,\r\n smart,\r\n showSmart,\r\n isCombo,\r\n Family_Code_Email,\r\n Family_Code_Phone,\r\n code,\r\n } = this.state;\r\n const { location } = this.props;\r\n const { state } = location;\r\n\r\n return (\r\n \r\n
\r\n New Folio Purchase
\r\n\r\n {/* \r\n
*/}\r\n\r\n {/* {!!state && !!state.pan && ( */}\r\n AMC
\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 \r\n Mobile Family Description\r\n
\r\n \r\n (this.codeField = 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 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 ({\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\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=\"rgba(0, 0, 0, 0.5)\"\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 isShowError={subBrokerCode.isError}\r\n errorMessage={subBrokerCode.errorMessage}\r\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\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 Declaration*
\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 errorMessage={euinNo.errorMessage}\r\n placeholder=\"Choose EUIN\"\r\n handleChange={this.changeEuin(\"euinNo\")}\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 Declaration 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 advice by\r\n any personnel of the above distributor or notwithstanding the\r\n advice of in-appropriateness,if any provided by any personnel of\r\n the distributor and the distributor has not charged any advisory\r\n fees on this transaction\r\n
\r\n )}\r\n\r\n \r\n
\r\n Social
;\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 { Input } from \"../../forms/input\";\r\nimport CustomizedSelect from \"../../home/transactions/customizedSelect\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport { connect } from \"react-redux\";\r\nimport { SucesssPopUp } from \"../../home/customModal\";\r\nimport Signbutton from \"../../forms/button\";\r\nimport { getDistPostQuery, getComplaint } from \"shared/store/actions/support\";\r\nconst BUILD_URL = process.env.PUBLIC_URL;\r\nexport class Support extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n supportQueries: { value: \"\" },\r\n comments: { value: \"\" },\r\n open: false,\r\n response: \"\"\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n this.props.getDistPostQuery();\r\n }\r\n\r\n handleChangeSupportQueries = event => {\r\n this.setState({\r\n supportQueries: { value: event.target.value }\r\n });\r\n };\r\n handleChangeCommentsChange = event => {\r\n this.setState({\r\n comments: { value: event.target.value }\r\n });\r\n };\r\n closeModal() {\r\n this.setState({\r\n open: false\r\n });\r\n this.props.history.push(BUILD_URL + \"/\");\r\n }\r\n\r\n submit = async () => {\r\n const {\r\n supportQueries: { value }\r\n } = this.state;\r\n if (!value) {\r\n this.setState({\r\n supportQueries: {\r\n value,\r\n isError: true,\r\n errorMessage: \"Please select support query\"\r\n }\r\n });\r\n return;\r\n }\r\n if (!this.state.comments.value) {\r\n this.setState({\r\n comments: {\r\n value: \"\",\r\n isError: true,\r\n errorMessage: \"Please enter a query message\"\r\n }\r\n });\r\n return;\r\n }\r\n\r\n const body = {\r\n APKVer: \"Mi43Ljc5\\n\",\r\n AcNo: \"MA==\",\r\n Adminpassword: \"a2FydnkxMjM0JTI0\",\r\n Adminusername: \"c21hcnRzZXJ2aWNl\",\r\n Agent: \"\",\r\n AppNo: \"MA==\",\r\n ChqNo: \"MA==\",\r\n Comments: btoa(this.state.comments.value),\r\n EmailID: \"AA==\",\r\n Fund: \"MA==\",\r\n IMEI: \"MzU4MTg4MDcyNjA3MDE0\\n\",\r\n InvName: \"AA==\",\r\n OS: \"QW5kcm9pZA==\\n\",\r\n QrySub: \"AA==\",\r\n ReqBy: \"QQ==\\n\",\r\n Selqry: btoa(this.state.supportQueries.value),\r\n TrnDate: \"AA==\",\r\n convenience: \"\",\r\n transaction: \"\",\r\n experience: \"\"\r\n };\r\n const response = await this.props.getComplaint(body);\r\n if (response) {\r\n const {\r\n Dtinformation: [info]\r\n } = response;\r\n\r\n this.setState({\r\n supportQueries: { value: \"\" },\r\n open: true,\r\n response: response.Dtinformation[0].Error_Message,\r\n comments: { value: \"\" }\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n const { supportQueries } = this.state;\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n Raise a Query
\r\n \r\n
\r\n \r\n \r\n {this.props.supportQueries.map((item, index) => (\r\n \r\n ))}\r\n \r\n
\r\n Query Option
\r\n \r\n \r\n {this.state.comments.errorMessage}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n Query Message (optional)
\r\n \r\n
\r\n \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 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 {fromYear} - {toYear}\r\n
\r\n\r\n \r\n \r\n {confirmation===\"Submitted\"?`Self Declaration ${confirmation}`:confirmation}\r\n
\r\n \r\n \r\n \r\n Your Feedback is important to us. This way we can keep improving our\r\n Website\r\n
\r\n\r\n Feedback
\r\n \r\n \r\n Convenience\r\n
\r\n \r\n \r\n Transaction\r\n
\r\n \r\n \r\n Overall Experience\r\n
\r\n\r\n \r\n \r\n {numbers.map((item, index) => (\r\n \r\n {item}\r\n
\r\n ))}\r\n \r\n Not Satisfied
\r\n Really Satisfied
\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, userId } = authReducer;\r\n return {\r\n token,\r\n userId\r\n };\r\n },\r\n { getComplaint }\r\n)(Feedback);\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\nimport { BUILD_URL } from \"../home\";\r\nimport { connect } from \"react-redux\";\r\nimport CustomLoading from \"../CustomLoader\";\r\n\r\nclass DisplayCards extends Component {\r\n render() {\r\n const { classes } = 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","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: 80,\r\n minHeight: 80,\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n paddingLeft: 20,\r\n borderBottom: \"1px solid #E8EFF6\",\r\n },\r\n appBar: {\r\n width: `100%`,\r\n minHeight: 80,\r\n maxHeight: 80,\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 margin: \"100px 30px 100px 30px\",\r\n backgroundColor: theme.palette.background.default,\r\n },\r\n appbaricons: {\r\n marginLeft: 20,\r\n marginTop: 20,\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: 5,\r\n marginRight: 20,\r\n },\r\n lastlogindiv: {\r\n display: \"flex\",\r\n marginRight: 50,\r\n },\r\n lastloginmain: {\r\n color: \"gray\",\r\n fontSize: 14,\r\n marginLeft: 5,\r\n fontFamily: \"SourceSansPro-Regular\",\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: 25,\r\n },\r\n profileimage: {\r\n background: \"rgba(218, 37, 29, 0.18)\",\r\n display: \"flex\",\r\n color: \"#1F317F\",\r\n fontSize: 22,\r\n fontFamily: \"SourceSansPro-SemiBold\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n height: 60,\r\n width: 60,\r\n marginRight: 0,\r\n borderRadius: \"50%\",\r\n },\r\n profileRole: {\r\n // backgroundColor: \"#e5f2f9\",\r\n padding: \"5px 20px 5px 10px\",\r\n borderTopRightRadius: 30,\r\n borderBottomRightRadius: 30,\r\n },\r\n profileRoletext: {\r\n color: \"#586a82\",\r\n fontFamily: \"SourceSansPro-Regular\",\r\n fontSize: 12,\r\n },\r\n profileRolesubtext: {\r\n color: \"#137ebf\",\r\n fontFamily: \"SourceSansPro-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 rgba(0, 0, 0, 0.5px)\",\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: \"#4E4E4E\",\r\n fontSize: 15,\r\n marginTop: 10,\r\n fontFamily: \"SourceSansPro-SemiBold\",\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 fontFamily: \"SourceSansPro-SemiBold\",\r\n color: \"rgba(24, 42, 70, 0.8)\",\r\n textAlign: \"center\",\r\n marginTop: 2,\r\n },\r\n profilediv: {\r\n paddingBottom: 15,\r\n },\r\n profilenamesubtext: {\r\n color: \"#1f317f\",\r\n fontSize: 13,\r\n marginLeft: 5,\r\n marginTop: 2,\r\n fontFamily: \"SourceSansPro-Regular\",\r\n },\r\n combined: {\r\n margin: \"10px 0px\",\r\n },\r\n list: {\r\n margin: \"0px 4px 0px 0px\",\r\n\r\n padding: \"20px 0px\",\r\n paddingBottom: 120,\r\n overflow: \"auto\",\r\n },\r\n listImage: {\r\n marginLeft: 12,\r\n height: 15,\r\n },\r\n listTextActive: {\r\n fontSize: 14,\r\n marginLeft: 15,\r\n color: \"#00579B\",\r\n fontFamily: \"SourceSansPro-SemiBold\",\r\n },\r\n\r\n listText: {\r\n fontSize: 15,\r\n marginLeft: 12,\r\n color: \"#2D3034\",\r\n fontFamily: \"SourceSansPro-Regular\",\r\n },\r\n});\r\n\r\nexport const dashboardStyles = (theme) => ({\r\n card: {\r\n display: \"flex\",\r\n width: \"33%\",\r\n maxWidth: \"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 },\r\n details: {\r\n margin: \"0px 20px\",\r\n },\r\n name: {\r\n fontSize: 14,\r\n fontFamily: \"SourceSansPro-Regular\",\r\n },\r\n count: {\r\n fontFamily: \"SourceSansPro-Bold\",\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 { 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\nimport { BUILD_URL } from \"../home\";\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 \"shared/store/types\";\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 \"Active Investors\",\r\n \"Inactive Investors\",\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 {nameArray.includes(this.props.name) ? (\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
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n \r\n 0 && !earnings.length ? true : false}\r\n display={true}\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 ({ transactions, authReducer, loading }) => {\r\n const { earnings } = transactions;\r\n const { token } = authReducer;\r\n const { count } = loading;\r\n return { token, earnings, count };\r\n },\r\n { getFundWiseEarnings }\r\n)(MyEarnings);\r\n\r\nexport class EarningsBlock extends Component {\r\n render() {\r\n const { earning, index } = this.props;\r\n return (\r\n My Earnings
\r\n {count > 0 && !earnings.length ? (\r\n \r\n
\r\n \r\n
\r\n {!!earnings.length ? (\r\n earnings.map((earning, index) => (\r\n \r\n Brokerage Details(Last 6 Months)\r\n
\r\n \r\n Total:
\r\n No Data Found
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport DisplayCards from \"./displaycards\";\r\nimport DisplaySimpleCards from \"./displaySimpleCards\";\r\nimport TabHeader from \"../../forms/tabHeader\";\r\nimport PieDiagram from \"./piechart\";\r\nimport { ALL } from \"shared/store/types\";\r\nimport { Paper } from \"@material-ui/core\";\r\nimport \"react-loader-spinner/dist/loader/css/react-spinner-loader.css\";\r\nimport moment from \"moment\";\r\nimport { FormatCurrency } from \"../currencyFormatter\";\r\nimport {\r\n getDashboardData,\r\n getAumData,\r\n getInvestors,\r\n getFrequentMailBackRequest,\r\n getInvestorDetails,\r\n getDashboardDataAum,\r\n getSipSummary,\r\n} from \"shared/store/actions\";\r\nimport { getMailbackList } from \"shared/store/actions/mailback\";\r\nimport {\r\n getProfileData,\r\n KARVY_STOCK_BROKING_LIMITED,\r\n SAMCO_STOCK,\r\n} from \"shared/store/actions/profile\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n AUTHORIZATION_PENDING,\r\n AUTHORIZATION_APPROVED,\r\n AUTHORIZATION_EXPIRED,\r\n INACTIVE_INVESTORS,\r\n ACTIVE_INVESTORS,\r\n NEW_INVESTORS,\r\n EXPIRING_NEXT_MONTH,\r\n CLOSED_THIS_MONTH,\r\n SIP_INVESTMENTS,\r\n} from \"shared/store/types\";\r\nimport { BUILD_URL } from \"../home\";\r\nimport { MyEarnings_URL } from \"../myEarnings\";\r\n\r\nclass Dashboard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n date: new Date().toLocaleDateString(),\r\n reports: [],\r\n report: { value: \"\" },\r\n Tab: \"AUM_SUMMARY\",\r\n };\r\n }\r\n\r\n goToRoute = (path) => () => {\r\n this.props.history.push({\r\n pathname: BUILD_URL + \"/dashboard/transaction-summary\",\r\n state: {\r\n active: path,\r\n },\r\n });\r\n };\r\n\r\n goToSIPRoute = (path) => () => {\r\n this.props.history.push({\r\n pathname: BUILD_URL + \"/dashboard/SipSummaryTypes\",\r\n state: {\r\n active: path,\r\n },\r\n });\r\n };\r\n\r\n async componentDidMount() {\r\n this.props.getProfileData({\r\n Agent: this.props.token,\r\n UserId: this.props.userId,\r\n });\r\n\r\n const body = {\r\n AgentCode: this.props.token,\r\n UserId: this.props.userId,\r\n DateVal: moment(new Date()).format(\"MM-DD-YYYY\"),\r\n };\r\n this.props.getDashboardDataAum(body);\r\n\r\n this.props.getDashboardData({\r\n AgentCode: this.props.token,\r\n });\r\n\r\n this.props.getInvestors({\r\n ARN: this.props.token,\r\n AllFavFlag: ALL,\r\n });\r\n\r\n const sipParams = {\r\n Uid: this.props.userId,\r\n AgentCode: this.props.token,\r\n DateVal: moment(new Date()).format(\"MM-DD-YYYY\"),\r\n };\r\n const api =\r\n this.props.token === \"ARN-0018\"\r\n ? \"\"\r\n : this.props.getSipSummary(sipParams);\r\n\r\n const response = await this.props.getMailbackList();\r\n if (response) {\r\n this.setState({\r\n reports: response.DtData,\r\n });\r\n }\r\n }\r\n handleChangeSubReports = (value) => () => {\r\n this.props.history.push({\r\n pathname: `${process.env.PUBLIC_URL}/mailBackRequest`,\r\n state: {\r\n value: value,\r\n },\r\n });\r\n };\r\n\r\n currencyConverter = (value) => {\r\n if (Math.abs(Number(value)) >= 1.0e5) {\r\n return `${parseInt(Math.abs(Number(value)) / 1.0e5)} Lacs`;\r\n } else if (Math.abs(Number(value)) >= 1.0e7) {\r\n return `${parseInt(Math.abs(Number(value)) / 1.0e7)} Cr`;\r\n } else if (Math.abs(Number(value)) >= 1.0e3) {\r\n return `${parseInt(Math.abs(Number(value)) / 1.0e3)} K`;\r\n } else {\r\n return Math.abs(Number(value));\r\n }\r\n };\r\n\r\n handleChangeTab = (label) => () => {\r\n this.setState({\r\n Tab: label,\r\n });\r\n };\r\n\r\n gotoNfo = () => {\r\n this.props.history.push(`${process.env.PUBLIC_URL}/dashboard/nfo-funds`);\r\n };\r\n gotoEarnings = () => {\r\n this.props.history.push(`${process.env.PUBLIC_URL}/my-earnings`);\r\n };\r\n\r\n //transaction-summary // kebab case // route names , css class names\r\n //transactionSummary // camel case // variables, function names.\r\n //transaction_summary // snake case //\r\n //TransactionSummary // PascalCase //Class names\r\n\r\n render() {\r\n const {\r\n transactionSummary,\r\n my_aum,\r\n numberofschemes,\r\n profileData,\r\n dashboardAUMData,\r\n sipSummaryData,\r\n } = this.props;\r\n const AmcAumList =\r\n !!dashboardAUMData && dashboardAUMData.Table4\r\n ? dashboardAUMData.Table2\r\n : [];\r\n\r\n const SipAumList =\r\n !!sipSummaryData && !!sipSummaryData.DtData ? sipSummaryData.DtData : [];\r\n\r\n const AUMDetails =\r\n !!dashboardAUMData && dashboardAUMData.Table3\r\n ? dashboardAUMData.Table3\r\n : [];\r\n const AUMPieData =\r\n !!dashboardAUMData && dashboardAUMData.DtData\r\n ? dashboardAUMData.DtData.map((ele) => ({\r\n name: ele.category,\r\n value: ele.aum_percent,\r\n ruppess: ele.aum,\r\n }))\r\n : [];\r\n return (\r\n {earning.BankName}
\r\n \r\n
\r\n\r\n \r\n
\r\n Period:
\r\n \r\n {earning.Fromdate} to {earning.ToDate}\r\n
\r\n \r\n
\r\n Amount
\r\n \r\n
\r\n \r\n {/*\r\n\r\n \r\n
\r\n */}\r\n\r\n \r\n {profileData.Distributor_Name} Portfolio\r\n
\r\n {!!this.props.tran_enable_flag &&\r\n this.props.tran_enable_flag === \"N\" && (\r\n \r\n {profileData.Distributor_Name} Portfolio\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(\"MMM DD, 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 \r\n \r\n \r\n No Data Found\r\n
\r\n )}\r\n \r\n \r\n Asset Class Wise Investment Break Up\r\n
\r\n {!!AUMPieData.length ? (\r\n \r\n TRANSACTION SUMMARY\r\n \r\n (as on{\" \"}\r\n \r\n {moment(new Date(), \"DD/MM/YYYY\").format(\"MMM DD, 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 {!!this.state.reports &&\r\n this.state.reports.map((item) => (\r\n \r\n
\r\n )}\r\n\r\n {this.state.Tab === \"SIP_SUMMARY\" && (\r\n \r\n
\r\n )}\r\n\r\n {this.state.Tab === \"AUM_SUMMARY\" && (\r\n \r\n
\r\n {SipAumList.map((item, index) => (\r\n \r\n
\r\n \r\n {!!AmcAumList && AmcAumList.length > 0 ? (\r\n AmcAumList.map((item, index) => (\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 } = 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 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\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 \r\n \r\n \r\n
\r\n \r\n \r\n {value.descr}\r\n
\r\n Investors
\r\n \r\n
\r\n {/* \r\n Brokerage Details{\" \"}\r\n \r\n {\" \"}\r\n (Last 6 Months)\r\n \r\n
\r\n \r\n {!!title ?
\r\n \r\n );\r\n }\r\n}\r\n\r\n// NFO CODE\r\n\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 \r\n Name\r\n
\r\n \r\n \r\n {!!date ? date : \"NA\"}\r\n
\r\n \r\n \r\n \r\n Date\r\n
\r\n \r\n
\r\n \r\n \r\n {!!type ? type : \"NA\"}\r\n
\r\n \r\n Type\r\n
\r\n \r\n \r\n {!!contact ? contact : \"NA\"}\r\n
\r\n \r\n \r\n \r\n Contact\r\n
\r\n \r\n Amount\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 { 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 \"shared/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 ? tableData.map((ele, index) => (\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 {ele.name}\r\n
\r\n\r\n \r\n {ele.funddesc}\r\n
\r\n\r\n \r\n {ele.pangir}\r\n
\r\n\r\n \r\n {ele.mobile}\r\n
\r\n\r\n \r\n {ele.email}\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\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 \r\n PAN\r\n
\r\n \r\n \r\n {!!mobile ? mobile : \"NA\"}\r\n
\r\n \r\n \r\n \r\n Mobile\r\n
\r\n \r\n \r\n {!!email ? email : \"NA\"}\r\n
\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 \"shared/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 \r\n Email\r\n
\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 {!!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 Currently there are no active NFOs 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 console.log(link, LocationScheme, \"sldfjkldsf\");\r\n return (\r\n \r\n {ele.fund === \"105\" && (\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 { LocalActivityOutlined } from \"@material-ui/icons\";\r\nimport Signbutton from \"../../forms/button\";\r\nimport {\r\n validateSubBroker,\r\n NfoSchemesSubmission,\r\n getNfoSchemes,\r\n} from \"shared/store/actions\";\r\nimport { NO, YES } from \"shared/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 };\r\n }\r\n async componentDidMount() {\r\n const { location, nfoSchemes } = this.props;\r\n if (!!location && !!location.fund && !!location.scheme) {\r\n const params = {\r\n Fund: \"105\",\r\n SubAgentCd: \"\",\r\n AgentCd: this.props.token,\r\n };\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) => String(ele.fund).trim() === \"105\"\r\n );\r\n this.setState({\r\n FundSchemes: filteredSchemes,\r\n });\r\n } else {\r\n const params = { fund: \"105\" };\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) =>\r\n String(ele.fund).trim() === \"105\" &&\r\n ele.scheme_desc.toUpperCase().includes(location.scheme)\r\n );\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(`${process.env.PUBLIC_URL}/dashboard/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 ...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: \"105\",\r\n scheme: this.state.scheme.value.value,\r\n userid: this.props.userId,\r\n invdistflag: \"P\",\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 });\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: `${process.env.PUBLIC_URL}/dashboard/nfo-funds`,\r\n link: this.state.nfoLink,\r\n fund: \"105\",\r\n scheme: this.state.scheme.value.label,\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 \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=\"rgba(0, 0, 0, 0.5)\"\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=\"AMC\"\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 Scheme
\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=\"rgba(0, 0, 0, 0.5)\"\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","import React, { Component } from \"react\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\n// import mailBackSoa from \"./mailBackSoa\";\r\nimport { MAILBACK_URL } from \".\";\r\nimport { BUILD_URL } from \"../home\";\r\nimport {MailBackSoaIcon,CASIcon,ELSSIcon,CANIcon,CGSIcon,GASIcon,networthIcon,mailbackRightarrow} from \"../../forms/appEssentials\";\r\n\r\nexport default class MailBackInvestor extends Component {\r\n render() {\r\n return (\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 Mail Back Request – 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 {this.props.name}\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 \"shared/store/types\";\r\nimport { connect } from \"react-redux\";\r\nimport { getInvestors } from \"shared/store/actions\";\r\nimport { MAILBACK_URL } from \".\";\r\nimport { BUILD_URL } from \"../home\";\r\nimport { dashboardActive } from \"../../forms/appEssentials\";\r\n\r\nclass InvestorSelection extends Component {\r\n componentDidMount() {\r\n this.props.getInvestors({ ARN: this.props.token, AllFavFlag: \"P\" });\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 { getInvestors }\r\n)(InvestorSelection);\r\n","import React, { Component } from \"react\";\r\n\r\nexport default class SubmitRequest extends Component {\r\n render() {\r\n return \r\n
\r\n \r\n this.props.history.push(MAILBACK_URL + \"/investor\")}\r\n className=\"breadcrumbs-unselect-label\"\r\n style={{cursor:\"pointer\"}}\r\n >\r\n Mail Back Types\r\n \r\n
\r\n\r\n\r\n Investors Selection
\r\n \r\n sumbit process
;\r\n }\r\n}\r\n","export var ASON = \"ASON\";\nexport var BETWEEN = \"BETWEEN\";\nexport var SINGLESOA = \"SINGLESSOA\";\nexport var MULTISOA = \"MULTISOA\";\nexport var SUMMARY = \"SUMMARY\";\nexport var DETAILED = \"DETAILED\";\nexport var CURRENTFINANCIALYEAR = \"CURRENTFINANCIALYEAR\";\nexport var PREVIOUSFINANCIALYEAR = \"PREVIOUSFINANCIALYEAR\";\nexport var SPECIFICPERIOD = \"SPECIFICPERIOD\";","import React,{Component} from \"react\";\r\nimport MailbackRouter from \"./mailBackRoutes\";\r\nimport Breadcrumbs from \"@material-ui/core/Breadcrumbs\";\r\nimport NavigateNextIcon from \"@material-ui/icons/NavigateNext\";\r\nimport { BUILD_URL } from \"../home\";\r\nimport { dashboardActive } from \"../../forms/appEssentials\";\r\n\r\nconst MAILBACK_URL = `${process.env.PUBLIC_URL}/mailBackRequest`;\r\n\r\nexport default class MailBackComponent extends Component {\r\n render (){\r\n return (\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}","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 \"shared/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 \"shared/store/types\";\r\nimport {\r\n getInvestorDetails,\r\n getNewPurchaseFundList,\r\n} from \"shared/store/actions\";\r\nimport {\r\n getDistFoliobyPan,\r\n getMailbackSoaStatus,\r\n // getNewPurchaseFundList\r\n} from \"shared/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 { MailBackBreadCrumb } from \"./mailback\";\r\nimport { SundaramMutualFund } from \"../transactions/newPurchaseForm\";\r\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\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 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: \"105\",\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: value.value,\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 DateON,\r\n fromDate,\r\n toDate,\r\n funds,\r\n fund,\r\n folios,\r\n folio,\r\n soaValue,\r\n showPassword,\r\n confirmShowPassword,\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 if (!findError) {\r\n keys.forEach((key) => {\r\n !others[key].value &&\r\n this.setState({ [key]: { ...others[key], isError: true ,errorMessage:`${key===\"selfPassword\"?\"Self-Password\":key===\"ConfirmSelfPassword\"?\"Confirm Self-Password\":\"\"} is mandatory` } });\r\n });\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 others.selfPassword.value === \"\" ||\r\n others.selfPassword.value !== others.ConfirmSelfPassword.value\r\n ) {\r\n if (others.selfPassword.value === \"\") {\r\n this.setState({\r\n password: {\r\n ...others[\"selfPassword\"],\r\n isError: true,\r\n errorMessage: `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 password: {\r\n ...others[\"ConfirmSelfPassword\"],\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: `password is mandatory`,\r\n },\r\n });\r\n return;\r\n } else if (\r\n !!d2 &&\r\n !!d3 &&\r\n (d2 > d3 || d2 === d3) &&\r\n this.state.DateON !== ASON\r\n ) {\r\n this.setState({\r\n toDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"(*From Date Should less than to 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 },\r\n });\r\n }\r\n if (this.state.toDate.value === null) {\r\n this.setState({\r\n toDate: { error: true },\r\n });\r\n }\r\n } else {\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: \"105\",\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\r\n\r\n const response = await this.props.getMailbackSoaStatus(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 showError = (label) => (event) => {\r\n const {\r\n [label]: { value },\r\n } = this.state;\r\n\r\n if (label === \"selfPassword\") {\r\n if (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\r\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\r\n this.setState({\r\n selfPassword: {\r\n value:this.state.selfPassword.value,\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\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 address )`\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 if (label === \"toDate\" && !!this.state.fromDate.value && !!event ) {\r\n const reformtStDt = 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 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\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|| 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 // 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 this.props.history.push(MAILBACK_URL + \"/investor\")}\r\n className=\"breadcrumbs-unselect-label\"\r\n style={{cursor:\"pointer\"}}\r\n >\r\n Mail Back Types\r\n \r\n
\r\n\r\n\r\n\r\n this.props.history.push({\r\n pathname:MAILBACK_URL + \"/investor/investor-selection\",\r\n state:\r\n !!this.props.investorData ?\r\n { name: !!name && name === \"Mail Back SOA\"?\"mailBackSoa\":name===\"Consolidated Account Statment\"?\"consolidated\":name===\"ELSS Account Statement\"?\"ELSS\":name===\"CAN Based Account Statement\"?\"CAN\":name===\"Capital Gains Account Statement\"?\"CGS\":name===\"Grandfathering Account Statement\"?\"GAS\":name===\"Networth Report\"?\"Networth\":\"Networth\",\r\n investorData: this.props.investorData\r\n } :\r\n {\r\n name:!!name && name === \"Mail Back SOA\"?\"mailBackSoa\":name===\"Consolidated Account Statment\"?\"consolidated\":name===\"ELSS Account Statement\"?\"ELSS\":name===\"CAN Based Account Statement\"?\"CAN\":name===\"Capital Gains Account Statement\"?\"CGS\":name===\"Grandfathering Account Statement\"?\"GAS\":name===\"Networth Report\"?\"Networth\":\"Networth\",\r\n }}\r\n )}\r\n >\r\n Investors Selection\r\n \r\n {this.props.name===\"Mailback SOA\"?\"Mail Back SOA\":this.props.name}
\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\nimport { BUILD_URL } from \"../home\";\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport { getAccountStatement } from \"shared/store/actions/mailback\";\r\nimport {\r\n SUMMARY,\r\n DETAILED,\r\n CURRENTFINANCIALYEAR,\r\n PREVIOUSFINANCIALYEAR,\r\n SPECIFICPERIOD,\r\n} from \"shared/store/types/mailBack\";\r\nimport CustomizedDialogs from \"../../home/customModal\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\n\r\nimport { MAILBACK_URL } from \".\";\r\nimport moment from \"moment\";\r\nimport { MailBackBreadCrumb } from \"./mailback\";\r\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\r\nimport investorData from \"../investors/investorData\";\r\n\r\nclass Cas extends Component {\r\n constructor(props) {\r\n super(props);\r\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)).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 GetEmail = this.props.communicationDetails.find((ele)=>ele.PAN === this.props.investorData.PAN && !!ele.email)\r\n\r\n this.state = {\r\n summaryData: SUMMARY,\r\n DetailedData: CURRENTFINANCIALYEAR,\r\n AsDate: new Date(),\r\n startDate: {\r\n value:d2 > d3? new Date(\r\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\r\n ):new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ),\r\n error: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: GetEmail.email },\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(new Date().setFullYear(new Date().getFullYear(), 3, 1)).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 const GetEmail = this.props.communicationDetails.find((ele)=>ele.PAN === this.props.investorData.PAN && !!ele.email)\r\n this.setState({\r\n summaryData: SUMMARY,\r\n DetailedData: CURRENTFINANCIALYEAR,\r\n AsDate: new Date(),\r\n startDate: {\r\n value: d2 > d3? new Date(\r\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\r\n ):new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ),\r\n error: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: GetEmail.email },\r\n open: 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(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\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\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|| 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 // this.setState({ [label]: { value: event } });\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(new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)).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\r\n this.setState({\r\n DetailedData: event,\r\n startDate: {\r\n value: d2 > d3 ? new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\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:d4>d5?new Date(\r\n new Date().setFullYear(new Date().getFullYear()-1, 2, 31)\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(new Date().setFullYear(new Date().getFullYear(), 3, 1)).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:d2 > d3? new Date(\r\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\r\n ):new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ),\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 (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\r\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\r\n this.setState({\r\n selfPassword: {\r\n\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\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 a valid email address`\r\n // : \"\",\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\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(\r\n MAILBACK_URL +\r\n \"/investor/investor-selection/consolidated-account-statement\"\r\n );\r\n };\r\n closeNoModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.replace(process.env.PUBLIC_URL + \"/\");\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\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-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: `(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: `(ConfirmSelfPassword 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 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: `Enter a valid email address`,\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 {\r\n const {investorData} = this.props;\r\n const GetEmail = this.props.communicationDetails.find((ele)=>ele.PAN === this.props.investorData.PAN && !!ele.email)\r\n const params = {\r\n Soapwd: this.state.selfPassword.value,\r\n ToDate:\r\n this.state.summaryData === SUMMARY ? moment(new Date()).format(\"MM/DD/YYYY\") :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: \"105\",\r\n EmailId: GetEmail.email,\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\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\r\n\r\n Mail Back SOA
\r\n \r\n
\r\n {DateON === ASON ? (\r\n \r\n \r\n this.onDateChange(\"toDate\", e)}\r\n // openTo={true}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n maxDate={new Date()}\r\n // animateYearScrolling={true}\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 // openTo={true}\r\n style={{\r\n border:\r\n this.state.fromDate.error === true\r\n ? \"1px solid red\"\r\n : \"1px solid rgba(211, 211, 211)\",\r\n\r\n borderRadius:\r\n this.state.fromDate.error === true ? 7 : 7,\r\n marginTop:0,\r\n marginBottom:10\r\n }}\r\n disableFuture={true}\r\n format=\"dd/MM/yyyy\"\r\n maxDate={new Date()}\r\n margin=\"normal\"\r\n // animateYearScrolling={true}\r\n id=\"mui-pickers-date\"\r\n value={this.state.fromDate.value}\r\n />\r\n \r\n\r\n
\r\n Start Date
\r\n \r\n \r\n this.onDateChange(\"toDate\", e)}\r\n disabled={!this.state.fromDate.value}\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 Folio
\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 onBlur={this.showError(\"selfPassword\")}\r\n isShowError={selfPassword.isError}\r\n errorMessage={selfPassword.errorMessage}\r\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\r\n inputref={(ele) => (this.selfPasswordField = ele)}\r\n />\r\n
\r\n \r\n Password should be at least 8 characters in length and should contain at least 1 uppercase letter (A-Z), 1 special character and 1 numeric value (0-9)\r\n
\r\n \r\n \r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n })\r\n }\r\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\r\n height={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 bordercolor=\"rgba(0, 0, 0, 0.5)\"\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 ,communicationDetails} = authReducer;\r\n\r\n // const userid = authReducer.userId;\r\n return { investorData, userId,communicationDetails };\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\nimport { BUILD_URL } from \"../home\";\r\nimport moment from \"moment\";\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport { getElssStatment } from \"shared/store/actions/mailback\";\r\nimport {\r\n SUMMARY,\r\n DETAILED,\r\n CURRENTFINANCIALYEAR,\r\n PREVIOUSFINANCIALYEAR,\r\n SPECIFICPERIOD,\r\n} from \"shared/store/types/mailBack\";\r\nimport CustomizedDialogs from \"../../home/customModal\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { NEW_TRANSACTION_URL } from \"../transactions\";\r\nimport { MAILBACK_URL } from \".\";\r\nimport { MailBackBreadCrumb } from \"./mailback\";\r\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\r\n\r\nclass ELSS extends Component {\r\n constructor(props) {\r\n super(props);\r\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)).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 const GetEmail = this.props.communicationDetails.find((ele)=>ele.PAN === this.props.investorData.PAN && !!ele.email)\r\n this.state = {\r\n summaryData: SUMMARY,\r\n DetailedData: CURRENTFINANCIALYEAR,\r\n AsDate: new Date(),\r\n startDate: {\r\n value:d2 > d3? new Date(\r\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\r\n ):new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ),\r\n error: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: GetEmail.email },\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(new Date().setFullYear(new Date().getFullYear(), 3, 1)).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 const GetEmail = this.props.communicationDetails.find((ele)=>ele.PAN === this.props.investorData.PAN && !!ele.email)\r\n this.setState({\r\n summaryData: SUMMARY,\r\n DetailedData: CURRENTFINANCIALYEAR,\r\n AsDate: new Date(),\r\n startDate: {\r\n value: d2 > d3? new Date(\r\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\r\n ):new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ),\r\n error: \"\",\r\n },\r\n endDate: { value: new Date(), error: \"\" },\r\n ConfirmSelfPassword: { value: \"\" },\r\n selfPassword: { value: \"\" },\r\n email: { value: GetEmail.email },\r\n open: 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(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\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\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|| 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(new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)).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: d2 > d3 ? new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\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:d4>d5?new Date(\r\n new Date().setFullYear(new Date().getFullYear()-1, 2, 31)\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: new Date() },\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(new Date().setFullYear(new Date().getFullYear(), 3, 1)).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: d2 > d3? new Date(\r\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\r\n ):new Date(\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 (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\r\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\r\n this.setState({\r\n selfPassword: {\r\n\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 }\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 a valid email address`\r\n // : \"\",\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(\r\n MAILBACK_URL + \"/investor/investor-selection/ELSS\"\r\n );\r\n };\r\n closeNoModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.replace(BUILD_URL + \"/\");\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\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: `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: `ConfirmSelfPassword 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 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: `Enter a valid email address`,\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 {\r\n const {investorData} = this.props;\r\n const GetEmail = this.props.communicationDetails.find((ele)=>ele.PAN === this.props.investorData.PAN && !!ele.email)\r\n const params = {\r\n Soapwd: this.state.selfPassword.value,\r\n ToDate:\r\n this.state.summaryData === SUMMARY ? moment(new Date()).format(\"MM/DD/YYYY\") :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: \"105\",\r\n EmailId: GetEmail.email,\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 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\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 style={{\r\n marginTop:0,\r\n marginBottom:10\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
\r\n Start Date
\r\n \r\n \r\n this.onDateChange(\"endDate\", e)}\r\n disableFuture={true}\r\n disabled={\r\n DetailedData === SPECIFICPERIOD&&!!this.state.startDate.value ? 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 errorMessage={this.state.endDate.errorMessage}\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 Password should be at least 8 characters in length and should contain at least 1 uppercase letter (A-Z), 1 special character and 1 numeric value (0-9)\r\n
\r\n \r\n \r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n })\r\n }\r\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\r\n height={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\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const { investorData, userId,communicationDetails } = authReducer;\r\n // const userid = authReducer.userId;\r\n return { investorData, userId ,communicationDetails};\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\nimport { BUILD_URL } from \"../home\";\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker\r\n} from \"@material-ui/pickers\";\r\nimport { getcaptialgainStatment } from \"shared/store/actions/mailback\";\r\nimport {\r\n SUMMARY,\r\n DETAILED,\r\n CURRENTFINANCIALYEAR,\r\n PREVIOUSFINANCIALYEAR,\r\n SPECIFICPERIOD\r\n} from \"shared/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 { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\r\n\r\nclass CAN extends Component {\r\n constructor(props) {\r\n super(props);\r\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)).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:d2 > d3? new Date(\r\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\r\n ):new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ),\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(new Date().setFullYear(new Date().getFullYear(), 3, 1)).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: d2 > d3? new Date(\r\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\r\n ):new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ),\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(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\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|| 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 // this.setState({ [label]: event });\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(new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)).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: d2 > d3 ? new Date(\r\n new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\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:d4>d5?new Date(\r\n new Date().setFullYear(new Date().getFullYear()-1, 2, 31)\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(new Date().setFullYear(new Date().getFullYear(), 3, 1)).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: d2 > d3? new Date(\r\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\r\n ):new Date(\r\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\r\n ),\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 (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\r\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\r\n this.setState({\r\n selfPassword: {\r\n\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 }\r\n // else if (label === \"email\") {\r\n // this.setState({\r\n // [label]: {\r\n // value,\r\n // isError:\r\n // /^\\w+([\\.-]?\\w+)@\\w+([\\.-]?\\w+)(\\.\\w{2,3})+$/.test(\r\n // this.state.email.value\r\n // ) === false\r\n // ? true\r\n // : !value,\r\n // errorMessage:\r\n // /^\\w+([\\.-]?\\w+)@\\w+([\\.-]?\\w+)(\\.\\w{2,3})+$/.test(\r\n // this.state.email.value\r\n // ) === false\r\n // ? `(enter an vaild email address )`\r\n // : \"\"\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 // 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(\r\n MAILBACK_URL + \"/investor/investor-selection/CAN\"\r\n );\r\n };\r\n closeNoModal = () => {\r\n this.setState({\r\n open: false\r\n });\r\n this.props.history.replace(BUILD_URL + \"/\");\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: `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 Extraction 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: `Passwords do 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: \"From 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: \"To Date is Mandatory\"\r\n }\r\n });\r\n }\r\n } else if (!!d2 && !!d3 && (d2 > d3 || d2 === d3)) {\r\n this.setState({\r\n endDate: {\r\n value: null,\r\n isError: true,\r\n errorMessage: \"*From Date Should less than to Date\"\r\n }\r\n });\r\n } else {\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 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 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 style={{\r\n marginTop:0,\r\n marginBottom:10\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
\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 // 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 Password should be at least 8 characters in length and should contain at least 1 uppercase letter (A-Z), 1 special character and 1 numeric value (0-9)\r\n
\r\n \r\n \r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n })\r\n }\r\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\r\n height={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, { 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\nimport { BUILD_URL } from \"../home\";\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport { getcaptialgainStatment } from \"shared/store/actions/mailback\";\r\nimport {\r\n SUMMARY,\r\n DETAILED,\r\n CURRENTFINANCIALYEAR,\r\n PREVIOUSFINANCIALYEAR,\r\n SPECIFICPERIOD,\r\n} from \"shared/store/types/mailBack\";\r\nimport CustomizedDialogs from \"../../home/customModal\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { NEW_TRANSACTION_URL } from \"../transactions\";\r\nimport { MAILBACK_URL } from \".\";\r\nimport { formatDate } from \"../../forms/captalize\";\r\nimport { MailBackBreadCrumb } from \"./mailback\";\r\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\r\n\r\nclass CGS extends Component {\r\n constructor(props) {\r\n super(props);\r\n const GetEmail = this.props.communicationDetails.find((ele)=>ele.PAN === this.props.investorData.PAN && !!ele.email)\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:GetEmail.email },\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 (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\r\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\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 }\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 a valid email address`\r\n // : \"\",\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(\r\n MAILBACK_URL + \"/investor/investor-selection/CGS\"\r\n );\r\n };\r\n closeNoModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.replace(BUILD_URL + \"/\");\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(\"en-US\", {\r\n month: \"2-digit\",\r\n year: \"numeric\",\r\n day: \"2-digit\",\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\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|| 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 // this.setState({ [label]: { value: event } });\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: `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: `ConfirmSelfPassword 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 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: `Enter a valid email address`,\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) {\r\n this.setState({\r\n startDate: {\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.endDate.value) {\r\n this.setState({\r\n startDate: {\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 || d2 === d3) {\r\n this.setState({\r\n startDate: {\r\n value: null,\r\n error: true,\r\n errorMessage: \"(*From Date Should less than to Date)\",\r\n },\r\n });\r\n } else {\r\n const {investorData} = this.props;\r\n const GetEmail = this.props.communicationDetails.find((ele)=>ele.PAN === this.props.investorData.PAN && !!ele.email)\r\n const params = {\r\n fromdt: formatDate(this.state.startDate.value),\r\n todate: formatDate(this.state.endDate.value),\r\n trtype: \"WBCAP\",\r\n PAN: !!investorData && !!investorData.PAN ?investorData.PAN:\"\",\r\n Email: GetEmail.email,\r\n distCode: this.props.token,\r\n Password: this.state.selfPassword.value,\r\n distUid: this.props.userId,\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 // 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 style={{marginTop:0,marginBottom:10}}\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\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 // 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 {\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 {!selfPassword.isError &&
\r\n \r\n Password should be at least 8 characters in length and should contain at least 1 uppercase letter (A-Z), 1 special character and 1 numeric value (0-9)\r\n
}\r\n \r\n \r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n })\r\n }\r\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\r\n height={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\n}\r\n\r\nexport default connect(\r\n ({ authReducer }) => {\r\n const { investorData, userId, token ,communicationDetails} = authReducer;\r\n return { investorData, userId, token,communicationDetails };\r\n },\r\n { getcaptialgainStatment }\r\n)(CGS);\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\nimport { BUILD_URL } from \"../home\";\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker,\r\n} from \"@material-ui/pickers\";\r\nimport { getcaptialgainStatment } from \"shared/store/actions/mailback\";\r\nimport CustomizedDialogs from \"../../home/customModal\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { MAILBACK_URL } from \".\";\r\nimport { MailBackBreadCrumb } from \"./mailback\";\r\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\r\n\r\nclass GAS extends Component {\r\n constructor(props) {\r\n super(props);\r\n const GetEmail = this.props.communicationDetails.find((ele)=>ele.PAN === this.props.investorData.PAN && !!ele.email)\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: GetEmail.email },\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 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 (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\r\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\r\n this.setState({\r\n selfPassword: {\r\n\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 }\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 a valid email address`\r\n // : \"\",\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 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(\r\n MAILBACK_URL + \"/investor/investor-selection/GAS\"\r\n );\r\n };\r\n closeNoModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.replace(BUILD_URL + \"/\");\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 { ConfirmSelfPassword, selfPassword, email, showPassword,\r\n confirmShowPassword, ...others } = 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 !this.state.pan.value ||\r\n !/[A-Za-z]{5}\\d{4}[A-Za-z]{1}/.test(this.state.pan.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 (!/[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 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: `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: `ConfirmSelfPassword 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 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: `Enter a valid email address`,\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 {\r\n const GetEmail = this.props.communicationDetails.find((ele)=>ele.PAN === this.props.investorData.PAN && !!ele.email)\r\n const params = {\r\n fromdt: \"\",\r\n todate: \"\",\r\n trtype: \"GF\",\r\n PAN: this.state.pan.value,\r\n Email: GetEmail.email,\r\n distCode: this.props.token,\r\n Password: this.state.selfPassword.value,\r\n distUid: this.props.userId,\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 open: true,\r\n error: \"NO records found\",\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 } = this.state;\r\n return (\r\n \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 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 Password should be at least 8 characters in length and should contain at least 1 uppercase letter (A-Z), 1 special character and 1 numeric value (0-9)\r\n
\r\n \r\n \r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n })\r\n }\r\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\r\n height={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 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 // animateYearScrolling={true}\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 Start Date
\r\n \r\n \r\n this.onDateChange(\"endDate\", e)}\r\n // openTo={true}\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 // animateYearScrolling={true}\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 End Date
\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,communicationDetails } = authReducer;\r\n return { investorData, userId, token,communicationDetails };\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 { BUILD_URL } from \"../home\";\r\nimport { getNetworthPortfolio } from \"shared/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 { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\r\n\r\nclass Networth extends Component {\r\n constructor(props) {\r\n super(props);\r\n const GetEmail = this.props.communicationDetails.find((ele)=>ele.PAN === this.props.investorData.PAN && !!ele.email)\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: GetEmail.email },\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 valid 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 (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\r\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\r\n this.setState({\r\n selfPassword: {\r\n\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 }\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 a valid email address`\r\n // : \"\",\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 pan:{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(\r\n MAILBACK_URL + \"/investor/investor-selection/Networth\"\r\n );\r\n };\r\n closeNoModal = () => {\r\n this.setState({\r\n open: false,\r\n });\r\n this.props.history.replace(BUILD_URL + \"/\");\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 { ConfirmSelfPassword, selfPassword, email, showPassword,\r\n confirmShowPassword, ...others } = 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: `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 Extraction 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 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: `Enter a valid email address`,\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 {\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 GetEmail = this.props.communicationDetails.find((ele)=>ele.PAN === this.props.investorData.PAN && !!ele.email)\r\n\r\n const params = {\r\n fromdate: \"01/01/1970\",\r\n todate: formatDate(new Date()),\r\n mylp: \"\",\r\n emailid: GetEmail.email,\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 (!/[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 valid 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: formatDate(new Date()),\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 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 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 Password should be at least 8 characters in length and should contain at least 1 uppercase letter (A-Z), 1 special character and 1 numeric value (0-9)\r\n
\r\n \r\n \r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n })\r\n }\r\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\r\n height={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, token,communicationDetails } = authReducer;\r\n return { investorData, userId, token,communicationDetails };\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 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 Password should be at least 8 characters in length and should contain at least 1 uppercase letter (A-Z), 1 special character and 1 numeric value (0-9)\r\n
\r\n \r\n \r\n this.setState({\r\n confirmShowPassword: !this.state.confirmShowPassword,\r\n })\r\n }\r\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\r\n height={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 Mutual Fund investments are subject to market risks, read all scheme\r\n related documents carefully.\r\n
{\" \"}\r\n \r\n © 2021, JM FINANCIAL MUTUAL FUND, All rights\r\n reserved.\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React 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 \"shared/store/actions\";\r\nimport { getProfileData } from \"shared/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\n\r\nimport {\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 supportActive,\r\n settingsActive,\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 supportInActive,\r\n settingsInactive,\r\n LOGOUT_ICON,\r\n APP_LOGO,\r\n second_app_logo,\r\n} from \"../forms/appEssentials\";\r\nimport Footer from \"../auth/footer\";\r\n\r\nexport const BUILD_URL = process.env.PUBLIC_URL;\r\nexport const EKYC_URL = `${process.env.PUBLIC_URL}/e-KYC`;\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 // if (!path.includes(MAILBACK_URL)) {\r\n this.setState({\r\n open: false,\r\n responsiveDrawer: false,\r\n });\r\n // }\r\n };\r\n\r\n logOut = () => {\r\n this.props.userLogout();\r\n this.props.history.replace(BUILD_URL + \"/\");\r\n };\r\n\r\n openResponsiveDrawer = () => {\r\n this.setState({\r\n responsiveDrawer: !this.state.responsiveDrawer,\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 Logged as :{\" \"}\r\n \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\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/*
\r\n Logged in as
\r\n Distributor
*/}\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 {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 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 {!!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 {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 Transact\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 Home\r\n \r\n\r\n \r\n About\r\n \r\n
\r\n\r\n \r\n Contact us\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 {ServicesArray.map((ele, index) => (\r\n \r\n {ele.title}\r\n \r\n ))}\r\n
\r\n \r\n \r\n {CarsouelArray.map((ele, index) => (\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 { generateOtp } from \"shared/store/actions\";\r\nimport { BUILD_URL } from \"../home/home\";\r\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../forms/appEssentials\";\r\nimport Footer from \"./footer\";\r\nimport { RepeatOneSharp } from \"@material-ui/icons\";\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\") {\r\n if (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 if (label == \"userId\") {\r\n if (this.state.userId.value === \"\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: \"User Id is Mandatory\",\r\n },\r\n });\r\n }\r\n }\r\n if (label == \"arnCode\") {\r\n if (this.state.arnCode.value === \"\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: \"ARN Code is Mandatory\",\r\n },\r\n });\r\n }\r\n if (/^[0-9]{4,6}$/.test(this.state.arnCode.value)) {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: false,\r\n errorMessage: \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: `ARN code should be a min of 4 digits and a max of 6 digits.`,\r\n },\r\n });\r\n }\r\n }\r\n if (label == \"password\") {\r\n if (this.state.password.value === \"\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: \"Password is Mandatory\",\r\n },\r\n });\r\n }\r\n if (\r\n /^(?=.*\\d)(?=.*[!@#$%^&*])(?=.*[a-z])(?=.*[A-Z]).{8,}$/.test(\r\n this.state.password.value\r\n )\r\n ) {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: false,\r\n errorMessage: \"\",\r\n },\r\n });\r\n } else {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: `Password should be minimum 8 characters in length and should consist of at least One Capital alphabet, One Small alphabet, One Special Character and One numeric number`,\r\n },\r\n });\r\n }\r\n }\r\n if (label == \"confirmPassword\") {\r\n if (this.state.confirmPassword.value === \"\") {\r\n this.setState({\r\n [label]: {\r\n value,\r\n isError: true,\r\n errorMessage: \"Confirm Password is Mandatory\",\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 === \"userId\") {\r\n this.arnCodeField.focus();\r\n } else if (label === \"arnCode\") {\r\n this.passwordField.focus();\r\n } else if (label === \"password\") {\r\n this.confirmPasswordField.focus();\r\n } else {\r\n this.generateOtp();\r\n }\r\n e.preventDefault();\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 (!/^[0-9]{4,6}$/.test(this.state.arnCode.value)) {\r\n this.setState({\r\n arnCode: {\r\n ...this.state.arnCode,\r\n isError: true,\r\n errorMessage:\r\n \"ARN code should be a min of 4 digits and a max of 6 digits.\",\r\n },\r\n });\r\n this.arnCodeField.focus();\r\n return;\r\n }\r\n if (\r\n !/^(?=.*\\d)(?=.*[!@#$%^&*])(?=.*[a-z])(?=.*[A-Z]).{8,}$/.test(\r\n this.state.password.value\r\n )\r\n ) {\r\n this.setState({\r\n password: {\r\n ...this.state.password,\r\n isError: true,\r\n errorMessage: \"Enter valid Password\",\r\n },\r\n });\r\n this.passwordField.focus();\r\n return;\r\n }\r\n if (this.state.userId.value === this.state.password.value && this.state.userId.value.length > 7) {\r\n this.setState({\r\n password: {\r\n ...this.state.password,\r\n isError: true,\r\n errorMessage: \"Password should not consist of username/loginname\",\r\n },\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: \"Passwords don't 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 };\r\n const response = await this.props.generateOtp(payload);\r\n if (\r\n response.error === \"User id already exists for this ARN code.\" ||\r\n response.error ===\r\n \"The ARN number mentioned has an active user Id, If you don’t remember your user id, you can use forgot user id to retrieve your Id.\"\r\n ) {\r\n alert(\r\n \"The ARN number mentioned has an active user Id, If you don’t remember your user id, you can use forgot user id to retrieve your Id.\"\r\n );\r\n this.setState({\r\n userId: { value: \"\" },\r\n arnCode: { value: \"\" },\r\n password: { value: \"\" },\r\n confirmPassword: { value: \"\" },\r\n });\r\n return;\r\n }\r\n if (response.error === \"Invalid ARN code.\") {\r\n alert(\"Enter valid ARN Code\");\r\n return;\r\n }\r\n if (!!response) {\r\n this.props.history.push({\r\n pathname: BUILD_URL + \"/otp\",\r\n state: { payload: { ...payload, password: this.state.password.value } },\r\n });\r\n }\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 {ele.title}\r\n
\r\n \r\n {ele.desci}\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\nexport default class CommonTemplate extends Component {\r\n render() {\r\n const { title, textOne, textTwo } = this.props;\r\n return (\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={!!this.state.showPassword ? EYE_ICON : EYE_ICON_HIDDEN}\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 />\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 ? EYE_ICON : EYE_ICON_HIDDEN\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 />\r\n \r\n If you have access to Kfintech common portal then request you to\r\n use the same credentials to Sign In\r\n \r\n {/*
\r\n SIGN UP
\r\n \r\n (this.userIdField = ele)}\r\n onKeyPress={this.keyPress(\"userId\")}\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 character\r\n
\r\n \r\n Already have an account?{\" \"}\r\n this.props.history.push(BUILD_URL + \"/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 \"shared/store/actions\";\r\nimport { connect } from \"react-redux\";\r\nimport { BUILD_URL } from \"../home/home\";\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 };\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 Mobile 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(BUILD_URL + \"/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 {title}
\r\n {textOne}
\r\n {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 * 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