{this.props.name}
\n {this.props.aum}
\n \n );\n }\n}\n","import React, { Component } from \"react\";\n\nexport default class TabHeader extends Component {\n render() {\n return (\n \n \n
\n {!!navData.length ? (\n \n \n \n \n \n \n
\n ) : (\n \n \n
\n
\n )}\n \n
\n \n \n {this.props.uptext}\n
\n )}\n {this.props.name}
\n {this.props.uptext && (\n \n
\n {!!this.props.errorMessage && (\n \n {props.children}\n
\n );\n}\n\nfunction Menu(props) {\n return (\n \n \n \n {!!this.props.errorMessage ? this.props.errorMessage : \"\"}\n
\n \n \n );\n }\n}\n\nIntegrationReactSelect.propTypes = {\n classes: PropTypes.object.isRequired,\n theme: PropTypes.object.isRequired\n};\n\nexport default withStyles(styles, { withTheme: true })(IntegrationReactSelect);\n","import React, { Component } from \"react\";\nimport { BUILD_URL } from \"../home/home\";\nimport { fontFamily } from \"@material-ui/system\";\n\nexport class Input extends Component {\n render() {\n const {\n name,\n image,\n image2,\n height,\n placeholder,\n isShowError,\n inputref,\n label,\n bordercolor,\n isShowPasswordError,\n onClick,\n type,\n errorMessage,\n ...rest\n } = this.props;\n return (\n \n \n {!!image && (\n
\n \n {name} {label}{\" \"}\n
\n \n {!!image2 && (\n
\n \n {isShowError\n ? errorMessage || ` is required.`\n : isShowPasswordError\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)\"\n : \"\"}\n
\n \n );\n }\n}\n\nexport class OtpInput extends Component {\n render() {\n const { inputref, ...rest } = this.props;\n return (\n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\n\nexport default class Signbutton extends Component {\n render() {\n return (\n\n \n \n {this.props.buttontitle}\n \n
\n );\n }\n}\n\nexport class DebtbuttonActive extends Component {\n render() {\n return (\n \n \n {this.props.buttontitle}\n \n
\n );\n }\n}\n\nexport class DebtbuttonNowidth extends Component {\n render() {\n return (\n \n \n {this.props.buttontitle}\n \n
\n );\n }\n}\n","import _regeneratorRuntime from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/regenerator\";\nimport _defineProperty from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport _asyncToGenerator from \"/builds/karvy/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 \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/regenerator\";\nimport _defineProperty from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport _asyncToGenerator from \"/builds/karvy/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 => {\n return text.charAt(0).toUpperCase() + text.slice(1).toLowerCase();\n};\n\nexport const firstLetterOnlyCaptilize = text => {\n return text.charAt(0).toUpperCase() + text.slice(1);\n};\n\nexport const captalize = text => {\n return text.toUpperCase();\n};\n\nexport const formatDate = date => {\n return `${checkZero(date.getDate())}/${checkZero(\n date.getMonth() + 1\n )}/${date.getFullYear()}`;\n};\nconst checkZero = data => {\n return data.length == 1 ? `0${data}` : data;\n};\n","export const BUILD_URL = process.env.PUBLIC_URL;\n\nfunction AddingbuildURL(label) {\n return BUILD_URL + label;\n}\nexport const large_cap = \"https://www.sundarammutual.com/Fund/Sundaram-Large-Cap-Fund?utm_source=InvWiseLoginPage&utm_medium=Banner&utm_campaign=Large+Cap+Product+Page\"\nexport const mutli_fund =\"https://www.sundarammutual.com/Fund/Sundaram-MultiCap-Fund?utm_source=InvWise+Page&utm_medium=Banner&utm_campaign=Multi+Cap+Product+Page\"\nexport const large_mid = \"https://www.sundarammutual.com/Fund/Sundaram-Large-and-MidCap-Fund?utm_source=InvWise+Page&utm_medium=Banner&utm_campaign=LAMC+Product+Page\"\nexport const focuused_fund = \"https://www.sundarammutual.com/Fund/Sundaram-Focused?utm_source=InvWise+Page&utm_medium=Banner&utm_campaign=Focused+Fund+Product+Page\"\nexport const aggressive_fund = \"https://www.sundarammutual.com/Fund/Sundaram-Aggressive-Hybrid-Fund?utm_source=InvWise+Page&utm_medium=Banner&utm_campaign=Aggressive+Hybrid+Product+Page\"\nexport const mid_cap_fund = \"https://www.sundarammutual.com/Fund/Sundaram-Mid-Cap-Fund?utm_source=InvWise+Page&utm_medium=Banner&utm_campaign=Mid+Cap+Product+Page\"\nexport const flexi_fund = \"https://www.sundarammutual.com/Fund/Sundaram-Flexi-Cap-Fund?utm_source=InvWise+Page&utm_medium=Banner&utm_campaign=Flexi+Cap+Product+Page\"\nexport const BAF_invwise = \"https://www.sundarammutual.com/Fund/Sundaram-Balanced-Advantage-Fund?utm_source=InvWise+Homepage&utm_medium=Banner&utm_campaign=BAF+Product+Page\"\nexport const APP_LOGO = AddingbuildURL(\"/images/sundaram-logo.svg\");\nexport const second_app_logo = AddingbuildURL(\"/images/invwise-1.svg\");\n\n\n// Login IMAGES\n\nexport const carouselImage1 = AddingbuildURL(\"/images/Flexi_Cap_Fund_Latest.jpg\")\nexport const carouselImage2 = AddingbuildURL(\"/images/Invwise_midcap.jpg\")\nexport const carouselImage3 = AddingbuildURL(\"/images/Focused_Fund.jpg\")\nexport const carouselImage4 = AddingbuildURL(\"/images/Large_and_Mid_Cap_Fund.jpg\")\nexport const carouselImage5 = AddingbuildURL(\"/images/Aggressive_Hybrid_Fund.jpg\")\nexport const carouselImage6 = AddingbuildURL(\"/images/Multi_Cap_Fund.jpg\")\nexport const carouselImage7 = AddingbuildURL(\"/images/BAF_banner.jpg\")\n\n\n// HOME ICONS\n\nexport const dashboardActive = AddingbuildURL(\"/images/home_active.svg\");\nexport const investorsActive = AddingbuildURL( \"/images/su_investor_color.svg\");\nexport const newTransactionActive = AddingbuildURL(\"/images/su_new_transact_active.svg\");\nexport const navActive = AddingbuildURL(\"/images/su_nav_color.svg\");\nexport const mailBackActive = AddingbuildURL( \"/images/su_mailback_active.svg\");\nexport const transactionHistoryActive = AddingbuildURL( \"/images/su_transaction_history_color.svg\");\nexport const ekycActive = AddingbuildURL(\"/images/su_ekyc_active.svg\");\nexport const earningsActive = AddingbuildURL(\"/images/su_my_earnings_color.svg\");\nexport const supportActive = AddingbuildURL(\"/images/customer-service.svg\");\nexport const settingsActive = AddingbuildURL(\"/images/settings_active.png\");\nexport const cobrandingActive = AddingbuildURL(\"/images/cobranding_active.svg\");\n\n\n//app-side-bar-inactive-images\n\nexport const dashboardInActive = AddingbuildURL(\"/images/home.svg\");\nexport const investorsInActive = AddingbuildURL(\"/images/su_investor.svg\");\nexport const newTransactionInActive = AddingbuildURL(\"/images/new_transaction.svg\");\nexport const navInActive = AddingbuildURL( \"/images/su_nav.svg\");\nexport const mailBackInActive = AddingbuildURL(\"/images/maiback_home.svg\");\nexport const transactionHistoryInActive = AddingbuildURL(\"/images/su_transaction_history.svg\");\nexport const ekycInActive = AddingbuildURL(\"/images/ekyc.svg\");\nexport const earningsInActive = AddingbuildURL(\"/images/su_my_earnings.svg\");\nexport const supportInActive = AddingbuildURL(\"/images/support.png\");\nexport const settingsInactive = AddingbuildURL(\"/images/su_settings.svg\");\nexport const cobrandingInActive = AddingbuildURL(\"/images/cobranding_unactive.svg\");\n\nexport const LOGOUT_ICON = AddingbuildURL(\"/images/su_logout.svg\");\n\n\n// MAILBACK ICONS\n\nexport const MailBackSoaIcon = AddingbuildURL(\"/images/su_newsletter.svg\");\nexport const CASIcon = AddingbuildURL(\"/images/su_cas.svg\");\nexport const ELSSIcon = AddingbuildURL(\"/images/su_elss.svg\");\nexport const CANIcon = AddingbuildURL(\"/images/su_can.svg\");\nexport const CGSIcon = AddingbuildURL(\"/images/su_cgs.svg\");\nexport const GASIcon = AddingbuildURL(\"/images/su_gas.svg\");\nexport const networthIcon = AddingbuildURL(\"/images/su_networth.svg\");\nexport const mailbackRightarrow = AddingbuildURL(\"/images/arrow_right_grey.svg\");\n\n\n// Loader ICON :\n\nexport const Loader_icon = AddingbuildURL(\"/images/su_loader_logo.png\")\n\n\n// Transaction ICONS\n\nexport const NEW_PURCHASE_ICON = AddingbuildURL(\"/images/su_new_purchase.svg\");\nexport const SIP_ICON = AddingbuildURL(\"/images/su_sip.svg\");\nexport const ADDITIONAL_PURCHASE_ICON = AddingbuildURL(\"/images/su_additional_purchase.svg\");\nexport const REDEMPTION_ICON = AddingbuildURL(\"/images/su_redemption.svg\");\nexport const SWITCH_ICON = AddingbuildURL(\"/images/su_switch.svg\");\nexport const STP_ICON = AddingbuildURL(\"/images/su_stp.svg\");\nexport const SWP_ICON = AddingbuildURL(\"/images/su_swp.svg\");\nexport const SIP_PAUSE_ICON = AddingbuildURL(\"/images/su_sip_pause.svg\");\n\n\n// eye icons\n\n\nexport const EYE_ICON = AddingbuildURL(\"/images/su_eye_icon_unhidden.svg\");\nexport const EYE_ICON_HIDDEN= AddingbuildURL(\"/images/su_eyeicon.svg\");\n","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Signbutton, { DebtbuttonActive } from \"../forms/button\";\nimport { Input } from \"../forms/input\";\nimport { Debtbutton } from \"../forms/button\";\nimport Dialog from \"@material-ui/core/Dialog\";\nimport MuiDialogTitle from \"@material-ui/core/DialogTitle\";\nimport MuiDialogContent from \"@material-ui/core/DialogContent\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport Typography from \"@material-ui/core/Typography\";\nimport { connect } from \"react-redux\";\nimport { resetPassword } from \"shared/store/actions/profile\";\nimport { getMailBackRequestStatus } from \"shared/store/actions/mailback\";\nimport { REQ_BY } from \"shared/store/types\";\nimport { BUILD_URL } from \"./home\";\nimport { formatDate } from \"../forms/captalize\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from \"@material-ui/pickers\";\nimport DateFnsUtils from \"@date-io/date-fns\";\n\nimport Paper from \"@material-ui/core/Paper\";\nimport { userLogout } from \"shared/store/actions\";\nimport { CircularProgressbar } from \"react-circular-progressbar\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../forms/appEssentials\";\nconst styles = (theme) => ({\n root: {\n margin: 0,\n padding: theme.spacing(2),\n },\n closeButton: {\n position: \"absolute\",\n right: theme.spacing(1),\n top: theme.spacing(1),\n color: theme.palette.grey[500],\n },\n});\n\nconst DialogTitle = withStyles(styles)((props) => {\n const { children, classes, onClose } = props;\n return (\n \n \n {this.props.response}\n
\n ) : (\n \"\"\n )}\n \n \n
\n Successfully raised a query
\n {!!this.props.response ? (\n \n
\n \n \n \n \n Change Password\n
\n \n \n
\n \n this.onBlurInput(value, \"oldPassword\")}\n height={18}\n image2={\n !!this.state.showOldPassword &&\n !this.state.showOldPassword.value\n ? EYE_ICON\n : EYE_ICON_HIDDEN\n }\n onClick={() => {\n this.setState({\n showOldPassword: !this.state.showOldPassword,\n });\n }}\n isShowError={this.state.oldPassword.isShowError}\n errorMessage={this.state.oldPassword.errorMessage}\n />\n
\n \n this.onBlurInput(value, \"newPassword\")}\n onClick={() => {\n this.setState({\n showPassword: !this.state.showPassword,\n });\n }}\n isShowError={this.state.newPassword.isShowError}\n isShowPasswordError={\n this.state.newPassword.isShowPasswordError\n }\n errorMessage={this.state.newPassword.errorMessage}\n />\n
\n \n {\n this.setState({\n confirmShowPassword: !this.state.confirmShowPassword,\n });\n }}\n value={this.state.confirmPassword.value}\n onChange={this.onChangeInput(\"confirmPassword\")}\n onBlur={(eve) => this.onBlurInput(eve, \"confirmPassword\")}\n isShowError={this.state.confirmPassword.isShowError}\n isShowPasswordError={\n this.state.confirmPassword.isShowPasswordError\n }\n errorMessage={this.state.confirmPassword.errorMessage}\n />\n
\n \n this.submit()}\n />\n
\n \n
\n\n \n \n Services\n
\n \n
\n \n \n Forms\n
\n \n
\n \n\n \n \n Downloads\n
\n \n
\n \n \n \n \n \n MailBack Request Status\n \n \n \n \n this.onDateChange(e)}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n maxDate={new Date()}\n id=\"mui-pickers-date\"\n value={this.state.date}\n />\n \n
\n \n
\n \n \n \n );\n }\n}\n\nexport class PosterDialog extends Component {\n render() {\n return (\n \n \n \n \n {!!this.props.message\n ? this.props.message\n : `The entered PAN is not KYC-Compliant. Please click \"Continue\" to proceed for doing eKYC`}\n
\n \n \n
\n \n \n \n );\n }\n}\n\nexport default class CustomizedDialogs extends React.Component {\n render() {\n return (\n \n
\n \n
\n \n \n \n \n {!!this.props.passwordSucess\n ? this.props.message || \"Password Changed Successfully\"\n : !!this.props.Gas\n ? this.props.error\n : \"Your request has been successfully submitted\"}\n \n {this.props.cas === true\n ? \"A mail will be sent to the investor within 30 minutes.\"\n : \"\"}\n
\n \n ) : (this.props.componentName === \"MailBacKRequest\" &&\n this.props.refNo) ||\n (this.props.componentName === \"SWP\" && this.props.refNo) ||\n (this.props.componentName === \"REDEMPTION\" &&\n this.props.refNo) ? (\n \n
\n {this.props.nfoFunds === true ? (\n \n
\n ) : this.props.cas === true ||\n this.props.Gas === true ||\n this.props.componentName === \"MailBackSoa\" ||\n this.props.passwordSucess ? (\n \n The transaction for NFO has been initiated\n Successfully.\n
\n \n Link for {this.props.scheme} scheme is\n generated\n
\n \n {!!this.props.componentName &&\n (this.props.componentName === \"REDEMPTION\" ||\n this.props.componentName === \"SWP\") ? (\n
\n \n ) : (\n \n Successfully Initiated Transaction\n
\n ) : (\n \"\"\n )}\n \n
\n \n {!!this.props.componentName &&\n (this.props.componentName === \"REDEMPTION\" ||\n this.props.componentName === \"SWP\") ? (\n \n Your request is successfully registered with reference number\n \n {\" \"}\n {this.props.refNo}\n \n .{\" \"}\n {this.props.myself === true ? \"Distributor\" : \"Investor\"}{\" \"}\n will receive an email for approval.\n
\n \n The transaction for{\" \"}\n {this.props.componentName} has been\n initiated successfully.\n
\n ) : (\n \"\"\n )}\n \n
\n )}\n\n {!! this.props.Transaction && \n {this.props.componentName === \"Sip cancellation\" ||\n this.props.componentName === \"SWP cancellation\" ||\n this.props.componentName === \"STP cancellation\"\n ? `Successfully Cancelled ${this.props.componentName}`\n : this.props.componentName === \"Sip Pause\"\n ? `Successfully Sip Transaction has been paused`\n : `Successfully Initiated Transaction`}\n
\n\n {this.props.type === \"STP\" || this.props.type === \"SWITCH\" ? (\n \n
\n ) : (\n \n The transaction for {this.props.type} has\n been initiated successfully.\n
\n \n You have initiated the transaction successfully with\n reference number:\n \n {this.props.refNo}\n \n investor will receive an email for approval.\n
\n \n {!!this.props.reqtype ? (\n
\n )}\n \n the transaction for {this.props.reqtype}{\" \"}\n with the IHNO : ${this.props.Nctihno} has been initiated\n successfully\n
\n ) : (\n this.props.componentName !== \"Sip cancellation\" ||\n this.props.componentName !== \"SWP cancellation\" ||\n this.props.componentName !== \"STP cancellation\" ||\n (this.props.componentName !== \"Sip Pause\" && (\n \n The transaction for{\" \"}\n \n {!!this.props.refrence\n ? this.props.refrence.new_type\n : \"\"}\n {!!this.props.refNo ? \"SIP\" : \"\"}\n {\" \"}\n has been initiated successfully.\n
\n ))\n )}\n {!!this.props.reqtype ? (\n \n Your investor will receive the details via an email and\n SMS\n
\n ) : this.props.componentName === \"Sip cancellation\" ||\n this.props.componentName === \"SWP cancellation\" ||\n this.props.componentName === \"STP cancellation\" ? (\n \n the transaction for{\" \"}\n {this.props.componentName} with the\n Ihno {this.props.refNo.value} has been\n successful.\n
\n ) : this.props.componentName === \"Sip Pause\" ? (\n this.props.refNo.errorMessage\n ) : (\n \n
\n )}\n \n the transaction for{\" \"}\n {this.props.transactName} has been\n initiated successfully.\n
\n \n Your investor will receive the details via an email and\n SMS with reference number\n \n {!!this.props.refrence\n ? this.props.refrence.value\n : \"\"}\n {!!this.props.refNo ? this.props.refNo : \"\"}\n \n
\n Would you like to do another transaction ?
}\n\n \n {!!this.props.Transaction?\n
\n \n \n \n );\n }\n}\n\nexport class SipCancelModal extends Component {\n render() {\n return (\n \n
\n\n :this.props.cas === true && !this.props.componentName ? (\n \n
\n \n
\n \n
\n ) : (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n {/* \n
*/}\n \n \n eNACH Participating AMCs{\" \"}\n
\n \n \n Transaction Details\n
\n \n
\n \n \n {!!data && !!data[0]?data[0].Units : \"\"}\n
\n \n Units\n
\n \n \n {!!data && !!data[0]?data[0].NAV : \"\"}\n
\n \n \n \n Price (NAV)\n
\n \n
\n \n \n {!!data && !!data[0]?data[0].NavDate : \"\"}\n
\n \n Nav Date\n
\n \n \n {!!data && !!data[0]?data[0].trs_acno : \"\"}\n
\n \n \n \n \n Folio Number\n
\n \n
\n \n \n Transaction Completion\n
\n \n
\n \n \n Transaction Status\n
\n \n \n
\n \n \n
\n Payment Confirmation
\n \n {!!data && !!data[0]?data[0].PaymentDate:\"\"}\n
\n Via {!!data && !!data[0]?data[0].MFPaymentMode:\"-\"}
\n \n
\n \n \n
\n Units Allotment
\n \n
\n \n {count === 0 && (\n \n
\n {this.state.radioValue !== \"fund\" &&\n \n \n \n \n {\n \n
\n Search by :
\n \n
\n }\n Name
\n \n
\n PAN
\n \n
\n Folio No.
\n \n
\n Mobile
\n \n
\n Email ID
\n \n
\n \n Fund
\n \n
\n }\n {this.state.radioValue === \"fund\" &&\n \n (this.InputField = ele)}\n onChange={this.changeInput}\n onKeyPress={this.keyPress}\n onKeyDown={(evt) =>\n evt.key === \"e\" &&\n (this.state.radioValue === \"mobile\" ||\n this.state.radioValue === \"folio\") &&\n evt.preventDefault()\n }\n />\n
\n \n Search\n
\n \n \n {this.state.schemeOptions.map((item, index) => (\n \n ))}\n \n
\n }\n \n )}\n {!!this.state.errorMessage ? (\n \n {index === 0 && (\n \n {breadcrumbNameMap[to].title}\n \n )}\n
\n );\n })}\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport Search from \"../searchComponent\";\nimport { ALL, FAVOURITE, RECENT } from \"shared/store/types\";\nimport TableData from \"../tableData\";\nimport { connect } from \"react-redux\";\nimport { getInvestors, storeType,schemeSearch,storeFundState } from \"shared/store/actions\";\nimport TabHeader from \"../../forms/tabHeader\";\n\nclass InvestorData extends Component {\n constructor(props) {\n super(props);\n this.state = {\n activeTab: ALL,\n activeText: \"All\"\n };\n }\n\n async componentDidMount() {\n const { fundstate } = this.props;\n const response = await this.props.getInvestors({\n ARN: this.props.token,\n AllFavFlag: ALL\n });\n if (!!fundstate && !!Object.keys(fundstate).length) {\n if (!!fundstate.scheme.value) {\n const params = {\n fund: \"176\",\n scheme: fundstate.scheme.value,\n agentcode: this.props.token,\n }\n const response = await this.props.schemeSearch(params)\n if (!!response && response.error) {\n alert(response.error);\n }\n }\n }\n }\n\n selectTab = tabName => async () => {\n this.props.storeType(tabName);\n this.setState({\n activeTab: tabName,\n activeText:\n tabName === ALL ? \"All\" : tabName === RECENT ? \"Recent\" : \"Favourite\"\n });\n\n await this.props.getInvestors({\n ARN: this.props.token,\n AllFavFlag: tabName\n });\n };\n\n render() {\n const { activeTab } = this.state;\n return (\n \n {breadcrumbNameMap[to].title}\n
\n ) : (\n \n \n \n
\n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nvar CurrencyFormat = require(\"react-currency-format\");\nexport class FormatCurrency extends Component {\n render() {\n return (\n Investors
\n \n {this.props.active === INVESTMENTS &&\n investments.length > 0 &&\n investments.slice(0, this.props.count).map((investment, index) => (\n \n \n ))}\n\n {this.props.active !== INVESTMENTS && !!upComingSipDetails.length\n ? upComingSipDetails.slice(0, this.props.count).map((sip, index) => (\n \n \n ))\n : this.props.active !== INVESTMENTS && (\n \n No Upcoming Sips\n
\n )}\n \n );\n }\n}\n\nexport default connect(({ investor }) => {\n const { investments, upComingSipDetails } = investor;\n return { investments, upComingSipDetails };\n})(Investments);\n","import React, { PureComponent } from \"react\";\nimport { PieChart, Pie, Cell, Sector } from \"recharts\";\nimport { FormatCurrency } from \"../../home/currencyFormatter\";\n\nconst data = [\n { name: \"Group A\", value: 400 },\n { name: \"Group B\", value: 300 },\n { name: \"Group C\", value: 300 },\n { name: \"Group D\", value: 200 },\n];\nconst COLORS = [\"#FCC65D\",\"#35DFDF\", \"#196FB2\", \"#68be7f\"];\n\nconst renderActiveShape = (name) => (props) => {\n // const RADIAN = Math.PI / 180;\n const {\n cx,\n cy,\n // midAngle,\n innerRadius,\n outerRadius,\n startAngle,\n endAngle,\n fill,\n } = props;\n\n return (\n \n {investment.SchDesc} - {investment.plndesc}\n
\n \n
\n \n
\n Cost
\n \n
\n \n
\n Current Value
\n \n
\n \n
\n Gain
\n \n {investment.GainPercent}{\" \"}\n
\n \n
\n \n
\n Fund Name
\n \n {`${sip.schname}-${sip.plnname}`}\n
\n \n
\n\n \n Folio Number\n
\n \n {sip.accno}\n
\n \n
\n\n Sip Date
\n \n {sip.sipdt}\n
\n \n
\n\n \n Sip Start Date\n
\n \n {sip.sipstartdt}\n
\n \n
\n \n Sip End Date\n
\n \n {sip.sipenddt}\n
\n \n
\n\n Sip Amount
\n \n
\n \n
\n Status
\n \n {sip.Status}\n
\n \n {!!this.props.data && !this.props.name ? (\n
\n ))\n : \"\"}\n \n ) : (\n \n {!!this.props.data\n ? this.props.data.map((item, index) => (\n \n \n {item.name\n .charAt(0)\n .toUpperCase()\n .concat(item.name.substring(1, item.name.length))}\n
\n {item.value} %
\n \n {!!this.props.data\n ? this.props.data.map((item, index) => (\n \n \n \n {!!item && !!item.name && this.props.name === \"Fund\"\n ? `${item.name.split(\"MUTUAL FUND\")[0]} MF`\n : !!item && !!item.name && this.props.name !== \"Fund\"\n ? item.name.toLowerCase()\n : \"\"}\n
\n \n \n ))\n : \"\"}\n \n )}\n {!!this.props.data && !this.props.name ? (\n \"\"\n ) : (\n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { connect } from \"react-redux\";\nimport { FormatCurrency } from \"../../home/currencyFormatter\";\nimport ExpandLess from \"@material-ui/icons/ExpandLess\";\nimport ExpandMore from \"@material-ui/icons/ExpandMore\";\nimport {\n getInvestorDetails,\n favouriteInvestor,\n updateFavouriteInvestor,\n getUpComingSips,\n getInvestors,\n} from \"shared/store/actions\";\nimport {\n YES,\n TRUE,\n FALSE,\n INVESTMENTS,\n REQ_BY,\n UPCOMING_SIP,\n} from \"shared/store/types\";\nimport InvestmentTab from \"./investmentsTab\";\nimport Investments from \"./investments\";\nimport PieDiagram from \"../../home/dashboard/piechart\";\nimport { BUILD_URL } from \"../home\";\nimport CustomLoader from \"../../forms/customLoader\";\nimport { Debtbutton, DebtbuttonActive } from \"../../forms/button\";\nimport Breadcrumbs from \"@material-ui/core/Breadcrumbs\";\nimport NavigateNextIcon from \"@material-ui/icons/NavigateNext\";\nimport { dashboardActive } from \"../../forms/appEssentials\";\nclass InvestorDetails extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isLoading: true,\n noData: false,\n count: 3,\n active: INVESTMENTS,\n };\n }\n\n async componentDidMount() {\n const { location } = this.props;\n const { state } = location;\n const params = { PAN: state, Uid: this.props.userId, ReqBy: REQ_BY };\n const response = await this.props.getInvestorDetails(params);\n\n if (response) {\n this.setState({ isLoading: false });\n } else {\n this.setState({ isLoading: false, noData: true });\n }\n\n if (this.props.investorData) {\n const Params = {\n Pan: this.props.investorData.PAN,\n YearFlag: new Date().getFullYear(),\n };\n await this.props.getUpComingSips(Params);\n }\n }\n\n /**\n *\n * @param {string} pan\n * @returns {string} 'T' if investor is favourited else 'F'\n */\n findFavFlag = (pan) => {\n const { investors } = this.props;\n const fav = investors.find((_eachInvestor) => _eachInvestor.Pan === pan);\n return !!fav ? fav.Favorite : FALSE;\n };\n\n favourite = async () => {\n let { PAN: InvPan, invname: Name } = this.props.investorData;\n const FavFlag = this.findFavFlag(InvPan) === TRUE ? FALSE : TRUE;\n\n const params = { InvPan, FavFlag, Name, AgentCode: this.props.token };\n const response = await this.props.favouriteInvestor(params);\n if (response) {\n this.props.updateFavouriteInvestor({ InvPan, FavFlag });\n } else if (!response) {\n this.setState({\n errorMessage: \"Already this pan ID member is added as a Favorite\",\n });\n }\n };\n\n changeActive = (active) => () => {\n this.setState({ active });\n };\n\n render() {\n const {\n investorData={},\n communicationDetails = [],\n pieData,\n investments,\n upComingSipDetails,\n } = this.props;\n const detailsEmail = communicationDetails.find(\n (detail) => detail.PAN === investorData.PAN && !!detail.email\n );\n const detailsMobile = communicationDetails.find(\n (detail) => detail.PAN === investorData.PAN && !!detail.Mobile\n );\n\n const fatca = this.props.investors.find(\n (ele) =>\n !!investorData && !!investorData.PAN && ele.Pan === investorData.PAN\n );\n const { isLoading, noData } = this.state;\n const isFavourite = this.findFavFlag(investorData.PAN) === TRUE;\n\n return (\n \n \n 
\n
\n \n \n
\n \n {!isLoading ? (\n \n {!noData ? (\n \n
\n \n \n \n
\n\n \n this.props.history.push( BUILD_URL + \"/investors\")}\n className=\"breadcrumbs-unselect-label\"\n style={{ cursor: \"pointer\" }}\n >\n Investors\n \n
\n \n \n \n {this.state.errorMessage}\n
\n ) : (\n \"\"\n )}\n \n
\n\n {!!this.state.errorMessage ? (\n \n
\n \n
\n \n
\n \n
\n \n
\n \n {investorData.invname}\n
\n \n PAN: {investorData.PAN}\n
\n \n
\n \n
\n \n
\n \n {!!detailsEmail && detailsEmail.email\n ? detailsEmail.email\n : \"\"}\n
\n \n {!!detailsMobile && !!detailsMobile.Mobile\n ? detailsMobile.Mobile\n : \"\"}\n
\n \n \n
\n \n {isFavourite\n ? \"Remove from Favourites\"\n : \"Favorite\"}\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n Cost\n
\n \n\n {!!this.props.investorTotal &&\n !!this.props.investorTotal.CostValue\n ?
\n \n
\n \n
\n \n
\n \n Investment Value\n
\n \n â‚ą{!!this.props.investorTotal &&\n !!this.props.investorTotal.CurrentValue\n ? this.props.investorTotal.CurrentValue\n : \"--NA--\"}\n
\n \n
\n\n \n Overall Gain\n
\n \n\n â‚ą{!!this.props.investorTotal &&\n !!this.props.investorTotal.GainVal\n ? this.props.investorTotal.GainVal\n : \"--NA--\"}\n\n
\n \n
\n \n Today's Gain\n
\n \n {!!this.props.investorTotal &&\n !!this.props.investorTotal.todaygain\n ? this.props.investorTotal.todaygain\n : \"--NA--\"}\n (%)\n\n
\n \n \n this.props.history.push({\n pathname:\n BUILD_URL +\n \"/new-transaction/transction-types\",\n state: {\n investorData: investorData,\n },\n })\n }\n display={!!investorData.PAN &&\n investorData.PAN.charAt(3).toUpperCase() === \"P\"\n ? \"block\"\n : \"none\"}\n buttontitle={\"Initiate Investment\"}\n width={150}\n />\n \n this.props.history.push({\n pathname:\n BUILD_URL +\n \"/mailBackRequest/investor\",\n state: {\n investorData: investorData,\n },\n })\n }\n buttontitle={\"Send Reports\"}\n width={150}\n />\n
\n \n
\n {(upComingSipDetails.length > 3 &&\n this.state.active === UPCOMING_SIP) ||\n (this.state.active === INVESTMENTS &&\n investments.length > 3) ? (\n \n
\n ) : (\n \"\"\n )}\n \n
\n \n Asset Allocation\n
\n\n No Investor PAN found. Please submit investor PAN.
\n )}\n \n ) : (\n {state.title}
\n \n
\n ) : (\n \"\"\n )}\n \n
\n )}\n {state.type === SIP && (\n \n
\n )}\n {state.type === STP && (\n \n
\n )}\n {state.type === SWP && (\n \n
\n )}\n\n {state.type != \"Sip cancellation\" && (\n \n
\n ))}\n\n {state.type !== SWP && state.type !== SIP && (\n \n
\n )}\n \n {\n // this.setState({\n // showPassword: !this.state.showPassword,\n // });\n // }}\n // isShowError={password.isError}\n // inputref={(ele) => (this.passwordField = ele)}\n // onKeyPress={this.keyPress()}\n />\n
\n )}\n \n (this.sipTypeField = ele)}\n // isError={sipType.isError}\n // errorMessage={sipType.errorMessage}\n >\n {this.state.sip_pause_dates.map((item, index) => (\n \n ))}\n \n
\n \n (this.sipTypeField = ele)}\n // isError={sipType.isError}\n // errorMessage={sipType.errorMessage}\n >\n {this.state.pause_installemnts.map((item, index) => (\n \n ))}\n \n
\n \n
\n )}\n\n \n \n {this.props.subLabel}\n
\n \n \n \n {this.props.mainLabel}\n
\n \n \n {this.props.mainLabel1}\n
\n \n \n \n \n
\n )} */}\n {/* {combo.flag === \"Y\" && (\n Additional Purchase
\n {/* \n
*/}\n AMC
\n \n ({\n label: item,\n value: item,\n }))}\n value={folio.value}\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n disabled={!fund.value}\n isError={folio.isError}\n errorMessage={folio.errorMessage}\n />\n
\n Folio
\n Select Scheme Type
\n \n
\n {schemeType === NEW && (\n \n (this.categoryField = ele)}\n isError={category.isError}\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n errorMessage={category.errorMessage}\n >\n {categories.map((item, index) => (\n \n ))}\n \n
\n )}\n \n ({\n value: item,\n label: item.PlnDesc\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\n : item.fm_schdesc,\n }))}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n handleChange={this.handleSchemeChange}\n disabled={!folio.value}\n inputRef={(ele) => (this.schemeField = ele)}\n isError={scheme.isError}\n errorMessage={scheme.errorMessage}\n />\n
\n Scheme
\n \n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n type=\"number\"\n value={subArnCode.value}\n isShowError={subArnCode.isError}\n errorMessage={subArnCode.errorMessage}\n onBlur={this.validateBrokerCode(\n fund.value ? fund.value.value.Fund : \"\"\n )}\n onChange={this.changeValue(\"subArnCode\")}\n inputref={(ele) => (this.subArnField = ele)}\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n />\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n value={subBrokerCode.value}\n onChange={this.changeValue(\"subBrokerCode\")}\n inputref={(ele) => (this.subBrokerField = ele)}\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n />\n
\n \n \n \n \n
\n {radioValue.value === \"no\" ? (\n EUIN
\n \n
\n YES
\n \n
\n \n NO
\n \n ({\n value: item.abm_agent,\n label: item.abm_agent,\n }))}\n value={euinNo.value}\n placeholder=\"Select EUIN\"\n handleChange={this.changeEuin}\n disabled={!euinList.length}\n inputRef={(ele) => (this.euinField = ele)}\n isError={euinNo.isError}\n />\n
\n ) : (\n \n I/We hereby confirm that the EUIN box has been intentionally left\n the blank by me/us as this is an 'execution-only' transaction\n without any interaction or advice by any personnel of the above\n distributor or notwithstanding the advice of in-appropriateness,if\n any provided by any personnel of the distributor and the distributor\n has not charged any advisory fees on this transaction\n
\n )}\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n onBlur={this.showError(\"amount\")}\n onChange={this.changeValue(\"amount\")}\n inputref={(ele) => (this.amountField = ele)}\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n isShowError={amount.isError}\n errorMessage={amount.errorMessage}\n />\n
\n {/* {!!showSmart && (\n \n \n Your investor is eligible for a SMART facility\n
\n\n \n
\n YES
\n \n
\n \n NO
\n \n \n {combo.label}\n
\n \n )}\n {combo.flag === \"Y\" && (\n \n
\n }\n \n
\n {this.state.combo_disclaimer.value}
\n \n \n
\n  \n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }) => {\n const {\n fundList,\n token,\n userId,\n bankDetails,\n investorData,\n communicationDetails,\n } = authReducer;\n const { euinList } = transactions;\n return {\n fundList,\n token,\n userId,\n euinList,\n bankDetails,\n investorData,\n communicationDetails,\n };\n },\n {\n validateSubBroker,\n getAssetClasses,\n getOtherSchemes,\n submitPurchaseData,\n showPurchaseConfirmation,\n }\n)(AdditionalPurchase);\n","import React, { Component } from \"react\";\nimport CustomizedSelect from \"./customizedSelect\";\nimport { Input } from \"../../forms/input\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport { connect } from \"react-redux\";\nimport {\n YES,\n PARTIAL,\n FULL,\n UNITS,\n AMOUNT,\n PURCHASE,\n REDEMPTION,\n} from \"shared/store/types\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport {\n getBankDetails,\n getRedemptionPaymentDetails,\n} from \"shared/store/actions/transactions\";\nimport moment from \"moment\";\n\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\n\nimport { INVESTOR_URL } from \"../investors\";\n\n\nclass Redemption extends Component {\n constructor(props) {\n super(props);\n this.state = {\n // funds,\n fund: { value: { value: \"176\" } },\n folios: [],\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n bank: { value: \"\", errorMessage: \"\" },\n amount: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n banks: [],\n };\n }\n\n handleFundChange = (value) => {\n const fund = !!value ? value.value : \"\";\n if (!value) {\n this.setState({\n fund: { value: \"\" },\n folios: [],\n scheme: { value: \"\" },\n folio: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n amount: { value: \"\" },\n });\n return;\n } else if (value.value === this.state.fund.value.value) {\n return;\n } else {\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.rSchFlg === YES && curr.Fund === fund) {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value },\n folios: Array.from(new Set(folios)),\n scheme: { value: \"\" },\n folio: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n });\n }\n };\n\n async componentDidMount() {\n window.scrollTo({\n behavior:\"smooth\",\n top:0\n })\n this.getfolios();\n }\n\n getfolios = () => {\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.rSchFlg === YES && curr.Fund.trim() === \"176\") {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value: { value: \"176\" } },\n folios: Array.from(new Set(folios)),\n scheme: { value: \"\" },\n folio: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n });\n };\n\n handleFolioChange = async (value) => {\n const folio = !!value ? value.value : \"\";\n if (!folio) {\n this.setState({\n folio: { value: \"\" },\n scheme: { value: \"\" },\n schemes: [],\n banks: [],\n bank: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n amount: { value: \"\" },\n });\n } else if (value.value === this.state.folio.value) {\n return;\n } else {\n const params = {\n Acno: folio,\n Trtype: \"\",\n Fund: \"176\",\n };\n let schemes = this.schemes(folio);\n schemes = schemes.filter((scheme) => scheme.BalUnits !== 0);\n const response = await this.props.getBankDetails(params);\n\n if (response) {\n const banks = response.Table1;\n this.setState({\n folio: {\n value,\n isError: !schemes.length,\n errorMessage: !schemes.length\n ? \"Redemption in zero balance folios is not allowed\"\n : \"\",\n },\n scheme: { value: \"\" },\n schemes,\n banks,\n bank: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n });\n }\n }\n };\n\n schemes = (folio) => {\n return this.props.fundList.reduce((prev, curr) => {\n if (\n curr.rSchFlg === YES &&\n curr.Fund === this.state.fund.value.value &&\n curr.Acno === folio &&\n !!curr.BalUnits\n ) {\n return [...prev, curr];\n }\n return prev;\n }, []);\n };\n handleSchemeChange = (value) => {\n const scheme = !!value ? value.value : \"\";\n if (!scheme) {\n this.setState({\n scheme: { value: \"\" },\n minAmount: \"\",\n amount: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n });\n } else if (value.value === this.state.scheme.value.value) {\n return;\n } else {\n this.setState({\n scheme: { value },\n minAmount: !!scheme ? scheme.RedMinAmt || scheme.fm_newpur : \"\",\n amount: { value: \"\" },\n redemptionType: PARTIAL,\n redemptionMode: UNITS,\n });\n }\n };\n\n showError = (label) => () => {\n const {\n [label]: { value },\n } = this.state;\n\n if (label === \"amount\") {\n if (!!this.state.scheme && !!this.state.scheme.value) {\n this.setState({\n [label]: {\n value,\n isError:\n this.state.redemptionMode === AMOUNT\n ? this.state.scheme.value.value.MinAmt > this.state.amount.value\n ? true\n : !value\n : this.state.scheme.value.value.BalUnits <\n this.state.amount.value\n ? true\n : !value,\n errorMessage:\n this.state.redemptionMode === AMOUNT\n ? this.state.scheme.value.value.MinAmt > this.state.amount.value\n ? `Minimum amount is ${this.state.scheme.value.value.MinAmt} (₹)`\n : \"\"\n : this.state.scheme.value.value.BalUnits <\n this.state.amount.value\n ? `You don't have enough Units To Redeem!`\n : \"\",\n },\n });\n }\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n handleRedemptionValueChange(event) {\n const { redemptionMode, redemptionType } = this.state;\n if (event.target.value.length <= 10) {\n if (redemptionMode === UNITS && redemptionType === PARTIAL) {\n if (\n /^[0-9]*$/.test(event.target.value) ||\n /[-+]?[0-9]*(\\.[0-9]{0,3}$)/.test(event.target.value)\n ) {\n this.setState({\n amount: { value: event.target.value },\n });\n }\n } else {\n\n this.setState({\n amount: { value: event.target.value.replace(/^0+/, \"\") },\n });\n }\n }\n }\n\n changeRedemptionType = (value) => () => {\n if (value === FULL) {\n this.setState({\n redemptionType: FULL,\n redemptionMode: UNITS,\n amount: {\n value: !!this.state.scheme.value\n ? this.state.scheme.value.value.BalUnits\n : \"\",\n },\n });\n }\n if (value === PARTIAL) {\n this.setState({\n redemptionType: PARTIAL,\n amount: { value: \"\" },\n });\n }\n };\n changeRedemptionMode = (value) => () => {\n if (value === AMOUNT) {\n this.setState({\n redemptionMode: AMOUNT,\n amount: { value: \"\" },\n });\n }\n if (value === UNITS) {\n this.setState({\n redemptionMode: UNITS,\n });\n }\n };\n handlefolioBankDetailsChange = (event) => {\n this.setState({\n bank: { value: event.target.value },\n });\n };\n\n submit = async () => {\n const {\n funds,\n banks,\n schemes,\n folios,\n redemptionType,\n redemptionMode,\n minAmount,\n fund,\n bank,\n ...others\n } = this.state;\n if (this.state.bank.value === \"\") {\n this.setState({\n bank: {\n value: \"\",\n isError: true,\n errorMessage: \"Please select the bank details\",\n },\n });\n }\n let currValue;\n if (!!this.state.scheme.value) {\n currValue = !!this.state.scheme.value.value\n ? this.state.scheme.value.value.Fund_CurValue\n : \"\";\n }\n const keys = Object.keys(others);\n const findError = keys.every((key) => !!others[key].value);\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage: `${key} is mandatory*`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n // case \"fund\": {\n // this.fundField.focus();\n // break;\n // }\n case \"folio\": {\n this.folioField.focus();\n break;\n }\n case \"scheme\": {\n this.schemeField.focus();\n break;\n }\n case \"amount\": {\n this.amountField.focus();\n break;\n }\n // case \"bank\": {\n // this.bankField.focus();\n // break;\n // }\n }\n } else if (\n this.state.redemptionMode === AMOUNT &&\n this.state.scheme.value.value.MinAmt > this.state.amount.value\n ) {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: `Minimum amount shoud be ${this.state.scheme.value.value.MinAmt} (₹)`,\n },\n });\n }\n else if (\n this.state.redemptionMode !== AMOUNT &&\n this.state.scheme.value.value.BalUnits < this.state.amount.value\n ) {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: `You dont have enough points to redeem`,\n },\n });\n } else if (this.state.bank.value === \"\") {\n this.setState({\n bank: {\n ...others[\"bank\"],\n isError: true,\n errorMessage: `Please select the bank`,\n },\n });\n } else {\n const params = {\n amount: redemptionMode === AMOUNT ? others.amount.value : \"0\",\n Fund: \"176\",\n plan: others.scheme.value.value.Pln,\n scheme: others.scheme.value.value.Sch,\n acno: others.scheme.value.value.Acno,\n trdt: moment(new Date()).format(\"MM/DD/YYYY\"),\n units: redemptionMode === UNITS ? others.amount.value : \"0\",\n ttrtype: PURCHASE,\n };\n const response = await this.props.getRedemptionPaymentDetails(params);\n if (response) {\n this.props.history.push({\n pathname:\n INVESTOR_URL + \"/redemption/digital/transact/confirm\",\n state: {\n title: \"Redemption Payment Summary\",\n type: REDEMPTION,\n scheme: others.scheme.value.value,\n redemptionMode,\n Folio: { value: others.scheme.value.value.Acno },\n redemptionType,\n amount: others.amount.value,\n bank: this.state.bank.value,\n },\n });\n }\n }\n };\n\n render() {\n const {\n fund,\n funds = [],\n folio,\n folios = [],\n schemes = [],\n scheme,\n bank,\n banks,\n amount,\n redemptionType,\n redemptionMode,\n } = this.state;\n\n const checkMultiBrokerFlag =\n !!this.state.scheme &&\n !!this.state.scheme.value &&\n !!this.state.scheme.value.value &&\n !!this.state.scheme.value.value.multibrokflg &&\n this.state.scheme.value.value.multibrokflg === \"Y\";\n\n return (\n \n \n {\" \"}\n Note: This folio has multiple distributors. Hence, the balance units\n and current value will not be displayed. In case of full redemption,\n all the units in the investor's portfolio will be redeemed.\n
\n )}\n\n Redemption
\n\n \n ({\n label: item,\n value: item,\n }))}\n value={folio.value}\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n isError={folio.isError}\n errorMessage={folio.errorMessage}\n />\n
\n\n Folio
\n \n ({\n label: item.PlnDesc\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\n : item.fm_schdesc,\n value: item,\n }))}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n handleChange={this.handleSchemeChange}\n inputRef={(ele) => (this.schemeField = ele)}\n isError={scheme.isError}\n disabled={!folio.value}\n errorMessage={scheme.errorMessage}\n />\n
\n\n Scheme
\n \n
\n\n {!!checkMultiBrokerFlag && (\n \n {!checkMultiBrokerFlag &&
\n Balance Units
}\n {!checkMultiBrokerFlag && Current Value
}\n NAV as on Date
\n Minimum Amount
\n \n {!checkMultiBrokerFlag && (\n
\n {!!scheme.value ? scheme.value.value.BalUnits : \"\"}
\n )}\n {!checkMultiBrokerFlag && (\n {!!scheme.value ?`â‚ą ${scheme.value.value.CurValue}` : \"\"}
\n )}\n {!!scheme.value ? scheme.value.value.LastNAV : \"\"}
\n {!!scheme.value ? `â‚ą ${scheme.value.value.MinAmt}` : \"â‚ą\"}
\n Redemption Type
\n \n
\n\n Redemption Mode
\n \n
\n\n \n \n (evt.key === \"e\" || evt.key === \"-\") && evt.preventDefault()\n }\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n errorMessage={amount.errorMessage}\n isShowError={amount.isError}\n type=\"number\"\n onBlur={this.showError(\"amount\")}\n disabled={redemptionType === FULL ? true : false}\n inputref={(ele) => (this.amountField = ele)}\n onChange={(event) => this.handleRedemptionValueChange(event)}\n value={amount.value}\n />\n
\n\n \n (this.bankField = ele)}\n >\n {banks.map((item, index) => (\n \n ))}\n \n {/* {!!bank.errorMessage ?
\n {bank.errorMessage}
: \"\"} */}\n \n \n
\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const {\n fundList,\n token,\n userId,\n bankDetails,\n investorData,\n communicationDetails,\n } = authReducer;\n\n return {\n fundList,\n token,\n userId,\n bankDetails,\n investorData,\n communicationDetails,\n };\n },\n { getBankDetails, getRedemptionPaymentDetails }\n)(Redemption);\n","import React, { Component } from \"react\";\nimport CustomizedSelect from \"./customizedSelect\";\nimport { Input } from \"../../forms/input\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport {\n validateSubBroker,\n getNewPurchaseFundList,\n getOtherSchemes,\n getAssetClasses,\n setSwitchDetails,\n getRedemptionPaymentDetails,\n} from \"shared/store/actions\";\n\nimport { connect } from \"react-redux\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport {\n YES,\n PARTIAL,\n FULL,\n UNITS,\n AMOUNT,\n REGULAR,\n PURCHASE,\n SWITCH,\n} from \"shared/store/types\";\nimport Radio from \"@material-ui/core/Radio\";\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport moment from \"moment\";\nimport { NEW_TRANSACTION_URL } from \".\";\nimport { SundaramMutualFund } from \"./newPurchaseForm\";\nimport { INVESTOR_URL } from \"../investors\";\nclass switchCmponent extends Component {\n constructor(props) {\n super(props);\n\n const { switchDetails } = this.props;\n\n this.state = {\n fund: { value: {value:\"176\"} },\n folios: [],\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n radioValue: { value: \"no\" },\n arnCode: { value: this.props.token },\n subArnCode: { value: \"\" },\n subBrokerCode: { value: \"\" },\n euinNo: { value: \"\" },\n category: { value: \"\" },\n categories: [],\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n amount: { value: \"\" },\n switchType: PARTIAL,\n switchMode: UNITS,\n ...switchDetails,\n };\n }\n\n handleFundChange = (value) => {\n if (!value) {\n this.setState({\n fund: { value: \"\" },\n folios: [],\n folio: { value: \"\" },\n scheme: { value: \"\" },\n amount: { value: \"\" },\n switchInScheme: { value: \"\" },\n category: { value: \"\" },\n });\n return;\n } else if (\n !!value &&\n !!this.state.fund &&\n value.value === \"176\"\n ) {\n return;\n } else {\n const fund = value.value;\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.Fund === fund && curr.sSchFlg === YES) {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n scheme: { value: \"\" },\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n switchType: PARTIAL,\n switchMode: UNITS,\n });\n if (!!fund) {\n this.validateBrokerCode(fund)();\n }\n }\n };\n async componentDidMount() {\n window.scrollTo({\n behavior:\"smooth\",\n top:0\n })\n this.getFolios();\n }\n\n getFolios = () => {\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.Fund.trim() === \"176\" && curr.sSchFlg === YES) {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value: { value: \"176\" } },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n scheme: { value: \"\" },\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n switchType: PARTIAL,\n switchMode: UNITS,\n });\n // if (!!fund) {\n this.validateBrokerCode(\"117\")();\n // }\n };\n\n validateBrokerCode = (fund) => async () => {\n const { subArnCode, arnCode } = this.state;\n if (\n !!this.state.subArnCode.value &&\n this.state.subArnCode.value === this.state.arnCode.value.split(\"-\")[1]\n ) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: \"ARN and Sub ARN Code should not be the same\",\n },\n });\n return;\n }\n const params = {\n Fund: \"176\",\n SubAgentCd: !!subArnCode.value ? `ARN-${subArnCode.value}` : \"-\",\n AgentCd: arnCode.value,\n };\n const response = await this.props.validateSubBroker(params);\n if (!response) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `(Please enter a valid Sub ARN Code)`,\n },\n });\n }\n };\n\n handleFolioChange = async (value) => {\n if (!value) {\n this.setState({\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n switchType: PARTIAL,\n switchMode: UNITS,\n amount: { value: \"\" },\n });\n return;\n } else if (\n !!value &&\n !!this.state.folio &&\n value.value === this.state.folio.value.value\n ) {\n return;\n } else {\n const folio = value.value;\n const schemes = this.schemes(folio);\n\n this.setState({\n folio: {\n value,\n isError: !schemes.length,\n errorMessage: !schemes.length\n ? \"SWITCH in zero balance folios is not allowed\"\n : \"\",\n },\n schemes,\n scheme: { value: \"\" },\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n switchType: PARTIAL,\n switchMode: UNITS,\n categories: [],\n });\n\n this.getAssetClasses();\n }\n };\n schemes = (folio) => {\n return this.props.fundList.reduce((prev, curr) => {\n if (\n curr.sSchFlg === YES &&\n curr.Fund.trim() === \"176\" &&\n curr.Acno === folio &&\n !!curr.BalUnits\n ) {\n return [...prev, curr];\n }\n return prev;\n }, []);\n };\n handleSchemeChange = (value) => {\n if (!value) {\n this.setState({\n scheme: { value: \"\" },\n minAmount: \"\",\n amount: { value: \"\" },\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n switchType: PARTIAL,\n switchMode: UNITS,\n categories: [],\n });\n return;\n } else if (\n !!value.value &&\n !!this.state.scheme.value.value &&\n value.value.SchDesc === this.state.scheme.value.value.SchDesc\n ) {\n return;\n } else {\n const scheme = value.value;\n if (!!value.value && !value.value.BalUnits) {\n this.setState({\n folio: {\n value: \"\",\n isError: \"true\",\n errorMessage: \"Switch in Zero balance folios is not accepted\",\n },\n scheme: { value: \"\" },\n });\n } else {\n this.setState({\n scheme: { value },\n minAmount: !!scheme ? scheme.MinAmt : \"\",\n amount: { value: \"\" },\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n });\n }\n this.getAssetClasses();\n }\n };\n handleCategoryChange = (event) => {\n if (!!event.target.value) {\n this.getOtherSchemes(event.target.value);\n this.setState({\n category: { value: event.target.value },\n switchInScheme: { value: \"\" },\n switchInSchemes: [],\n });\n }\n // else if(event.target.value===){\n\n // }\n else {\n this.setState({\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n switchInSchemes: [],\n });\n }\n };\n getAssetClasses = async () => {\n const params = {\n Fund: \"176\",\n Folio: this.state.folio.value.value,\n };\n const assetClasses = await this.props.getAssetClasses(params);\n if (assetClasses) {\n this.setState({\n categories: assetClasses.DtData,\n });\n }\n };\n\n changeEuin = (value) => {\n this.setState({\n euinNo: { value },\n });\n };\n\n getOtherSchemes = async (value) => {\n const params = {\n schtype: REGULAR,\n category: value,\n acno: this.state.folio.value.value,\n fundCode: \"176\",\n trantype: \"S\",\n };\n const otherSchemes = await this.props.getOtherSchemes(params);\n if (otherSchemes) {\n this.setState({\n switchInSchemes: otherSchemes.DtData,\n });\n }\n };\n handleSwitchInSchemeChange = (value) => {\n if (!value) {\n this.setState({\n switchInScheme: { value },\n });\n return;\n }\n this.setState({\n switchInScheme: { value },\n });\n };\n changeValue = (label) => (event) => {\n if (\n (label === \"subArnCode\" || label === \"subBrokerCode\") &&\n event.target.value.length <= 20\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (label === \"radioValue\" && event.target.value === \"no\") {\n if (!this.state.euinNo.value) {\n this.setState({\n radioValue: { value: event.target.value },\n });\n } else {\n this.setState({\n [label]: { value: event.target.value },\n euinNo: { value: \"\" },\n });\n }\n } else if (\n label !== \"subArnCode\" &&\n label !== \"subBrokerCode\" &&\n label === \"radioValue\" &&\n event.target.value !== \"no\"\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n };\n\n handleSwitchValueChange(event) {\n if (event.target.value.length <= 10) {\n this.setState({\n amount: { value: event.target.value.replace(/^0+/, \"\") },\n });\n }\n }\n\n changeSwitchType = (value) => () => {\n if (value === FULL) {\n this.setState({\n switchType: FULL,\n switchMode: UNITS,\n amount: {\n value: !!this.state.scheme.value\n ? this.state.scheme.value.value.BalUnits\n : \"\",\n },\n });\n }\n if (value === PARTIAL) {\n this.setState({\n switchType: PARTIAL,\n amount: { value: \"\" },\n });\n }\n };\n changeSwitchMode = (value) => () => {\n if (value === AMOUNT) {\n this.setState({\n switchMode: AMOUNT,\n amount: { value: \"\" },\n });\n }\n if (value === UNITS) {\n this.setState({\n switchMode: UNITS,\n amount: { value: \"\" },\n });\n }\n };\n showError = (label) => () => {\n const {\n [label]: { value },\n } = this.state;\n if (!!this.state.scheme && !!this.state.scheme.value.value) {\n if (label === \"amount\") {\n this.setState({\n [label]: {\n value,\n isError:\n this.state.switchMode === AMOUNT\n ? this.state.scheme.value.value.MinAmt > this.state.amount.value\n ? true\n : !value\n : this.state.scheme.value.value.BalUnits <\n this.state.amount.value\n ? true\n : !value,\n errorMessage:\n this.state.switchMode === AMOUNT\n ? this.state.scheme.value.value.MinAmt > this.state.amount.value\n ? `Minimum amount should be ${this.state.minAmount} (â‚ą)`\n : \"\"\n : this.state.scheme.value.value.BalUnits <\n this.state.amount.value\n ? `You don't have enough Units To Redeem!`\n : \"\",\n },\n });\n }\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n\n submit = async () => {\n let currValue, currAmountValue;\n\n const {\n funds,\n fund,\n schemes,\n switchInSchemes,\n folios,\n switchType,\n switchMode,\n minAmount,\n categories,\n arnCode,\n subArnCode,\n subBrokerCode,\n euinNo,\n amount,\n radioValue,\n isError,\n errorMessage,\n ...others\n } = this.state;\n if (this.state.amount.value === \"\") {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: `Please enter the switch value`,\n },\n });\n }\n const arn = this.state.arnCode.value.split(\"-\");\n const keys = Object.keys(others);\n if (!!this.state.scheme.value) {\n currValue = parseFloat(\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\n );\n }\n currAmountValue =\n this.state.switchType !== FULL\n ? parseFloat(this.state.amount.value.replace(/,/g, \"\"))\n : \"\";\n const findError = keys.every((key) => !!others[key].value);\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage: `${key} is mandatory* `,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n // case \"fund\": {\n // this.fundField.focus();\n // break;\n // }\n case \"folio\": {\n this.folioField.focus();\n break;\n }\n case \"scheme\": {\n this.switchOutField.focus();\n break;\n }\n case \"category\": {\n this.category.focus();\n break;\n }\n case \"switchInScheme\": {\n this.switchInScheme.focus();\n break;\n }\n }\n } else if (arn[1] === this.state.subArnCode.value) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `and ARN code should not match `,\n },\n });\n } else if (\n (this.state.scheme.value.value.MinAmt > this.state.amount.value &&\n this.state.switchMode === AMOUNT) ||\n (this.state.scheme.value.value.BalUnits < this.state.amount.value &&\n this.state.switchMode === UNITS &&\n this.state.switchType === PARTIAL) ||\n (currValue < currAmountValue && this.state.switchMode === AMOUNT)\n ) {\n if (\n currValue < currAmountValue &&\n this.state.scheme.value.value.MinAmt < this.state.amount.value\n ) {\n this.setState({\n amount: {\n ...others[\"amount\"],\n isError: true,\n errorMessage: `You dont have enough amount to Switch plan`,\n },\n });\n } else if (\n this.state.scheme.value.value.MinAmt > this.state.amount.value &&\n this.state.switchMode === AMOUNT\n ) {\n this.setState({\n amount: {\n ...others[\"amount\"],\n isError: true,\n errorMessage: `Minimum Amount value is ${this.state.minAmount} (â‚ą)`,\n },\n });\n this.amountField.focus();\n return;\n } else if (\n this.state.scheme.value.value.BalUnits < this.state.amount.value &&\n this.state.switchMode === UNITS\n ) {\n this.setState({\n ...others[\"amount\"],\n isError: true,\n errorMessage: `You dont have enough Units to Switch plan`,\n });\n }\n this.amountField.focus();\n return;\n } else if (\n this.state.radioValue.value === \"no\" &&\n this.state.euinNo.value === \"\"\n ) {\n this.setState({\n euinNo: { value: \"\", isError: true, errorMessage: `select EUIN` },\n });\n this.euinField.focus();\n } else {\n this.props.setSwitchDetails(this.state);\n const params = {\n amount: switchMode === AMOUNT ? this.state.amount.value : \"0\",\n fund: \"176\",\n plan: others.scheme.value.value.Pln,\n scheme: others.scheme.value.value.Sch,\n acno: others.scheme.value.value.Acno,\n trdt: moment(new Date()).format(\"MM/DD/YYYY\"),\n units: switchMode === UNITS ? this.state.amount.value : \"0\",\n ttrtype: PURCHASE,\n };\n const response = await this.props.getRedemptionPaymentDetails(params);\n if (response) {\n this.props.history.push({\n pathname: INVESTOR_URL + \"/switch/digital/transact/confirm\",\n state: {\n title: \"Switch Payment Summary\",\n type: SWITCH,\n scheme: others.scheme.value.value,\n Folio: { value: others.scheme.value.value.Acno },\n switchInScheme: others.switchInScheme.value.value,\n fund: \"176\",\n switchMode,\n subArnCode: this.state.subArnCode.value,\n subBrokerCode: this.state.subBrokerCode.value,\n switchType,\n euin: this.state.euinNo.value,\n amount: this.state.amount.value,\n },\n });\n }\n }\n };\n\n render() {\n const {\n fund,\n funds = [],\n folio,\n folios = [],\n schemes = [],\n scheme,\n radioValue,\n arnCode,\n subArnCode,\n subBrokerCode,\n euinNo,\n categories,\n category,\n switchInScheme,\n switchInSchemes,\n amount,\n switchType,\n switchMode,\n } = this.state;\n const { euinList } = this.props;\n const checkMultiBrokerFlag =\n !!this.state.scheme &&\n !!this.state.scheme.value &&\n !!this.state.scheme.value.value &&\n !!this.state.scheme.value.value.multibrokflg &&\n this.state.scheme.value.value.multibrokflg === \"Y\";\n return (\n \n \n {\" \"}\n Note: This folio has multiple distributors. Hence, the balance units\n and current value will not be displayed.\n
\n )}\n Switch
\n\n \n ({\n label: item,\n value: item,\n }))}\n value={folio.value}\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n isError={folio.isError}\n errorMessage={folio.errorMessage}\n />\n
\n Folio
\n \n ({\n value: item,\n label: item.PlnDesc\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\n : item.fm_schdesc,\n }))}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n handleChange={this.handleSchemeChange}\n disabled={!folio.value}\n inputRef={(ele) => (this.switchOutField = ele)}\n isError={scheme.isError}\n errorMessage={scheme.errorMessage}\n />\n
\n \n Switch out Scheme\n
\n \n
\n {!!checkMultiBrokerFlag && (\n \n {!checkMultiBrokerFlag &&
\n Balance Units
}\n {!checkMultiBrokerFlag && Current Value
}\n NAV as on Date
\n Minimum Amount (INR)
\n \n {!checkMultiBrokerFlag && (\n
\n \n {!!scheme && !!scheme.value ? scheme.value.value.BalUnits : \"\"}\n
\n )}\n {!checkMultiBrokerFlag && (\n \n {!!scheme && !!scheme.value ? `â‚ą${scheme.value.value.CurValue}` : \"\"}\n
\n )}\n \n {!!scheme && !!scheme.value ? scheme.value.value.LastNAV : \"\"}\n
\n \n {!!scheme && !!scheme.value ? `â‚ą${scheme.value.value.MinAmt}` : \"\"}\n
\n \n (this.category = ele)}\n isError={category.isError}\n disabled={!scheme.value}\n errorMessage={category.errorMessage}\n >\n {categories.map((item, index) => (\n \n ))}\n \n
\n\n \n ({\n label: item.fm_schdesc,\n value: item,\n }))}\n label=\"Fund\"\n handleChange={this.handleSwitchInSchemeChange}\n value={switchInScheme.value}\n placeholder=\"Select Switch in Scheme\"\n disabled={!category.value}\n inputRef={(ele) => (this.switchInScheme = ele)}\n isError={switchInScheme.isError}\n errorMessage={switchInScheme.errorMessage}\n />\n
\n\n \n Switch in Scheme\n
\n \n
\n\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n disabled={!fund.value}\n isShowError={subArnCode.isError}\n errorMessage={subArnCode.errorMessage}\n value={subArnCode.value}\n onBlur={\n !!fund.value ? this.validateBrokerCode(fund.value.value.Fund) : \"\"\n }\n onChange={this.changeValue(\"subArnCode\")}\n />\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n value={subBrokerCode.value}\n onChange={this.changeValue(\"subBrokerCode\")}\n />\n
\n\n \n \n \n \n
\n\n {radioValue.value === \"no\" ? (\n EUIN
\n \n
\n YES
\n \n
\n \n NO
\n \n ({\n label: item.abm_agent,\n value: item.abm_agent,\n }))}\n label=\"Fund\"\n handleChange={this.changeEuin}\n value={euinNo.value}\n disabled={!euinList.length}\n placeholder=\"Select EUIN\"\n inputRef={(ele) => (this.euinField = ele)}\n isError={euinNo.isError}\n />\n
\n ) : (\n \n I/We hereby confirm that the EUIN box has been intentionally left\n the blank by me/us as this is an 'execution-only' transaction\n without any interaction or advice by any personnel of the above\n distributor or notwithstanding the advice of in-appropriateness,if\n any provided by any personnel of the distributor and the distributor\n has not charged any advisory fees on this transaction\n
\n )}\n\n Switch Type
\n \n
\n\n Switch Mode
\n \n
\n\n \n \n
\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }) => {\n const {\n fundList,\n token,\n userId,\n investorData,\n communicationDetails,\n } = authReducer;\n const { euinList, switchDetails = {} } = transactions;\n return {\n fundList,\n token,\n userId,\n euinList,\n switchDetails,\n investorData,\n communicationDetails,\n };\n },\n {\n validateSubBroker,\n getNewPurchaseFundList,\n getOtherSchemes,\n setSwitchDetails,\n getAssetClasses,\n getRedemptionPaymentDetails,\n }\n)(switchCmponent);\n","import React, { Component, useEffect } from \"react\";\nimport CustomizedSelect from \"./customizedSelect\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport { Input } from \"../../forms/input\";\nimport {\n EXISTING,\n NEW,\n NEWP,\n YES,\n ALL,\n GET_FUNDS_LIST,\n GET_FUNDS_LIST_SUCCESS,\n GET_FUNDS_LIST_FAILED,\n PAYMENT_MODE,\n REGULAR,\n PURCHASE,\n SIP_TRANS_TYPE,\n INVESTMENT_FREQUENCY,\n SIP_DAY,\n SIP,\n NO,\n} from \"shared/store/types\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport Radio from \"@material-ui/core/Radio\";\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport { connect } from \"react-redux\";\nimport { Checkbox } from \"@material-ui/core\";\nimport {\n validateSubBroker,\n swpOptions,\n getNewPurchaseFundList,\n getOtherSchemes,\n getAssetClasses,\n CalcSIPEnddt,\n setSipDetails,\n submitPurchaseData,\n showPurchaseConfirmation,\n getMinimumAmount,\n} from \"shared/store/actions\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\n// import { NEW_TRANSACTION_URL } from \".\";\nimport { SundaramMutualFund } from \"./newPurchaseForm\";\nimport { INVESTOR_URL } from \"../investors\";\nconst initialState = {\n fund: { value: \"\" },\n funds: [],\n folio: { value: \"\" },\n folios: [],\n category: { value: \"\" },\n minimumLumpsumAmout: \"\",\n categories: [],\n scheme: { value: \"\" },\n schemes: [],\n investmentFrequency: { value: \"\" },\n frequencies: [],\n installments: { value: \"\" },\n sipDay: { value: \"\" },\n sipDays: [],\n perpetualSip: false,\n sip_start_date: { value: \"\" },\n sip_end_date: { value: \"\" },\n installmentAmount: { value: \"\" },\n investmentAmount: { value: \"\" },\n mode: { value: \"\" },\n modes: [],\n minAmount: \"\",\n code: { value: \"+91\" },\n};\nclass Sip extends Component {\n constructor(props) {\n super(props);\n const { sipDetails, location, fundList } = this.props;\n const { state } = location;\n const checkExisting =\n !!fundList && fundList.find((ele) => ele.Fund === \"176\" && !!ele.Acno);\n this.state = {\n sipTypes:\n (!!state && !!state.pan) || !checkExisting\n ? [\n // {\n // label: \"New Folio - SIP Registration with payment\",\n // value: NEW,\n // },\n { label: \"New Folio - SIP Registration\", value: NEWP },\n ]\n : [\n { label: \"Existing Folio - SIP Registration\", value: EXISTING },\n { label: \"New Folio - SIP Registration\", value: NEWP },\n // {\n // label: \"New Folio - SIP Registration with payment\",\n // value: NEW,\n // },\n ],\n\n invName: { value: \"\" },\n sipType: { value: \"\" },\n fund: { value: \"\" },\n funds: [],\n folio: { value: \"\" },\n folios: [],\n arnCode: { value: this.props.token },\n subArnCode: { value: \"\" },\n subBrokerCode: { value: \"\" },\n schemeType: EXISTING,\n category: { value: \"\" },\n categories: [],\n schemes: [],\n scheme: { value: \"\" },\n modes: [],\n mode: { value: \"\" },\n euinNo: { value: \"\" },\n radioValue: { value: \"no\" },\n minAmount: \"\",\n minAmountValue: { value: \"\" },\n frequencies: [],\n investmentFrequency: { value: \"\" },\n sipDays: [],\n sipDay: { value: \"\" },\n installments: { value: \"\" },\n sip_start_date: { value: \"\" },\n sip_end_date: { value: \"\" },\n email: { value: \"\" },\n mobile: { value: \"\" },\n installmentAmount: { value: \"\" },\n investmentAmount: { value: \"\" },\n\n Family_Code_Email: { value: \"\" },\n Family_Code_Phone: { value: \"\" },\n\n ...sipDetails,\n };\n }\n\n componentDidMount() {\n window.scrollTo({\n behavior: \"smooth\",\n top: 0,\n });\n }\n\n FamilyDescriptionEmail = (event) => {\n this.setState({\n Family_Code_Email: { value: event }\n })\n }\n FamilyDescriptionPhone = (event) => {\n this.setState({\n Family_Code_Phone: { value: event }\n })\n }\n\n handlechangeSIPEndDateChange = () => {\n const { perpetualSip } = this.state;\n if (!perpetualSip) {\n this.setState({\n perpetualSip: !this.state.perpetualSip,\n sip_end_date: { value: \"31/12/2099\" },\n installments: { value: \"\", placeholder: \"Perpetual\", disabled: true },\n });\n } else if (!!perpetualSip) {\n this.setState({\n perpetualSip: !this.state.perpetualSip,\n sipDay: { value: \"\" },\n sip_end_date: { value: \"\" },\n sip_start_date: { value: \"\" },\n installments: { value: \"\", placeholder: \"\", disabled: false },\n });\n }\n };\n\n // handleFundChange = async (value) => {\n // const fund = !!value ? value.value : \"\";\n // const fundValue = !!value\n // ? this.state.sipType.value === NEW || this.state.sipType.value === NEWP\n // ? fund.amc_code\n // : fund.Fund\n // : \"\";\n\n // if (!value) {\n // this.setState({\n // ...initialState,\n // funds: this.state.funds,\n // fund: { value },\n // schemes: [],\n // scheme: { value: \"\" },\n // modes: [],\n // mode: { value: \"\" },\n // euinNo: { value: \"\" },\n // radioValue: { value: \"no\" },\n // minAmount: \"\",\n // frequencies: [],\n // investmentFrequency: { value: \"\" },\n // sipDays: [],\n // sipDay: { value: \"\" },\n // minAmountValue: { value: \"\" },\n // installments: { value: \"\" },\n // sip_start_date: { value: \"\" },\n // sip_end_date: { value: \"\" },\n // email: {\n // value:\n // this.state.sipType.value === NEW ||\n // this.state.sipType.value === NEWP\n // ? this.state.email.value\n // : \"\",\n // },\n // mobile: {\n // value:\n // this.state.sipType.value === NEW ||\n // this.state.sipType.value === NEWP\n // ? this.state.mobile.value\n // : \"\",\n // },\n // installmentAmount: { value: \"\" },\n // investmentAmount: { value: \"\" },\n // });\n // return;\n // } else if (\n // !!value &&\n // !!this.state.fund.value &&\n // value.value.Fund === this.state.fund.value.value.Fund &&\n // value.value.Fund !== undefined\n // ) {\n // return;\n // } else {\n // const params = {\n // opt: PAYMENT_MODE,\n // Fund: fundValue,\n // astscheme:\n // !!this.props.investorData && !!this.props.investorData.PAN\n // ? this.props.investorData.PAN\n // : \"\",\n // };\n // const folios = this.props.fundList.reduce((prev, curr) => {\n // if (curr.Fund === fundValue && curr.sipFlag === YES) {\n // return [...prev, curr.Acno];\n // }\n // return prev;\n // }, []);\n // this.setState({\n // ...initialState,\n // funds: this.state.funds,\n // fund: { value },\n // folios: Array.from(new Set(folios)),\n // folio: { value: \"\" },\n // });\n // if (!!value) {\n // this.validateBrokerCode(fundValue)();\n // }\n // if (\n // this.state.sipType.value === NEW ||\n // this.state.sipType.value === NEWP\n // ) {\n // this.getAssetClasses(fundValue);\n // }\n // const response = await this.props.swpOptions(params);\n // if (response) {\n // const { Dtinformation } = response;\n // this.setState({\n // modes: Dtinformation,\n // minAmountValue: { value: \"\" },\n // mode: { value: \"\" },\n // });\n // }\n // }\n // };\n\n validateBrokerCode = (fund) => async () => {\n const { subArnCode, arnCode } = this.state;\n if (\n !!subArnCode.value &&\n subArnCode.value === arnCode.value.split(\"-\")[1]\n ) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `(Please enter a valid Sub ARN Code)`,\n },\n });\n } else {\n const params = {\n Fund: \"176\",\n SubAgentCd: !!subArnCode.value ? `ARN-${subArnCode.value}` : \"-\",\n AgentCd: arnCode.value,\n };\n const response = await this.props.validateSubBroker(params);\n\n if (!response) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `Please enter a valid Sub ARN code`,\n },\n });\n }\n }\n };\n\n handleFolioChange = (value) => {\n const folio = !!value ? value.value : \"\";\n const { funds, fund, folios, modes, mode } = this.state;\n const state = { funds, fund, folios, modes, mode };\n if (!value) {\n this.setState({\n ...initialState,\n ...state,\n folio: { value },\n });\n return;\n } else if (\n !!value &&\n !!this.state.folio.value &&\n value.value === this.state.folio.value.value\n ) {\n return;\n } else {\n const schemes = this.schemes(folio);\n this.setState({\n ...initialState,\n ...state,\n folio: { value },\n minAmountValue: { value: \"\" },\n schemes,\n schemeType: EXISTING,\n });\n }\n };\n\n changeEuin = (value) => {\n this.setState({\n euinNo: { value },\n });\n };\n\n changeValue = (label) => (event) => {\n if (\n (label === \"installmentAmount\" || label === \"investmentAmount\") &&\n event.target.value.length <= 10\n ) {\n this.setState({\n [label]: { value: parseFloat(event.target.value.replace(/^0+/, \"\")) },\n });\n }\n if (label === \"installments\" && event.target.value.length <= 3) {\n if (parseFloat(event.target.value) <= 999) {\n this.setState({\n [label]: {\n value: parseFloat(event.target.value.replace(/^0+/, \"\")),\n },\n sipDay: { value: \"\" },\n sip_start_date: { value: \"\" },\n sip_end_date: { value: \"\" },\n });\n } else if (!event.target.value) {\n this.setState({\n [label]: {\n value: \"\",\n isError: true,\n errorMessage: !!event.target.value\n ? \"No. of Instalments should not be more than 500\"\n : \"No. of Instalments is mandatory\",\n },\n sipDay: { value: \"\" },\n sip_start_date: { value: \"\" },\n sip_end_date: { value: \"\" },\n });\n }\n } else if (label === \"code\") {\n if (!/^[+]\\d{1,3}/.test(event.target.value)) {\n this.setState({\n [label]: {\n value: event.target.value,\n isError: true,\n errorMessage: \"Enter a valid Country Code\",\n },\n });\n } else {\n this.setState({ [label]: { value: event.target.value } });\n }\n } else if (label === \"mobile\" && event.target.value.length <= 10) {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (\n (label === \"subArnCode\" || label === \"subBrokerCode\") &&\n event.target.value.length <= 20\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (label === \"mode\") {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (label === \"radioValue\" && event.target.value === \"no\") {\n if (!this.state.euinNo.value) {\n this.setState({\n radioValue: { value: event.target.value },\n });\n } else {\n this.setState({\n [label]: { value: event.target.value },\n euinNo: { value: \"\" },\n });\n }\n } else if (label === \"email\") {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (label === \"invName\") {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (\n label !== \"installmentAmount\" &&\n label !== \"invName\" &&\n label !== \"subArnCode\" &&\n label !== \"mode\" &&\n label !== \"installments\" &&\n label !== \"subBrokerCode\" &&\n label !== \"email\" &&\n label !== \"mobile\" &&\n label !== \"investmentAmount\" &&\n label === \"radioValue\" &&\n event.target.value !== \"no\"\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n };\n\n getAssetClasses = async (fund, folio) => {\n const params = {\n Fund: \"176\",\n Folio: folio,\n };\n const assetClasses = await this.props.getAssetClasses(params);\n if (assetClasses) {\n this.setState({\n categories: assetClasses.DtData,\n });\n }\n };\n\n getOtherSchemes = async (category) => {\n const params = {\n schtype: REGULAR,\n category,\n acno:\n this.state.sipType.value === NEW || this.state.sipType.value === NEWP\n ? \"0\"\n : this.state.folio.value.value,\n fundCode: \"176\",\n trantype: SIP_TRANS_TYPE,\n };\n\n const otherSchemes = await this.props.getOtherSchemes(params);\n const FundName = \"176\";\n\n if (otherSchemes) {\n this.setState({\n schemes: otherSchemes.DtData,\n fund: {\n ...this.state.fund,\n errorMessage:\n (FundName.trim() === \"128\" ||\n FundName.trim() === \"116\" ||\n FundName.trim() === \"178\") &&\n this.state.category.value === \"LIQUID\" &&\n otherSchemes.DtData.length === 0\n ? \"Liquid Schemes are not allowed for SIP\"\n : otherSchemes.DtData.length === 0 &&\n (FundName.trim() !== \"128\" ||\n FundName.trim() !== \"116\" ||\n FundName.trim() !== \"178\")\n ? \"No Schemes under this fund\"\n : \"\",\n },\n });\n }\n };\n\n // schemes = (folio) => {\n // return this.props.fundList.reduce((prev, curr) => {\n // if (\n // this.state.sipType.value === NEW &&\n // !!this.state.fund.value &&\n // this.state.fund.value.value\n // ? curr.Fund === \"176\"\n // : curr.Fund === \"176\" &&\n // curr.Acno === folio &&\n // curr.sipSchFlg === YES\n // ) {\n // return [...prev, curr];\n // }\n // return prev;\n // }, []);\n // };\n\n schemes = (folio) => {\n if (this.state.sipType.value === EXISTING) {\n return this.props.fundList.reduce((prev, curr) => {\n if (\n parseFloat(curr.Fund) === 176 &&\n parseFloat(curr.Acno) === parseFloat(folio) &&\n curr.sipSchFlg === YES\n ) {\n return [...prev, curr];\n }\n return prev;\n }, []);\n }\n };\n\n handleCategoryChange = (event) => {\n const category = event.target.value;\n const { funds, fund, folios, modes, mode, folio, categories } = this.state;\n const state = {\n funds,\n fund,\n folios,\n modes,\n mode,\n folio,\n categories,\n };\n if (!category) {\n this.setState({\n ...initialState,\n ...state,\n category: { value: \"\" },\n });\n return;\n }\n this.setState({\n ...initialState,\n ...state,\n category: { value: category },\n });\n this.getOtherSchemes(category);\n };\n\n handleSipTypeChange = async (event) => {\n const sipType = event.target.value;\n const { communicationDetails, investorData, location } = this.props;\n const { state } = location;\n\n const detailsEmail = communicationDetails.find(\n (detail) => detail.PAN === investorData.PAN && !!detail.email\n );\n const detailsMobile = communicationDetails.find(\n (detail) => detail.PAN === investorData.PAN && !!detail.Mobile\n );\n\n const Setstate = {\n ...initialState,\n schemeType: EXISTING,\n invName: {\n value:\n !!investorData && !!investorData.invname ? investorData.invname : \"\",\n },\n email: {\n value:\n (sipType === NEW || sipType === NEWP) &&\n // !!location.state &&\n // !location.state.pan &&\n !!detailsEmail &&\n !!detailsEmail.email\n ? detailsEmail.email\n : \"\",\n },\n mobile: {\n value:\n (sipType === NEW || sipType === NEWP) &&\n // !!location.state &&\n // !location.state.pan &&\n !!detailsMobile &&\n !!detailsMobile.Mobile\n ? detailsMobile.Mobile\n : \"\",\n },\n disbleEmail:\n !!detailsEmail &&\n !!detailsEmail.email &&\n (sipType === NEW || sipType === NEWP)\n ? true\n : false,\n disbleMobile:\n !!detailsMobile &&\n (sipType === NEW || sipType === NEWP) &&\n !!detailsMobile.Mobile\n ? true\n : false,\n };\n\n if (!sipType) {\n this.setState({\n ...state,\n sipType: { value: event.target.value },\n minAmountValue: { value: \"\" },\n });\n return;\n } else if (event.target.value === this.state.sipType.value) {\n return;\n }\n const params = {\n opt: PAYMENT_MODE,\n Fund: \"176\",\n astscheme:\n !!this.props.investorData && !!this.props.investorData.PAN\n ? this.props.investorData.PAN\n : !!state && !!state.pan\n ? state.pan\n : \"\",\n };\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (parseFloat(curr.Fund) === 176 && curr.sipFlag === YES) {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n\n this.setState({\n ...Setstate,\n sipType: { value: sipType },\n funds: [],\n fund: { value: { value: \"176\" } },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n });\n if (!!sipType) {\n this.validateBrokerCode(\"176\")();\n }\n if (sipType === NEW || sipType === NEWP) {\n this.getAssetClasses(\"176\");\n }\n const response = await this.props.swpOptions(params);\n if (response) {\n const { Dtinformation } = response;\n this.setState({\n modes: Dtinformation,\n minAmountValue: { value: \"\" },\n mode: { value: \"\" },\n });\n }\n // const { fundList, fundsList } = this.props;\n // const funds =\n // sipType === NEW || sipType === NEWP\n // ? fundsList\n // : fundList.reduce((prev, curr) => {\n // if (curr.sipFlag === YES) {\n // const findIndex =\n // prev.findIndex((fund) => fund.Fund === curr.Fund) !== -1;\n // if (!findIndex) {\n // return [...prev, { Fund: curr.Fund, FundDesc: curr.FundDesc }];\n // }\n // }\n // return prev;\n // }, []);\n\n // this.setState({\n // ...state,\n // sipType: { value: event.target.value },\n // minAmountValue: { value: \"\" },\n // funds,\n // });\n };\n\n changeSchemeType = (value) => () => {\n const { funds, fund, folios, modes, mode, folio } = this.state;\n const state = {\n funds,\n fund,\n folios,\n modes,\n mode,\n folio,\n };\n if (value === this.state.schemeType) {\n return;\n }\n if (value === EXISTING && !!this.state.fund.value) {\n const schemes = this.schemes(this.state.folio.value.value);\n this.setState({\n ...initialState,\n ...state,\n schemeType: value,\n minAmountValue: { value: \"\" },\n schemes,\n });\n } else {\n this.setState({\n ...initialState,\n minAmountValue: { value: \"\" },\n ...state,\n schemeType: value,\n });\n if (!!this.state.fund.value && !!this.state.folio.value) {\n this.getAssetClasses(\n this.state.sipType.value === NEW\n ? this.state.fund.value.value.amc_code\n : this.state.fund.value.value.Fund,\n this.state.folio.value.value\n );\n }\n }\n };\n\n handleSchemeChange = (value) => {\n const scheme = !!value ? value.value : \"\";\n\n const {\n funds,\n fund,\n folios,\n modes,\n mode,\n folio,\n categories,\n category,\n schemes,\n } = this.state;\n const state = {\n funds,\n fund,\n folios,\n modes,\n mode,\n folio,\n categories,\n category,\n schemes,\n };\n if (!value) {\n this.setState({\n ...initialState,\n ...state,\n scheme: { value: value },\n });\n return;\n }\n\n this.setState({\n ...initialState,\n ...state,\n scheme: { value },\n multiples: !!scheme && !!scheme.multiples ? scheme.multiples : \"\",\n minAmount: !!scheme ? scheme.sipminamt || scheme.SIPminamt : \"\",\n minAmountValue: {\n value: !!scheme ? scheme.sipminamt || scheme.SIPminamt : \"\",\n },\n minimumLumpsumAmout:\n this.state.sipType.value === NEW || this.state.sipType.value === NEWP\n ? scheme.fm_newpur\n : \"\",\n });\n const params = {\n opt: INVESTMENT_FREQUENCY,\n fund: \"176\",\n };\n this.getInvestmentFrequency(params, \"frequencies\");\n };\n\n getInvestmentFrequency = async (params, label) => {\n const response = await this.props.swpOptions(params);\n if (response) {\n this.setState({\n [label]: response.Dtinformation,\n });\n }\n };\n\n changeFrequency = async (event) => {\n const investmentFrequency = event.target.value;\n let minAmount = \"\";\n const {\n funds,\n fund,\n folios,\n modes,\n mode,\n folio,\n categories,\n category,\n schemes,\n scheme,\n frequencies,\n } = this.state;\n const state = {\n funds,\n fund,\n folios,\n modes,\n mode,\n folio,\n categories,\n category,\n schemes,\n scheme,\n frequencies,\n };\n if (!investmentFrequency) {\n this.setState({\n ...initialState,\n ...state,\n installments: { value: \"\" },\n sip_end_date: { value: \"\" },\n sip_start_date: { value: \"\" },\n sipDay: { value: \"\" },\n investmentFrequency: { value: investmentFrequency },\n });\n return;\n }\n if (this.state.sipType.value === NEW || this.state.sipType.value === NEWP) {\n const minParams = {\n Fund: \"176\",\n Scheme: this.state.scheme.value.value.fm_scheme,\n Trtype: \"SIP\",\n Frequency: event.target.value.FrequencyID,\n };\n const response = await this.props.getMinimumAmount(minParams);\n\n if (response) {\n const { DtData } = response;\n minAmount = DtData[0].minamt;\n }\n }\n if (this.state.sipType.value === EXISTING) {\n const minParams = {\n Fund: \"176\",\n\n Scheme:\n this.state.scheme.value.value.Sch ||\n this.state.scheme.value.value.fm_scheme,\n Trtype: \"SIP\",\n Frequency: event.target.value.FrequencyID,\n };\n\n const response = await this.props.getMinimumAmount(minParams);\n\n if (!!response && !response.error) {\n const { DtData } = response;\n minAmount = DtData[0].minamt;\n }\n }\n\n this.setState({\n investmentFrequency: { value: investmentFrequency },\n installments: { value: \"\" },\n sip_end_date: { value: \"\" },\n sip_start_date: { value: \"\" },\n // minAmountValue: {\n // value: this.state.minAmountValue.value,\n // },\n minAmountValue: { value: minAmount },\n\n // minimumLumpsumAmout: this.state.minimumLumpsumAmout,\n });\n\n const params = {\n opt: SIP_DAY,\n fund: \"176\",\n astscheme: investmentFrequency.FrequencyID,\n };\n this.getInvestmentFrequency(params, \"sipDays\");\n };\n\n changeSipDay = (value) => {\n const sipDay = !!value ? value.value : \"\";\n this.setState({\n sipDay: { value: value },\n installmentAmount: { value: \"\" },\n investmentAmount: { value: \"\" },\n });\n if (!!sipDay) {\n this.getSipEndDate(sipDay);\n } else if (!this.state.installments.value) {\n this.setState({\n sipDay: { value: \"\" },\n\n installments: {\n isError: true,\n errorMessage: \"Please enter Instalments\",\n },\n });\n this.installmentsField.focus();\n }\n };\n\n getSipEndDate = async (sipDay) => {\n const params = {\n fund: \"176\",\n\n sch:\n this.state.scheme.value.value.Sch ||\n this.state.scheme.value.value.fm_scheme,\n StartDate: sipDay,\n Installments: this.state.installments.value,\n Frequency: this.state.investmentFrequency.value.FrequencyID,\n trtype: \"SIP\",\n };\n const response = await this.props.CalcSIPEnddt(params);\n if (response) {\n const {\n DtData: [dates],\n } = response;\n const { SIP_EndDate, SIP_StartDate } = dates;\n if (!!SIP_EndDate) {\n const reformSIPEndDT = SIP_EndDate.split(\"/\");\n if (parseFloat(reformSIPEndDT[2]) >= 2099) {\n this.setState({\n sipDay: { value: \"\" },\n sip_start_date: { value: \"\" },\n sip_end_date: { value: \"\" },\n installments: {\n value: \"\",\n isError: true,\n errorMessage:\n \"Your SIP instalments are going beyond 2099, select lesser number of instalments.\",\n },\n });\n this.installmentsField.focus();\n } else if (parseFloat(reformSIPEndDT[2]) < 2099) {\n this.setState({\n sip_start_date: { value: SIP_StartDate },\n sip_end_date: { value: SIP_EndDate },\n });\n }\n }\n }\n };\n\n showError = (label) => (event) => {\n const {\n [label]: { value },\n } = this.state;\n // if (label === \"investmentAmount\") {\n // this.setState({\n // [label]: {\n // value,\n // isError:\n // label === \"investmentAmount\"\n // ? this.state.minAmountValue.value <\n // this.state.investmentAmount.value\n // ? true\n // : !value\n // : \"\",\n // errorMessage:\n // label === \"investmentAmount\"\n // ? this.state.minAmountValue.value <\n // this.state.investmentAmount.value\n // ? `Investment Amount should be ${this.state.minAmountValue.value}(INR)`\n // : \"\"\n // : \"\"\n // }\n // });\n // }\n // if (label === \"installmentAmount\") {\n // this.setState({\n // [label]: {\n // value,\n // isError:\n // label === \"installmentAmount\"\n // ? this.state.minAmountValue.value <\n // this.state.installmentAmount.value\n // ? true\n // : !value\n // : \"\",\n // errorMessage:\n // label === \"installmentAmount\"\n // ? this.state.minAmountValue.value <\n // this.state.installmentAmount.value\n // ? `Installment Amount should be ${this.state.minAmountValue.value}(INR)`\n // : \"\"\n // : \"\"\n // }\n // });\n // }\n if (label === \"email\") {\n this.setState({\n [label]: {\n value,\n isError: !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n )\n ? true\n : !value,\n errorMessage: !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n )\n ? `Enter an vaild Email ID`\n : \"\",\n },\n });\n } else if (label === \"code\") {\n if (!/^[+]\\d{1,3}/.test(event.target.value)) {\n this.setState({\n [label]: {\n value: \"\",\n isError: true,\n errorMessage: \"Enter a valid Country Code\",\n },\n });\n }\n } else if (label === \"mobile\") {\n this.setState({\n [label]: {\n value,\n isError: !/^[6-9]\\d{9}$/.test(this.state.mobile.value)\n ? true\n : !value,\n errorMessage: !/^[6-9]\\d{9}$/.test(this.state.mobile.value)\n ? `Enter a valid Mobile`\n : !value,\n },\n });\n } else if (label === \"installments\") {\n this.setState({\n [label]: {\n value,\n isError:\n !!this.state.investmentFrequency.value &&\n !!this.state.investmentFrequency.value.Minimum_Instalment &&\n this.state.installments.value <\n this.state.investmentFrequency.value.Minimum_Instalment\n ? true\n : !value,\n errorMessage:\n \"No. of installments should be more than the minimum installments\",\n },\n });\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n errorMessage: `${label} is mandatory*`,\n },\n });\n }\n };\n\n submit = async () => {\n const {\n sipTypes,\n installments,\n funds,\n fund,\n folio,\n folios,\n arnCode,\n subArnCode,\n invName,\n email,\n subBrokerCode,\n schemeType,\n category,\n mobile,\n categories,\n schemes,\n modes,\n euinNo,\n perpetualSip,\n radioValue,\n minimumLumpsumAmout,\n // installmentAmount,\n minAmount,\n minAmountValue,\n frequencies,\n sipDays,\n investmentAmount,\n disbleEmail,\n disbleMobile,\n multiples,\n code,\n Family_Code_Email,\n Family_Code_Phone,\n ...others\n } = this.state;\n\n const { location } = this.props;\n const { state } = location;\n if (!this.state.email.value) {\n this.setState({\n email: {\n value: \"\",\n isError: true,\n errorMessage: \"Email ID is mandatory*\",\n },\n });\n }\n if (!this.state.installments.value && !this.state.perpetualSip) {\n this.setState({\n installments: {\n value: \"\",\n isError: true,\n errorMessage: \"No of Installments is Mandatory\",\n },\n });\n }\n if (!this.state.invName.value) {\n this.setState({\n invName: {\n value: \"\",\n isError: true,\n errorMessage: \"Investor name is mandatory*\",\n },\n });\n }\n if (\n !/^[+]\\d{1,3}/.test(this.state.code.value) &&\n (this.state.sipType.value === NEW || this.state.sipType.value === NEWP)\n ) {\n this.setState({\n code: {\n value: \"\",\n isError: true,\n errorMessage: !code.value\n ? \"Country Code is Mandatory\"\n : \"Enter a valid Country Code\",\n },\n });\n return;\n }\n if (!this.state.mobile.value) {\n this.setState({\n mobile: {\n value: \"\",\n isError: true,\n errorMessage: \"Mobile is mandatory*\",\n },\n });\n }\n\n if (!this.state.folio.value) {\n this.setState({\n folio: {\n value: \"\",\n isError: true,\n errorMessage: \"Folio is mandatory*\",\n },\n });\n }\n if (!this.state.category.value) {\n this.setState({\n category: {\n value: \"\",\n isError: true,\n errorMessage: \"Category is mandatory*\",\n },\n });\n }\n if (!this.state.investmentAmount.value) {\n this.setState({\n investmentAmount: {\n value: \"\",\n isError: true,\n errorMessage: \"Investment amount is mandatory*\",\n },\n });\n }\n if (!this.state.euinNo.value) {\n this.setState({\n euinNo: {\n value: \"\",\n isError: true,\n },\n });\n }\n\n const keys = Object.keys(others);\n\n const findError = keys.every((key) => !!others[key].value);\n\n const arn = this.state.arnCode.value.split(\"-\");\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage: `${key.toLowerCase()} is mandatory*`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n case \"sipType\":\n this.sipTypeField.focus();\n break;\n // case \"fund\":\n // this.fundField.focus();\n // break;\n case \"scheme\":\n this.schemeField.focus();\n break;\n case \"investmentFrequency\":\n this.investmentFrequency.focus();\n break;\n case \"sipDay\":\n this.sipDay.focus();\n break;\n case \"installmentAmount\":\n this.installmentAmount.focus();\n break;\n case \"mode\":\n this.modeField.focus();\n break;\n case \"email\":\n this.emailField.focus();\n break;\n case \"mobile\":\n this.mobileField.focus();\n break;\n }\n } else if (\n invName.value === \"\" &&\n (this.state.sipType.value === NEW || this.state.sipType.value === NEWP)\n ) {\n this.setState({\n invName: {\n value: \"\",\n isError: true,\n errorMessage: \"Investor name is mandatory*\",\n },\n });\n this.invNameField.focus();\n return;\n } else if (others.sipType === EXISTING && !folio.value) {\n this.setState({ folio: { ...folio, isError: true } });\n this.folioField.focus();\n return;\n } else if (\n (others.sipType.value === NEW || schemeType === NEW) &&\n !category.value\n ) {\n this.setState({ category: { ...category, isError: true } });\n this.categoryField.focus();\n return;\n } else if (\n (others.sipType.value === NEW || others.sipType.value === NEWP) &&\n (!email.value ||\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(email.value))\n ) {\n this.setState({\n email: {\n ...email,\n isError: true,\n errorMessage: \"Please enter an valid Email ID\",\n },\n });\n this.emailField.focus();\n return;\n } else if (\n others.sipType.value === NEW &&\n (!mobile.value || !/^[6-9]\\d{9}$/.test(mobile.value))) {\n this.setState({ mobile: { ...mobile, isError: true } });\n this.mobileField.focus();\n return;\n } else if (radioValue.value === \"no\" && !euinNo.value) {\n this.setState({\n euinNo: { ...euinNo, isError: true },\n });\n this.euinField.focus();\n return;\n } else if (\n others.sipType.value === NEW &&\n (!investmentAmount.value ||\n parseFloat(investmentAmount.value) <\n parseFloat(this.state.minimumLumpsumAmout))\n ) {\n if (\n parseFloat(investmentAmount.value) <\n parseFloat(this.state.minimumLumpsumAmout)\n ) {\n this.setState({\n investmentAmount: {\n value: \"\",\n isError: true,\n errorMessage: `Lumpsum amount should be more than ${this.state.minimumLumpsumAmout}`,\n },\n });\n } else {\n this.setState({\n investmentAmount: { ...investmentAmount, isError: true },\n });\n }\n\n this.investmentAmount.focus();\n return;\n } else if (arn[1] === this.state.subArnCode.value) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `and ARN code should not match `,\n },\n });\n } else if (\n !!others.investmentFrequency.value &&\n !!others.investmentFrequency.value.Minimum_Instalment &&\n this.state.installments.value <\n others.investmentFrequency.value.Minimum_Instalment &&\n others.investmentFrequency.value.FrequencyID !== \"Quarterly\" &&\n !this.state.perpetualSip\n ) {\n this.installmentsField.focus();\n this.setState({\n installments: {\n value: \"\",\n isError: true,\n errorMessage: `Please check minimum no. of installments`,\n },\n });\n } else if (\n this.state.minAmountValue.value > this.state.installmentAmount.value\n ) {\n this.setState({\n installmentAmount: {\n value: \"\",\n isError: true,\n errorMessage: `Minimum SIP amount is ${this.state.minAmountValue.value} (â‚ą)`,\n },\n });\n this.installmentAmount.focus();\n return;\n } else if (\n !!others.investmentFrequency.value &&\n this.state.installments.value < 12 &&\n (others.investmentFrequency.value.FrequencyID === \"Quarterly\") &\n !this.state.perpetualSip\n ) {\n this.setState({\n installments: {\n value: \"\",\n isError: true,\n errorMessage: `Please check Minimum No. of Instalments `,\n },\n });\n } else {\n this.props.setSipDetails(this.state);\n const { location } = this.props;\n const { state } = location;\n if (others.sipType.value === NEW || others.sipType.value === NEWP) {\n const { investorData } = this.props;\n const params = {\n InvestorName: this.state.invName.value || \"\",\n i_entby: this.props.userId,\n trtype: PURCHASE,\n Desci: \"Yes~S~\",\n SubbrokerArn: !!this.state.subArnCode.value\n ? `ARN-${subArnCode.value}`\n : \"\",\n ARNCode: this.state.arnCode.value,\n EuinCode:\n this.state.radioValue.value === \"no\"\n ? this.state.euinNo.value.value\n : \"\",\n i_Userid: this.props.userId,\n Mobile: this.state.mobile.value,\n PanNo: investorData.PAN || state.pan,\n Email: this.state.email.value,\n fEmailFlag: this.state.Family_Code_Email.value.value,\n fMobileFlag: this.state.Family_Code_Phone.value.value,\n i_Acno: \"0\",\n Subbroker: this.state.subBrokerCode.value,\n i_Fund: \"176\",\n i_UntAmtValue:\n this.state.sipType.value === NEW\n ? this.state.investmentAmount.value\n : \"\",\n EUINFlag: this.state.radioValue.value === \"no\" ? NO : YES,\n EuinValid: this.state.radioValue.value === \"no\" ? NO : YES,\n i_Scheme:\n this.state.scheme.value.value.Sch ||\n this.state.scheme.value.value.fm_scheme,\n i_Plan:\n this.state.scheme.value.value.Pln ||\n this.state.scheme.value.value.fm_plan,\n i_Option:\n this.state.scheme.value.value.Opt ||\n this.state.scheme.value.value.fm_option,\n i_oldihno: \"0\",\n i_InvDistFlag: \"S\",\n sipenddt: new Date(\n this.state.sip_end_date.value.split(\"/\").reverse().join(\"/\")\n ).toLocaleDateString(\"en-US\"),\n sipstartdt: new Date(\n this.state.sip_start_date.value.split(\"/\").reverse().join(\"/\")\n ).toLocaleDateString(\"en-US\"),\n sipfrequency: this.state.investmentFrequency.value.FrequencyID,\n sipamount: this.state.installmentAmount.value,\n ModuleName: \"Webile\",\n paymode: this.state.mode.value,\n countrycode: this.state.code.value,\n };\n const response = await this.props.submitPurchaseData(params);\n\n if (response) {\n const {\n DtData: [purchaseData],\n } = response;\n const confirmationParams = {\n Trtype: PURCHASE,\n fund: \"176\",\n\n Refno: purchaseData.refno,\n ModuleName: \"Webile\",\n };\n const confirmationResponse =\n await this.props.showPurchaseConfirmation(confirmationParams);\n\n if (confirmationResponse) {\n this.props.history.push({\n pathname: INVESTOR_URL + \"/sip/digital/transact/confirm\",\n state: {\n title: \"SIP\",\n type: SIP,\n InvestorEmail:\n this.state.sipType.value === NEW ||\n this.state.sipType.value === NEWP\n ? this.state.email.value\n : \"\",\n InvestorMobile:\n this.state.sipType.value === NEW ||\n this.state.sipType.value === NEWP\n ? this.state.mobile.value\n : \"\",\n arnCode: this.state.arnCode.value,\n scheme: {\n Fund: \"176\",\n },\n },\n });\n }\n }\n } else {\n this.props.history.push({\n pathname: INVESTOR_URL + \"/sip/digital/transact/confirm\",\n state: {\n title: \"SIP\",\n type: SIP,\n InvestorEmail:\n this.state.sipType.value === NEW ||\n this.state.sipType.value === NEWP\n ? this.state.email.value\n : \"\",\n InvestorMobile:\n this.state.sipType.value === NEW ||\n this.state.sipType.value === NEWP\n ? this.state.mobile.value\n : \"\",\n arnCode: this.state.arnCode.value,\n Folio: { value: this.state.folio.value.value },\n scheme: {\n Fund: \"176\",\n },\n },\n });\n }\n }\n };\n\n render() {\n console.log(this.state)\n const {\n sipType,\n schemeType,\n fund,\n sipTypes,\n funds,\n folios,\n folio,\n arnCode,\n subArnCode,\n subBrokerCode,\n modes,\n mode,\n categories,\n category,\n schemes,\n scheme,\n euinNo,\n radioValue,\n minAmount,\n frequencies,\n investmentFrequency,\n sipDays,\n sipDay,\n installments,\n sip_end_date,\n sip_start_date,\n installmentAmount,\n investmentAmount,\n email,\n mobile,\n invName,\n Family_Code_Email,\n Family_Code_Phone\n } = this.state;\n const { euinList } = this.props;\n const { location } = this.props;\n const { state } = location;\n\n return (\n \n \n
\n )}\n\n SIP
\n \n (this.sipTypeField = ele)}\n isError={sipType.isError}\n errorMessage={sipType.errorMessage}\n >\n {sipTypes.map((item, index) => (\n \n ))}\n \n
\n\n {(sipType.value === NEW || sipType.value === NEWP) && (\n \n
\n )}\n\n {/* \n (this.invNameField = ele)}\n />\n
\n\n \n ({\n label: item.family_description,\n value: item.family_code,\n }))}\n value={Family_Code_Email.value}\n placeholder=\"Select Family Description\"\n handleChange={this.FamilyDescriptionEmail}\n />\n
\n\n Email Family Description
\n \n (this.emailField = ele)}\n />\n
\n \n ({\n label: item.family_description,\n value: item.family_code,\n }))}\n value={Family_Code_Phone.value}\n placeholder=\"Select Phone Description\"\n handleChange={this.FamilyDescriptionPhone}\n />\n
\n Mobile Family Description
\n \n (this.codeField = ele)}\n />\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n type=\"number\"\n onChange={this.changeValue(\"mobile\")}\n onBlur={this.showError(\"mobile\")}\n isShowError={mobile.isError}\n errorMessage={mobile.errorMessage}\n inputref={(ele) => (this.mobileField = ele)}\n />\n
\n \n
*/}\n {sipType.value === EXISTING && (\n AMC
\n \n
\n )}\n\n {(schemeType === NEW ||\n sipType.value === NEW ||\n sipType.value === NEWP) && (\n \n ({\n label: item,\n value: item,\n }))}\n value={folio.value}\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n disabled={!fund.value}\n isError={folio.isError}\n errorMessage={folio.errorMessage}\n />\n
\n Folio
\n Select Scheme Type
\n \n
\n \n (this.categoryField = ele)}\n isError={category.isError}\n errorMessage={category.errorMessage}\n >\n {categories.map((item, index) => (\n \n ))}\n \n
\n )}\n \n ({\n label: item.PlnDesc\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\n : item.fm_schdesc,\n value: item,\n }))}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n // handleInputchange={this.handleInputChange}\n handleChange={this.handleSchemeChange}\n disabled={\n schemeType === EXISTING && sipType.value === EXISTING\n ? !folio.value\n : !category.value\n }\n inputRef={(ele) => (this.schemeField = ele)}\n isError={scheme.isError}\n errorMessage={scheme.errorMessage}\n />\n
\n\n Scheme
\n \n
\n\n \n
\n\n \n
\n\n \n \n \n \n
\n {radioValue.value === \"no\" ? (\n EUIN Declaration
\n \n
\n YES
\n \n
\n \n NO
\n \n ({\n value: item.abm_agent,\n label: item.abm_agent,\n }))}\n value={euinNo.value}\n placeholder=\"Select EUIN\"\n handleChange={this.changeEuin}\n disabled={!euinList.length}\n inputRef={(ele) => (this.euinField = ele)}\n isError={euinNo.isError}\n />\n
\n ) : (\n \n I/We hereby confirm that the EUIN box has been intentionally left\n the blank by me/us as this is an 'execution-only' transaction\n without any interaction or advice by any personnel of the above\n distributor or notwithstanding the advice of in-appropriateness,if\n any provided by any personnel of the distributor and the distributor\n has not charged any advisory fees on this transaction\n
\n )}\n\n \n (this.investmentFrequency = ele)}\n isError={investmentFrequency.isError}\n errorMessage={investmentFrequency.errorMessage}\n >\n {frequencies.map((item, index) => (\n \n ))}\n \n
\n \n {!!investmentFrequency.value.FrequencyDescription && investmentFrequency.value.FrequencyDescription === \"Weekly\" && \"For 'weekly' frequency, the SIP start date will be on Wednesday falling on or after the cooling period (currently 30 days) from the date of transaction.\"}\n
\n\n \n (this.installmentsField = ele)}\n errorMessage={installments.errorMessage}\n disabled={installments.disabled}\n placeholder={installments.placeholder}\n />\n
\n\n \n ({\n value: item.sip_cycleid,\n label: item.sip_cycleid,\n }))}\n value={sipDay.value}\n placeholder=\"SIP Day\"\n handleChange={this.changeSipDay}\n disabled={!investmentFrequency.value || !installments.value}\n inputRef={(ele) => (this.sipDay = ele)}\n isError={sipDay.isError}\n errorMessage={sipDay.errorMessage}\n />\n
\n\n SIP Date
\n \n
\n\n \n
\n\n {!!sipDay && !!sipDay.value && (\n \n Perpetual SIP\n
\n \n
\n\n \n
\n Minimum SIP Amount
\n {sipType.value === NEW && (\n Minimum Lumpsum Investment Amount
\n )}\n \n
\n \n {!!this.state.minAmountValue.value\n ? this.state.minAmountValue.value\n : \"\"}\n (â‚ą)\n
\n {sipType.value === NEW && (\n {this.state.minimumLumpsumAmout}(â‚ą)
\n )}\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n value={installmentAmount.value}\n onChange={this.changeValue(\"installmentAmount\")}\n type=\"number\"\n onBlur={this.showError(\"installmentAmount\")}\n isShowError={installmentAmount.isError}\n inputref={(ele) => (this.installmentAmount = ele)}\n errorMessage={installmentAmount.errorMessage}\n />\n
\n\n \n (this.modeField = ele)}\n isError={mode.isError}\n >\n {modes.map((item, index) => (\n \n ))}\n \n
\n\n {sipType.value === NEW && (\n \n
\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }) => {\n const { fundList, token, userId, investorData, communicationDetails } =\n authReducer;\n const { euinList, fundsList, sipDetails = {} } = transactions;\n return {\n fundList,\n token,\n userId,\n euinList,\n investorData,\n communicationDetails,\n fundsList,\n sipDetails,\n };\n },\n {\n validateSubBroker,\n swpOptions,\n getNewPurchaseFundList,\n getOtherSchemes,\n getAssetClasses,\n CalcSIPEnddt,\n setSipDetails,\n submitPurchaseData,\n showPurchaseConfirmation,\n getMinimumAmount,\n }\n)(Sip);\n\n\n\nexport const family_description_codes = [\n {\n family_description: \"Self\",\n family_code: \"SE\",\n },\n {\n family_description: \"Spouse\",\n family_code: \"SP\",\n },\n {\n family_description: \"Dependent Children\",\n family_code: \"DC\",\n },\n {\n family_description: \"Dependent Siblings\",\n family_code: \"DS\",\n },\n {\n family_description: \"Dependent Parents\",\n family_code: \"DP\",\n },\n {\n family_description: \"Guardian\",\n family_code: \"GD\",\n },\n\n];","import React, { Component } from \"react\";\nimport CustomizedSelect from \"./customizedSelect\";\nimport { Input } from \"../../forms/input\";\nimport Signbutton from \"../../forms/button\";\nimport { connect } from \"react-redux\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport { YES, SWP } from \"shared/store/types\";\nimport {\n swpOptions,\n CalcSIPEnddt,\n getMinimumAmount,\n} from \"shared/store/actions\";\nimport { NEW_TRANSACTION_URL } from \".\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport { textAlign } from \"@material-ui/system\";\nimport { SundaramMutualFund } from \"./newPurchaseForm\";\nimport { INVESTOR_URL } from \"../investors\";\nclass Swp extends Component {\n constructor(props) {\n super(props);\n\n\n this.state = {\n // funds,\n minAmountValue: { value: \"\" },\n fund: { value: {value:\"176\"} },\n folios: [],\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n swpOption: { value: \"\" },\n swpOptions: [],\n swpFrequency: { value: \"\" },\n swpFrequencyOptions: [],\n withdrawals: { value: \"\" },\n minAmountValue: { value: \"\" },\n sipDay: { value: \"\" },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n amount: { value: \"\" },\n sipCycle: [],\n };\n }\n handleFundChange = (value) => {\n if (!value) {\n this.setState({\n fund: { value: \"\" },\n folios: [],\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n swpOption: { value: \"\" },\n swpOptions: [],\n swpFrequency: { value: \"\" },\n swpFrequencyOptions: [],\n withdrawals: { value: \"\" },\n sipDay: { value: \"\" },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n amount: { value: \"\" },\n sipCycle: [],\n });\n } else if (value.value === \"176\") {\n return;\n } else {\n const fund = !!value ? value.value : \"\";\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.sFlag === YES && curr.Fund === fund) {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n scheme: { value: \"\" },\n withdrawals: { value: \"\" },\n swpFrequency: { value: \"\" },\n });\n }\n };\n\n\n async componentDidMount() {\n window.scrollTo({\n behavior:\"smooth\",\n top:0\n })\n this.getfolios();\n }\n\n getfolios = () => {\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.sFlag === YES && curr.Fund.trim() === \"176\") {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value: { value: \"176\" } },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n scheme: { value: \"\" },\n withdrawals: { value: \"\" },\n swpFrequency: { value: \"\" },\n });\n };\n handleFolioChange = async (value) => {\n const folio = !!value ? value.value : \"\";\n const schemes = !!value ? this.schemes(folio) : [];\n // const banks = this.props.bankDetails.filter(item => item.foliono === folio);\n this.setState({\n folio: { value },\n schemes,\n scheme: { value: \"\" },\n });\n };\n schemes = (folio) => {\n return this.props.fundList.reduce((prev, curr) => {\n if (curr.Fund === \"176\" && curr.Acno === folio) {\n return [...prev, curr];\n }\n return prev;\n }, []);\n };\n\n handleSchemeChange = async (value) => {\n if (!value) {\n this.setState({\n swpOption: { value: \"\" },\n swpOptions: [],\n swpFrequency: { value: \"\" },\n swpFrequencyOptions: [],\n withdrawals: { value: \"\" },\n sipDay: { value: \"\" },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n amount: { value: \"\" },\n sipCycle: [],\n });\n } else if (\n !!value &&\n !!this.state.scheme.value.value &&\n value.value.SchDesc === this.state.scheme.value.value.SchDesc\n ) {\n return;\n } else {\n if (value.value.BalUnits === 0) {\n this.setState({\n folio: {\n value: \"\",\n isError: true,\n errorMessage: \"SWP in zero balance folios is not allowed\",\n },\n scheme: {\n value: \"\",\n },\n });\n } else {\n const params = {\n fund: \"176\",\n opt: \"SWPW\",\n };\n let swpOptionsResponse = [];\n const response = await this.props.swpOptions(params);\n if (response) {\n swpOptionsResponse = response.Dtinformation;\n }\n this.setState({\n scheme: { value },\n swpOptions: swpOptionsResponse,\n });\n }\n }\n };\n handleSwpOptonChange = async (event) => {\n if (\n !!this.state.swpOption.value &&\n event.target.value.code === this.state.swpOption.value.code\n ) {\n return;\n } else {\n const swpOption = event.target.value;\n const params = {\n opt: \"SWF\",\n fund: \"176\",\n };\n const response = await this.props.swpOptions(params);\n const swpFrequencyOptionsResponse = response.Dtinformation;\n\n this.setState({\n swpOption: { value: swpOption },\n withdrawals: { value: \"\" },\n swpFrequency: { value: \"\" },\n swpFrequencyOptions: swpFrequencyOptionsResponse,\n });\n }\n };\n\n handleSwpFrequencyChange = async (event) => {\n const swpFrequency = event.target.value;\n const params = {\n opt: \"SWPD\",\n fund: \"176\",\n Astscheme:!!event.target.value && !!event.target.value.FrequencyDescription ? event.target.value.FrequencyDescription:\"\"\n };\n const response = await this.props.swpOptions(params);\n const sipCycleResponse = response.Dtinformation;\n\n this.setState({\n swpFrequency: { value: swpFrequency },\n sipDay: { value: \"\" },\n\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipCycle: sipCycleResponse,\n minAmountValue: {\n value: event.target.value.FrequencyID === \"Yearly\" ? 1000 : 500,\n },\n });\n };\n\n handleNoOfWithDrawals(event) {\n if (event.target.value.length <= 3 && !!event.target.value) {\n if (parseFloat(event.target.value) <= 500 && event.target.value !== \"0\") {\n this.setState({\n withdrawals: {\n value: parseFloat(event.target.value.replace(/^0+/, \"\")),\n },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipDay: { value: \"\" },\n swpFrequency: { value: \"\" },\n });\n } else {\n this.setState({\n withdrawals: {\n value: \"\",\n isError: true,\n errorMessage: !!event.target.value\n ? \"No. of Withdrawls should not be more than 500\"\n : \"\",\n },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipDay: { value: \"\" },\n swpFrequency: { value: \"\" },\n });\n }\n } else if (!event.target.value) {\n this.setState({\n withdrawals: {\n value: \"\",\n isError: true,\n errorMessage:\n !!event.target.value && event.target.value !== \"0\"\n ? \"No. of Withdrawals should not be more than 500\"\n : event.target.value === \"0\"\n ? \"No. of Withdrwals should not be zero\"\n : \"Please enter the minimum no of Withdrawals\",\n },\n sipStartDate: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipDay: { value: \"\" },\n });\n }\n }\n async handleSwpDay(event) {\n const day = event.target.value;\n\n if (!!day) {\n const params = {\n Fund: \"176\",\n StartDate: day,\n installments: this.state.withdrawals.value,\n Frequency: this.state.swpFrequency.value.FrequencyDescription,\n trtype: \"SWP\",\n sch:this.state.scheme.value.value.Sch\n };\n\n\n const response = await this.props.CalcSIPEnddt(params);\n\n const sipStartDateResponse = response.DtData[0].SIP_StartDate;\n const sipEndDateResponse = response.DtData[0].SIP_EndDate;\n this.setState({\n sipDay: { value: day },\n sipStartDate: { value: sipStartDateResponse },\n sipEndDate: { value: sipEndDateResponse },\n });\n }\n }\n\n showError = (label) => () => {\n const {\n [label]: { value },\n } = this.state;\n\n if (label === \"withdrawals\") {\n this.setState({\n [label]: {\n value,\n isError: this.state.withdrawals.value < 2 ? true : !value,\n errorMessage:\n this.state.withdrawals.value < 2\n ? \"Please enter the vaild number of Withdrawals\"\n : \"\",\n },\n });\n }\n // else if (label === \"amount\") {\n // this.setState({\n // [label]: {\n // value,\n // isError:\n // this.state.minAmountValue.value < this.state.amount.value\n // ? true\n // : !value,\n // errorMessage:\n // this.state.minAmountValue.value < this.state.amount.value\n // ? `Amount should be ${this.state.minAmountValue.value}`\n // : \"\"\n // }\n // });\n // }\n else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n errorMessage: `${label} is mandatory*`,\n },\n });\n }\n };\n\n handleMinimumAmount(event) {\n if (event.target.value.length <= 10) {\n this.setState({\n amount: { value: parseFloat(event.target.value.replace(/^0+/, \"\")) },\n });\n }\n }\n\n submit = () => {\n let currValue;\n if (!!this.state.scheme.value) {\n currValue = parseFloat(\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\n );\n }\n if (!this.state.amount.value) {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: \"Investment amount is mandatory*\",\n },\n });\n }\n const {\n fund,\n funds,\n folios,\n schemes,\n swpOptions,\n swpFrequencyOptions,\n withdrawals,\n sipStartDate,\n sipEndDate,\n amount,\n sipCycle,\n bank,\n banks,\n ...others\n } = this.state;\n const keys = Object.keys(others);\n const findError = keys.every((key) => !!others[key].value);\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage:\n key === \"sipDay\"\n ? \"SWP Day is mandatory*\"\n : key === \"swpFrequency\"\n ? \"Withdrawal Frequency is mandatory*\"\n : key === \"swpOption\"\n ? \"Withdrawal Option is mandatory*\"\n : `${key} is mandatory*`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n // case \"fund\": {\n // this.fundField.focus();\n // break;\n // }\n case \"folio\": {\n this.folioField.focus();\n break;\n }\n case \"scheme\": {\n this.schemeField.focus();\n break;\n }\n case \"swpOption\": {\n this.swpOptionField.focus();\n break;\n }\n case \"sipDay\": {\n this.sipDayField.focus();\n break;\n }\n case \"swpFrequency\": {\n this.swpFrquencyField.focus();\n break;\n }\n }\n } else if (this.state.withdrawals.value < 2) {\n this.setState({\n withdrawals: {\n value: \"\",\n isError: true,\n errorMessage: `Please check the minimum Withdrawals Value`,\n },\n });\n } else if (\n (parseFloat(this.state.amount.value) < this.state.minAmountValue.value ||\n !this.state.amount.value) &&\n this.state.swpOption.value.Description === \"Fixed\"\n ) {\n this.setState({\n amount: {\n value: \"\",\n isError: true,\n errorMessage: `Minimum amount is ${this.state.minAmountValue.value}(â‚ą)`,\n },\n });\n } else {\n const {\n funds,\n folios,\n schemes,\n swpFrequencyOptions,\n ...others\n } = this.state;\n\n this.props.history.push({\n pathname: INVESTOR_URL + \"/swp/digital/transact/confirm\",\n state: {\n title: \"SWP Payment Summary\",\n type: SWP,\n Folio: { value: others.scheme.value.value.Acno },\n withDrawals: others.withdrawals.value,\n scheme: others.scheme.value.value,\n swpFrequency: others.swpFrequency.value,\n sipEndDate: others.sipEndDate.value,\n swpOption: others.swpOption.value,\n sipStartDate: others.sipStartDate.value,\n amount: others.amount.value,\n sipDay: others.sipDay.value,\n },\n });\n }\n };\n render() {\n const {\n funds,\n fund,\n folio,\n folios,\n scheme,\n schemes,\n swpOption,\n swpOptions,\n swpFrequency,\n swpFrequencyOptions,\n withdrawals,\n sipDay,\n sipStartDate,\n sipEndDate,\n sipCycle,\n amount,\n } = this.state;\n return (\n \n
\n ) : (\n \"\"\n )}\n SWP
\n\n \n ({\n label: item,\n value: item,\n }))}\n disabled={!fund.value}\n value={folio.value}\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n isError={folio.isError}\n errorMessage={folio.errorMessage}\n />\n
\n Folio
\n \n ({\n label: item.PlnDesc\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\n : item.fm_schdesc,\n value: item,\n }))}\n disabled={!folio.value}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n handleChange={this.handleSchemeChange}\n inputRef={(ele) => (this.schemeField = ele)}\n isError={scheme.isError}\n errorMessage={scheme.errorMessage}\n />\n
\n Scheme
\n \n
\n \n {/*
\n Minimum Amount (â‚ą)
*/}\n Current Value
\n \n {/*
\n {!!scheme.value ? scheme.value.value.MinAmt : \"\"}
*/}\n {!!scheme.value ? `â‚ą ${scheme.value.value.CurValue}` : \"\"}
\n \n (this.swpOptionField = ele)}\n isError={swpOption.isError}\n errorMessage={swpOption.errorMessage}\n >\n {swpOptions.map((item, index) => (\n \n ))}\n \n
\n \n this.handleNoOfWithDrawals(event)}\n onBlur={this.showError(\"withdrawals\")}\n isShowError={withdrawals.isError}\n errorMessage={withdrawals.errorMessage}\n disabled={!scheme.value}\n value={withdrawals.value}\n errorMessage={withdrawals.errorMessage}\n />\n
\n \n (this.swpFrquencyField = ele)}\n isError={swpFrequency.isError}\n disabled={!withdrawals.value}\n errorMessage={swpFrequency.errorMessage}\n >\n {swpFrequencyOptions.map((item, index) => (\n \n ))}\n \n
\n \n (this.sipDayField = ele)}\n isError={sipDay.isError}\n errorMessage={sipDay.errorMessage}\n handleChange={(event) => this.handleSwpDay(event)}\n >\n {sipCycle.map((item, index) => (\n \n ))}\n \n
\n Withdrawal Period
\n \n
\n\n \n
\n {swpOption.value.Description === \"Fixed\" ? (\n \n \n Minimum Amount :\n {!!this.state.minAmountValue\n ? this.state.minAmountValue.value\n : \"\"}\n (â‚ą)\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n type=\"number\"\n errorMessage={amount.errorMessage}\n isShowError={amount.isError}\n onBlur={this.showError(\"amount\")}\n // disabled={redemptionType === FULL ? true : false}\n onChange={(event) => this.handleMinimumAmount(event)}\n value={amount.value}\n />\n
\n \n \n
\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }) => {\n const {\n fundList,\n token,\n userId,\n bankDetails,\n investorData,\n communicationDetails,\n } = authReducer;\n const { euinList } = transactions;\n return {\n fundList,\n token,\n userId,\n euinList,\n bankDetails,\n investorData,\n communicationDetails,\n };\n },\n { swpOptions, CalcSIPEnddt, getMinimumAmount }\n)(Swp);\n","import React, { Component } from \"react\";\nimport CustomizedSelect from \"./customizedSelect\";\nimport { Input } from \"../../forms/input\";\nimport Signbutton from \"../../forms/button\";\nimport { connect } from \"react-redux\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport {\n validateSubBroker,\n getAssetClasses,\n getOtherSchemes,\n swpOptions,\n CalcSIPEnddt,\n setStpDetails,\n} from \"shared/store/actions\";\nimport { REGULAR, PURCHASE, STP } from \"shared/store/types\";\nimport Radio from \"@material-ui/core/Radio\";\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport { NEW_TRANSACTION_URL } from \".\";\nimport { SundaramMutualFund } from \"./newPurchaseForm\";\nimport { INVESTOR_URL } from \"../investors\";\n\nclass Stp extends Component {\n constructor(props) {\n super(props);\n const { stpDetails } = this.props;\n this.state = {\n fund: { value: {value:\"176\"} },\n folios: [],\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n radioValue: { value: \"no\" },\n arnCode: { value: this.props.token },\n subArnCode: { value: \"\" },\n euinNo: { value: \"\" },\n subBrokerCode: { value: \"\" },\n categories: [],\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n stpDates: [],\n swpOptions: [],\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { vale: \"\" },\n minimumInstallments: \"\",\n ...stpDetails,\n };\n }\n\n handleFundChange = (value) => {\n if (!value) {\n this.setState({\n fund: { value: \"\" },\n folios: [],\n folio: { value: \"\" },\n subArnCode: { value: \"\" },\n euinNo: { value: \"\" },\n subBrokerCode: { value: \"\" },\n categories: [],\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOptions: [],\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { vale: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n });\n return;\n } else if (value.value === \"176\") {\n return;\n } else {\n const fund = value.value;\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.Fund === fund) {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n this.setState({\n fund: { value },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n scheme: { value: \"\" },\n schemes: [],\n subArnCode: { value: \"\" },\n euinNo: { value: \"\" },\n subBrokerCode: { value: \"\" },\n categories: [],\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOptions: [],\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { vale: \"\" },\n });\n if (!!fund) {\n this.validateBrokerCode(fund)();\n }\n }\n };\n\n async componentDidMount() {\n window.scrollTo({\n behavior:\"smooth\",\n top:0\n })\n this.getFolios();\n }\n getFolios = () => {\n const folios = this.props.fundList.reduce((prev, curr) => {\n if (curr.Fund.trim() === \"176\") {\n return [...prev, curr.Acno];\n }\n return prev;\n }, []);\n\n this.setState({\n fund: { value: { value: \"176\" } },\n folios: Array.from(new Set(folios)),\n folio: { value: \"\" },\n scheme: { value: \"\" },\n schemes: [],\n subArnCode: { value: \"\" },\n euinNo: { value: \"\" },\n subBrokerCode: { value: \"\" },\n categories: [],\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOptions: [],\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { vale: \"\" },\n });\n this.validateBrokerCode(\"176\")();\n };\n\n validateBrokerCode = (fund) => async () => {\n const { subArnCode, arnCode } = this.state;\n if (\n !!this.state.subArnCode.value &&\n this.state.subArnCode.value === this.state.arnCode.value.split(\"-\")[1]\n ) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: \"ARN and Sub ARN code should not be the same\",\n },\n });\n return;\n }\n const params = {\n Fund: \"176\",\n SubAgentCd: !!subArnCode.value ? `ARN-${subArnCode.value}` : \"-\",\n AgentCd: arnCode.value,\n };\n const response = await this.props.validateSubBroker(params);\n if (!response) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `Please enter a valid sub ARN code`,\n },\n });\n }\n };\n\n handleFolioChange = (value) => {\n if (!value) {\n this.setState({\n folio: { value: \"\" },\n schemes: [],\n scheme: { value: \"\" },\n subArnCode: { value: \"\" },\n euinNo: { value: \"\" },\n subBrokerCode: { value: \"\" },\n categories: [],\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOptions: [],\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { vale: \"\" },\n });\n return;\n } else if (value.value === this.state.folio.value.value) {\n return;\n } else {\n this.getAssetClasses(value.value);\n const schemes = this.schemes(value.value);\n\n this.setState({\n folio: { value },\n schemes,\n scheme: { value: \"\" },\n });\n }\n };\n\n getAssetClasses = async (value) => {\n const params = {\n Fund: \"176\",\n Folio: value,\n };\n const assetClasses = await this.props.getAssetClasses(params);\n if (assetClasses) {\n this.setState({\n categories: assetClasses.DtData,\n });\n }\n };\n\n schemes = (value) => {\n return this.props.fundList.reduce((prev, curr) => {\n if (curr.Fund.trim() === \"176\" && curr.Acno === value) {\n return [...prev, curr];\n }\n return prev;\n }, []);\n };\n handleSchemeChange = (value) => {\n if (!value) {\n this.setState({\n scheme: { value: \"\" },\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOptions: [],\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { vale: \"\" },\n });\n return;\n } else if (value.value === this.state.scheme.value.value) {\n return;\n } else {\n if (!value.value.BalUnits) {\n this.setState({\n folio: {\n value: \"\",\n isError: \"true\",\n errorMessage: \"STP in Zero balance folios is not accepted\",\n },\n scheme: { value: \"\" },\n });\n } else {\n this.setState({\n scheme: { value },\n category: { value: \"\" },\n switchInSchemes: [],\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOptions: [],\n swpOption: { value: \"\" },\n amount: { value: \"\" },\n swpFrequency: { vale: \"\" },\n });\n }\n }\n };\n handleCategoryChange = (event) => {\n if (event.target.value) {\n this.getOtherSchemes(event.target.value);\n this.setState({\n category: { value: event.target.value },\n switchInScheme: { value: \"\" },\n sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOptions: [],\n swpOption: { value: \"\" },\n });\n } else {\n this.setState({\n category: { value: \"\" },\n switchInScheme: { value: \"\" },\n });\n }\n };\n getOtherSchemes = async (value) => {\n const params = {\n schtype: REGULAR,\n category: value,\n acno: this.state.folio.value.value,\n fundCode: \"176\",\n trantype: PURCHASE,\n };\n const otherSchemes = await this.props.getOtherSchemes(params);\n\n if (otherSchemes) {\n this.setState({\n switchInSchemes: otherSchemes.DtData,\n });\n }\n };\n handleSwitchInScheme = async (value) => {\n if (!value) {\n this.setState({\n switchInScheme: { value: \"\" },\n // sipCycle: [],\n sipDay: { value: \"\" },\n transfers: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOptions: [],\n swpOption: { value: \"\" },\n });\n return;\n } else if (value.value === this.state.switchInScheme.value.value) {\n return;\n } else {\n const params = {\n opt: \"SF\",\n fund: \"176\",\n astscheme: \"\",\n };\n const sipCycleResponse = await this.props.swpOptions(params);\n const sipCycleResponseOptions = !!sipCycleResponse\n ? sipCycleResponse.Dtinformation\n : \"\";\n this.setState({\n switchInScheme: { value },\n stpDates: sipCycleResponseOptions,\n });\n }\n };\n changeValue = (label) => (event) => {\n if (\n label === \"subArnCode\" ||\n (label === \"subBrokerCode\" && event.target.value.length <= 20)\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (label === \"radioValue\" && event.target.value === \"no\") {\n if (!this.state.euinNo.value) {\n this.setState({\n radioValue: { value: event.target.value },\n });\n } else {\n this.setState({\n [label]: { value: event.target.value },\n euinNo: { value: \"\" },\n });\n }\n } else if (\n label !== \"subArnCode\" &&\n label !== \"subBrokerCode\" &&\n label === \"radioValue\" &&\n event.target.value !== \"no\"\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n };\n\n async handleSwpDay(event) {\n const day = event.target.value;\n const x = parseFloat(this.state.transfers.value.replace(/,/g, \"\"));\n if (\n this.state.transfers.value !== \"\" &&\n (x > parseFloat(this.state.minimumInstallments) ||\n x === parseFloat(this.state.minimumInstallments))\n ) {\n const params = {\n Fund: \"176\",\n StartDate: day,\n installments: this.state.transfers.value,\n Frequency: this.state.swpFrequency.vale,\n trtype: \"STP\",\n sch:this.state.scheme.value.value.Sch\n };\n\n\n const response = await this.props.CalcSIPEnddt(params);\n const sipStartDateResponse = response.DtData[0].SIP_StartDate;\n const sipEndDateResponse = response.DtData[0].SIP_EndDate;\n this.setState({\n sipDay: { value: day },\n sipStartDate: { value: sipStartDateResponse },\n sipEndDate: { value: sipEndDateResponse },\n // swpOption: { value: \"\" }\n });\n }\n }\n handleChangeTransfers = async (event) => {\n const transferValue = event.target.value;\n const params = {\n fund: \"176\",\n opt: \"SWPW\",\n };\n if (!this.state.swpOption.value && event.target.value.length <= 4) {\n const response = await this.props.swpOptions(params);\n const swpOptionsResponse = response.Dtinformation;\n if (!!transferValue && parseFloat(transferValue) <= 9999) {\n this.setState({\n transfers: { value: transferValue },\n swpOptions: swpOptionsResponse,\n sipDay: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOption: { value: \"\" },\n });\n } else if (!transferValue) {\n this.setState({\n transfers: {\n value: \"\",\n isError: true,\n errorMessage: !!transferValue\n ? \"No of transfers value should not be more than 9999\"\n : \"Transfers value is mandatory*\",\n },\n swpOptions: swpOptionsResponse,\n sipDay: { value: \"\" },\n sipEndDate: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOption: { value: \"\" },\n });\n }\n } else if (event.target.value.length <= 3) {\n this.setState({\n transfers: { value: transferValue },\n sipEndDate: { value: \"\" },\n sipDay: { value: \"\" },\n sipStartDate: { value: \"\" },\n swpOption: { value: \"\" },\n });\n }\n };\n handleSwpOptionChange = (event) => {\n const swpOption = event.target.value;\n\n this.setState({\n swpOption: { value: swpOption },\n amount: { value: \"\" },\n });\n };\n handleChangeTransferAmount = (event) => {\n const transferAmount = event.target.value;\n if (event.target.value.length <= 10) {\n this.setState({\n amount: { value: transferAmount.replace(/^0+/, \"\") },\n });\n }\n };\n changeEuin = (value) => {\n this.setState({\n euinNo: { value },\n });\n };\n\n submit = () => {\n let amountValue;\n const {\n amount,\n transfers,\n sipEndDate,\n sipStartDate,\n funds,\n folios,\n schemes,\n categories,\n switchInSchemes,\n sipCycle,\n subBrokerCode,\n subArnCode,\n radioValue,\n euinNo,\n fund,\n arnCode,\n swpOptions,\n swpFrequency,\n stpDates,\n minimumInstallments,\n ...others\n } = this.state;\n if (!!this.state.amount) {\n amountValue = parseFloat(this.state.amount.value.replace(/,/g, \"\"));\n }\n if (this.state.transfers.value === \"\") {\n this.setState({\n transfers: {\n value: \"\",\n isError: true,\n errorMessage: \"Please enter the no of transfers value\",\n },\n });\n }\n if (\n this.state.radioValue.value === \"no\" ||\n this.state.euinNo.value === \"\"\n ) {\n this.setState({\n euinNo: {\n value: \"\",\n isError: true,\n },\n });\n }\n const minAmount = 1000;\n const arn = this.state.arnCode.value.split(\"-\");\n const keys = Object.keys(others);\n\n const findError = keys.every((key) => !!others[key].value);\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage:\n key === \"sipDay\"\n ? \"STP Date is mandatory\"\n : key === \"swpOption\"\n ? \"STP Option is mandatory*\"\n : `${key} is mandatory*`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n // case \"fund\": {\n // this.fundField.focus();\n // break;\n // }\n case \"folio\": {\n this.folioField.focus();\n break;\n }\n case \"scheme\": {\n this.schemeField.focus();\n break;\n }\n case \"category\": {\n this.categoryField.focus();\n break;\n }\n case \"switchInScheme\": {\n this.switchInSchemeField.focus();\n break;\n }\n case \"sipDay\": {\n this.swpDateField.focus();\n break;\n }\n case \"swpOption\": {\n this.swpField.focus();\n break;\n }\n }\n } else if (\n !!this.state.subArnCode.value &&\n arn[1] === this.state.subArnCode.value\n ) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `and ARN code should not match `,\n },\n });\n } else if (\n (amountValue < minAmount || this.state.amount.value === \"\") &&\n this.state.swpOption.value.Description === \"Fixed\"\n ) {\n if (this.state.amount.value === \"\") {\n this.setState({\n amount: {\n ...others[\"amount\"],\n isError: true,\n errorMessage: `Transfer amount value is mandatory*`,\n },\n });\n } else if (amountValue < minAmount) {\n this.setState({\n amount: {\n ...others[\"amount\"],\n isError: true,\n errorMessage: `Minimum amount is 1000 (â‚ą) for monthly stp frequency`,\n },\n });\n }\n // else if (amountValue > currValue) {\n // this.setState({\n // amount: {\n // ...others[\"amount\"],\n // isError: true,\n // errorMessage: `(Transfer amount is more than the current Value)`\n // }\n // });\n // }\n } else if (\n this.state.radioValue.value === \"no\" &&\n !this.state.euinNo.value\n ) {\n this.euinField.focus();\n this.setState({\n euinNo: {\n value: \"\",\n isError: true,\n },\n });\n } else if (\n this.state.transfers.value === \"\" ||\n parseFloat(this.state.transfers.value) <\n parseFloat(this.state.minimumInstallments)\n ) {\n this.setState({\n transfers: {\n value: \"\",\n isError: true,\n errorMessage: \"Please check the no of transfers value\",\n },\n });\n } else if (!this.state.swpOption.value) {\n this.setState({\n swpOption: {\n value: \"\",\n isError: true,\n errorMessage: \"STP option is mandatory*\",\n },\n });\n } else {\n const {\n scheme,\n amount,\n transfers,\n sipEndDate,\n swpOption,\n sipStartDate,\n sipDay,\n euinNo,\n switchInScheme,\n stpDates,\n ...stpDetails\n } = this.state;\n\n this.props.setStpDetails(this.state);\n\n this.props.history.push({\n pathname: INVESTOR_URL + \"/stp/digital/transact/confirm\",\n state: {\n title: \"STP Payment Summary\",\n type: STP,\n Folio: { value: this.state.scheme.value.value.Acno },\n scheme: { Fund: \"176\" },\n ...stpDetails,\n },\n });\n }\n };\n\n showError = (label) => () => {\n let amountValue, currValue;\n const {\n [label]: { value },\n } = this.state;\n if (!!this.state.amount) {\n amountValue = parseFloat(this.state.amount.value.replace(/,/g, \"\"));\n }\n if (!!this.state.scheme.value) {\n currValue = parseFloat(\n this.state.scheme.value.value.CurValue.replace(/,/g, \"\")\n );\n }\n const minAmount = 1000;\n\n if (label === \"transfers\") {\n this.setState({\n [label]: {\n value,\n isError:\n parseFloat(this.state.transfers.value) <\n parseFloat(this.state.minimumInstallments) ||\n this.state.transfers.value === \"\"\n ? true\n : !value,\n errorMessage:\n parseFloat(this.state.transfers.value) <\n parseFloat(this.state.minimumInstallments) ||\n this.state.transfers.value === \"\"\n ? ` No. of with-drawals should be minimum ${this.state.minimumInstallments}`\n : \"\",\n },\n });\n } else if (label === \"amount\") {\n this.setState({\n [label]: {\n value,\n isError:\n amountValue < minAmount &&\n this.state.swpOption.value.Description === \"Fixed\"\n ? true\n : !value,\n errorMessage:\n amountValue < minAmount &&\n this.state.swpOption.value.Description === \"Fixed\"\n ? `Minimum amount should be ${minAmount}(â‚ą)`\n : \"\",\n },\n });\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n\n handleChangeStpFrequency = async (event) => {\n if (event.target.value === this.state.swpFrequency.vale) {\n return;\n } else {\n const transfer = this.state.stpDates.find(\n (ele) => ele.FrequencyID === event.target.value\n );\n const params = {\n opt: \"STPD\",\n fund: \"176\",\n astscheme: event.target.value,\n };\n const sipCycleResponse = await this.props.swpOptions(params);\n const sipCycleResponseOptions = !!sipCycleResponse\n ? sipCycleResponse.Dtinformation\n : \"\";\n\n this.setState({\n swpFrequency: { vale: event.target.value },\n minimumInstallments: transfer.Minimum_Instalment,\n transfers: { value: \"\" },\n sipCycle: sipCycleResponseOptions,\n });\n }\n };\n\n render() {\n const {\n funds,\n fund,\n folio,\n folios,\n scheme,\n schemes,\n categories,\n category,\n arnCode,\n subArnCode,\n subBrokerCode,\n switchInScheme,\n switchInSchemes,\n euinNo,\n radioValue,\n sipCycle,\n sipDay,\n transfers,\n sipStartDate,\n sipEndDate,\n swpOptions,\n swpOption,\n stpDates,\n amount,\n } = this.state;\n // let e;\n // e = parseFloat(this.state.transfers.value.replace(/,/g, \"\"));\n const { euinList } = this.props;\n return (\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n onChange={this.handleChangeTransferAmount}\n value={amount.value}\n type=\"number\"\n onBlur={this.showError(\"amount\")}\n isShowError={amount.isError}\n errorMessage={amount.errorMessage}\n />\n ) : (\n \"\"\n )}\n
\n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }) => {\n const {\n fundList,\n token,\n userId,\n bankDetails,\n investorData,\n communicationDetails,\n } = authReducer;\n const { euinList, stpDetails = {} } = transactions;\n return {\n fundList,\n token,\n userId,\n euinList,\n stpDetails,\n bankDetails,\n investorData,\n communicationDetails,\n };\n },\n {\n validateSubBroker,\n getAssetClasses,\n getOtherSchemes,\n swpOptions,\n setStpDetails,\n CalcSIPEnddt,\n }\n)(Stp);\n","import React, { Component } from \"react\";\nimport { BUILD_URL } from \"./home\";\n\nexport default class UploadFile extends Component {\n render() {\n const { id, isShowError, fileName } = this.props;\n return (\n STP
\n\n \n ({\n label: item,\n value: item,\n }))}\n type=\"number\"\n value={folio.value}\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n disabled={!fund.value}\n isError={folio.isError}\n errorMessage={folio.errorMessage}\n />\n
\n Folio
\n \n ({\n value: item,\n label: item.PlnDesc\n ? `${item.SchDesc1} - ${item.PlnDesc} - ${item.OptDesc}`\n : item.fm_schdesc,\n }))}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n handleChange={this.handleSchemeChange}\n disabled={!folio.value}\n inputRef={(ele) => (this.schemeField = ele)}\n isError={scheme.isError}\n errorMessage={scheme.errorMessage}\n />\n
\n \n Transfer from\n
\n \n
\n \n
\n Balance Units
\n Current Value
\n \n
\n {!!scheme.value.value ? scheme.value.value.BalUnits : \"\"}
\n {!!scheme.value.value ? `â‚ą ${scheme.value.value.CurValue}` : \"\"}
\n \n (this.categoryField = ele)}\n isError={category.isError}\n disabled={!scheme.value}\n errorMessage={category.errorMessage}\n >\n {categories.map((item, index) => (\n \n ))}\n \n
\n \n ({\n label: item.fm_schdesc,\n value: item,\n }))}\n label=\"Fund\"\n handleChange={this.handleSwitchInScheme}\n value={switchInScheme.value}\n placeholder=\"Select Transfer To Scheme\"\n inputRef={(ele) => (this.switchInSchemeField = ele)}\n isError={switchInScheme.isError}\n errorMessage={switchInScheme.errorMessage}\n />\n
\n\n \n Transfer to\n
\n \n
\n\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n disabled={!fund.value}\n type=\"number\"\n isShowError={subArnCode.isError}\n errorMessage={subArnCode.errorMessage}\n onBlur={\n !!fund.value ? this.validateBrokerCode(fund.value.value.Fund) : \"\"\n }\n onChange={this.changeValue(\"subArnCode\")}\n />\n
\n\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n type=\"number\"\n onChange={this.changeValue(\"subBrokerCode\")}\n />\n
\n \n \n \n \n
\n {radioValue.value === \"no\" ? (\n EUIN
\n \n
\n YES
\n \n
\n \n NO
\n \n ({\n label: item.abm_agent,\n value: item.abm_agent,\n }))}\n label=\"Fund\"\n handleChange={this.changeEuin}\n value={euinNo.value}\n disabled={!euinList.length}\n placeholder=\"Select EUIN\"\n inputRef={(ele) => (this.euinField = ele)}\n isError={euinNo.isError}\n />\n
\n ) : (\n \n I/We hereby confirm that the EUIN box has been intentionally left\n the blank by me/us as this is an 'execution-only' transaction\n without any interaction or advice by any personnel of the above\n distributor or notwithstanding the advice of in-appropriateness,if\n any provided by any personnel of the distributor and the distributor\n has not charged any advisory fees on this transaction\n
\n )}\n \n (this.stpFrequencyField = ele)}\n handleChange={this.handleChangeStpFrequency}\n value={this.state.swpFrequency.vale}\n >\n {stpDates.length > 0\n ? stpDates.map((item, index) => (\n \n ))\n : \"\"}\n {/* {\n \n } */}\n \n
\n\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n onChange={this.handleChangeTransfers}\n onBlur={this.showError(\"transfers\")}\n isShowError={transfers.isError}\n errorMessage={transfers.errorMessage}\n />\n
\n\n \n (this.swpDateField = ele)}\n isError={sipDay.isError}\n placeholder=\"STP Date\"\n value={\n this.state.sipDay.value\n // this.state.transfers.value !== \"\" && (e > 60 || e === 60)\n // ? this.state.sipDay.value\n // : \"\"\n }\n onBlur={this.showError(\"transfers\")}\n handleChange={(event) => this.handleSwpDay(event)}\n errorMessage={sipDay.errorMessage}\n >\n {sipCycle.map((item, index) => (\n \n ))}\n \n
\n\n Time Period
\n \n
\n \n
\n \n (this.swpField = ele)}\n isError={swpOption.isError}\n errorMessage={swpOption.errorMessage}\n value={swpOption.value}\n handleChange={this.handleSwpOptionChange}\n // disabled={!sipDay.value}\n >\n {swpOptions.map((item, index) => (\n \n ))}\n \n
\n {swpOption.value.Description === \"Fixed\" ? (\n \n
\n \n \n Upload\n
\n \n \n {fileName}
\n \n \n {type === \"isip\" && (\n (this.fundField = ele)}\n isError={fund.isError}\n >\n {fundsList.map((item, index) => (\n \n {type === PHYSICAL_NEW ? item.amc_name : item.FundDesc}\n \n ))}\n \n
\n\n {type !== PHYSICAL_NEW && this.state.sipType.value !== NEW && (\n \n (this.sipTypeField = ele)}\n isError={sipType.isError}\n errorMessage={sipType.errorMessage}\n >\n {sipTypes.map((item, index) => (\n \n ))}\n \n
\n )}\n\n \n (this.folioField = ele)}\n isError={folio.isError}\n >\n {folios.map((item, index) => (\n \n ))}\n \n
\n )}\n \n (this.emailIdField = ele)}\n errorMessage={this.state.emailId.errorMessage}\n />\n
\n\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n value={mobile.value}\n type=\"number\"\n onChange={this.changeValue(\"mobile\")}\n onBlur={this.showError(\"mobile\")}\n isShowError={mobile.isError}\n errorMessage={mobile.errorMessage}\n inputref={(ele) => (this.mobileField = ele)}\n />\n
\n \n {!!this.state.upload.errorMessage ? (\n \n {this.state.upload.errorMessage}\n
\n ) : (\n \"\"\n )}\n \n Only .pdf files allowed. File size to not exceed 24 MB\n
\n \n\n \n
\n \n \n \n \n {this.state.sipType.value} - {index + 1}\n
\n Pause/ Cancel Module
\n \n (this.sipTypeField = ele)}\n // isError={sipType.isError}\n // errorMessage={sipType.errorMessage}\n >\n {sipTypes.map((item, index) => (\n \n ))}\n \n
\n\n\n {folios.map((ele, index) => (\n \n {ele.pause_flag !== \"N\" && this.state.sipType.value === \"SIP\" && (\n \n \n Pause\n
\n \n )}\n\n \n
\n\n \n
\n )}\n \n
\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }, props) => {\n const { location } = props;\n const { investorData, communicationDetails, token, userId } = authReducer;\n // const { fundsList } = transactions;\n const { fundList } = authReducer;\n\n return {\n investorData,\n communicationDetails,\n token,\n\n fundList,\n userId,\n };\n },\n { getNctType, getNctSave }\n)(NctType);\n","import React, { Component } from \"react\";\nimport { Input } from \"../../forms/input\";\nimport Signbutton from \"../../forms/button\";\nimport { connect } from \"react-redux\";\nimport { getEnach } from \"shared/store/actions/transactions\";\nimport { EnachModal, EnachAMCModal } from \"../customModal\";\nimport { BUILD_URL } from \"../home\";\n\nclass ENACH extends Component {\n constructor(props) {\n super(props);\n const { investorData, communicationDetails,location } = this.props;\n const {state} = location;\n\n const Xemail =\n !!this.props.communicationDetails &&\n !!this.props.communicationDetails.length > 0 &&\n !!investorData.PAN &&\n (this.props.communicationDetails || []).find(\n (detail) =>\n detail.PAN === investorData.PAN &&\n !!detail.email &&\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(detail.email)\n );\n\n const Xmobile =\n !!this.props.communicationDetails &&\n !!this.props.communicationDetails.length > 0 &&\n !!investorData.PAN &&\n (this.props.communicationDetails || []).find(\n (detail) => detail.PAN === investorData.PAN && !!detail.Mobile\n );\n\n const Email = !!Xemail && !!Xemail.email ? Xemail.email : \"\";\n\n const Mobile = !!Xmobile && !!Xmobile.Mobile ? Xmobile.Mobile : \"\";\n\n this.state = {\n email: { value: Email || \"\" },\n EnachOpen: false,\n eNachAMCOpen: false,\n disabled: false,\n pan: {\n value: !!investorData && !!investorData.PAN ? investorData.PAN : !!state && !!state.pan ? state.pan :\"\",\n },\n mobile: { value: Mobile },\n name: {\n value:\n !!investorData && !!investorData.invname ? investorData.invname : \"\",\n },\n ref: \"\",\n };\n }\n\n changeValue = (label) => async (event) => {\n if (\n (label === \"mobile\") &&\n event.target.value.length <= 10\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (label != \"mobile\") {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n };\n submit = async () => {\n const {\n ref,\n EnachOpen,\n EnachRef,\n disabled,\n eNachAMCOpen,\n ...others\n } = this.state;\n this.setState({\n disabled: true,\n });\n const { email, mobile, pan, name } = this.state;\n const {location} = this.props;\n const {state} = location;\n\n\n if(!!state && !!state.pan && (!email.value || !mobile.value || !name.value)){\n alert(\"Please fill all fields to submit\");\n this.setState({\n email: { value:this.state.email.value, isError: false, errorMessage: \"\" },\n });\n }else {\n const params = {\n Email: this.state.email.value,\n Contact: this.state.mobile.value,\n Name: this.state.name.value,\n Pan: this.state.pan.value,\n invdistflag: \"S\",\n arncode: this.props.token,\n };\n const response = await this.props.getEnach(params);\n if (\n !!response &&\n !!response.DtData &&\n !!response.DtData[0] &&\n !!response.DtData[0].en_ihno\n ) {\n this.setState({\n EnachRef: response.DtData[0].en_ihno,\n EnachOpen: true,\n });\n }\n\n }\n\n\n // const keys = Object.keys(others);\n // const findError = keys.every((key) => !!others[key].value);\n // if (!findError) {\n // keys.forEach((key) => {\n // !others[key].value &&\n // this.setState({\n // [key]: {\n // ...others[key],\n // isError: true,\n // errorMessage: `${key.toUpperCase()} is Mandatory`,\n // },\n // });\n // });\n // const firstErroredKey = keys.find((key) => !others[key].value);\n // switch (firstErroredKey) {\n // case \"email\": {\n // this.emailField.focus();\n // break;\n // }\n // case \"mobile\": {\n // this.mobileField.focus();\n // break;\n // }\n // case \"pan\": {\n // this.panField.focus();\n // break;\n // }\n // case \"name\": {\n // this.nameField.focus();\n // break;\n // }\n // }\n // } else if (\n // !!this.state.pan.value &&\n // /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/.test(this.state.pan.value) ===\n // false\n // ) {\n // this.setState({\n // pan: {\n // ...others[\"pan\"],\n // isError: true,\n // errorMessage: `Enter a vaild PAN`,\n // },\n // });\n // return;\n // } else if (\n // !!this.state.email.value &&\n // /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n // this.state.email.value\n // ) === false\n // ) {\n // this.setState({\n // email: {\n // ...others[\"email\"],\n // isError: true,\n // errorMessage: `Enter a vaild Email address`,\n // },\n // });\n // return;\n // } else if (\n // !!this.state.mobile.value &&\n // /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\n // this.state.mobile.value\n // ) === false\n // ) {\n // this.setState({\n // mobile: {\n // ...others[\"mobile\"],\n // isError: true,\n // errorMessage: `Enter a vaild Phone number`,\n // },\n // });\n // return;\n // } else {\n\n // }\n this.setState({\n disabled: false,\n });\n };\n\n OpenEnachAMCOpen = () => {\n this.setState({\n eNachAMCOpen: true,\n });\n };\n\n OpenEnachAMCClose = () => {\n this.setState({\n eNachAMCOpen: false,\n });\n };\n\n close = () => {\n this.setState({\n EnachOpen: false,\n });\n this.props.history.push(BUILD_URL + \"/dashboard\");\n // const refno = encodeURIComponent(btoa(this.state.EnachRef));\n // window.open(\n // `https://api.karvymfs.com/25/Enach/EnachRegd.aspx?refno=${refno}`,\n // \"_self\"\n // );\n };\n\n onEmailBlur = () => {\n if (\n !!this.state.email.value &&\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ) {\n this.setState({\n email: {\n value: \"\",\n isError: true,\n errorMessage: \"Enter a vaild Email ID\",\n },\n });\n }\n };\n render() {\n const { mobile, email, pan, name } = this.state;\n const {location} = this.props;\n const {state} = location;\n\n return (\n NCT
\n \n ({\n label: item.FundDesc,\n value: item.Fund,\n }))}\n value={fund.value}\n placeholder=\"Select Fund\"\n handleChange={this.handleFundChange}\n inputRef={(ele) => (this.fundField = ele)}\n isError={fund.isError}\n errorMessage={fund.errorMessage}\n />\n
\n\n Fund
\n \n ({\n label: item,\n value: item,\n }))}\n value={folio.value}\n placeholder=\"Select Folio\"\n handleChange={this.handleFolioChange}\n inputRef={(ele) => (this.folioField = ele)}\n isError={folio.isError}\n disabled={!fund.value}\n errorMessage={folio.errorMessage}\n />\n
\n\n Folio
\n \n ({\n label: item.nm_description,\n value: item.nm_code,\n }))}\n value={NctType.value}\n placeholder=\"Select NCT Type\"\n handleChange={this.handleNctTypeChange}\n inputRef={(ele) => (this.NctTypeField = ele)}\n isError={NctType.isError}\n disabled={!folio.value}\n errorMessage={NctType.errorMessage}\n />\n
\n\n NCT Type
\n \n (this.emailIdField = ele)}\n errorMessage={this.state.emailId.errorMessage}\n />\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n value={mobile.value}\n onChange={this.changeValue(\"mobile\")}\n // onBlur={this.showError(\"mobile\")}\n isShowError={mobile.isError}\n errorMessage={mobile.errorMessage}\n inputref={(ele) => (this.mobileField = ele)}\n />\n
\n\n \n {!!this.state.upload.errorMessage ? (\n \n {this.state.upload.errorMessage}\n
\n ) : (\n \"\"\n )}\n \n only pdf files are allowed, File size to not exceed 24 MB\n
\n\n \n
\n \n \n \n eNACH Participating AMCs{\" \"}\n
\n eNACH
\n \n \n // (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n // evt.preventDefault()\n // }\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n // onChange={this.changeValue(\"pan\")}\n // isShowError={pan.isError}\n // inputref={(ele) => (this.panField = ele)}\n // errorMessage={this.state.pan.errorMessage}\n />\n
\n \n (this.nameField = ele)}\n // errorMessage={this.state.name.errorMessage}\n />\n
\n\n \n (this.emailField = ele)}\n errorMessage={this.state.email.errorMessage}\n />\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n onChange={this.changeValue(\"mobile\")}\n // isShowError={mobile.isError}\n // inputref={(ele) => (this.mobileField = ele)}\n // errorMessage={this.state.mobile.errorMessage}\n />\n
\n\n \n
\n\n \n \n
\n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const { investorData, user_pan } = authReducer;\n return { investorData, user_pan };\n },\n { userPan }\n)(NFOAndNewPurchaseDigital);\n\nexport class List extends Component {\n render() {\n const { invname, PAN } = this.props.investorData;\n return (\n \n
\n \n \n \n
\n \n \n
\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport { Paper } from \"@material-ui/core\";\nimport { BUILD_URL } from \"../home\";\n\nexport default class TransactionMode extends Component {\n render() {\n return (\n \n
\n {!!this.props.image && (\n {invname}
\n \n {\" \"}\n PAN: {PAN || this.props.pan}\n
\n \n
\n )}\n \n \n \n this.props.history.push({\n pathname: this.props.location.state.digital\n })\n }\n >\n Select digital Mode\n \n
\n \n\n \n
\n \n
\n Digital Mode
\n \n A mutual fund is a professionally managed investment fund that pools\n money from many investors to purchase securities. These investors\n may be retail or institutional in nature.\n
\n \n
\n \n
\n Physical Mode
\n \n
\n \n Please Follow The Below Steps\n
\n \n
\n \n
\n \n
\n \n Upload Order form\n
\n \n Upload Cheque\n
\n \n Sumbit Cheque at nearest Karvy Branch\n
\n \n
\n {this.props.name}
\n {/* {this.props.name !== \"Pause/Cancellation\" &&\n this.props.name != \"NCT\" &&\n this.props.name != \"eNACH\" ? (\n \n \n \n Digital Mode\n
\n Select Transaction Type
\n \n \n \n {/* \n Phygital Mode\n
*/}\n {/* \n \n
\n \n Please Follow The Below Steps\n
*/}\n {/* \n
*/}\n\n \n
\n \n
\n \n Upload Order form\n
\n \n Upload Cheque\n
\n \n Sumbit Cheque at nearest Karvy Branch\n
\n \n {/* \n \n )}\n\n {!!showAll && (\n \n \n )}\n
\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const { showAll } = authReducer;\n return { showAll };\n },\n { setSipDetails, setSwitchDetails, setStpDetails }\n)(TransactionType);\n","import React, { Component } from \"react\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { Input } from \"../../forms/input\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport { connect } from \"react-redux\";\nimport { getNewPurchaseFundList, checkKyc, getDomains } from \"shared/store/actions\";\nimport { EKYCMail } from \"shared/store/actions/investors\";\nimport CustomizedSelect from \"./customizedSelect\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport {\n GET_FUNDS_LIST,\n GET_FUNDS_LIST_SUCCESS,\n GET_FUNDS_LIST_FAILED,\n ALL,\n} from \"shared/store/types\";\nimport { KycNotDoneDialog } from \"../customModal\";\nimport { SundaramMutualFund } from \"./newPurchaseForm\";\nimport InputBase from \"@material-ui/core/InputBase\";\nclass EKYC extends Component {\n constructor(props) {\n super(props);\n const { match } = this.props;\n this.state = {\n kycType: { value: \"IKYC\" },\n ipv: { value: \"YES\", errorMessage: \"\" },\n messageAlert: \"\",\n open: false,\n pan: {\n value:\n !!match && !!match.params && !!match.params.pan\n ? match.params.pan\n : \"\",\n },\n fund: { value: { value: \"117\" } },\n name: { value: \"\" },\n email: { value: \"\" },\n mobile: { value: \"\" },\n };\n }\n\n async componentDidMount() {\n // const params = {\n // opt: ALL,\n // schemetype: this.props.userId,\n // };\n // const types = [\n // GET_FUNDS_LIST,\n // GET_FUNDS_LIST_SUCCESS,\n // GET_FUNDS_LIST_FAILED,\n // ];\n // this.props.getNewPurchaseFundList(params, types);\n }\n\n handleChange = (value) => {\n this.setState({\n fund: { value },\n pan: { value: this.state.pan.value },\n });\n };\n\n changeValue = (label) => (event) => {\n if (label === \"pan\" && event.target.value.length < 11) {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (label === \"name\") {\n if (!!event.target.value && /^[a-zA-Z ]+$/.test(event.target.value)) {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (!event.target.value) {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n } else if (label === \"mobile\" && event.target.value.length <= 10) {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (label != \"pan\" && label != \"mobile\" && label != \"name\") {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n };\n\n changeIpvValue = (value) => () => {\n if (value === \"YES\") {\n this.setState({\n ipv: { value: \"YES\" },\n });\n } else if (value === \"NO\") {\n this.setState({\n ipv: {\n value: \"NO\",\n errorMessage: \"(It is mandatory to perform IPV to proceed )\",\n },\n });\n }\n };\n checkKycStatus = async () => {\n if (!/^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/.test(this.state.pan.value)) {\n this.setState({\n pan: {\n value: \"\",\n isError: true,\n isShowError: true,\n errorMessage: \"Enter a Valid PAN Number\",\n },\n });\n } else {\n const pan = this.state.pan.value;\n const params = {\n i_pan: pan,\n InvDistFlag: \"S\",\n };\n const response = await this.props.checkKyc(params);\n try {\n const { DtData } = response;\n const { KYCBlock } = DtData[0];\n if (KYCBlock === \"N\") {\n this.setState({\n pan: {\n value: \"\",\n isError: false,\n isShowError: false,\n errorMessage: \"\",\n },\n });\n alert(\"PAN is KYC Registered !\");\n }\n } catch (e) {\n console.log(e);\n }\n }\n };\n submit = async () => {\n const { ipv, open, messageAlert, fund, email, ...others } = this.state;\n const keys = Object.keys(others);\n const findError = keys.every((key) => !!others[key].value);\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage: `${key === \"kycType\"\n ? \"KYC type\"\n : key === \"fund\"\n ? \"Fund\"\n : key === \"pan\"\n ? \"PAN\"\n : key === \"name\"\n ? \"Name\"\n : key === \"email\"\n ? \"Email Id\"\n : key === \"mobile\"\n ? \"Mobile\"\n : key\n } is mandatory`,\n },\n });\n });\n return;\n }\n else if (\n !/^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/.test(this.state.pan.value)\n ) {\n this.setState({\n pan: {\n value: \"\",\n isError: true,\n errorMessage: \"please enter a valid pan\",\n },\n });\n } else if (\n this.state.email.value === \"\" ||\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ) {\n if (this.state.email.value === \"\") {\n this.setState({\n email: {\n isError: true,\n errorMessage: `(emaild is mandatory)`,\n },\n });\n } else if (\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ) {\n this.setState({\n email: {\n value: \"\",\n isError: true,\n errorMessage: `(enter a valid email address)`,\n },\n });\n }\n }\n else if (this.state.name.value === \"\") {\n this.setState({\n name: {\n isError: true,\n errorMessage: \"(Name is Mandatory)\",\n },\n });\n } else if (\n this.state.mobile.value === \"\" ||\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\n this.state.mobile.value\n ) === false\n ) {\n if (this.state.mobile.value === \"\") {\n this.setState({\n mobile: {\n isError: true,\n errorMessage: `(Mobile no is mandatory)`,\n },\n });\n } else if (\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\n this.state.mobile.value\n ) === false\n ) {\n this.setState({\n mobile: {\n isError: true,\n errorMessage: `(enter a valid Mobile number)`,\n },\n });\n }\n } else {\n const { fund, name, email, mobile, pan } = this.state;\n const url = `https://mfs.kfintech.com/ckyc/eKyc.aspx?UserID=2703&AgencyCode=${fund.value.value}&AgencyTransactionID=123&Pan=${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=${fund.value.value}&fromType=DITWEB`;\n\n const params = {\n InvPan: this.state.pan.value,\n InvMobile: mobile.value,\n InvFund: \"176\",\n InvName: name.value,\n DistUserId: this.props.userId,\n InvDistFlag: \"S\",\n Url: \"\",\n };\n const addedParms = {\n IMEI: encodeURIComponent(btoa(\"127.0.0.1\")),\n DistName: encodeURIComponent(btoa(this.props.userId)),\n ArnCode: encodeURIComponent(btoa(this.props.token)),\n APKVer: encodeURIComponent(btoa(\"1.0\")),\n InvEmail: encodeURIComponent(btoa(email.value)),\n };\n const response = await this.props.EKYCMail(params, addedParms);\n if (response && !response.error) {\n this.setState({\n open: true,\n messageAlert:\n \"An email will be triggered to investor's email for uploading neccesary KYC documents and selfie video.please confirm\",\n });\n }\n }\n };\n\n closeModal = () => {\n this.setState({\n open: false,\n messageAlert: \"\",\n });\n };\n\n continue = () => {\n const { params } = this.props.match;\n this.setState({\n kycType: { value: \"\" },\n ipv: { value: \"YES\", errorMessage: \"\" },\n fund: { value: \"\" },\n pan: { value: !!params && !!params.pan ? params.pan : \"\" },\n open: false,\n messageAlert: \"\",\n name: { value: \"\" },\n email: { value: \"\" },\n mobile: { value: \"\" },\n });\n this.props.history.push(`${process.env.PUBLIC_URL}/dashboard`);\n };\n\n handleChangeKycType = (event) => {\n const { match } = this.props;\n this.setState({\n kycType: { value: event.target.value },\n ipv: { value: \"YES\", errorMessage: \"\" },\n fund: { value: \"\" },\n pan: {\n value:\n !!match && !!match.params && !!match.params.pan\n ? match.params.pan\n : \"\",\n },\n name: { value: \"\" },\n email: { value: \"\" },\n mobile: { value: \"\" },\n });\n };\n render() {\n const { emaildomain, emailhost } = this.props;\n const { email, name, mobile, kycType, emailPlatform, emailSite, emailUsername } = this.state;\n const KYCTYPES = [\n { key: \"DKYC\", label: \"Distributor (eKYC)\" },\n { key: \"IKYC\", label: \"Online IPV with E-sign\" },\n ];\n return (\n \n \n \n
\n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions, dashboard }) => {\n const { token, userId } = authReducer;\n const { fundsList = [] } = transactions;\n const { emaildomain, emailhost } = dashboard\n return {\n token,\n userId,\n fundsList,\n emaildomain,\n emailhost\n };\n },\n { getNewPurchaseFundList, EKYCMail, checkKyc, getDomains }\n)(EKYC);\n","import React, { Component } from \"react\";\nimport { Route, Switch } from \"react-router-dom\";\nimport Investors from \"./InvestorMain\";\nimport InvestorDetails from \"./InvestorDetails\";\nimport NFOAndNewPurchaseDigital from \"../transactions/nfoAndNewPurchase\";\nimport TransactionMode from \"../transactions/TransactionModes\";\nimport TransactionType from \"../transactions/TransactionTypes\";\nimport EKYC from \"../transactions/ekycForm\";\n\nexport default class InvestorRouter extends Component {\n render() {\n const { history, location } = this.props;\n return (\n eKYC Form
\n \n
\n \n
\n \n
\n \n
\n \n
\n PAN*
\n \n
\n \n
\n \n
\n \n
\n Name*
\n \n
\n \n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n type=\"number\"\n value={mobile.value}\n isShowError={mobile.isError}\n errorMessage={mobile.errorMessage}\n />\n
\n \n \n
\n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport Paper from \"@material-ui/core/Paper\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport { connect } from \"react-redux\";\nimport CustomizedSelect from \"../transactions/customizedSelect\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport { Input } from \"../../forms/input\";\nimport Signbutton from \"../../forms/button\";\nimport CustomizedDialogs from \"../../home/customModal\";\nimport { MBRStatusDialog } from \"../../home/customModal\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from \"@material-ui/pickers\";\nimport {\n ALL,\n} from \"shared/store/types\";\nimport {\n getInvestorDetails,\n getNewPurchaseFundList,\n} from \"shared/store/actions\";\nimport {\n getMailbackList,\n GetDistMailbackRequest,\n} from \"shared/store/actions/mailback\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport { SundaramMutualFund } from \"../transactions/newPurchaseForm\";\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\nexport const MAILBACK_URL = `${process.env.PUBLIC_URL}/mailBackRequest`;\nclass MailBack extends Component {\n constructor(props) {\n super(props);\n const { state } = this.props.location;\n this.state = {\n fund: { value: \"\" },\n reports: [],\n status: {\n value: false,\n },\n report:\n !!state && !!state.value\n ? {\n value: {\n label: state.value.KDM_Repdesc,\n value: state.value.KDM_Repcode,\n },\n }\n : { value: \"\" },\n reportType: { value: \"\" },\n fromDate: { value: null, error: false },\n toDate: { value: null, error: false },\n password: { value: \"\" },\n showPassword: false,\n open: false,\n refrenceNumber: { value: \"\" },\n };\n }\n\n async componentDidMount() {\n const response = await this.props.getMailbackList();\n if (response) {\n this.setState({\n reports: response.DtData,\n });\n }\n }\n handleChangeReports = (value) => {\n this.setState({\n report: { value },\n });\n };\n handleChangeReportTypes = (event) => {\n this.setState({\n reportType: { value: event.target.value },\n });\n };\n handleChangeFunds = (value) => {\n this.setState({\n fund: { value },\n });\n };\n handleChangePassword = (event) => {\n this.setState({\n password: { value: event.target.value },\n });\n };\n onDateChange = (label, event) => {\n if (label === \"toDate\" && !!this.state.fromDate.value && !!event) {\n const reformtStDt = this.state.fromDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeEndDt = event.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeEndDt).setHours(12, 0, 0, 0);\n if ( d2>d3|| d2 === d3) {\n this.setState({\n [label]: {\n value: null,\n error: true,\n errorMessage: \"Start Date should be earlier than End Date\",\n },\n });\n } else {\n this.setState({\n [label]: { value: event, errorMessage: \"\", error: false },\n });\n }\n } else if (label === \"fromDate\") {\n this.setState({\n [label]: { value: event },\n toDate: { value: null, error: \"\", errorMessage: \"\" },\n });\n }\n // this.setState({ [label]: { value: event } });\n };\n\n submit = async () => {\n let toDateValue;\n let fromDateValue;\n if (this.state.fromDate.value) {\n fromDateValue = this.state.fromDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n }\n if (this.state.toDate.value) {\n toDateValue = this.state.toDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n }\n const {\n funds,\n fund,\n reports,\n fromDate,\n status,\n toDate,\n showPassword,\n open,\n refrenceNumber,\n ...others\n } = this.state;\n\n const keys = Object.keys(others);\n const d2 = new Date(this.state.fromDate.value).setHours(12, 0, 0, 0);\n const d3 = new Date(this.state.toDate.value).setHours(12, 0, 0, 0);\n\n const findError = keys.every((key) => !!others[key].value);\n\n if (!this.state.toDate.value) {\n this.setState({\n toDate: {\n value: null,\n error: true,\n errorMessage: \"End date is mandatory\",\n },\n });\n\n }\n\n if (!this.state.fromDate.value) {\n this.setState({\n fromDate: {\n value: null,\n error: true,\n errorMessage: \"Start date is mandatory\",\n },\n });\n\n }\n\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage: `${key===\"report\"?\"Report\":key===\"reportType\"?\"Report type\":key===\"password\"?\"Password\":key===\"fund\"?\"Fund\":\"\"} is mandatory`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n\n case \"report\": {\n this.reportField.focus();\n break;\n }\n case \"reportType\": {\n this.reportTypeField.focus();\n break;\n }\n case \"fromDate\": {\n this.fromDateField.focus();\n break;\n }\n case \"toDate\": {\n this.toDateField.focus();\n break;\n }\n }\n } else if (others.password.value === \"\") {\n this.setState({\n password: {\n ...others[\"password\"],\n isError: true,\n errorMessage: `Password is mandatory`,\n },\n });\n this.passwordField.focus();\n return;\n } else if (!this.state.fromDate.value) {\n this.setState({\n fromDate: {\n value: null,\n error: true,\n errorMessage: \"Start Date is mandatory\",\n },\n });\n return;\n } else if (!this.state.toDate.value) {\n this.setState({\n toDate: {\n value: null,\n error: true,\n errorMessage: \"End date is mandatory\",\n },\n });\n return;\n } else if (d2 > d3 || d2 === d3) {\n this.setState({\n toDate: {\n value: null,\n error: true,\n errorMessage: \"Start date should be earlier than End date\",\n },\n });\n } else {\n const params = {\n Userid: this.props.userId,\n ReportNumber: this.state.report.value.value,\n ZipPwd: this.state.password.value,\n Fund: \"176\",\n toDate: toDateValue,\n fromDate: fromDateValue,\n ReqBy: ALL,\n Agent: this.props.token,\n reportType: this.state.reportType.value === \"Excel\" ? \"Excel\" : \"DBF\",\n };\n const response = await this.props.GetDistMailbackRequest(params);\n if (response) {\n this.setState({\n open: true,\n refrenceNumber: { value: response.DtData[0].Refno },\n });\n }\n }\n };\n\n closeModal = () => {\n this.setState({\n open: false,\n fund: { value: \"\" },\n report: { value: \"\" },\n reportType: { value: \"\" },\n fromDate: { value: null, error: false },\n toDate: { value: null, error: false },\n password: { value: \"\" },\n refrenceNumber: { value: \"\" },\n });\n };\n showError = (label) => (event) => {\n const {\n [label]: { value },\n } = this.state;\n\n if (label === \"\") {\n this.setState({\n [label]: {\n value:\"\",\n isError: this.state.selfPassword.value === \"\" ? true : !value,\n errorMessage:\n this.state.selfPassword.value === \"\"\n ? `(selfPassword is mandatory)`\n : \"\",\n },\n });\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n close() {\n this.setState({\n status: {\n value: false,\n },\n });\n }\n gotoblur = () => {\n if (this.state.password.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.password.value)) {\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.password.value)){\n this.setState({\n password: {\n value : this.state.password.value,\n isError: true,\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)`,\n },\n });\n return;\n }else if(this.state.password.value === \"\"){\n this.setState({\n password: {\n value:this.state.password.value,\n isError: true,\n errorMessage: `Password is mandatory`,\n },\n });\n return;\n }\n }\n }\n\n\n\n render() {\n const { fundsList, location } = this.props;\n const { fund, reports, report, reportType, password } = this.state;\n const { state } = location;\n return (\n \n \n
\n \n \n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }) => {\n const { investorData, userId, token } = authReducer;\n const { fundsList } = transactions;\n return { investorData, userId, token, fundsList };\n },\n {\n getNewPurchaseFundList,\n getInvestorDetails,\n getMailbackList,\n GetDistMailbackRequest,\n }\n)(MailBack);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport {\n getTransactionHistory,\n getTrackDetails,\n RemoveTransactionData\n} from \"shared/store/actions\";\nimport { Paper } from \"@material-ui/core\";\nimport { Debtbutton, DebtbuttonActive } from \"../../forms/button\";\nimport { NEW_TRANSACTION_URL } from \"../transactions\";\nimport { FormatCurrency } from \"../../home/currencyFormatter\";\nimport { PerformanceModal } from \"../customModal\";\nimport { BUILD_URL } from \"../../forms/appEssentials\";\nimport CustomLoader from \"../../forms/customLoader\";\n\nclass HistoryDetail extends Component {\n constructor(props) {\n super(props);\n this.state = {\n transactionList: [],\n showError: false,\n openPerformanceModal: false,\n TrackData: [],\n display: false,\n };\n }\n\n async componentDidMount() {\n const { state } = this.props.location;\n const { isKyc } = state;\n if (!!isKyc) {\n await this.props.RemoveTransactionData()\n this.getTransactions(\"176\");\n } else {\n this.setState({ showError: true });\n }\n }\n\n getTransactions = async () => {\n this.setState({ display: true });\n window.scrollTo({\n top: 0,\n behavior: \"smooth\",\n });\n const { investorData, userId } = this.props;\n const params = {\n Uid: userId,\n pan: investorData.PAN,\n InvdDistFlag: \"S\",\n Fund: \"176\",\n };\n await this.props.getTransactionHistory(params);\n this.setState({\n display: false,\n });\n };\n\n closePerformanceModal = () => {\n this.setState({\n openPerformanceModal: false,\n });\n };\n\n gotoTrack = (item) => async () => {\n const reverseDate = !!item && !!item.td_trdt ? item.td_trdt.split(\"/\") : \"\";\n const formDate = !!reverseDate\n ? `${reverseDate[1]}/${reverseDate[0]}/${reverseDate[2]}`\n : \"\";\n const params = {\n Fund: item.td_fund,\n Ihno: item.td_ihno,\n Status: item.Status,\n SchemeDesc: item.td_scheme,\n TrDate: formDate,\n };\n const response = await this.props.getTrackDetails(params);\n if (!!response && !!response.DtData) {\n this.setState({\n openPerformanceModal: true,\n TrackData: response.DtData,\n });\n }\n };\n\n render() {\n const { state } = this.props.location;\n const { isKyc } = state;\n const { showError,display } = this.state;\n const { transactions, investorData } = this.props;\n\n return (\n My Reports
\n\n \n
\n\n \n
\n \n
\n\n\n\n \n (this.reportTypeField = ele)}\n isError={reportType.isError}\n errorMessage={reportType.errorMessage}\n isShowError={reportType.isError}\n placeholder=\"Select Report Type\"\n >\n \n \n \n
\n \n ({\n label: item.KDM_Repdesc.split(\"-\")[1].trim(),\n value: item.KDM_Repcode,\n }))}\n value={report.value}\n placeholder=\"Select Report\"\n errorMessage={report.errorMessage}\n maxDate={new Date()}\n disabled={!!state && !!state.value}\n inputRef={(ele) => (this.reportField = ele)}\n isError={report.isError}\n isShowError={report.isError}\n handleChange={this.handleChangeReports}\n />\n
\n Select Report
\n \n
\n \n \n this.onDateChange(\"fromDate\", e)}\n // openTo={true}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n maxDate={new Date()}\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n value={this.state.fromDate.value}\n />\n {!!this.state.fromDate.errorMessage ? (\n \n {this.state.fromDate.errorMessage}\n
\n ) : (\n \"\"\n )}\n \n Start Date
\n \n \n this.onDateChange(\"toDate\", e)}\n // onBlur={}\n // openTo={true}\n disabled={!this.state.fromDate.value ? true : false}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n errorMessage={this.state.toDate.errorMessage}\n maxDate={new Date()}\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n value={this.state.toDate.value}\n />\n {!!this.state.toDate.errorMessage ? (\n \n {this.state.toDate.errorMessage}\n
\n ) : (\n \"\"\n )}\n \n End Date
\n \n
\n\n \n {\n this.setState({\n showPassword: !this.state.showPassword,\n });\n }}\n image2={\n !!this.state.showPassword\n ? EYE_ICON\n : EYE_ICON_HIDDEN\n }\n height={15}\n value={password.value}\n inputRef={(ele) => (this.passwordField = ele)}\n isShowError={password.isError}\n errorMessage={password.errorMessage}\n />\n
\n \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)\n
\n \n
\n \n \n
\n\n \n {!!transactions && !!transactions.length?\n \n \n {!!display ? (\n
\n }\n \n )}\n : \n No Investor PAN found. Please submit Investor PAN\n
\n ) : (\n \n
\n ))}\n Transactions
\n {transactions.map((transaction, index) => (\n \n
\n\n \n
\n \n
\n Fund Name
\n {transaction.SchemeDesc}
\n \n {transaction.Status === \"Pending\" ||\n transaction.Status === \"Pending payment confirmation\" ||\n transaction.Status === \"Success\" ? (\n \n {transaction.Status === \"Rejected\" ? (\n \n this.props.history.push(\n NEW_TRANSACTION_URL + \"/transction-types\"\n )\n }\n />\n ) : (\n \n this.props.history.push(\n NEW_TRANSACTION_URL + \"/transction-types\"\n )\n }\n />\n )}\n
\n \n
\n ) : (\n \n )}\n \n
\n No Data Found
\n }\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactionHistory }) => {\n const { investorData, userId } = authReducer;\n const { fundsList, transactions } = transactionHistory;\n return { investorData, userId, fundsList, transactions };\n },\n { getTransactionHistory, getTrackDetails,RemoveTransactionData }\n)(HistoryDetail);\n\nexport class SingleAmcheader extends Component {\n render() {\n const { invname, PAN } = this.props.investorData;\n return (\n \n
\n );\n }\n}\n\nexport class TransactionSubContainer extends Component {\n render() {\n const { list } = this.props;\n return (\n <>\n {list.map((ele, index) => (\n \n
\n \n
\n \n
\n {invname}
\n PAN: {PAN}
\n \n \n {!!ele.value ? ele.value:\"-\"}\n
\n \n ))}\n \n );\n }\n}\n","import _regeneratorRuntime from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/regenerator\";\nimport _defineProperty from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport _asyncToGenerator from \"/builds/karvy/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\";\nimport { Route, Switch } from \"react-router-dom\";\nimport Investors from \"../investors/InvestorMain\";\nimport HistoryDetail from \"./historyDetail\";\n\nexport default class HistoryRouter extends Component {\n render() {\n const { history, location } = this.props;\n return (\n {ele.key}
\n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport Loader from \"react-loader-spinner\";\nimport \"react-loader-spinner/dist/loader/css/react-spinner-loader.css\";\n\nexport default class CustomLoading extends Component {\n render() {\n return (\n \n {count > 0 ? (\n \n No data Found\n
\n ) : (\n ((this.props.tran_enable_flag === \"Y\" &&\n investors.length !== this.props.investorsCount) ||\n this.props.tran_enable_flag === \"N\") && (\n \n {investors.map((investor, index) => (\n \n \n
\n \n \n \n \n this.props.history.push(\n `${INVESTOR_URL}/details/${investor.Pan}`\n )\n }\n style={{\n borderBottom: \"2px solid #80bce3\",\n paddingBottom: 3,\n fontFamily: \"Ubuntu-Medium\",\n }}\n className=\"tabledata_invname\"\n >\n {investor.Name}\n \n )}\n
\n \n {pathname.includes(\"/investors\") ||\n pathname.includes(\"/transaction-history\") ? (\n \n {pathname.includes(\"/investors\") && (\n \n Select\n \n )}\n
\n \n
\n {investor.Mobile}
\n \n \n \n \n {this.state.errorMessage}\n
\n )}\n \n
\n \n Search\n
\n \n {!!this.state.errorMessage && (\n \n \n
*/}\n {this.state.active === NEW ? (\n New Transaction
\n\n {/* \n
\n )}\n\n {/* \n {this.props.investors.length > 0 && (\n \n this.props.history.push(\"/newTransaction/transction-types\")\n }\n >\n Next\n
\n )}\n */}\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, investor }) => {\n const { token } = authReducer;\n const { investors } = investor;\n return { investors, token };\n },\n { getInvestors }\n)(Transactions);\n","import React, { Component } from \"react\";\nimport { Route, Switch } from \"react-router-dom\";\nimport Transactions from \"./TransactionMain\";\nimport TransactionType from \"./TransactionTypes\";\nimport TransactionMode from \"./TransactionModes\";\nimport NFOAndNewPurchaseDigital from \"./nfoAndNewPurchase\";\nimport EKYC from \"./ekycForm\";\n\nexport default class TransactionRouter extends Component {\n render() {\n const { history, location } = this.props;\n return (\n \n
\n );\n }\n}\n","import _slicedToArray from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\nimport _objectWithoutProperties from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _regeneratorRuntime from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/regenerator\";\nimport _objectSpread from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread\";\nimport _asyncToGenerator from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/asyncToGenerator\";\nimport _classCallCheck from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport _possibleConstructorReturn from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf\";\nimport _assertThisInitialized from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized\";\nimport _inherits from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits\";\nimport _defineProperty from \"/builds/karvy/dit-react/packages/web/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport React, { Component } from \"react\";\nimport { ALL, GET_FUNDS_LIST, GET_FUNDS_LIST_SUCCESS, GET_FUNDS_LIST_FAILED, GET_CATEGORY_LIST, GET_CATEGORY_LIST_SUCCESS, GET_CATEGORY_LIST_FAILED, GET_SCHEME_LIST, GET_SCHEME_LIST_SUCCESS, GET_SCHEME_LIST_FAILED, REGULAR, PURCHASE, YES, NO } from \"../../store/types\";\nimport { sendNotification } from \"../utils\";\n\nvar CommonNewPurchaseForm =\n/*#__PURE__*/\nfunction (_Component) {\n _inherits(CommonNewPurchaseForm, _Component);\n\n function CommonNewPurchaseForm(props) {\n var _this;\n\n _classCallCheck(this, CommonNewPurchaseForm);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(CommonNewPurchaseForm).call(this, props));\n\n _defineProperty(_assertThisInitialized(_this), \"handleChangeValue\", function (label, event) {\n if (label === \"minAmount\" && event.length <= 10) {\n _this.setState(_defineProperty({}, label, {\n value: event.replace(/^0+/, \"\")\n }));\n } else if (label === \"mobile\" && event.length <= 10) {\n _this.setState(_defineProperty({}, label, {\n value: event\n }));\n } else if ((label === \"subArnCode\" || label === \"subBrokerCode\") && event.length <= 15) {\n _this.setState(_defineProperty({}, label, {\n value: event\n }));\n\n return;\n } else if (label !== \"mobile\" && label !== \"minAmount\" && label !== \"subArnCode\" && label !== \"subBrokerCode\") {\n _this.setState(_defineProperty({}, label, {\n value: event\n }));\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleCategoryChange\",\n /*#__PURE__*/\n function () {\n var _ref = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee(event) {\n var params, types, response;\n return _regeneratorRuntime.wrap(function _callee$(_context) {\n while (1) {\n switch (_context.prev = _context.next) {\n case 0:\n _this.setState({\n category: {\n value: event\n }\n });\n\n if (!event) {\n _context.next = 11;\n break;\n }\n\n params = {\n plntype: REGULAR\n };\n params = _objectSpread({}, params, {\n opt: \"S\",\n schemetype: event.value,\n fund: \"176\"\n });\n types = [GET_SCHEME_LIST, GET_SCHEME_LIST_SUCCESS, GET_SCHEME_LIST_FAILED];\n _context.next = 7;\n return _this.props.getNewPurchaseFundList(params, types);\n\n case 7:\n response = _context.sent;\n\n if (response) {\n _this.setState({\n category: {\n value: event\n },\n scheme: {\n value: \"\"\n },\n minCost: \"\",\n minAmount: {\n value: \"\"\n },\n showSmart: false\n });\n }\n\n _context.next = 12;\n break;\n\n case 11:\n _this.setState({\n category: {\n value: event\n },\n scheme: {\n value: \"\"\n },\n minCost: \"\",\n minAmount: {\n value: \"\"\n },\n showSmart: false\n });\n\n case 12:\n case \"end\":\n return _context.stop();\n }\n }\n }, _callee);\n }));\n\n return function (_x) {\n return _ref.apply(this, arguments);\n };\n }());\n\n _defineProperty(_assertThisInitialized(_this), \"changeScheme\", function (value) {\n var comboScheme = !!value && !!value.value && _this.props.schemeList.find(function (ele) {\n return ele.Scheme_Plan === value.value;\n });\n\n if (comboScheme.combo_flag === \"Y\") {\n _this.setState({\n combo_purchase_enable: true,\n combo_disclaimer: {\n value: comboScheme.combo_disclaimer\n },\n combo_lable: {\n value: comboScheme.combo_lable\n }\n });\n } else {\n _this.setState({\n combo_purchase_enable: false,\n combo_disclaimer: {\n value: \"\"\n },\n combo_lable: {\n value: \"\"\n }\n });\n }\n\n _this.setState({\n scheme: {\n value: value,\n isError: false,\n errorMessage: \"\"\n },\n minAmount: {\n value: \"\"\n },\n minCost: !!comboScheme && !!comboScheme.MinAmt ? comboScheme.MinAmt : \"\",\n multiples: !!comboScheme && !!comboScheme.multiples ? comboScheme.multiples : \"\"\n });\n\n if (!!value) {\n _this.validateBrokerCode();\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"validateBrokerCode\",\n /*#__PURE__*/\n _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee2() {\n var _this$state, subArnCode, arnCode, params, response;\n\n return _regeneratorRuntime.wrap(function _callee2$(_context2) {\n while (1) {\n switch (_context2.prev = _context2.next) {\n case 0:\n if (!(!!_this.state.subArnCode.value && _this.state.subArnCode.value === _this.state.arnCode.value.split(\"-\")[1])) {\n _context2.next = 3;\n break;\n }\n\n _this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: \"ARN and Sub ARN Code should not be the same\"\n }\n });\n\n return _context2.abrupt(\"return\");\n\n case 3:\n _this$state = _this.state, subArnCode = _this$state.subArnCode, arnCode = _this$state.arnCode;\n params = {\n Fund: \"176\",\n SubAgentCd: !!subArnCode.value ? \"ARN-\".concat(subArnCode.value) : \"\",\n AgentCd: arnCode.value\n };\n _context2.next = 7;\n return _this.props.validateSubBroker(params);\n\n case 7:\n response = _context2.sent;\n\n if (!!response && !response.DtData) {\n _this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: \"Please enter a valid sub ARN code\"\n }\n });\n }\n\n case 9:\n case \"end\":\n return _context2.stop();\n }\n }\n }, _callee2);\n })));\n\n _defineProperty(_assertThisInitialized(_this), \"ComboChange\", function () {\n _this.setState({\n isCombo: !_this.state.isCombo\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"handleChangeEuin\",\n /*#__PURE__*/\n function () {\n var _ref3 = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee3(ele) {\n return _regeneratorRuntime.wrap(function _callee3$(_context3) {\n while (1) {\n switch (_context3.prev = _context3.next) {\n case 0:\n _this.setState({\n euinNo: {\n value: ele\n }\n });\n\n case 1:\n case \"end\":\n return _context3.stop();\n }\n }\n }, _callee3);\n }));\n\n return function (_x2) {\n return _ref3.apply(this, arguments);\n };\n }());\n\n _defineProperty(_assertThisInitialized(_this), \"FamilyDescriptionEmail\", function (event) {\n _this.setState({\n Family_Code_Email: {\n value: event\n }\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"FamilyDescriptionPhone\", function (event) {\n _this.setState({\n Family_Code_Phone: {\n value: event\n }\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"onSubmit\",\n /*#__PURE__*/\n _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee4() {\n var _this$state2, arnCode, combo, subArnCode, isCombo, radioValue, fund, invName, euinNo, minCost, subBrokerCode, showSmart, multiples, smart, Family_Code_Email, Family_Code_Phone, code, combo_purchase_enable, combo_purchase_flag, combo_disclaimer, combo_lable, others, arn, keys, findError, plan, params, response, _response$DtData, purchaseData, confirmationParams, confirmationResponse;\n\n return _regeneratorRuntime.wrap(function _callee4$(_context4) {\n while (1) {\n switch (_context4.prev = _context4.next) {\n case 0:\n _this$state2 = _this.state, arnCode = _this$state2.arnCode, combo = _this$state2.combo, subArnCode = _this$state2.subArnCode, isCombo = _this$state2.isCombo, radioValue = _this$state2.radioValue, fund = _this$state2.fund, invName = _this$state2.invName, euinNo = _this$state2.euinNo, minCost = _this$state2.minCost, subBrokerCode = _this$state2.subBrokerCode, showSmart = _this$state2.showSmart, multiples = _this$state2.multiples, smart = _this$state2.smart, Family_Code_Email = _this$state2.Family_Code_Email, Family_Code_Phone = _this$state2.Family_Code_Phone, code = _this$state2.code, combo_purchase_enable = _this$state2.combo_purchase_enable, combo_purchase_flag = _this$state2.combo_purchase_flag, combo_disclaimer = _this$state2.combo_disclaimer, combo_lable = _this$state2.combo_lable, others = _objectWithoutProperties(_this$state2, [\"arnCode\", \"combo\", \"subArnCode\", \"isCombo\", \"radioValue\", \"fund\", \"invName\", \"euinNo\", \"minCost\", \"subBrokerCode\", \"showSmart\", \"multiples\", \"smart\", \"Family_Code_Email\", \"Family_Code_Phone\", \"code\", \"combo_purchase_enable\", \"combo_purchase_flag\", \"combo_disclaimer\", \"combo_lable\"]);\n arn = _this.state.arnCode.value.split(\"-\");\n\n if (_this.state.euinNo.value === \"\") {\n _this.setState({\n euinNo: {\n value: \"\",\n isError: true,\n errorMessage: \"EUIN Declaration is mandatory*\"\n }\n });\n }\n\n if (_this.state.invName.value === \"\") {\n _this.setState({\n invName: {\n value: \"\",\n isError: true,\n errorMessage: \"Investor Name is mandatory*\"\n }\n });\n }\n\n if (_this.state.code.value) {\n _context4.next = 7;\n break;\n }\n\n _this.setState({\n code: {\n value: \"\",\n isError: true,\n errorMessage: \"Country Code is mandatory*\"\n }\n });\n\n return _context4.abrupt(\"return\");\n\n case 7:\n if (/^[+][0-9]{1,3}$/.test(_this.state.code.value)) {\n _context4.next = 10;\n break;\n }\n\n _this.setState({\n code: {\n value: \"\",\n isError: true,\n errorMessage: \"Enter Valid Country Code*\"\n }\n });\n\n return _context4.abrupt(\"return\");\n\n case 10:\n keys = Object.keys(others);\n findError = keys.every(function (key) {\n return !!others[key].value;\n });\n\n if (findError) {\n _context4.next = 16;\n break;\n }\n\n keys.forEach(function (key) {\n !others[key].value && _this.setState(_defineProperty({}, key, _objectSpread({}, others[key], {\n isError: true,\n errorMessage: \"\".concat(key === \"category\" ? \"Category\" : key === \"scheme\" ? \"Scheme\" : key === \"minAmount\" ? \"Investment amount\" : key, \" is mandatory*\")\n })));\n });\n _context4.next = 55;\n break;\n\n case 16:\n if (!(invName.value === \"\")) {\n _context4.next = 20;\n break;\n }\n\n _this.setState({\n invName: {\n value: \"\",\n isError: true,\n errorMessage: \"Investor name is mandatory*\"\n }\n });\n\n _context4.next = 55;\n break;\n\n case 20:\n if (!(radioValue.value === \"no\" && !euinNo.value)) {\n _context4.next = 25;\n break;\n }\n\n _this.setState({\n euinNo: _objectSpread({}, euinNo, {\n isError: true\n })\n }); // this.euinField.focus();\n\n\n return _context4.abrupt(\"return\");\n\n case 25:\n if (!(minCost > others.minAmount.value)) {\n _context4.next = 29;\n break;\n }\n\n _this.setState({\n minAmount: _objectSpread({}, others[\"minAmount\"], {\n isError: true,\n errorMessage: \"Minimum amount is \".concat(minCost)\n })\n }); // this.minAmountField.focus();\n\n\n _context4.next = 55;\n break;\n\n case 29:\n if (!(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(_this.state.emailId.value) === false)) {\n _context4.next = 34;\n break;\n }\n\n _this.setState({\n emailId: _objectSpread({}, others[\"emailId\"], {\n isError: true,\n errorMessage: \"Enter an vaild Email ID\"\n })\n });\n\n return _context4.abrupt(\"return\");\n\n case 34:\n if (!(/^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[789]\\d{9}$/.test(_this.state.mobile.value) === false)) {\n _context4.next = 39;\n break;\n }\n\n _this.setState({\n mobile: _objectSpread({}, others[\"mobile\"], {\n isError: true,\n errorMessage: \"Enter an vaild Mobile No.\"\n })\n });\n\n return _context4.abrupt(\"return\");\n\n case 39:\n if (!(arn[1] === _this.state.subArnCode.value)) {\n _context4.next = 43;\n break;\n }\n\n _this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: \"and ARN code should not match\"\n }\n });\n\n _context4.next = 55;\n break;\n\n case 43:\n plan = _this.state.scheme.value.value.split(\"~\");\n params = {\n InvestorName: _this.state.invName.value,\n i_entby: _this.props.userId,\n trtype: PURCHASE,\n Desci: \"Yes~S~\",\n SubbrokerArn: !!_this.state.subArnCode.value ? \"ARN-\".concat(subArnCode.value) : \"\",\n ARNCode: _this.state.arnCode.value,\n EuinCode: _this.state.radioValue.value === \"no\" ? _this.state.euinNo.value.value : \"\",\n i_Userid: _this.props.userId,\n Mobile: _this.state.mobile.value,\n PanNo: !!_this.props.investorData.PAN ? _this.props.investorData.PAN : !!_this.props.pan ? _this.props.pan : \"\",\n Email: _this.state.emailId.value,\n countrycode: _this.state.code.value,\n fEmailFlag: _this.state.Family_Code_Email.value,\n fMobileFlag: _this.state.Family_Code_Phone.value,\n i_Acno: \"0\",\n Subbroker: _this.state.subBrokerCode.value,\n i_Fund: \"176\",\n i_UntAmtValue: _this.state.minAmount.value,\n EUINFlag: _this.state.radioValue.value === \"no\" ? NO : YES,\n EuinValid: _this.state.radioValue.value === \"no\" ? NO : YES,\n i_Scheme: plan[1],\n i_Plan: plan[2],\n i_Option: plan[3],\n i_oldihno: \"0\",\n i_InvDistFlag: \"S\",\n ModuleName: \"Webile\",\n comboswitch: !_this.state.combo_purchase_flag\n };\n _context4.next = 47;\n return _this.props.submitPurchaseData(params);\n\n case 47:\n response = _context4.sent;\n\n if (!(!!response && !response.error)) {\n _context4.next = 55;\n break;\n }\n\n _response$DtData = _slicedToArray(response.DtData, 1), purchaseData = _response$DtData[0];\n confirmationParams = {\n Trtype: PURCHASE,\n fund: _this.state.fund.value.value,\n Refno: purchaseData.refno,\n ModuleName: \"Webile\"\n };\n _context4.next = 53;\n return _this.props.showPurchaseConfirmation(confirmationParams);\n\n case 53:\n confirmationResponse = _context4.sent;\n\n if (!!confirmationResponse && !confirmationResponse.response) {\n _this.routing();\n } else if (!!confirmationResponse && !!confirmationResponse.error) {\n sendNotification(\"\".concat(confirmationResponse.error));\n }\n\n case 55:\n case \"end\":\n return _context4.stop();\n }\n }\n }, _callee4);\n })));\n\n var _this$props = _this.props,\n investorData = _this$props.investorData,\n _this$props$communica = _this$props.communicationDetails,\n communicationDetails = _this$props$communica === void 0 ? [] : _this$props$communica,\n token = _this$props.token;\n var revCD = !!communicationDetails && communicationDetails.length > 0 ? communicationDetails.reverse() : \"\";\n var Xmobile = (revCD || []).find(function (detail) {\n return detail.PAN === investorData.PAN && !!detail.Mobile && !!detail.Fund && detail.Fund.toString().trim() === \"176\";\n });\n var Xemail = (revCD || []).find(function (detail) {\n return detail.PAN === investorData.PAN && !!detail.Fund && detail.Fund.toString().trim() === \"176\" && (!!detail.email || !!detail.Email);\n });\n var Email = !!Xemail && (!!Xemail.email || !!Xemail.Email) ? Xemail.email || Xemail.Email : \"\";\n var Mobile = !!Xmobile && !!Xmobile.Mobile ? Xmobile.Mobile : \"\";\n _this.state = {\n emailId: {\n value: Email || \"\"\n },\n mobile: {\n value: Mobile || \"\"\n },\n arnCode: {\n value: token\n },\n invName: {\n value: !!investorData ? investorData.invname : \"\"\n },\n fund: {\n value: \"176\"\n },\n category: {\n value: \"\"\n },\n scheme: {\n value: \"\"\n },\n minAmount: {\n value: \"\"\n },\n subArnCode: {\n value: \"\"\n },\n euinNo: {\n value: \"\"\n },\n radioValue: {\n value: \"no\"\n },\n subBrokerCode: {\n value: \"\"\n },\n isCombo: false,\n combo: {\n flag: \"\",\n disclamier: \"\",\n label: \"\"\n },\n showSmart: false,\n smart: {\n flag: \"yes\"\n },\n Family_Code_Email: {\n value: \"\"\n },\n Family_Code_Phone: {\n value: \"\"\n },\n code: {\n value: \"+91\"\n },\n combo_purchase_enable: false,\n combo_purchase_flag: true,\n combo_disclaimer: {\n value: \"\"\n },\n combo_lable: {\n value: \"\"\n }\n };\n return _this;\n }\n\n _createClass(CommonNewPurchaseForm, [{\n key: \"componentDidMount\",\n value: function () {\n var _componentDidMount = _asyncToGenerator(\n /*#__PURE__*/\n _regeneratorRuntime.mark(function _callee5() {\n var params, types;\n return _regeneratorRuntime.wrap(function _callee5$(_context5) {\n while (1) {\n switch (_context5.prev = _context5.next) {\n case 0:\n params = {\n opt: \"AT\",\n plntype: REGULAR,\n fund: \"176\"\n };\n types = [GET_CATEGORY_LIST, GET_CATEGORY_LIST_SUCCESS, GET_CATEGORY_LIST_FAILED];\n _context5.next = 4;\n return this.props.getNewPurchaseFundList(params, types);\n\n case 4:\n case \"end\":\n return _context5.stop();\n }\n }\n }, _callee5, this);\n }));\n\n function componentDidMount() {\n return _componentDidMount.apply(this, arguments);\n }\n\n return componentDidMount;\n }()\n }]);\n\n return CommonNewPurchaseForm;\n}(Component);\n\nexport { CommonNewPurchaseForm as default };\nexport var family_description_codes = [{\n family_description: \"Self\",\n family_code: \"SE\"\n}, {\n family_description: \"Spouse\",\n family_code: \"SP\"\n}, {\n family_description: \"Dependent Children\",\n family_code: \"DC\"\n}, {\n family_description: \"Dependent Siblings\",\n family_code: \"DS\"\n}, {\n family_description: \"Dependent Parents\",\n family_code: \"DP\"\n}, {\n family_description: \"Guardian\",\n family_code: \"GD\"\n}];","import React, { Component } from \"react\";\nimport { Input } from \"../../forms/input\";\nimport Signbutton from \"../../forms/button\";\nimport { connect } from \"react-redux\";\nimport CustomizedSelect from \"./customizedSelect\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport {\n getNewPurchaseFundList,\n validateSubBroker,\n getInvestorDetails,\n submitPurchaseData,\n showPurchaseConfirmation,\n} from \"shared/store/actions\";\nimport {\n GET_CATEGORY_LIST,\n GET_CATEGORY_LIST_SUCCESS,\n GET_SCHEME_LIST,\n GET_SCHEME_LIST_SUCCESS,\n GET_CATEGORY_LIST_FAILED,\n GET_SCHEME_LIST_FAILED,\n PURCHASE,\n ALL,\n REGULAR,\n NO,\n YES,\n NEW_PURCHASE,\n} from \"shared/store/types\";\nimport { Checkbox } from \"@material-ui/core\";\nimport Radio from \"@material-ui/core/Radio\";\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport { NEW_TRANSACTION_URL } from \".\";\nimport { INVESTOR_URL } from \"../investors\";\nimport { family_description_codes } from \"shared/components/Transactions/newPurchaseForm\";\n\n\nclass NewPurchase extends Component {\n constructor(props) {\n super(props);\n\n const { investorData, communicationDetails = [], token } = this.props;\n const revCD =\n !!communicationDetails && communicationDetails.length > 0\n ? communicationDetails.reverse()\n : \"\";\n const Xmobile = (revCD || []).find(\n (detail) => detail.PAN === investorData.PAN && !!detail.Mobile\n );\n const Xemail = (revCD || []).find(\n (detail) => detail.PAN === investorData.PAN && !!detail.email\n );\n const Email = !!Xemail && !!Xemail.email ? Xemail.email : \"\";\n const Mobile = !!Xmobile && !!Xmobile.Mobile ? Xmobile.Mobile : \"\";\n\n this.state = {\n emailId: { value: Email || \"\" },\n mobile: { value: Mobile || \"\" },\n arnCode: { value: token },\n invName: { value: this.props.investorData.invname || \"\" },\n fund: { value: \"176\" },\n category: { value: \"\" },\n scheme: { value: \"\" },\n minAmount: { value: \"\" },\n subArnCode: { value: \"\" },\n euinNo: { value: \"\" },\n radioValue: { value: \"no\" },\n subBrokerCode: { value: \"\" },\n isCombo: false,\n combo: { flag: \"\", disclamier: \"\", label: \"\" },\n showSmart: false,\n smart: { flag: \"yes\" },\n code: { value: \"+91\" },\n Family_Code_Email: { value: \"\" },\n Family_Code_Phone: { value: \"\" },\n combo_purchase_enable:false,\n combo_purchase_flag: false,\n combo_disclaimer: { value: \"\" },\n combo_lable: { value: \"\" }\n };\n }\n\n async componentDidMount() {\n const params = {\n opt: \"AT\",\n plntype: REGULAR,\n fund: \"176\",\n };\n\n const types = [\n GET_CATEGORY_LIST,\n GET_CATEGORY_LIST_SUCCESS,\n GET_CATEGORY_LIST_FAILED,\n ];\n await this.props.getNewPurchaseFundList(params, types);\n }\n\n handleChange = (label) => async (value) => {\n this.setState({ [label]: { value } });\n if (!value) {\n this.setState({\n [label]: { value: \"\" },\n category: { value: \"\" },\n scheme: { value: \"\" },\n minCost: \"\",\n euinNo: { value: \"\" },\n showSmart: false,\n });\n } else if (value.value === this.state.fund.value.value) {\n return;\n } else {\n let params = { plntype: REGULAR };\n params = { ...params, opt: \"AT\", fund: value.value };\n const types = [\n GET_CATEGORY_LIST,\n GET_CATEGORY_LIST_SUCCESS,\n GET_CATEGORY_LIST_FAILED,\n ];\n const response = await this.props.getNewPurchaseFundList(params, types);\n if (response) {\n this.setState({\n [label]: { value },\n category: { value: \"\" },\n scheme: { value: \"\" },\n minCost: \"\",\n euinNo: { value: \"\" },\n showSmart: false,\n });\n }\n }\n };\n\n validateBrokerCode = async () => {\n if (\n !!this.state.subArnCode.value &&\n this.state.subArnCode.value === this.state.arnCode.value.split(\"-\")[1]\n ) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: \"ARN and Sub ARN Code should not be the same\",\n },\n });\n return;\n }\n\n const { fund, subArnCode, arnCode } = this.state;\n const params = {\n Fund: \"176\",\n SubAgentCd: !!subArnCode.value ? `ARN-${subArnCode.value}` : \"-\",\n AgentCd: arnCode.value,\n };\n const response = await this.props.validateSubBroker(params);\n // if (!response) {\n // alert(`${response}`);\n // // this.setState({\n // // subArnCode: {\n // // value: \"\",\n // // isError: true,\n // // errorMessage: ``,\n // // },\n // // });\n // }\n };\n\n handleCategoryChange = (label) => async (event) => {\n this.setState({ [label]: { value: event.target.value } });\n if (!!event.target.value) {\n let params = { plntype: REGULAR };\n params = {\n ...params,\n opt: \"S\",\n schemetype: event.target.value,\n fund: \"176\",\n };\n const types = [\n GET_SCHEME_LIST,\n GET_SCHEME_LIST_SUCCESS,\n GET_SCHEME_LIST_FAILED,\n ];\n const response = await this.props.getNewPurchaseFundList(params, types);\n if (response) {\n this.setState({\n [label]: { value: event.target.value },\n scheme: { value: \"\" },\n minCost: \"\",\n\n });\n }\n } else {\n this.setState({\n [label]: { value: event.target.value },\n scheme: { value: \"\" },\n minCost: \"\",\n });\n }\n };\n\n changeScheme = (value) => {\n const comboScheme = !!value && !!value.value && this.props.schemeList.find(\n (ele) => ele.Scheme_Plan === value.value\n );\n if (comboScheme.combo_flag === \"Y\") {\n this.setState({\n combo_purchase_enable: true,\n combo_disclaimer: { value: comboScheme.combo_disclaimer },\n combo_lable: { value: comboScheme.combo_lable }\n })\n }\n else{\n this.setState({\n combo_purchase_enable: false,\n combo_disclaimer: { value: \"\"},\n combo_lable: { value: \"\" }\n })\n }\n this.setState({\n scheme: { value: value, isError: false, errorMessage: \"\" },\n minAmount: { value: \"\", isError: false, errorMessage: \"\" },\n minCost: !!comboScheme && !!comboScheme.MinAmt ? comboScheme.MinAmt : \"\",\n multiples: !!comboScheme && !!comboScheme.multiples ? comboScheme.multiples : \"\"\n });\n if (!!value) {\n this.validateBrokerCode();\n }\n };\n\n changeValue = (label) => (event) => {\n if (label === \"minAmount\" && event.target.value.length <= 10) {\n this.setState({\n [label]: { value: event.target.value.replace(/^0+/, \"\") },\n });\n } else if (label === \"code\") {\n if (!/^[+]\\d{1,3}/.test(event.target.value)) {\n this.setState({\n [label]: {\n value: event.target.value,\n isError: true,\n errorMessage: \"Enter a valid Country Code\",\n },\n });\n } else {\n this.setState({ [label]: { value: event.target.value } });\n }\n } else if (label === \"mobile\" && event.target.value.length <= 10) {\n this.setState({\n [label]: { value: event.target.value },\n });\n } else if (\n (label === \"subArnCode\" || label === \"subBrokerCode\") &&\n event.target.value.length <= 20\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n return;\n } else if (\n label !== \"mobile\" &&\n label !== \"minAmount\" &&\n label !== \"subArnCode\" &&\n label !== \"subBrokerCode\"\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n };\n\n changeEuin = (label) => (value) => {\n this.setState({\n [label]: { value },\n });\n };\n\n showError = (label) => (event) => {\n const {\n [label]: { value },\n } = this.state;\n if (label === \"minAmount\") {\n if (this.state.minCost > this.state.minAmount.value) {\n this.setState({\n [label]: {\n value,\n isError:\n this.state.minCost > this.state.minAmount.value ? true : !value,\n errorMessage:\n this.state.minCost > this.state.minAmount.value\n ? `(Amount should be ${this.state.minCost})`\n : \"\",\n },\n });\n }\n } else if (label === \"emailId\") {\n this.setState({\n [label]: {\n value,\n isError:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.emailId.value\n ) === false\n ? true\n : !value,\n errorMessage:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.emailId.value\n ) === false\n ? `( *enter an vaild email address )`\n : \"\",\n },\n });\n } else if (label === \"code\") {\n if (!/^[+]\\d{1,3}/.test(event.target.value)) {\n this.setState({\n [label]: {\n value: \"\",\n isError: true,\n errorMessage: \"Enter a valid Country Code\",\n },\n });\n }\n } else if (label === \"mobile\") {\n this.setState({\n [label]: {\n value,\n isError:\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\n this.state.mobile.value\n ) === false\n ? true\n : !value,\n errorMessage:\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\n this.state.mobile.value\n ) === false\n ? `(* Enter a valid Phone Number)`\n : !value,\n },\n });\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n\n submit = async () => {\n const { location } = this.props;\n const { state } = location;\n const {\n arnCode,\n combo,\n subArnCode,\n isCombo,\n radioValue,\n invName,\n euinNo,\n minCost,\n code,\n subBrokerCode,\n showSmart,\n fund, multiples,\n smart,\n Family_Code_Email,\n Family_Code_Phone,\n combo_purchase_enable,\n combo_purchase_flag,\n combo_disclaimer,\n combo_lable,\n ...others\n } = this.state;\n const arn = this.state.arnCode.value.split(\"-\");\n if (!/^[+]\\d{1,3}/.test(this.state.code.value)) {\n this.setState({\n code: {\n value: \"\",\n isError: true,\n errorMessage: !code.value\n ? \"Country Code is Mandatory\"\n : \"Enter a valid Country Code\",\n },\n });\n return;\n }\n if (this.state.euinNo.value === \"\") {\n this.setState({\n euinNo: {\n value: \"\",\n isError: true,\n },\n });\n }\n\n if (this.state.invName.value === \"\") {\n this.setState({\n invName: {\n value: \"\",\n isError: true,\n errorMessage: \"Investor Name is mandatory*\",\n },\n });\n }\n\n const keys = Object.keys(others);\n const findError = keys.every((key) => !!others[key].value);\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage: `${key} is mandatory*`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n case \"emailId\": {\n this.emailIdField.focus();\n break;\n }\n case \"mobile\": {\n this.mobileField.focus();\n break;\n }\n // case \"fund\": {\n // this.fundField.focus();\n // break;\n // }\n case \"category\": {\n this.categoryField.focus();\n break;\n }\n case \"scheme\": {\n this.schemeField.focus();\n break;\n }\n case \"minAmount\": {\n this.minAmountField.focus();\n break;\n }\n }\n } else if (invName.value === \"\") {\n this.setState({\n invName: {\n value: \"\",\n isError: true,\n errorMessage: \"Investor Name is mandatory*\",\n },\n });\n } else if (radioValue.value === \"no\" && !euinNo.value) {\n this.setState({\n euinNo: { ...euinNo, isError: true },\n });\n this.euinField.focus();\n return;\n } else if (minCost > others.minAmount.value) {\n this.setState({\n minAmount: {\n ...others[\"minAmount\"],\n isError: true,\n errorMessage: `Minimum amount should be ${minCost} `\n ,\n },\n });\n this.minAmountField.focus();\n } else if (\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.emailId.value\n ) === false\n ) {\n this.setState({\n emailId: {\n ...others[\"emailId\"],\n isError: true,\n errorMessage: `Enter an Vaild Email address`,\n },\n });\n return;\n } else if (\n /^(?:(?:\\+|0{0,2})91(\\s*[\\-]\\s*)?|[0]?)?[6-9]\\d{9}$/.test(\n this.state.mobile.value\n ) === false\n ) {\n this.setState({\n mobile: {\n ...others[\"mobile\"],\n isError: true,\n errorMessage: `Enter an Vaild phone Number`,\n },\n });\n return;\n } else if (arn[1] === this.state.subArnCode.value) {\n this.setState({\n subArnCode: {\n value: \"\",\n isError: true,\n errorMessage: `and ARN code should not match `,\n },\n });\n } else {\n const plan = this.state.scheme.value.value.split(\"~\");\n\n const params = {\n InvestorName: this.state.invName.value,\n i_entby: this.props.userId,\n trtype: PURCHASE,\n Desci: \"Yes~A~\",\n SubbrokerArn: !!this.state.subArnCode.value\n ? `ARN-${subArnCode.value}`\n : \"\",\n ARNCode: this.state.arnCode.value,\n EuinCode:\n this.state.radioValue.value === \"no\"\n ? this.state.euinNo.value.value\n : \"\",\n i_Userid: this.props.userId,\n Mobile: this.state.mobile.value,\n PanNo: this.props.investorData.PAN || state.pan,\n Email: this.state.emailId.value,\n i_Acno: \"0\",\n Subbroker: this.state.subBrokerCode.value,\n i_Fund: \"176\",\n i_UntAmtValue: this.state.minAmount.value,\n EUINFlag: this.state.radioValue.value === \"no\" ? NO : YES,\n EuinValid: this.state.radioValue.value === \"no\" ? NO : YES,\n i_Scheme: plan[1],\n i_Plan: plan[2],\n i_Option: plan[3],\n i_oldihno: \"0\",\n i_InvDistFlag: \"S\",\n ModuleName: \"Webile\",\n countrycode: this.state.code.value,\n fEmailFlag: this.state.Family_Code_Email.value.value,\n fMobileFlag: this.state.Family_Code_Phone.value.value,\n comboswitch:!this.state.combo_purchase_flag\n };\n\n const response = await this.props.submitPurchaseData(params);\n\n if (!!response && !response.error) {\n const {\n DtData: [purchaseData],\n } = response;\n const confirmationParams = {\n Trtype: PURCHASE,\n fund: \"176\",\n Refno: purchaseData.refno,\n ModuleName: \"Webile\",\n };\n const confirmationResponse = await this.props.showPurchaseConfirmation(\n confirmationParams\n );\n\n\n if (!!confirmationResponse && !confirmationResponse.error) {\n this.props.history.push({\n pathname:\n INVESTOR_URL +\n \"/nfo-new-purchase/digital/transact/confirm\",\n state: {\n title: \"NEW PURCHASE SUMMARY\",\n pan: !!state && !!state.pan ? state.pan : \"\",\n InvestorEmail: this.state.emailId.value,\n orginalScheme: this.state.scheme.value.label,\n InvestorMobile: this.state.mobile.value,\n scheme: { Fund: \"176\" },\n type: NEW_PURCHASE,\n arnCode: this.state.arnCode.value,\n },\n });\n } else if (!!confirmationResponse.error) {\n alert(`${confirmationResponse.error}`)\n }\n } else if (!!response && !!response.error) {\n alert(`${response.error}`)\n }\n }\n };\n\n ComboChange = () => {\n this.setState({\n isCombo: !this.state.isCombo,\n });\n };\n\n changeSmart = (event) => {\n this.setState({\n smart: { flag: event.target.value },\n });\n };\n FamilyDescriptionEmail = (event) => {\n this.setState({\n Family_Code_Email: { value: event }\n })\n }\n FamilyDescriptionPhone = (event) => {\n this.setState({\n Family_Code_Phone: { value: event }\n })\n }\n ComboFlagChange = (value) => {\n console.log(value)\n this.setState({\n combo_purchase_flag: !this.state.combo_purchase_flag\n })\n }\n\n\n render() {\n const { fundsList, schemeList, categoryList, euinList } = this.props;\n const {\n emailId,\n mobile,\n arnCode,\n fund,\n invName,\n category,\n combo,\n scheme,\n subArnCode,\n radioValue,\n euinNo,\n minAmount,\n subBrokerCode,\n smart,\n showSmart,\n isCombo,\n Family_Code_Email,\n Family_Code_Phone,\n } = this.state;\n const { location } = this.props;\n const { state } = location;\n return (\n \n
\n New Purchase
\n\n {/* \n
*/}\n\n {/* {!!state && !!state.pan && ( */}\n AMC
\n \n (this.invNameField = ele)}\n />\n
\n\n \n ({\n label: item.family_description,\n value: item.family_code,\n }))}\n value={Family_Code_Email.value}\n placeholder=\"Select Family Description\"\n handleChange={this.FamilyDescriptionEmail}\n />\n
\n {/* )} */}\n Email Family Description
\n \n (this.emailIdField = ele)}\n errorMessage={this.state.emailId.errorMessage}\n />\n
\n\n \n ({\n label: item.family_description,\n value: item.family_code,\n }))}\n value={Family_Code_Phone.value}\n placeholder=\"Select Phone Description\"\n handleChange={this.FamilyDescriptionPhone}\n />\n
\n\n Mobile Family Description
\n \n (this.codeField = ele)}\n />\n
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n value={mobile.value}\n onChange={this.changeValue(\"mobile\")}\n onBlur={this.showError(\"mobile\")}\n isShowError={mobile.isError}\n errorMessage={mobile.errorMessage}\n inputref={(ele) => (this.mobileField = ele)}\n />\n
\n\n\n \n (this.categoryField = ele)}\n isError={category.isError}\n errorMessage={category.errorMessage}\n >\n {categoryList.map((item, index) => (\n \n ))}\n \n
\n\n \n ({\n label: item.Scheme_Desc,\n value: item.Scheme_Plan,\n }))}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n handleChange={this.changeScheme}\n disabled={!category.value}\n inputRef={(ele) => (this.schemeField = ele)}\n isError={scheme.isError}\n errorMessage={scheme.errorMessage}\n />\n
\n\n Scheme
\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n placeholder=\"Amount\"\n step=\"1\"\n type=\"number\"\n value={minAmount.value}\n onChange={this.changeValue(\"minAmount\")}\n onBlur={this.showError(\"minAmount\")}\n errorMessage={minAmount.errorMessage}\n isShowError={minAmount.isError}\n inputref={(ele) => (this.minAmountField = ele)}\n />\n
\n\n \n
\n\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n type=\"number\"\n value={subArnCode.value}\n isShowError={subArnCode.isError}\n errorMessage={subArnCode.errorMessage}\n onBlur={this.validateBrokerCode}\n onChange={this.changeValue(\"subArnCode\")}\n inputref={(ele) => (this.subArnField = ele)}\n />\n
\n\n \n \n (evt.key === \"e\" || evt.key === \".\" || evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n value={subBrokerCode.value}\n onChange={this.changeValue(\"subBrokerCode\")}\n inputref={(ele) => (this.subBrokerField = ele)}\n />\n
\n \n \n \n \n
\n {radioValue.value === \"no\" ? (\n EUIN
\n\n \n
\n YES
\n \n
\n \n NO
\n \n ({\n label: item.abm_agent,\n value: item.abm_agent,\n }))}\n value={euinNo.value}\n placeholder=\"Select EUIN\"\n handleChange={this.changeEuin(\"euinNo\")}\n disabled={!euinList.length}\n inputRef={(ele) => (this.euinField = ele)}\n isError={euinNo.isError}\n />\n
\n ) : (\n \n I/We hereby confirm that the EUIN box has been intentionally left\n the blank by me/us as this is an 'execution-only' transaction\n without any interaction or advice by any personnel of the above\n distributor or notwithstanding the advice of in-appropriateness,if\n any provided by any personnel of the distributor and the\n distributor has not charged any advisory fees on this transaction\n
\n )}\n {this.state.combo_purchase_enable &&\n \n
\n }\n \n
\n {this.state.combo_disclaimer.value}
\n \n
\n \n \n \n 3 M\n
\n \n NAV Details\n
\n \n {/* \n 1 M\n
\n \n
*/}\n AMC
\n \n \n {categoryList.map((item, index) => (\n \n ))}\n \n
\n \n ({\n label: item.Scheme_Desc,\n value: item.Scheme_Plan,\n }))}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n handleChange={this.changeScheme}\n disabled={!category.value}\n />\n
\n Scheme
\n \n \n 1 W\n
\n \n
\n \n \n );\n }\n}\n\nexport default connect(\n ({ transactions }) => {\n const { fundsList, schemeList, categoryList } = transactions;\n return { fundsList, schemeList, categoryList };\n },\n { getNewPurchaseFundList, getNavData, removeNavData }\n)(Nav);\n","import React, { Component } from \"react\";\n\nexport default class Social extends Component {\n render() {\n return Social
;\n }\n}\n","import React, { Component } from \"react\";\nimport Paper from \"@material-ui/core/Paper\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport { Input } from \"../../forms/input\";\nimport CustomizedSelect from \"../../home/transactions/customizedSelect\";\nimport TextField from \"@material-ui/core/TextField\";\nimport { connect } from \"react-redux\";\nimport { SucesssPopUp } from \"../../home/customModal\";\nimport Signbutton from \"../../forms/button\";\nimport { getDistPostQuery, getComplaint } from \"shared/store/actions/support\";\nconst BUILD_URL = process.env.PUBLIC_URL;\nexport class Support extends Component {\n constructor(props) {\n super(props);\n this.state = {\n supportQueries: { value: \"\" },\n comments: { value: \"\" },\n open: false,\n response: \"\"\n };\n }\n\n componentDidMount() {\n this.props.getDistPostQuery();\n }\n\n handleChangeSupportQueries = event => {\n this.setState({\n supportQueries: { value: event.target.value }\n });\n };\n handleChangeCommentsChange = event => {\n this.setState({\n comments: { value: event.target.value }\n });\n };\n closeModal() {\n this.setState({\n open: false\n });\n this.props.history.push(BUILD_URL + \"/\");\n }\n\n submit = async () => {\n const {\n supportQueries: { value }\n } = this.state;\n if (!value) {\n this.setState({\n supportQueries: {\n value,\n isError: true,\n errorMessage: \"Please select support query\"\n }\n });\n return;\n }\n if (!this.state.comments.value) {\n this.setState({\n comments: {\n value: \"\",\n isError: true,\n errorMessage: \"Please enter a query message\"\n }\n });\n return;\n }\n \n const body = {\n APKVer: \"Mi43Ljc5\\n\",\n AcNo: \"MA==\",\n Agent: \"\",\n AppNo: \"MA==\",\n ChqNo: \"MA==\",\n Comments: btoa(this.state.comments.value),\n EmailID: \"AA==\",\n Fund: \"MA==\",\n IMEI: \"MzU4MTg4MDcyNjA3MDE0\\n\",\n InvName: \"AA==\",\n OS: \"QW5kcm9pZA==\\n\",\n QrySub: \"AA==\",\n ReqBy: \"QQ==\\n\",\n Selqry: btoa(this.state.supportQueries.value),\n TrnDate: \"AA==\",\n convenience: \"\",\n transaction: \"\",\n experience: \"\"\n };\n const response = await this.props.getComplaint(body);\n if (response) {\n const {\n Dtinformation: [info]\n } = response;\n\n this.setState({\n supportQueries: { value: \"\" },\n open: true,\n response: response.Dtinformation[0].Error_Message,\n comments: { value: \"\" }\n });\n }\n };\n\n render() {\n const { supportQueries } = this.state;\n return (\n \n \n
\n \n
\n\n Raise a Query
\n \n
\n \n \n {this.props.supportQueries.map((item, index) => (\n \n ))}\n \n
\n Query Option
\n \n \n {this.state.comments.errorMessage}\n
\n ) : (\n \"\"\n )}\n Query Message (optional)
\n \n
\n \n \n \n this.PasswordModal()}\n />\n
\n Profile Settings
\n \n
\n \n
\n\n \n
\n\n \n
\n\n \n
\n\n \n
\n\n \n
\n \n \n Status\n
\n \n {reviewList.slice(0, 9).map((item, index) => (\n Review
\n \n \n Year\n
\n \n
\n \n );\n }\n}\n\nexport class BlueLine extends Component {\n render() {\n return (\n \n
\n \n {fromYear} - {toYear}\n
\n\n \n \n {confirmation}\n
\n \n \n \n Your Feedback is important to us. This way we can keep improving our\n Website\n
\n\n Feedback
\n \n \n Convenience\n
\n \n \n Transaction\n
\n \n \n Overall Experience\n
\n\n \n \n {numbers.map((item, index) => (\n \n {item}\n
\n ))}\n \n Not Satisfied
\n Really Satisfied
\n \n \n
\n \n \n
\n \n \n \n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const { token, userId } = authReducer;\n return {\n token,\n userId\n };\n },\n { getComplaint }\n)(Feedback);\n","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { dashboardStyles } from \"../appCss\";\nimport PropTypes from \"prop-types\";\nimport Card from \"@material-ui/core/Card\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport { BUILD_URL } from \"../home\";\nimport { connect } from \"react-redux\";\nimport CustomLoading from \"../CustomLoader\";\n\nclass DisplayCards extends Component {\n render() {\n const { classes } = this.props;\n return (\n \n
\n \n \n 0 ? \"ThreeDots\" : \"\"}\n width={this.props.count > 0 ? 25 : 0}\n height={this.props.count > 0 ? 25 : 0}\n />\n )}\n \n
\n \n );\n }\n}\n\nDisplayCards.propTypes = {\n classes: PropTypes.object.isRequired,\n};\nexport default connect(({ loading }) => {\n const { count } = loading;\n return { count };\n})(withStyles(dashboardStyles)(DisplayCards));\n","const drawerWidth = 254;\n\nexport const drawerStyles = (theme) => ({\n root: {\n display: \"flex\",\n },\n toolbar: {\n height: 65,\n minHeight: 65,\n display: \"flex\",\n alignItems: \"center\",\n paddingLeft: 20,\n borderBottom: \"1px solid #E8EFF6\",\n },\n appBar: {\n width: `100%`,\n minHeight: 65,\n maxHeight:65,\n marginLeft: drawerWidth,\n background: \"white\",\n boxShadow: \"0px 0px 1px -1px lavender\",\n },\n drawer: {\n width: drawerWidth,\n flexShrink: 0,\n overflow: \"hidden\",\n },\n drawerPaper: {\n width: drawerWidth,\n boxShadow: \"0px 0px 3px -1px lavender\",\n border: 0,\n overflow: \"hidden\",\n },\n content: {\n flexGrow: 1,\n margin:\"100px 30px 100px 30px\",\n backgroundColor: theme.palette.background.default,\n },\n appbaricons: {\n display: \"flex\",\n width: \"100%\",\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n },\n appabarlastlogin: {\n height: 20,\n },\n appabarring: {\n height: 20,\n marginLeft: 20,\n marginRight: 20,\n },\n appabarlogout: {\n cursor: \"pointer\",\n height: 35,\n marginLeft: 5,\n marginRight: 20,\n },\n lastlogindiv: {\n display: \"flex\",\n marginRight: 20,\n },\n lastloginmain: {\n color: \"gray\",\n fontSize: 12,\n marginLeft: 5,\n fontFamily: \"Ubuntu-Regular\",\n },\n lastloginsub: {\n color: \"#003d7b\",\n },\n profile: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n marginTop: 5,\n },\n profileimage: {\n background: \"#C8F0ED\",\n display: \"flex\",\n color: \"#20225B\",\n fontSize: 22,\n fontFamily: \"Ubuntu-Medium\",\n alignItems: \"center\",\n justifyContent: \"center\",\n height: 60,\n width: 60,\n marginRight: 25,\n borderRadius: \"50%\",\n },\n profileRole: {\n // backgroundColor: \"#e5f2f9\",\n padding: \"5px 20px 5px 10px\",\n borderTopRightRadius: 30,\n borderBottomRightRadius: 30,\n },\n profileRoletext: {\n color: \"#586a82\",\n fontFamily: \"Ubuntu-Regular\",\n fontSize: 12,\n },\n profileRolesubtext: {\n color: \"#137ebf\",\n fontFamily: \"Ubuntu-Bold\",\n fontSize: 12,\n },\n profileSettings: {\n display: \"flex\",\n alignItems: \"center\",\n padding: 10,\n marginRight: 5,\n border: \"1px solid rgba(0, 0, 0, 0.5px)\",\n borderRadius: 5,\n boxShadow: \"0px 0px 0px 1px lavender\",\n },\n profileSettingsicon: {\n height: 30,\n width: 35,\n marginRight: 10,\n },\n profileName: {\n color: \"#4E4E4E\",\n fontSize: 15,\n marginTop: 10,\n fontFamily: \"Ubuntu-Medium\",\n textAlign: \"center\",\n },\n profilenametext: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n profilenameMaintext: {\n display: \"flex\",\n justifyContent: \"flex-end\",\n fontSize: 13,\n fontFamily: \"Ubuntu-Regular\",\n color: \"rgba(24, 42, 70, 0.8)\",\n textAlign: \"center\",\n marginTop: 2,\n },\n profilediv: {\n paddingBottom: 15,\n },\n profilenamesubtext: {\n color: \"rgba(24, 42, 70, 0.8)\",\n fontSize: 13,\n marginLeft: 5,\n marginTop: 2,\n fontFamily: \"Ubuntu-Regular\",\n },\n combined: {\n margin: \"10px 0px\",\n },\n list: {\n margin: \"0px 4px 0px 0px\",\n\n padding: \"20px 0px\",\n paddingBottom:120,\n overflow: \"scroll\",\n },\n listImage: {\n marginLeft: 12,\n height: 15,\n },\n listTextActive: {\n fontSize: 14,\n marginLeft: 15,\n color: \"#00579B\",\n fontFamily: \"Ubuntu-Medium\",\n },\n\n listText: {\n fontSize: 15,\n marginLeft: 12,\n color: \"#586a82\",\n fontFamily: \"Ubuntu-Regular\",\n },\n});\n\nexport const dashboardStyles = (theme) => ({\n card: {\n display: \"flex\",\n width: \"33%\",\n maxWidth:\"33%\",\n height: 100,\n margin: \"0px 10px\",\n },\n details: {\n display: \"flex\",\n flexDirection: \"column\",\n },\n content: {\n flex: \"1 0 auto\",\n display: \"flex\",\n paddingBottom: 0,\n flexDirection: \"column\",\n justifyContent: \"center\",\n },\n cover: {\n width: 151,\n },\n controls: {\n display: \"flex\",\n alignItems: \"center\",\n paddingLeft: theme.spacing(1),\n paddingBottom: theme.spacing(1),\n },\n playIcon: {\n height: 38,\n width: 38,\n },\n});\n\nexport const simpleCardsStyles = (theme) => ({\n card: {\n display: \"flex\",\n alignItems: \"center\",\n width: \"33.33%\",\n marginTop: 1,\n padding: \"16px 15px\",\n boxShadow: \"0px 0px 3px 1px lavender\",\n margin: \"0px 10px\",\n flexGrow: 1,\n },\n\n content: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n padding: 0,\n },\n displaySimpleCard: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n },\n simpletwo: {\n display: \"flex\",\n alignItems: \"center\",\n },\n details: {\n margin: \"0px 20px\",\n },\n name: {\n fontSize: 14,\n fontFamily: \"Ubuntu-Regular\",\n },\n count: {\n fontFamily: \"Ubuntu-Bold\",\n fontSize: 18,\n },\n});\n","import React, { Component } from \"react\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { simpleCardsStyles } from \"../appCss\";\nimport PropTypes from \"prop-types\";\nimport Card from \"@material-ui/core/Card\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport { BUILD_URL } from \"../home\";\nimport CustomLoading from \"../CustomLoader\";\nimport {\n NEW_INVESTORS,\n INACTIVE_INVESTORS,\n ACTIVE_INVESTORS,\n EXPIRING_NEXT_MONTH,\n CLOSED_THIS_MONTH,\n SIP_INVESTMENTS,\n} from \"shared/store/types\";\n\nclass DisplaySimpleCards extends Component {\n render() {\n const { classes } = this.props;\n const x = this.props.count + \"\";\n const nameArray = [\n \"Authorization Expired\",\n \"Authorization Approved\",\n \"Authorization Pending\",\n \"New Investors\",\n \"Active Investors\",\n \"Inactive Investors\",\n NEW_INVESTORS,\n INACTIVE_INVESTORS,\n ACTIVE_INVESTORS,\n EXPIRING_NEXT_MONTH,\n CLOSED_THIS_MONTH,\n SIP_INVESTMENTS,\n ];\n\n return (\n \n {this.props.name}\n
\n {!!this.props.values ? (\n {this.props.values}
\n ) : (\n \n
\n \n\n {nameArray.includes(this.props.name) ? (\n \n
\n \n \n {this.props.name}\n
\n\n {this.props.count >= 0 ? (\n \n {!!x && x.length === 1 && x !== \"0\" ? \"0\" + x : x}\n
\n ) : (\n \n
\n ) : (\n \"\"\n )}\n \n \n \n\n\n \n \n\n \n Transaction Summary\n \n (as on{\" \"}\n \n {moment(new Date(), \"DD/MM/YYYY\").format(\"MMM DD, YYYY\")})\n \n \n
\n \n {profileData.Distributor_Name} Portfolio\n
\n {!!this.props.tran_enable_flag &&\n this.props.tran_enable_flag === \"N\" && (\n \n \n this.props.history.push(\n `${process.env.PUBLIC_URL}/my-earnings`\n )\n }\n />\n
\n )}\n \n
\n \n My AUM\n \n (as on{\" \"}\n \n {moment(new Date(), \"DD/MM/YYYY\").format(\"MMM DD, YYYY\")})\n \n \n
\n\n \n
\n\n \n
\n \n \n
\n \n {!!AUMPieData.length && (\n \n \n )}\n
\n Asset Class Wise Investment Break Up
\n \n
\n\n \n
\n \n
\n \n
\n )}\n\n {this.state.Tab === \"AUM_SUMMARY\" && (\n \n
\n {SipAumList.map((item, index) => (\n \n
\n \n {!!AmcAumList && AmcAumList.length > 0 ? (\n AmcAumList.map((item, index) => (\n \n No Data Found\n
\n )}\n \n )}\n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, dashboard, investor, profileReducer }) => {\n const { token, userId, tran_enable_flag } = authReducer;\n const { count } = investor;\n const { profileData } = profileReducer;\n const {\n transactionSummary = {},\n my_aum,\n numberofschemes,\n aumData,\n fundData,\n totalAum,\n sipSummaryData,\n dashboardAUMData,\n } = dashboard;\n return {\n token,\n dashboardAUMData,\n userId,\n transactionSummary,\n sipSummaryData,\n my_aum,\n count,\n profileData,\n totalAum,\n numberofschemes,\n aumData,\n fundData,\n tran_enable_flag,\n };\n },\n {\n getDashboardData,\n getDashboardDataAum,\n\n getSipSummary,\n getAumData,\n getInvestors,\n getInvestorDetails,\n getFrequentMailBackRequest,\n getProfileData,\n getMailbackList,\n }\n)(Dashboard);\n\nexport class SubReports extends Component {\n render() {\n return (\n Investors
\n \n
\n \n Brokerage Details{\" \"}\n \n {\" \"}\n (Last 6 Months)\n \n
\n \n {!!title ?
\n \n );\n }\n}\n\n// NFO CODE\n\n// No Data Found
\n )}\n \n
\n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const { token } = authReducer;\n return { token };\n },\n { getTransactionData }\n)(TabContainer);\n","import React, { Component } from \"react\";\nimport TabHeader from \"../../forms/tabHeader\";\nimport {\n INACTIVE_INVESTORS,\n NEW_INVESTORS,\n ACTIVE_INVESTORS\n} from \"shared/store/types\";\n\nexport default class ListOfInvestors extends Component {\n render() {\n const { active } = this.props;\n return (\n \n
\n )}\n\n {tableData.length > 0 ? tableData.map((ele, index) => (\n \n {!!tableData.length && (\n \n {tablearray.map((ele, index) => (\n \n {ele}\n
\n ))}\n \n {ele.name}\n
\n\n \n {ele.funddesc}\n
\n\n \n {ele.pangir}\n
\n\n \n {ele.mobile}\n
\n\n \n {ele.email}\n
\n \n )): \n {tableData.length > 0 ? (\n tableData.map((ele, index) => (\n \n {\" \"}\n No Data Found\n
\n )}\n \n \n );\n }\n}\n\nexport default connect(({ dashboard }) => {\n const { dashboardAUMData, sipSummaryData } = dashboard;\n return { dashboardAUMData, sipSummaryData };\n}, null)(ListOfInvestorsTabs);\n\n\nexport class InvestorTableCard extends Component {\n render() {\n const { invName, pan, mobile, email } = this.props;\n return (\n \n
\n \n \n {!!pan ? pan : \"NA\"}\n
\n \n PAN\n
\n \n \n {!!mobile ? mobile : \"NA\"}\n
\n \n \n \n Mobile\n
\n \n \n {!!email ? email : \"NA\"}\n
\n \n \n );\n }\n}\n\n","import React, { Component } from \"react\";\nimport TabHeader from \"../../forms/tabHeader\";\nimport {\n EXPIRING_NEXT_MONTH,\n CLOSED_THIS_MONTH,\n SIP_INVESTMENTS,\n} from \"shared/store/types\";\n\nexport default class SipSummaryMainTabs extends Component {\n render() {\n const { active } = this.props;\n return (\n \n Email\n
\n \n \n \n \n \n this.props.history.push(\n `${INVESTOR_URL}/details/${ele.pan}`\n )\n }\n />\n
\n \n \n
\n )}\n {!!tableData && tableData.length > 0 ? (\n tableData.map((ele, index) => (\n \n {ele.invname}\n
\n Folio - {ele.acno}
\n )}\n \n
\n \n ))\n ) : tableData.length === 0 ? (\n \n
\n {this.state.Investmentsbutton === CWS ? (\n Email
\n \n {ele.email}\n
\n \n
\n ) : (\n Start Date
\n \n {/*
\n \n
\n )}\n {this.state.Investmentsbutton === CWS && (\n PAN
\n \n {/*
\n \n
\n )}\n EndDate
\n \n {ele.EndDate}\n
\n \n
\n Mobile Number
\n \n {ele.mobile}\n
\n \n {!!this.props.nfoSchemes &&\n !!this.props.nfoSchemes.DtData &&\n this.props.nfoSchemes.DtData.length > 0 ?\n this.props.nfoSchemes.DtData.map((ele, index) => (\n
\n );\n }\n}\n\nexport default connect(\n ({ dashboard }) => {\n const { nfoSchemes } = dashboard;\n return {\n nfoSchemes,\n };\n },\n { getNfoSchemes }\n)(NfoFunds);\n\nexport class NfoFundCard extends Component {\n constructor(props) {\n super(props);\n this.state = {\n openShare: false,\n };\n }\n\n copyCodeToClipboard = () => {\n this.setState({\n openShare: false,\n });\n copy(this.props.link);\n alert(\"Link copied successfully\");\n };\n OpenShareOptions = () => {\n this.setState({\n openShare: !this.state.openShare,\n });\n };\n\n closeShare = () => {\n this.setState({\n openShare: false,\n });\n };\n\n render() {\n const {\n fund,\n OpeningDate,\n closingDate,\n scheme,\n link,\n LocationScheme,\n } = this.props;\n console.log(link, LocationScheme, \"sldfjkldsf\");\n return (\n \n
\n )):Currently there are no active NFO's available.
}\n \n \n Scheme\n
\n \n \n {OpeningDate}\n
\n \n \n \n Opening Date\n
\n \n \n Closing Date\n
\n \n \n \n {/* \n
\n \n \n )}\n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { Input } from \"../../forms/input\";\nimport Radio from \"@material-ui/core/Radio\";\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport { connect } from \"react-redux\";\nimport { LocalActivityOutlined } from \"@material-ui/icons\";\nimport Signbutton from \"../../forms/button\";\nimport {\n validateSubBroker,\n NfoSchemesSubmission,\n getNfoSchemes,\n} from \"shared/store/actions\";\nimport { NO, YES } from \"shared/store/types\";\nimport CustomizedDialogs from \"../customModal\";\n\nclass NfoTransact extends Component {\n constructor(props) {\n super(props);\n this.state = {\n subArnCode: { value: \"\" },\n subBrokerCode: { value: \"\" },\n radioValue: { value: \"no\" },\n euinNo: { value: \"\" },\n open: false,\n FundSchemes: [],\n scheme: { value: \"\" },\n nfoLink: \"\",\n refno: \"\",\n };\n }\n async componentDidMount() {\n const { location, nfoSchemes } = this.props;\n if (!!location && !!location.fund) {\n const params = {\n Fund: location.fund,\n SubAgentCd: \"\",\n AgentCd: this.props.token,\n };\n const Euinresponse = await this.props.validateSubBroker(params);\n if (!!nfoSchemes && !!nfoSchemes.Table2 && nfoSchemes.Table2.length > 0) {\n const filteredSchemes = nfoSchemes.Table2.filter(\n (ele) => ele.fund === location.fund\n );\n this.setState({\n FundSchemes: filteredSchemes,\n });\n } else {\n const params = { fund: location.fund };\n const response = await this.props.getNfoSchemes(params);\n\n if (!!response && !!response.Table2 && response.Table2.length > 0) {\n const filteredSchemes = response.Table2.filter(\n (ele) => ele.fund === location.fund\n );\n this.setState({\n FundSchemes: filteredSchemes,\n });\n }\n }\n } else {\n this.props.history.push(`${process.env.PUBLIC_URL}/dashboard/nfo-funds`);\n }\n }\n changeValue = (label) => (event) => {\n if (label === \"radioValue\" && event.target.value === \"no\") {\n if (!this.state.euinNo.value) {\n this.setState({\n radioValue: { value: event.target.value },\n });\n } else {\n this.setState({\n [label]: { value: event.target.value },\n euinNo: { value: \"\" },\n });\n }\n return;\n } else if (label === \"radioValue\" && event.target.value === \"yes\") {\n this.setState({\n radioValue: { value: event.target.value },\n });\n return;\n } else if (\n (label === \"subArnCode\" || label === \"subBrokerCode\") &&\n event.target.value.length <= 20\n ) {\n this.setState({\n [label]: { value: event.target.value },\n });\n return;\n }\n };\n\n changeEuin = (value) => {\n this.setState({\n euinNo: { value },\n });\n };\n\n submit = async () => {\n const {\n subArnCode,\n radioValue,\n euinNo,\n subBrokerCode,\n nfoLink,\n refno,\n open,\n FundSchemes,\n ...others\n } = this.state;\n const keys = Object.keys(others);\n if (this.state.euinNo.value === \"\" && radioValue.value === \"no\") {\n this.setState({\n euinNo: {\n value: \"\",\n isError: true,\n errorMessage: \"Euin Declartion is mandatory*\",\n },\n });\n }\n\n const findError = keys.every((key) => !!others[key].value);\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({\n [key]: {\n ...others[key],\n isError: true,\n errorMessage: `${key} is mandatory*`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !others[key].value);\n switch (firstErroredKey) {\n case \"scheme\": {\n this.schemeField.focus();\n break;\n }\n }\n } else if (this.state.euinNo.value === \"\" && radioValue.value === \"no\") {\n this.setState({\n euinNo: {\n value: \"\",\n isError: true,\n errorMessage: \"Euin Declartion is mandatory*\",\n },\n });\n } else {\n const params = {\n euincode: this.state.euinNo.value.value,\n euinflag: this.state.radioValue.value === \"no\" ? NO : YES,\n fund: this.props.location.fund,\n scheme: this.state.scheme.value.value,\n userid: this.props.userId,\n invdistflag: \"S\",\n arncode: this.props.token,\n subarn: this.state.subArnCode.value,\n subbroker: this.state.subBrokerCode.value,\n };\n const response = await this.props.NfoSchemesSubmission(params);\n if (\n !!response &&\n !!response.DtData &&\n !!response.DtData[0] &&\n !!response.DtData[0].refno\n ) {\n this.setState({\n open: true,\n refno: response.DtData[0].refno,\n nfoLink: response.DtData[0].nfo_link,\n });\n }\n }\n };\n\n closeModal = () => {\n const { location } = this.props;\n\n this.setState({\n open: false,\n });\n this.props.history.push({\n pathname: `${process.env.PUBLIC_URL}/dashboard/nfo-funds`,\n link: this.state.nfoLink,\n fund: location.fund,\n scheme: this.state.scheme.value.label,\n });\n };\n\n handleSchemeChange = (value) => {\n if (!value) {\n this.setState({\n scheme: { value: \"\" },\n });\n return;\n } else if (\n !!value.value &&\n !!this.state.scheme.value.value &&\n value.value.scheme_desc === this.state.scheme.value.value.scheme_desc\n ) {\n return;\n } else {\n const scheme = value.value;\n\n this.setState({\n scheme: { value },\n });\n }\n };\n\n render() {\n const {\n radioValue,\n scheme,\n subBrokerCode,\n subArnCode,\n euinNo,\n } = this.state;\n const { euinList } = this.props;\n return (\n \n \n
\n \n \n
\n \n \n
\n\n \n \n
\n \n \n \n
\n \n \n
\n\n \n
\n\n \n
\n \n
\n \n
\n \n \n (evt.key === \"e\" ||\n evt.key === \".\" ||\n evt.key === \"-\") &&\n evt.preventDefault()\n }\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n type=\"number\"\n onBlur={this.validateBrokerCode}\n onChange={this.changeValue(\"subArnCode\")}\n inputref={(ele) => (this.subArnField = ele)}\n />\n
\n \n \n 0\n ? this.state.FundSchemes.map((item) => ({\n label: item.scheme_desc,\n value: item.scheme,\n }))\n : []\n }\n label=\"AMC\"\n handleChange={this.handleSchemeChange}\n value={scheme.value}\n placeholder=\"Select Scheme\"\n inputRef={(ele) => (this.schemeField = ele)}\n isError={scheme.isError}\n errorMessage={scheme.errorMessage}\n />\n
\n \n Scheme\n
\n \n
\n \n \n (evt.key === \"e\" ||\n evt.key === \".\" ||\n evt.key === \"-\") &&\n evt.preventDefault()\n }\n type=\"number\"\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n value={subBrokerCode.value}\n onChange={this.changeValue(\"subBrokerCode\")}\n inputref={(ele) => (this.subBrokerField = ele)}\n />\n
\n \n
\n \n
\n\n \n \n \n \n \n
\n {radioValue.value === \"no\" ? (\n EUIN Declaration
\n \n
\n YES
\n \n
\n \n NO
\n \n ({\n label: item.abm_agent,\n value: item.abm_agent,\n }))}\n label=\"Euin\"\n handleChange={this.changeEuin}\n value={euinNo.value}\n disabled={!euinList.length}\n placeholder=\"Select EUIN\"\n inputRef={(ele) => (this.euinField = ele)}\n isError={euinNo.isError}\n errorMessage={euinNo.errorMessage}\n />\n
\n ) : (\n \n I/We hereby confirm that the EUIN box has been\n intentionally left the blank by me/us as this is an\n 'execution-only' transaction without any interaction or\n advice by any personnel of the above distributor or\n notwithstanding the advice of in-appropriateness,if any\n provided by any personnel of the distributor and the\n distributor has not charged any advisory fees on this\n transaction\n
\n )}{\" \"}\n \n
\n \n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport Paper from \"@material-ui/core/Paper\";\n// import mailBackSoa from \"./mailBackSoa\";\nimport { MAILBACK_URL } from \".\";\nimport { BUILD_URL } from \"../home\";\nimport {MailBackSoaIcon,CASIcon,ELSSIcon,CANIcon,CGSIcon,GASIcon,networthIcon,mailbackRightarrow} from \"../../forms/appEssentials\";\n\nexport default class MailBackInvestor extends Component {\n render() {\n return (\n \n
\n );\n }\n}\n\nexport class RequestModes extends Component {\n render() {\n return (\n Mail Back Request – Investor
\n \n \n this.props.history.push({\n pathname:\n this.props.location.state &&\n this.props.location.state.investorData\n ? MAILBACK_URL +\n \"/investor/investor-selection/mail-back-soa\"\n : MAILBACK_URL + \"/investor/investor-selection\",\n\n state:\n this.props.location.state &&\n this.props.location.state.investorData\n ? {\n name: \"mailBackSoa\",\n investorData: this.props.location.state.investorData\n }\n : { name: \"mailBackSoa\" }\n })\n }\n />\n \n this.props.history.push({\n pathname:\n this.props.location.state &&\n this.props.location.state.investorData\n ? MAILBACK_URL +\n \"/investor/investor-selection/consolidated-account-statement\"\n : MAILBACK_URL + \"/investor/investor-selection\",\n state:\n this.props.location.state &&\n this.props.location.state.investorData\n ? {\n name: \"consolidated\",\n investorData: this.props.location.state.investorData\n }\n : {\n name: \"consolidated\"\n }\n })\n }\n />\n \n this.props.history.push({\n pathname:\n this.props.location.state &&\n this.props.location.state.investorData\n ? MAILBACK_URL + \"/investor/investor-selection/ELSS\"\n : MAILBACK_URL + \"/investor/investor-selection\",\n state:\n this.props.location.state &&\n this.props.location.state.investorData\n ? {\n name: \"ELSS\",\n investorData: this.props.location.state.investorData\n }\n : {\n name: \"ELSS\"\n }\n })\n }\n />\n \n this.props.history.push({\n pathname:\n this.props.location.state &&\n this.props.location.state.investorData\n ? MAILBACK_URL + \"/investor/investor-selection/CAN\"\n : MAILBACK_URL + \"/investor/investor-selection\",\n state:\n this.props.location.state &&\n this.props.location.state.investorData\n ? {\n name: \"CAN\",\n investorData: this.props.location.state.investorData\n }\n : {\n name: \"CAN\"\n }\n })\n }\n />\n \n this.props.history.push({\n pathname:\n this.props.location.state &&\n this.props.location.state.investorData\n ? MAILBACK_URL + \"/investor/investor-selection/CGS\"\n : MAILBACK_URL + \"/investor/investor-selection\",\n state:\n this.props.location.state &&\n this.props.location.state.investorData\n ? {\n name: \"CGS\",\n investorData: this.props.location.state.investorData\n }\n : {\n name: \"CGS\"\n }\n })\n }\n />\n \n this.props.history.push({\n pathname:\n this.props.location.state &&\n this.props.location.state.investorData\n ? MAILBACK_URL + \"/investor/investor-selection/GAS\"\n : MAILBACK_URL + \"/investor/investor-selection\",\n state:\n this.props.location.state &&\n this.props.location.state.investorData\n ? {\n name: \"GAS\",\n investorData: this.props.location.state.investorData\n }\n : {\n name: \"GAS\"\n }\n })\n }\n />\n\n \n this.props.history.push({\n pathname:\n this.props.location.state &&\n this.props.location.state.investorData\n ? MAILBACK_URL + \"/investor/investor-selection/GAS\"\n : MAILBACK_URL + \"/investor/investor-selection\",\n state:\n this.props.location.state &&\n this.props.location.state.investorData\n ? {\n name: \"Networth\",\n investorData: this.props.location.state.investorData\n }\n : {\n name: \"Networth\"\n }\n })\n }\n />\n
\n \n
\n \n {this.props.name}\n
\n \n
\n \n \n );\n }\n}\n","import React, { Component } from \"react\";\nimport TableData from \"../tableData\";\nimport Breadcrumbs from \"@material-ui/core/Breadcrumbs\";\nimport NavigateNextIcon from \"@material-ui/icons/NavigateNext\";\nimport Search from \"../searchComponent\";\nimport { ALL } from \"shared/store/types\";\nimport { connect } from \"react-redux\";\nimport { getInvestors } from \"shared/store/actions\";\nimport { MAILBACK_URL } from \".\";\nimport { BUILD_URL } from \"../home\";\nimport { dashboardActive } from \"../../forms/appEssentials\";\n\nclass InvestorSelection extends Component {\n componentDidMount() {\n this.props.getInvestors({ ARN: this.props.token, AllFavFlag: \"S\" });\n }\n\n render() {\n return (\n \n
\n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const { token } = authReducer;\n return { token };\n },\n { getInvestors }\n)(InvestorSelection);\n","import React, { Component } from \"react\";\n\nexport default class SubmitRequest extends Component {\n render() {\n return \n
\n \n this.props.history.push(MAILBACK_URL + \"/investor\")}\n className=\"breadcrumbs-unselect-label\"\n style={{cursor:\"pointer\"}}\n >\n Mail Back Types\n \n
\n\n\n Investors Selection
\n \n sumbit process
;\n }\n}\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\";\nimport MailbackRouter from \"./mailBackRoutes\";\nimport Breadcrumbs from \"@material-ui/core/Breadcrumbs\";\nimport NavigateNextIcon from \"@material-ui/icons/NavigateNext\";\nimport { BUILD_URL } from \"../home\";\nimport { dashboardActive } from \"../../forms/appEssentials\";\n\nconst MAILBACK_URL = `${process.env.PUBLIC_URL}/mailBackRequest`;\n\nexport default class MailBackComponent extends Component {\n render (){\n return (\n \n
\n )\n }\n}\n\n\nexport class MailBackBreadCrumb extends Component {\n render() {\n const {name} = this.props;\n return(\n \n
\n )\n }\n}","import React, { Component } from \"react\";\nimport { List } from \"../transactions/nfoAndNewPurchase\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { connect } from \"react-redux\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport { Input } from \"../../forms/input\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport CustomizedDialogs from \"../../home/customModal\";\nimport IntegrationReactSelect from \"../../forms/autoCompleteInput\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from \"@material-ui/pickers\";\nimport {\n ASON,\n BETWEEN,\n SINGLESOA,\n MULTISOA,\n} from \"shared/store/types/mailBack\";\nimport {\n GET_FUNDS_LIST,\n GET_FUNDS_LIST_SUCCESS,\n GET_FUNDS_LIST_FAILED,\n ALL,\n} from \"shared/store/types\";\nimport {\n getInvestorDetails,\n getNewPurchaseFundList,\n} from \"shared/store/actions\";\nimport {\n getDistFoliobyPan,\n getMailbackSoaStatus,\n // getNewPurchaseFundList\n} from \"shared/store/actions/mailback\";\nimport {\n Select,\n Checkbox,\n ListItemText,\n Input as MaterialInput,\n} from \"@material-ui/core\";\nimport { DASHBOARD_URL } from \"../dashboard\";\nimport { MailBackBreadCrumb } from \"./mailback\";\nimport { SundaramMutualFund } from \"../transactions/newPurchaseForm\";\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\nclass MailBackSoa extends Component {\n constructor(props) {\n super(props);\n this.state = {\n names: [\"sai\", \"anil\", \"ravi\"],\n selectedNames: [],\n asDate: { value: null, error: false },\n DateON: ASON,\n fromDate: { value: null, error: false, errorMessage: \"\" },\n toDate: { value: null, error: false, errorMessage: \"\" },\n funds: [],\n fund: { value: \"\" },\n folios: [],\n folio: { value: \"\" },\n soaValue: SINGLESOA,\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n open: false,\n showPassword: false,\n confirmShowPassword: false,\n };\n }\n\n async componentDidMount() {\n const params = {\n PAN: this.props.investorData.PAN,\n Fund: \"176\",\n Agent: this.props.token,\n };\n const response = await this.props.getDistFoliobyPan(params);\n if (response) {\n this.setState({\n folios: response.DtData.reduce((prev, curr) => {\n const alreadyExist = prev.find((item) => item === curr.acno);\n if (alreadyExist) {\n return prev;\n }\n return [...prev, curr.acno];\n }, []),\n });\n }\n }\n changeDateOn = (event) => () => {\n this.setState({\n DateON: event,\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n fund: { value: \"\" },\n selectedNames: [],\n });\n };\n changeSoaValue = (event) => () => {\n this.setState({\n soaValue: event,\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n });\n };\n\n handlechange = (event) => {\n const { selectedNames } = this.state;\n const { value } = event.target;\n if (selectedNames.includes(value)) {\n this.setState({\n selectedNames: selectedNames.filter((item) => item !== value),\n });\n } else {\n this.setState({\n selectedNames: [...selectedNames, value],\n });\n }\n };\n\n handleChangeFunds = async (value) => {\n if (value.value === this.state.fund.value.value) {\n return;\n } else {\n this.setState({\n fund: { value },\n selectedNames: [],\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n });\n if (!!value) {\n const params = {\n PAN: this.props.investorData.PAN,\n Fund: value.value,\n Agent: this.props.token,\n };\n const response = await this.props.getDistFoliobyPan(params);\n if (response) {\n this.setState({\n folios: response.DtData.reduce((prev, curr) => {\n const alreadyExist = prev.find((item) => item === curr.acno);\n if (alreadyExist) {\n return prev;\n }\n return [...prev, curr.acno];\n }, []),\n });\n }\n }\n }\n };\n handleChangefolio = (event) => {\n const folio = event.target.value;\n if (this.state.fund.value === \"\") {\n this.setState({\n selectedNames: [],\n });\n } else {\n this.setState({\n folio: { value: folio },\n soaValue: { value: \"\" },\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n });\n }\n };\n handleChangeSelfextractPassWord = (event) => {\n this.setState({\n selfExtract: { value: event.target.value },\n });\n };\n handleChangeConfirmSelfextractPassWord = (event) => {\n this.setState({\n confirmSelfExtract: { value: event.target.value },\n });\n };\n\n handleChangeSelfPassword = (event) => {\n this.setState({\n selfPassword: { value: event.target.value },\n });\n };\n handleChangeConfirmSelfPassword = (event) => {\n this.setState({\n ConfirmSelfPassword: { value: event.target.value },\n });\n };\n\n submit = async () => {\n const {\n selectedNames,\n asDate,\n DateON,\n fromDate,\n toDate,\n funds,\n fund,\n folios,\n folio,\n soaValue,\n showPassword,\n confirmShowPassword,\n names,\n open,\n ...others\n } = this.state;\n const keys = Object.keys(others);\n const d2 = new Date(this.state.fromDate.value).setHours(12, 0, 0, 0);\n const d3 = new Date(this.state.toDate.value).setHours(12, 0, 0, 0);\n const findError = keys.every((key) => !!others[key].value);\n if (!findError) {\n keys.forEach((key) => {\n !others[key].value &&\n this.setState({ [key]: { ...others[key], isError: true ,errorMessage:`${key===\"selfPassword\"?\"Self-Password\":key===\"ConfirmSelfPassword\"?\"Confirm Self-Password\":\"\"} is mandatory` } });\n });\n return;\n } else if (this.state.selectedNames === []) {\n this.setState({\n password: {\n ...others[\"folio\"],\n isError: true,\n },\n });\n return;\n } else if (\n others.selfPassword.value === \"\" ||\n others.selfPassword.value !== others.ConfirmSelfPassword.value\n ) {\n if (others.selfPassword.value === \"\") {\n this.setState({\n password: {\n ...others[\"selfPassword\"],\n isError: true,\n errorMessage: `password is mandatory`,\n },\n });\n } else if (\n others.selfPassword.value !== others.ConfirmSelfPassword.value\n ) {\n this.setState({\n password: {\n ...others[\"ConfirmSelfPassword\"],\n isError: true,\n errorMessage: `password Mismatch`,\n },\n });\n }\n\n return;\n } else if (others.ConfirmSelfPassword.value === \"\") {\n this.setState({\n password: {\n ...others[\"ConfirmSelfPassword\"],\n isError: true,\n errorMessage: `password is mandatory`,\n },\n });\n return;\n } else if (\n !!d2 &&\n !!d3 &&\n (d2 > d3 || d2 === d3) &&\n this.state.DateON !== ASON\n ) {\n this.setState({\n toDate: {\n value: null,\n error: true,\n errorMessage: \"(*From Date Should less than to Date)\",\n },\n });\n } else if (\n (this.state.fromDate.value === null ||\n this.state.toDate.value === null) &&\n this.state.DateON !== ASON\n ) {\n if (this.state.fromDate.value === null) {\n this.setState({\n fromDate: { error: true },\n });\n }\n if (this.state.toDate.value === null) {\n this.setState({\n toDate: { error: true },\n });\n }\n } else {\n const params = {\n UserId: this.props.userId,\n Zippwd: this.state.selfPassword.value,\n RepType: \"SOA\",\n Arn: this.props.token,\n Pan: this.props.investorData.PAN,\n Acno: this.state.selectedNames.join(),\n Freq: this.state.soaValue === SINGLESOA ? \"S\" : \"M\",\n Fund: \"176\",\n stdt:\n this.state.DateON === ASON\n ? \"\"\n : this.state.fromDate.value\n ? this.state.fromDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"numeric\",\n })\n : \"\",\n EndDt:\n this.state.DateON === ASON\n ? \"\"\n : this.state.toDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"numeric\",\n }),\n };\n\n\n\n const response = await this.props.getMailbackSoaStatus(params);\n if (response) {\n this.setState({\n open: true,\n });\n }\n }\n };\n\n showError = (label) => (event) => {\n const {\n [label]: { value },\n } = this.state;\n\n if (label === \"selfPassword\") {\n if (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\n this.setState({\n selfPassword: {\n value:this.state.selfPassword.value,\n isError: true,\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)`,\n },\n });\n return;\n }\n }else if(this.state.selfPassword.value === \"\") {\n this.setState({\n selfPassword: {\n value:\"\",\n isError: true,\n errorMessage: `Password is mandatory`,\n },\n });\n return;\n }\n\n } else if (label === \"email\") {\n this.setState({\n [label]: {\n value,\n isError:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ? true\n : !value,\n errorMessage:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ? `(enter an vaild email address )`\n : \"\",\n },\n });\n } else if (label === \"ConfirmSelfPassword\") {\n this.setState({\n [label]: {\n value,\n isError:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? true\n : !value,\n errorMessage:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? `The Password and Confirm Password do not match`\n : \"\",\n },\n });\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n\n closeModal = () => {\n this.setState({\n open: false,\n });\n this.props.history.replace(DASHBOARD_URL);\n };\n\n onDateChange = (label, event) => {\n if (label === \"toDate\" && !!this.state.fromDate.value && !!event ) {\n const reformtStDt = this.state.fromDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeEndDt = event.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeEndDt).setHours(12, 0, 0, 0);\n if ( d2>d3|| d2 === d3) {\n this.setState({\n [label]: {\n value: null,\n error: true,\n errorMessage: \"Start date should be earlier than End date\",\n },\n });\n } else {\n this.setState({\n [label]: { value: event, errorMessage: \"\", error: false },\n });\n }\n } else if (label === \"fromDate\") {\n this.setState({\n [label]: { value: event },\n toDate: { value: null, error: \"\", errorMessage: \"\" },\n });\n }\n // this.setState({ [label]: { value: event } });\n };\n render() {\n const { investorData, fundsList } = this.props;\n const {\n selectedNames,\n DateON,\n fund,\n folios,\n soaValue,\n ConfirmSelfPassword,\n selfPassword,\n } = this.state;\n return (\n \n this.props.history.push(MAILBACK_URL + \"/investor\")}\n className=\"breadcrumbs-unselect-label\"\n style={{cursor:\"pointer\"}}\n >\n Mail Back Types\n \n
\n\n\n\n this.props.history.push({\n pathname:MAILBACK_URL + \"/investor/investor-selection\",\n state:\n !!this.props.investorData ?\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\",\n investorData: this.props.investorData\n } :\n {\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\",\n }}\n )}\n >\n Investors Selection\n \n {this.props.name===\"Mailback SOA\"?\"Mail Back SOA\":this.props.name}
\n \n \n \n
\n \n \n );\n }\n}\n\nexport default connect(\n ({ authReducer, transactions }) => {\n const { investorData, userId, token } = authReducer;\n const { fundsList } = transactions;\n return { investorData, userId, token, fundsList };\n },\n {\n getInvestorDetails,\n getNewPurchaseFundList,\n getDistFoliobyPan,\n getMailbackSoaStatus,\n }\n)(MailBackSoa);\n","import React, { Component } from \"react\";\nimport { List } from \"../transactions/nfoAndNewPurchase\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { connect } from \"react-redux\";\nimport { Input } from \"../../forms/input\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport { BUILD_URL } from \"../home\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from \"@material-ui/pickers\";\nimport { getAccountStatement } from \"shared/store/actions/mailback\";\nimport {\n SUMMARY,\n DETAILED,\n CURRENTFINANCIALYEAR,\n PREVIOUSFINANCIALYEAR,\n SPECIFICPERIOD,\n} from \"shared/store/types/mailBack\";\nimport CustomizedDialogs from \"../../home/customModal\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { NEW_TRANSACTION_URL } from \"../transactions\";\nimport { MAILBACK_URL } from \".\";\nimport moment from \"moment\";\nimport { MailBackBreadCrumb } from \"./mailback\";\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\n\nclass Cas extends Component {\n constructor(props) {\n super(props);\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\n this.state = {\n summaryData: SUMMARY,\n DetailedData: CURRENTFINANCIALYEAR,\n AsDate: new Date(),\n startDate: {\n value:d2 > d3? new Date(\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\n ):new Date(\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\n ),\n error: \"\",\n },\n endDate: { value: new Date(), error: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n showPassword: false,\n confirmShowPassword: false,\n };\n }\n componentDidMount() {\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\n this.setState({\n summaryData: SUMMARY,\n DetailedData: CURRENTFINANCIALYEAR,\n AsDate: new Date(),\n startDate: {\n value: d2 > d3? new Date(\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\n ):new Date(\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\n ),\n error: \"\",\n },\n endDate: { value: new Date(), error: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n });\n }\n onDateChange = (label, event) => {\n if (label === \"endDate\" && !!this.state.startDate.value && !!event ) {\n const reformtStDt = this.state.startDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeEndDt = event.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeEndDt).setHours(12, 0, 0, 0);\n if ( d2>d3|| d2 === d3) {\n this.setState({\n [label]: {\n value: null,\n error: true,\n errorMessage: \"Start Date should be earlier than End Date\",\n },\n });\n } else {\n this.setState({\n [label]: { value: event, errorMessage: \"\", error: false },\n });\n }\n } else if (label === \"startDate\") {\n this.setState({\n [label]: { value: event },\n endDate: { value: null, error: \"\", errorMessage: \"\" },\n });\n }\n // this.setState({ [label]: { value: event } });\n };\n changesummaryData = (event) => () => {\n this.setState({\n summaryData: event,\n email: { value: \"\" },\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n });\n };\n\n ChangeDetailedData = (event) => () => {\n if (event === PREVIOUSFINANCIALYEAR) {\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\n\n const reformtEndDt = new Date(\n new Date().setFullYear(new Date().getFullYear(), 2, 31)\n ).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeEndDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d4 = new Date(reformtEndDt).setHours(12, 0, 0, 0);\n const d5 = new Date(changeEndDt).setHours(12, 0, 0, 0);\n\n\n this.setState({\n DetailedData: event,\n startDate: {\n value: d2 > d3 ? new Date(\n new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\n ):new Date(\n new Date().setFullYear(new Date().getFullYear() - 2, 3, 1)\n ),\n },\n endDate: {\n value:d4>d5?new Date(\n new Date().setFullYear(new Date().getFullYear()-1, 2, 31)\n ) :new Date(\n new Date().setFullYear(new Date().getFullYear(), 2, 31)\n ),\n },\n email: { value: \"\" },\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n });\n } else if (event === SPECIFICPERIOD) {\n this.setState({\n DetailedData: event,\n startDate: { value: null },\n endDate: { value: null },\n email: { value: \"\" },\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n });\n } else if (event === CURRENTFINANCIALYEAR) {\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\n this.setState({\n DetailedData: event,\n startDate: {\n value:d2 > d3? new Date(\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\n ):new Date(\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\n ),\n },\n endDate: { value: new Date() },\n email: { value: \"\" },\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n });\n }\n };\n\n handleChangeSelfPassword = (event) => {\n this.setState({\n selfPassword: { value: event.target.value },\n });\n };\n handleChangeConfirmSelfPassword = (event) => {\n this.setState({\n ConfirmSelfPassword: { value: event.target.value },\n });\n };\n handleChangeEmail = (event) => {\n this.setState({\n email: { value: event.target.value },\n });\n };\n showError = (label) => (event) => {\n const {\n [label]: { value },\n } = this.state;\n\n if (label === \"selfPassword\") {\n if (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\n this.setState({\n selfPassword: {\n\n isError: true,\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)`,\n },\n });\n return;\n }\n }else if(this.state.selfPassword.value === \"\") {\n this.setState({\n selfPassword: {\n value:\"\",\n isError: true,\n errorMessage: `Password is mandatory`,\n },\n });\n return;\n }\n\n } else if (label === \"email\") {\n this.setState({\n [label]: {\n value,\n isError:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ? true\n : !value,\n errorMessage:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ? `Enter a valid email address`\n : \"\",\n },\n });\n } else if (label === \"ConfirmSelfPassword\") {\n this.setState({\n [label]: {\n value,\n isError:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? true\n : !value,\n errorMessage:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? `The Password and Confirm Password do not match`\n : \"\",\n },\n });\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n closeYesModal = () => {\n\n this.setState({\n summaryData: SUMMARY,\n DetailedData: CURRENTFINANCIALYEAR,\n AsDate: new Date(),\n startDate: {\n value: new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)),\n error: \"\",\n },\n endDate: { value: new Date(), error: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n });\n this.props.history.replace(\n MAILBACK_URL +\n \"/investor/investor-selection/consolidated-account-statement\"\n );\n };\n closeNoModal = () => {\n this.setState({\n open: false,\n });\n this.props.history.replace(\"/\");\n };\n submit = async () => {\n let asDateValue, startDateValue, endDateValue;\n if (this.state.AsDate.value) {\n asDateValue = this.state.AsDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"numeric\",\n });\n }\n if (this.state.startDate.value) {\n startDateValue = this.state.startDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"numeric\",\n });\n }\n if (this.state.endDate.value) {\n endDateValue = this.state.endDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"numeric\",\n });\n }\n\n const {\n AsDate,\n startDate,\n endDate,\n ConfirmSelfPassword,\n selfPassword,\n email,\n showPassword,\n confirmShowPassword,\n ...others\n } = this.state;\n\n if (\n !this.state.selfPassword.value ||\n !this.state.ConfirmSelfPassword.value ||\n !this.state.email.value ||\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) ||\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.selfPassword.value\n ) ||\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.ConfirmSelfPassword.value\n ) ||\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\n ) {\n if (\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.selfPassword.value\n )\n ) {\n this.setState({\n selfPassword: {\n value: \"\",\n isShowPasswordError: true,\n },\n });\n }\n if (\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.ConfirmSelfPassword.value\n )\n ) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isShowPasswordError: true,\n },\n });\n }\n if (!this.state.selfPassword.value) {\n this.setState({\n selfPassword: {\n ...others[\"selfPassword\"],\n isError: true,\n errorMessage: `(password is mandatory)`,\n },\n });\n }\n if (!this.state.ConfirmSelfPassword.value) {\n this.setState({\n ConfirmSelfPassword: {\n ...others[\"ConfirmSelfPassword\"],\n isError: true,\n errorMessage: `(ConfirmSelfPassword is mandatory)`,\n },\n });\n }\n if (\n !this.state.email.value ||\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n )\n ) {\n if (!this.state.email.value) {\n this.setState({\n email: {\n ...others[\"email\"],\n isError: true,\n errorMessage: `(email is mandatory)`,\n },\n });\n } else {\n this.setState({\n email: {\n ...others[\"email\"],\n isError: true,\n errorMessage: `Enter a valid email address`,\n },\n });\n }\n }\n if (\n !!this.state.ConfirmSelfPassword &&\n !!this.state.selfPassword &&\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\n ) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `(Password does not match )`,\n },\n });\n }\n } else {\n const {investorData} = this.props;\n\n const params = {\n Soapwd: this.state.selfPassword.value,\n ToDate:\n this.state.summaryData === SUMMARY ? moment(new Date()).format(\"MM/DD/YYYY\") :endDateValue ,\n FromDate:\n this.state.summaryData === SUMMARY ? \"01/01/1970\" :startDateValue ,\n userid: this.state.email.value,\n Brokermail: this.state.email.value,\n Soaflag: \"C\",\n Pan:!!investorData && !!investorData.PAN ? investorData.PAN :\"\" ,\n Fund: \"176\",\n EmailId: this.state.email.value,\n Folio: \"0\",\n ReqBy: \"a\",\n LoginFlag: \"Y\",\n StmtFlag: this.state.summaryData === SUMMARY ? \"Summary\" : \"Detailed\",\n Broker: \"\",\n };\n\n const response = await this.props.getAccountStatement(params);\n if (response) {\n this.setState({\n open: true,\n });\n }\n }\n };\n\n render() {\n const { investorData } = this.props;\n const {\n summaryData,\n DetailedData,\n selfPassword,\n ConfirmSelfPassword,\n email,\n } = this.state;\n return (\n \n
\n\n \n
\n \n
\n )}\n\n\n Mail Back SOA
\n \n
\n {DateON === ASON ? (\n \n \n this.onDateChange(\"toDate\", e)}\n // openTo={true}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n maxDate={new Date()}\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n disabled={true}\n value={new Date()}\n />\n \n
\n ) : (\n As on Date
\n \n \n this.onDateChange(\"fromDate\", e)}\n // openTo={true}\n style={{\n border:\n this.state.fromDate.error === true\n ? \"1px solid red\"\n : \"1px solid rgba(211, 211, 211)\",\n\n borderRadius:\n this.state.fromDate.error === true ? 7 : 7,\n marginTop:0,\n marginBottom:10\n }}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n maxDate={new Date()}\n margin=\"normal\"\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n value={this.state.fromDate.value}\n />\n \n\n
\n Start Date
\n \n \n this.onDateChange(\"toDate\", e)}\n disabled={!this.state.fromDate.value}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n maxDate={new Date()}\n margin=\"normal\"\n id=\"mui-pickers-date\"\n value={this.state.toDate.value}\n />\n \n {!!this.state.toDate.errorMessage ? (\n \n {this.state.toDate.errorMessage}\n
\n ) : (\n \"\"\n )}\n End Date
\n \n
\n Folio
\n \n
\n SOA Type
\n \n
\n \n \n this.setState({\n showPassword: !this.state.showPassword,\n })\n }\n onBlur={this.showError(\"selfPassword\")}\n isShowError={selfPassword.isError}\n errorMessage={selfPassword.errorMessage}\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n inputref={(ele) => (this.selfPasswordField = ele)}\n />\n
\n \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)\n
\n \n \n this.setState({\n confirmShowPassword: !this.state.confirmShowPassword,\n })\n }\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\n height={15}\n onChange={this.handleChangeConfirmSelfPassword}\n value={ConfirmSelfPassword.value}\n onBlur={this.showError(\"ConfirmSelfPassword\")}\n isShowError={ConfirmSelfPassword.isError}\n errorMessage={ConfirmSelfPassword.errorMessage}\n\n bordercolor=\"rgba(0, 0, 0, 0.5)\"\n inputref={(ele) => (this.ConfirmSelfPasswordField = ele)}\n />\n
\n \n
\n \n \n
\n \n \n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const { investorData, userId } = authReducer;\n // const userid = authReducer.userId;\n return { investorData, userId };\n },\n { getAccountStatement }\n)(Cas);\n","import React, { Component } from \"react\";\nimport { List } from \"../transactions/nfoAndNewPurchase\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { connect } from \"react-redux\";\nimport { Input } from \"../../forms/input\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport { BUILD_URL } from \"../home\";\nimport moment from \"moment\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from \"@material-ui/pickers\";\nimport { getElssStatment } from \"shared/store/actions/mailback\";\nimport {\n SUMMARY,\n DETAILED,\n CURRENTFINANCIALYEAR,\n PREVIOUSFINANCIALYEAR,\n SPECIFICPERIOD,\n} from \"shared/store/types/mailBack\";\nimport CustomizedDialogs from \"../../home/customModal\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { NEW_TRANSACTION_URL } from \"../transactions\";\nimport { MAILBACK_URL } from \".\";\nimport { MailBackBreadCrumb } from \"./mailback\";\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\n\nclass ELSS extends Component {\n constructor(props) {\n super(props);\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\n this.state = {\n summaryData: SUMMARY,\n DetailedData: CURRENTFINANCIALYEAR,\n AsDate: new Date(),\n startDate: {\n value:d2 > d3? new Date(\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\n ):new Date(\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\n ),\n error: \"\",\n },\n endDate: { value: new Date(), error: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n showPassword: false,\n confirmShowPassword: false,\n };\n }\n componentDidMount() {\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\n this.setState({\n summaryData: SUMMARY,\n DetailedData: CURRENTFINANCIALYEAR,\n AsDate: new Date(),\n startDate: {\n value: d2 > d3? new Date(\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\n ):new Date(\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\n ),\n error: \"\",\n },\n endDate: { value: new Date(), error: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n });\n }\n onDateChange = (label, event) => {\n if (label === \"endDate\" && !!this.state.startDate.value && !!event ) {\n const reformtStDt = this.state.startDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeEndDt = event.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeEndDt).setHours(12, 0, 0, 0);\n if ( d2>d3|| d2 === d3) {\n this.setState({\n [label]: {\n value: null,\n error: true,\n errorMessage: \"Start Date should be earlier than End Date\",\n },\n });\n } else {\n this.setState({\n [label]: { value: event, errorMessage: \"\", error: false },\n });\n }\n } else if (label === \"startDate\") {\n this.setState({\n [label]: { value: event },\n endDate: { value: null, error: \"\", errorMessage: \"\" },\n });\n }\n };\n changesummaryData = (event) => () => {\n this.setState({\n summaryData: event,\n email: { value: \"\" },\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n });\n };\n\n ChangeDetailedData = (event) => () => {\n if (event === PREVIOUSFINANCIALYEAR) {\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\n\n const reformtEndDt = new Date(\n new Date().setFullYear(new Date().getFullYear(), 2, 31)\n ).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeEndDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d4 = new Date(reformtEndDt).setHours(12, 0, 0, 0);\n const d5 = new Date(changeEndDt).setHours(12, 0, 0, 0);\n\n this.setState({\n DetailedData: event,\n startDate: {\n value: d2 > d3 ? new Date(\n new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\n ):new Date(\n new Date().setFullYear(new Date().getFullYear() - 2, 3, 1)\n ),\n },\n endDate: {\n value:d4>d5?new Date(\n new Date().setFullYear(new Date().getFullYear()-1, 2, 31)\n ) :new Date(\n new Date().setFullYear(new Date().getFullYear(), 2, 31)\n ),\n },\n email: { value: \"\" },\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n });\n } else if (event === SPECIFICPERIOD) {\n this.setState({\n DetailedData: event,\n startDate: { value: null },\n endDate: { value: new Date() },\n email: { value: \"\" },\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n });\n } else if (event === CURRENTFINANCIALYEAR) {\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\n this.setState({\n DetailedData: event,\n startDate: {\n value: d2 > d3? new Date(\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\n ):new Date(\n new Date().setFullYear(new Date().getFullYear(), 3, 1)),\n },\n endDate: { value: new Date() },\n email: { value: \"\" },\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n });\n }\n };\n\n handleChangeSelfPassword = (event) => {\n this.setState({\n selfPassword: { value: event.target.value },\n });\n };\n handleChangeConfirmSelfPassword = (event) => {\n this.setState({\n ConfirmSelfPassword: { value: event.target.value },\n });\n };\n handleChangeEmail = (event) => {\n this.setState({\n email: { value: event.target.value },\n });\n };\n showError = (label) => (event) => {\n const {\n [label]: { value },\n } = this.state;\n\n if (label === \"selfPassword\") {\n if (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\n this.setState({\n selfPassword: {\n\n isError: true,\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)`,\n },\n });\n return;\n }\n }else if(this.state.selfPassword.value === \"\") {\n this.setState({\n selfPassword: {\n value:\"\",\n isError: true,\n errorMessage: `Password is Mandatory`,\n },\n });\n return;\n }\n } else if (label === \"email\") {\n this.setState({\n [label]: {\n value,\n isError:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ? true\n : !value,\n errorMessage:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ? `Enter a valid email address`\n : \"\",\n },\n });\n } else if (label === \"ConfirmSelfPassword\") {\n this.setState({\n [label]: {\n value,\n isError:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? true\n : !value,\n errorMessage:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? `The Password and Confirm Password do not match`\n : \"\",\n },\n });\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n closeYesModal = () => {\n this.setState({\n summaryData: SUMMARY,\n DetailedData: CURRENTFINANCIALYEAR,\n AsDate: new Date(),\n startDate: {\n value: new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)),\n error: \"\",\n },\n endDate: { value: new Date(), error: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n });\n this.props.history.replace(\n MAILBACK_URL + \"/investor/investor-selection/ELSS\"\n );\n };\n closeNoModal = () => {\n this.setState({\n open: false,\n });\n this.props.history.replace(BUILD_URL + \"/\");\n };\n submit = async () => {\n let asDateValue, startDateValue, endDateValue;\n if (this.state.AsDate.value) {\n asDateValue = this.state.AsDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"numeric\",\n });\n }\n if (this.state.startDate.value) {\n startDateValue = this.state.startDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"numeric\",\n });\n }\n if (this.state.endDate.value) {\n endDateValue = this.state.endDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"numeric\",\n });\n }\n\n const {\n AsDate,\n startDate,\n endDate,\n ConfirmSelfPassword,\n selfPassword,\n showPassword,\n confirmShowPassword,\n email,\n ...others\n } = this.state;\n\n if (\n !this.state.selfPassword.value ||\n !this.state.ConfirmSelfPassword.value ||\n !this.state.email.value ||\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) ||\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.selfPassword.value\n ) ||\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.ConfirmSelfPassword.value\n ) ||\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\n ) {\n if (\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.selfPassword.value\n )\n ) {\n this.setState({\n selfPassword: {\n value: \"\",\n isShowPasswordError: true,\n },\n });\n }\n if (\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.ConfirmSelfPassword.value\n )\n ) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isShowPasswordError: true,\n },\n });\n }\n if (!this.state.selfPassword.value) {\n this.setState({\n selfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `Password is Mandatory`,\n },\n });\n }\n if (!this.state.ConfirmSelfPassword.value) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `ConfirmSelfPassword is Mandatory`,\n },\n });\n }\n if (\n !this.state.email.value ||\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n )\n ) {\n if (!this.state.email.value) {\n this.setState({\n email: {\n value: \"\",\n isError: true,\n errorMessage: `Email is Mandatory`,\n },\n });\n } else {\n this.setState({\n email: {\n value: \"\",\n isError: true,\n errorMessage: `Enter a valid email address`,\n },\n });\n }\n }\n if (\n !!this.state.ConfirmSelfPassword &&\n !!this.state.selfPassword &&\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\n ) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `Password does not match`,\n },\n });\n }\n } else {\n const {investorData} = this.props;\n const params = {\n Soapwd: this.state.selfPassword.value,\n ToDate:\n this.state.summaryData === SUMMARY ? moment(new Date()).format(\"MM/DD/YYYY\") :endDateValue ,\n FromDate:\n this.state.summaryData === SUMMARY ? \"01/01/1970\" :startDateValue ,\n userid: this.state.email.value,\n Brokermail: this.state.email.value,\n Soaflag: \"C\",\n Pan: !!investorData && !!investorData.PAN ?investorData.PAN:\"\",\n Fund: \"176\",\n EmailId: this.state.email.value,\n Folio: \"0\",\n ReqBy: \"a\",\n LoginFlag: \"Y\",\n StmtFlag: this.state.summaryData === SUMMARY ? \"Summary\" : \"Detailed\",\n Broker: \"\",\n };\n const response = await this.props.getElssStatment(params);\n if (response) {\n this.setState({\n open: true,\n });\n }\n }\n };\n\n render() {\n const { investorData } = this.props;\n const {\n summaryData,\n DetailedData,\n selfPassword,\n ConfirmSelfPassword,\n email,\n } = this.state;\n return (\n \n
\n \n
\n \n
\n )}\n Consolidated Account Statement
\n Statement Type
\n \n
\n {summaryData === SUMMARY ? (\n \n \n this.onDateChange(\"AsDate\", e)}\n // openTo={true}\n disabled={true}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n // minDate={new Date(new Date().setFullYear(1980, 0, 1))}\n maxDate={new Date()}\n margin=\"normal\"\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n value={this.state.AsDate}\n />\n \n
\n ) : (\n As on Date
\n \n
\n Detailed Options
\n \n
\n \n \n this.onDateChange(\"startDate\", e)}\n // openTo={true}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n disabled={\n DetailedData === SPECIFICPERIOD ? false : true\n }\n\n minDate={\n DetailedData === CURRENTFINANCIALYEAR\n ? new Date(\n new Date().setFullYear(\n new Date().getFullYear(),\n 3,\n 1\n )\n )\n : DetailedData === SPECIFICPERIOD\n ? new Date(new Date().setFullYear(1970, 0, 1))\n : \"\"\n }\n style={{\n marginTop:0,\n marginBottom:10\n }}\n maxDate={new Date()}\n margin=\"normal\"\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n value={this.state.startDate.value}\n />\n \n
\n Start Date
\n \n \n this.onDateChange(\"endDate\", e)}\n disableFuture={true}\n disabled={\n DetailedData === SPECIFICPERIOD&&!!this.state.startDate.value ? false : true\n }\n format=\"dd/MM/yyyy\"\n maxDate={\n DetailedData === CURRENTFINANCIALYEAR ||\n DetailedData === SPECIFICPERIOD\n ? new Date()\n : DetailedData === PREVIOUSFINANCIALYEAR\n ? \"\"\n : \"\"\n }\n id=\"mui-pickers-date\"\n value={this.state.endDate.value}\n errorMessage={this.state.endDate.errorMessage}\n />\n \n {!!this.state.endDate.errorMessage ? (\n \n {this.state.endDate.errorMessage}\n
\n ) : (\n \"\"\n )}\n \n End Date\n
\n \n
\n \n \n this.setState({\n showPassword: !this.state.showPassword,\n })\n }\n onChange={this.handleChangeSelfPassword}\n value={selfPassword.value}\n onBlur={this.showError(\"selfPassword\")}\n isShowError={selfPassword.isError}\n errorMessage={selfPassword.errorMessage}\n\n />\n
\n \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)\n
\n \n \n this.setState({\n confirmShowPassword: !this.state.confirmShowPassword,\n })\n }\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\n height={15}\n onChange={this.handleChangeConfirmSelfPassword}\n value={ConfirmSelfPassword.value}\n onBlur={this.showError(\"ConfirmSelfPassword\")}\n isShowError={ConfirmSelfPassword.isError}\n errorMessage={ConfirmSelfPassword.errorMessage}\n\n />\n
\n \n \n
\n  \n \n \n
\n \n \n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const { investorData, userId } = authReducer;\n // const userid = authReducer.userId;\n return { investorData, userId };\n },\n { getElssStatment }\n)(ELSS);\n","import React, { Component } from \"react\";\nimport { List } from \"../transactions/nfoAndNewPurchase\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { connect } from \"react-redux\";\nimport { Input } from \"../../forms/input\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport { BUILD_URL } from \"../home\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker\n} from \"@material-ui/pickers\";\nimport { getcaptialgainStatment } from \"shared/store/actions/mailback\";\nimport {\n SUMMARY,\n DETAILED,\n CURRENTFINANCIALYEAR,\n PREVIOUSFINANCIALYEAR,\n SPECIFICPERIOD\n} from \"shared/store/types/mailBack\";\nimport CustomizedDialogs from \"../../home/customModal\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { formatDate } from \"../../forms/captalize\";\nimport { MAILBACK_URL } from \".\";\nimport { MailBackBreadCrumb } from \"./mailback\";\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\n\nclass CAN extends Component {\n constructor(props) {\n super(props);\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\n this.state = {\n summaryData: SUMMARY,\n DetailedData: CURRENTFINANCIALYEAR,\n AsDate: new Date(),\n startDate: {\n value:d2 > d3? new Date(\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\n ):new Date(\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\n ),\n error: \"\",\n isError: \"\",\n errorMessage: \"\"\n },\n endDate: { value: new Date(), error: \"\", isError: \"\", errorMessage: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n showPassword: false,\n confirmShowPassword: false,\n };\n }\n componentDidMount() {\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\n this.setState({\n summaryData: SUMMARY,\n DetailedData: CURRENTFINANCIALYEAR,\n AsDate: new Date(),\n startDate: {\n value: d2 > d3? new Date(\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\n ):new Date(\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\n ),\n error: \"\"\n },\n endDate: { value: new Date(), error: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n showPassword: false,\n confirmShowPassword: false,\n });\n }\n onDateChange = (label, event) => {\n if (label === \"endDate\" && !!this.state.startDate.value && !!event ) {\n const reformtStDt = this.state.startDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeEndDt = event.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeEndDt).setHours(12, 0, 0, 0);\n if ( d2>d3|| d2 === d3) {\n this.setState({\n [label]: {\n value: null,\n error: true,\n errorMessage: \"Start Date should be earlier than End Date\",\n },\n });\n } else {\n this.setState({\n [label]: { value: event, errorMessage: \"\", error: false },\n });\n }\n } else if (label === \"startDate\") {\n this.setState({\n [label]: { value: event },\n endDate: { value: null, error: \"\", errorMessage: \"\" },\n });\n }\n // this.setState({ [label]: event });\n };\n changesummaryData = event => () => {\n this.setState({\n summaryData: event,\n email: { value: \"\" },\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" }\n });\n };\n\n ChangeDetailedData = event => () => {\n if (event === PREVIOUSFINANCIALYEAR) {\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\n\n const reformtEndDt = new Date(\n new Date().setFullYear(new Date().getFullYear(), 2, 31)\n ).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeEndDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d4 = new Date(reformtEndDt).setHours(12, 0, 0, 0);\n const d5 = new Date(changeEndDt).setHours(12, 0, 0, 0);\n this.setState({\n DetailedData: event,\n startDate: {\n value: d2 > d3 ? new Date(\n new Date().setFullYear(new Date().getFullYear() - 1, 3, 1)\n ):new Date(\n new Date().setFullYear(new Date().getFullYear() - 2, 3, 1)\n ),\n },\n endDate: {\n value:d4>d5?new Date(\n new Date().setFullYear(new Date().getFullYear()-1, 2, 31)\n ) :new Date(\n new Date().setFullYear(new Date().getFullYear(), 2, 31)\n ),\n },\n email: { value: \"\" },\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" }\n });\n } else if (event === SPECIFICPERIOD) {\n this.setState({\n DetailedData: event,\n startDate: { value: null },\n endDate: { value: null },\n email: { value: \"\" },\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" }\n });\n } else if (event === CURRENTFINANCIALYEAR) {\n const reformtStDt = new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)).toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeStDt = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeStDt).setHours(12, 0, 0, 0);\n this.setState({\n DetailedData: event,\n startDate: {\n value: d2 > d3? new Date(\n new Date().setFullYear(new Date().getFullYear()-1, 3, 1)\n ):new Date(\n new Date().setFullYear(new Date().getFullYear(), 3, 1)\n ),\n },\n endDate: { value: new Date() },\n email: { value: \"\" },\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" }\n });\n }\n };\n\n handleChangeSelfPassword = event => {\n this.setState({\n selfPassword: { value: event.target.value }\n });\n };\n handleChangeConfirmSelfPassword = event => {\n this.setState({\n ConfirmSelfPassword: { value: event.target.value }\n });\n };\n handleChangeEmail = event => {\n this.setState({\n email: { value: event.target.value }\n });\n };\n showError = label => event => {\n const {\n [label]: { value }\n } = this.state;\n\n if (label === \"selfPassword\") {\n if (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\n this.setState({\n selfPassword: {\n\n isError: true,\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)`,\n },\n });\n return;\n }\n }else if(this.state.selfPassword.value === \"\") {\n this.setState({\n selfPassword: {\n value:\"\",\n isError: true,\n errorMessage: `Password is Mandatory`,\n },\n });\n return;\n }\n }\n // else if (label === \"email\") {\n // this.setState({\n // [label]: {\n // value,\n // isError:\n // /^\\w+([\\.-]?\\w+)@\\w+([\\.-]?\\w+)(\\.\\w{2,3})+$/.test(\n // this.state.email.value\n // ) === false\n // ? true\n // : !value,\n // errorMessage:\n // /^\\w+([\\.-]?\\w+)@\\w+([\\.-]?\\w+)(\\.\\w{2,3})+$/.test(\n // this.state.email.value\n // ) === false\n // ? `(enter an vaild email address )`\n // : \"\"\n // }\n // });\n // }\n else if (label === \"ConfirmSelfPassword\") {\n this.setState({\n [label]: {\n value,\n isError:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? true\n : !value,\n errorMessage:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? `The Password and Confirm Password do not match`\n : \"\"\n }\n });\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value\n }\n });\n }\n };\n // onDateChange = (label, event) => {\n // this.setState({ [label]: { value: event } });\n // };\n closeYesModal = () => {\n this.setState({\n summaryData: SUMMARY,\n DetailedData: CURRENTFINANCIALYEAR,\n AsDate: new Date(),\n startDate: {\n value: new Date(new Date().setFullYear(new Date().getFullYear(), 3, 1)),\n error: \"\"\n },\n endDate: { value: new Date(), error: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false\n });\n this.props.history.replace(\n MAILBACK_URL + \"/investor/investor-selection/CAN\"\n );\n };\n closeNoModal = () => {\n this.setState({\n open: false\n });\n this.props.history.replace(BUILD_URL + \"/\");\n };\n submit = async () => {\n let asDateValue, startDateValue, endDateValue;\n if (this.state.AsDate.value) {\n asDateValue = this.state.AsDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"numeric\"\n });\n }\n if (this.state.startDate.value) {\n startDateValue = this.state.startDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"numeric\"\n });\n }\n if (this.state.endDate.value) {\n endDateValue = this.state.endDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"numeric\"\n });\n }\n const d2 = !!this.state.startDate.value\n ? new Date(this.state.startDate.value).setHours(12, 0, 0, 0)\n : \"\";\n const d3 = !!this.state.endDate.value\n ? new Date(this.state.endDate.value).setHours(12, 0, 0, 0)\n : \"\";\n\n const {\n AsDate,\n startDate,\n endDate,\n ConfirmSelfPassword,\n selfPassword,\n email,\n showPassword,\n confirmShowPassword,\n ...others\n } = this.state;\n\n if (\n !this.state.selfPassword.value ||\n !this.state.ConfirmSelfPassword.value ||\n !this.state.email.value ||\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.selfPassword.value\n ) ||\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.ConfirmSelfPassword.value\n ) ||\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\n ) {\n if (\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.selfPassword.value\n )\n ) {\n this.setState({\n selfPassword: {\n value: \"\",\n isShowPasswordError: true\n }\n });\n }\n if (\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.ConfirmSelfPassword.value\n )\n ) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isShowPasswordError: true\n }\n });\n }\n if (!this.state.selfPassword.value) {\n this.setState({\n selfPassword: {\n ...others[\"selfPassword\"],\n isError: true,\n errorMessage: `Password is Mandatory`\n }\n });\n }\n if (!this.state.ConfirmSelfPassword.value) {\n this.setState({\n ConfirmSelfPassword: {\n ...others[\"ConfirmSelfPassword\"],\n isError: true,\n errorMessage: `ConfirmSelfPassword is Mandatory`\n }\n });\n }\n if (!this.state.email.value) {\n if (!this.state.email.value) {\n this.setState({\n email: {\n ...others[\"email\"],\n isError: true,\n errorMessage: `CAN is Mandatory`\n }\n });\n }\n }\n if (\n !!this.state.ConfirmSelfPassword &&\n !!this.state.selfPassword &&\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\n ) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `Password does not match`\n }\n });\n }\n } else if (!this.state.startDate.value || !this.state.endDate.value) {\n if (!this.state.startDate.value) {\n this.setState({\n startDate: {\n value: null,\n isError: true,\n errorMessage: \"From Date is Mandatory\"\n }\n });\n }\n if (!this.state.endDate.value) {\n this.setState({\n endDate: {\n value: null,\n isError: true,\n errorMessage: \"To Date is Mandatory\"\n }\n });\n }\n } else if (!!d2 && !!d3 && (d2 > d3 || d2 === d3)) {\n this.setState({\n endDate: {\n value: null,\n isError: true,\n errorMessage: \"*From Date Should less than to Date\"\n }\n });\n } else {\n const params = {\n fromdt: formatDate(this.state.startDate.value),\n todate: formatDate(this.state.endDate.value),\n trtype: \"CAN\",\n PAN: \"\",\n Email: this.state.email.value,\n distCode: this.props.token,\n Password: this.state.selfPassword.value,\n distUid: this.props.userId,\n StmtFlag: this.state.summaryData === SUMMARY ? \"Summary\" : \"Detailed\"\n };\n const response = await this.props.getcaptialgainStatment(params);\n\n if (response) {\n this.setState({\n open: true\n });\n } else {\n this.setState({\n email: {\n value: \"\",\n errorMessage: \"NO Email ID for this CAN\",\n isError: true\n }\n });\n }\n }\n };\n\n render() {\n const { investorData } = this.props;\n const {\n summaryData,\n DetailedData,\n selfPassword,\n ConfirmSelfPassword,\n email\n } = this.state;\n return (\n \n
\n \n
\n \n
\n )}\n ELSS Account Statement
\n Statement Type
\n \n
\n {summaryData === SUMMARY ? (\n \n \n this.onDateChange(\"AsDate\", e)}\n // openTo={true}\n disabled={true}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n // minDate={new Date(new Date().setFullYear(1980, 0, 1))}\n maxDate={new Date()}\n margin=\"normal\"\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n value={this.state.AsDate}\n />\n \n
\n ) : (\n As on Date
\n \n
\n Detailed Options
\n \n
\n \n \n this.onDateChange(\"startDate\", e)}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n disabled={\n DetailedData === SPECIFICPERIOD ? false : true\n }\n minDate={\n DetailedData === CURRENTFINANCIALYEAR\n ? new Date(\n new Date().setFullYear(\n new Date().getFullYear(),\n 3,\n 1\n )\n )\n : DetailedData === SPECIFICPERIOD\n ? new Date(new Date().setFullYear(1970, 0, 1))\n : \"\"\n }\n style={{\n marginTop:0,\n marginBottom:10\n }}\n maxDate={new Date()}\n margin=\"normal\"\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n value={this.state.startDate.value}\n />\n \n
\n Start Date
\n \n \n this.onDateChange(\"endDate\", e)}\n // openTo={true}\n disableFuture={true}\n disabled={\n DetailedData === SPECIFICPERIOD ? false : true\n }\n format=\"dd/MM/yyyy\"\n maxDate={\n DetailedData === CURRENTFINANCIALYEAR ||\n DetailedData === SPECIFICPERIOD\n ? new Date()\n : DetailedData === PREVIOUSFINANCIALYEAR\n ? \"\"\n : \"\"\n }\n // margin=\"normal\"\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n value={this.state.endDate.value}\n />\n \n {!!this.state.endDate.errorMessage ? (\n \n {this.state.endDate.errorMessage}\n
\n ) : (\n \"\"\n )}\n \n End Date\n
\n \n
\n \n \n this.setState({\n showPassword: !this.state.showPassword,\n })\n }\n onChange={this.handleChangeSelfPassword}\n value={selfPassword.value}\n onBlur={this.showError(\"selfPassword\")}\n isShowError={selfPassword.isError}\n errorMessage={selfPassword.errorMessage}\n />\n
\n \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)\n
\n \n \n this.setState({\n confirmShowPassword: !this.state.confirmShowPassword,\n })\n }\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\n height={15}\n onChange={this.handleChangeConfirmSelfPassword}\n value={ConfirmSelfPassword.value}\n onBlur={this.showError(\"ConfirmSelfPassword\")}\n isShowError={ConfirmSelfPassword.isError}\n errorMessage={ConfirmSelfPassword.errorMessage}\n />\n
\n \n \n
\n  \n \n \n
\n \n \n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const { investorData, userId } = authReducer;\n // const userid = authReducer.userId;\n return { investorData, userId };\n },\n { getcaptialgainStatment }\n)(CAN);\n","import React, { Component } from \"react\";\nimport { List } from \"../transactions/nfoAndNewPurchase\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { connect } from \"react-redux\";\nimport { Input } from \"../../forms/input\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport { BUILD_URL } from \"../home\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from \"@material-ui/pickers\";\nimport { getcaptialgainStatment } from \"shared/store/actions/mailback\";\nimport {\n SUMMARY,\n DETAILED,\n CURRENTFINANCIALYEAR,\n PREVIOUSFINANCIALYEAR,\n SPECIFICPERIOD,\n} from \"shared/store/types/mailBack\";\nimport CustomizedDialogs from \"../../home/customModal\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { NEW_TRANSACTION_URL } from \"../transactions\";\nimport { MAILBACK_URL } from \".\";\nimport { formatDate } from \"../../forms/captalize\";\nimport { MailBackBreadCrumb } from \"./mailback\";\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\n\nclass CGS extends Component {\n constructor(props) {\n super(props);\n this.state = {\n startDate: {\n value: null,\n error: \"\",\n },\n endDate: { value: null, error: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n showPassword: false,\n confirmShowPassword: false,\n };\n }\n\n handleChangeSelfPassword = (event) => {\n this.setState({\n selfPassword: { value: event.target.value },\n });\n };\n handleChangeConfirmSelfPassword = (event) => {\n this.setState({\n ConfirmSelfPassword: { value: event.target.value },\n });\n };\n handleChangeEmail = (event) => {\n this.setState({\n email: { value: event.target.value },\n });\n };\n\n showError = (label) => (event) => {\n const {\n [label]: { value },\n } = this.state;\n\n if (label === \"selfPassword\") {\n if (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\n this.setState({\n selfPassword: {\n isError: true,\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)`,\n },\n });\n return;\n }\n }else if(this.state.selfPassword.value === \"\") {\n this.setState({\n selfPassword: {\n value:\"\",\n isError: true,\n errorMessage: `Password is Mandatory`,\n },\n });\n return;\n }\n } else if (label === \"email\") {\n this.setState({\n [label]: {\n value,\n isError:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ? true\n : !value,\n errorMessage:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ? `Enter a valid email address`\n : \"\",\n },\n });\n } else if (label === \"ConfirmSelfPassword\") {\n this.setState({\n [label]: {\n value,\n isError:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? true\n : !value,\n errorMessage:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? `The Password and Confirm Password do not match`\n : \"\",\n },\n });\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n closeYesModal = () => {\n this.setState({\n startDate: {\n value: new Date(),\n error: \"\",\n },\n endDate: { value: new Date(), error: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n });\n this.props.history.replace(\n MAILBACK_URL + \"/investor/investor-selection/CGS\"\n );\n };\n closeNoModal = () => {\n this.setState({\n open: false,\n });\n this.props.history.replace(BUILD_URL + \"/\");\n };\n\n onDateChange = (label, event) => {\n if (label === \"endDate\" && !!this.state.startDate.value && !!event ) {\n const reformtStDt = this.state.startDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n const changeEndDt = event.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n\n\n const d2 = new Date(reformtStDt).setHours(12, 0, 0, 0);\n const d3 = new Date(changeEndDt).setHours(12, 0, 0, 0);\n if ( d2>d3|| d2 === d3) {\n this.setState({\n [label]: {\n value: null,\n error: true,\n errorMessage: \"Start Date should be earlier than End Date\",\n },\n });\n } else {\n this.setState({\n [label]: { value: event, errorMessage: \"\", error: false },\n });\n }\n } else if (label === \"startDate\") {\n this.setState({\n [label]: { value: event },\n endDate: { value: null, error: \"\", errorMessage: \"\" },\n });\n }\n // this.setState({ [label]: { value: event } });\n };\n\n submit = async () => {\n let startDateValue, endDateValue;\n\n if (this.state.startDate.value) {\n startDateValue = this.state.startDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n }\n if (this.state.endDate.value) {\n endDateValue = this.state.endDate.value.toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"2-digit\",\n });\n }\n\n const d2 = new Date(this.state.startDate.value).setHours(12, 0, 0, 0);\n const d3 = new Date(this.state.endDate.value).setHours(12, 0, 0, 0);\n\n const {\n AsDate,\n startDate,\n endDate,\n ConfirmSelfPassword,\n selfPassword,\n showPassword,\n confirmShowPassword,\n email,\n ...others\n } = this.state;\n\n if (\n !this.state.selfPassword.value ||\n !this.state.ConfirmSelfPassword.value ||\n !this.state.email.value ||\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) ||\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.selfPassword.value\n ) ||\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.ConfirmSelfPassword.value\n ) ||\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\n ) {\n if (\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.selfPassword.value\n )\n ) {\n this.setState({\n selfPassword: {\n value: \"\",\n isShowPasswordError: true,\n },\n });\n }\n if (\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.ConfirmSelfPassword.value\n )\n ) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isShowPasswordError: true,\n },\n });\n }\n if (!this.state.selfPassword.value) {\n this.setState({\n selfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `Password is Mandatory`,\n },\n });\n }\n if (!this.state.ConfirmSelfPassword.value) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `ConfirmSelfPassword is Mandatory`,\n },\n });\n }\n if (\n !this.state.email.value ||\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n )\n ) {\n if (!this.state.email.value) {\n this.setState({\n email: {\n value: \"\",\n isError: true,\n errorMessage: `Email is Mandatory`,\n },\n });\n } else {\n this.setState({\n email: {\n value: \"\",\n isError: true,\n errorMessage: `Enter a valid email address`,\n },\n });\n }\n }\n if (\n !!this.state.ConfirmSelfPassword &&\n !!this.state.selfPassword &&\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\n ) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `Password does not match`,\n },\n });\n }\n } else if (!this.state.startDate.value) {\n this.setState({\n startDate: {\n value: null,\n error: true,\n errorMessage: \"*From Date is Mandatory\",\n },\n });\n return;\n } else if (!this.state.endDate.value) {\n this.setState({\n startDate: {\n value: null,\n error: true,\n errorMessage: \"*To Date is Mandatory\",\n },\n });\n return;\n } else if (d2 > d3 || d2 === d3) {\n this.setState({\n startDate: {\n value: null,\n error: true,\n errorMessage: \"(*From Date Should less than to Date)\",\n },\n });\n } else {\n const {investorData} = this.props;\n const params = {\n fromdt: formatDate(this.state.startDate.value),\n todate: formatDate(this.state.endDate.value),\n trtype: \"WBCAP\",\n PAN: !!investorData && !!investorData.PAN ?investorData.PAN:\"\",\n Email: this.state.email.value,\n distCode: this.props.token,\n Password: this.state.selfPassword.value,\n distUid: this.props.userId,\n };\n const response = await this.props.getcaptialgainStatment(params);\n\n if (response) {\n this.setState({\n open: true,\n });\n }\n }\n };\n\n render() {\n const { investorData } = this.props;\n const { selfPassword, ConfirmSelfPassword, email } = this.state;\n return (\n \n
\n \n
\n \n
\n )}\n CAN Based Account Statement
\n Statement Type
\n \n
\n {summaryData === SUMMARY ? (\n \n \n this.onDateChange(\"AsDate\", e)}\n // openTo={true}\n disabled={true}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n // minDate={new Date(new Date().setFullYear(1980, 0, 1))}\n maxDate={new Date()}\n margin=\"normal\"\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n value={this.state.AsDate}\n />\n \n
\n ) : (\n As on Date
\n \n
\n Detailed Options
\n \n
\n \n \n this.onDateChange(\"startDate\", e)}\n // openTo={true}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n disabled={\n DetailedData === SPECIFICPERIOD ? false : true\n }\n style={{marginTop:0,marginBottom:10}}\n minDate={\n DetailedData === CURRENTFINANCIALYEAR\n ? new Date(\n new Date().setFullYear(\n new Date().getFullYear(),\n 3,\n 1\n )\n )\n : DetailedData === SPECIFICPERIOD\n ? new Date(new Date().setFullYear(1970, 0, 1))\n : \"\"\n }\n maxDate={new Date()}\n margin=\"normal\"\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n value={this.state.startDate.value}\n />\n \n\n\n
\n Start Date
\n \n \n this.onDateChange(\"endDate\", e)}\n // openTo={true}\n disableFuture={true}\n disabled={\n DetailedData === SPECIFICPERIOD ? false : true\n }\n format=\"dd/MM/yyyy\"\n maxDate={\n DetailedData === CURRENTFINANCIALYEAR ||\n DetailedData === SPECIFICPERIOD\n ? new Date()\n : DetailedData === PREVIOUSFINANCIALYEAR\n ? \"\"\n : \"\"\n }\n // margin=\"normal\"\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n value={this.state.endDate.value}\n />\n \n {\n !!this.state.endDate.errorMessage ? (\n \n {this.state.endDate.errorMessage}\n
\n ) : (\n \"\"\n )}\n \n End Date\n
\n \n
\n \n \n this.setState({\n showPassword: !this.state.showPassword,\n })\n }\n onChange={this.handleChangeSelfPassword}\n value={selfPassword.value}\n onBlur={this.showError(\"selfPassword\")}\n isShowError={selfPassword.isError}\n errorMessage={selfPassword.errorMessage}\n />\n
\n \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)\n
\n \n \n this.setState({\n confirmShowPassword: !this.state.confirmShowPassword,\n })\n }\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\n height={15}\n onChange={this.handleChangeConfirmSelfPassword}\n value={ConfirmSelfPassword.value}\n onBlur={this.showError(\"ConfirmSelfPassword\")}\n isShowError={ConfirmSelfPassword.isError}\n errorMessage={ConfirmSelfPassword.errorMessage}\n\n />\n
\n \n \n
\n  \n \n \n
\n \n \n \n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const { investorData, userId, token } = authReducer;\n return { investorData, userId, token };\n },\n { getcaptialgainStatment }\n)(CGS);\n","import React, { Component } from \"react\";\nimport { List } from \"../transactions/nfoAndNewPurchase\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { connect } from \"react-redux\";\nimport { Input } from \"../../forms/input\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport { BUILD_URL } from \"../home\";\nimport {\n MuiPickersUtilsProvider,\n KeyboardDatePicker,\n} from \"@material-ui/pickers\";\nimport { getcaptialgainStatment } from \"shared/store/actions/mailback\";\nimport CustomizedDialogs from \"../../home/customModal\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { MAILBACK_URL } from \".\";\nimport { MailBackBreadCrumb } from \"./mailback\";\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\n\nclass GAS extends Component {\n constructor(props) {\n super(props);\n this.state = {\n startDate: {\n value: new Date(),\n error: \"\",\n },\n pan: {\n value: \"\",\n isError: false,\n },\n endDate: { value: new Date(), error: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n showPassword: false,\n confirmShowPassword: false,\n };\n }\n\n handleChangeSelfPassword = (event) => {\n this.setState({\n selfPassword: { value: event.target.value },\n });\n };\n handleChangeConfirmSelfPassword = (event) => {\n this.setState({\n ConfirmSelfPassword: { value: event.target.value },\n });\n };\n handleChangeEmail = (event) => {\n this.setState({\n email: { value: event.target.value },\n });\n };\n\n handleChangePan = (event) => {\n if (event.target.value.length <= 10) {\n this.setState({\n pan: {\n value: event.target.value.toUpperCase(),\n },\n });\n }\n };\n\n panvadilation = (event) => {\n if (/[A-Za-z]{5}\\d{4}[A-Za-z]{1}/.test(event.target.value) === false) {\n this.setState({\n pan: {\n value: \"\",\n isError: true,\n errorMessage: \"Enter a vaild pan\",\n },\n });\n }\n };\n\n showError = (label) => (event) => {\n const {\n [label]: { value },\n } = this.state;\n\n if (label === \"selfPassword\") {\n if (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\n this.setState({\n selfPassword: {\n\n isError: true,\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)`,\n },\n });\n return;\n }\n }else if(this.state.selfPassword.value === \"\") {\n this.setState({\n selfPassword: {\n value:\"\",\n isError: true,\n errorMessage: `Password is Mandatory`,\n },\n });\n return;\n }\n } else if (label === \"email\") {\n this.setState({\n [label]: {\n value,\n isError:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ? true\n : !value,\n errorMessage:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ? `Enter a valid email address`\n : \"\",\n },\n });\n } else if (label === \"ConfirmSelfPassword\") {\n this.setState({\n [label]: {\n value,\n isError:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? true\n : !value,\n errorMessage:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? `The Password and Confirm Password do not match`\n : \"\",\n },\n });\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n\n closeYesModal = () => {\n this.setState({\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n });\n this.props.history.replace(\n MAILBACK_URL + \"/investor/investor-selection/GAS\"\n );\n };\n closeNoModal = () => {\n this.setState({\n open: false,\n });\n this.props.history.replace(BUILD_URL + \"/\");\n };\n\n onDateChange = (label, event) => {\n this.setState({ [label]: { value: event } });\n };\n\n submit = async () => {\n const { ConfirmSelfPassword, selfPassword, email, showPassword,\n confirmShowPassword, ...others } = this.state;\n\n if (\n !this.state.selfPassword.value ||\n !this.state.ConfirmSelfPassword.value ||\n !this.state.email.value ||\n !this.state.pan.value ||\n !/[A-Za-z]{5}\\d{4}[A-Za-z]{1}/.test(this.state.pan.value) ||\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) ||\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.selfPassword.value\n ) ||\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.ConfirmSelfPassword.value\n ) ||\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\n ) {\n if (!/[A-Za-z]{5}\\d{4}[A-Za-z]{1}/.test(this.state.pan.value)) {\n this.setState({\n pan: {\n value: \"\",\n isError: true,\n errorMessage: \"enter a vaild pan\",\n },\n });\n }\n if (\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.selfPassword.value\n )\n ) {\n this.setState({\n selfPassword: {\n value: \"\",\n isShowPasswordError: true,\n },\n });\n }\n if (\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.ConfirmSelfPassword.value\n )\n ) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isShowPasswordError: true,\n },\n });\n }\n if (!this.state.selfPassword.value) {\n this.setState({\n selfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `Password is Mandatory`,\n },\n });\n }\n if (!this.state.ConfirmSelfPassword.value) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `ConfirmSelfPassword is Mandatory`,\n },\n });\n }\n if (\n !this.state.email.value ||\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n )\n ) {\n if (!this.state.email.value) {\n this.setState({\n email: {\n value: \"\",\n isError: true,\n errorMessage: `Email is Mandatory`,\n },\n });\n } else {\n this.setState({\n email: {\n value: \"\",\n isError: true,\n errorMessage: `Enter a valid email address`,\n },\n });\n }\n }\n if (\n !!this.state.ConfirmSelfPassword &&\n !!this.state.selfPassword &&\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\n ) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `Password does not match`,\n },\n });\n }\n } else {\n const params = {\n fromdt: \"\",\n todate: \"\",\n trtype: \"GF\",\n PAN: this.state.pan.value,\n Email: this.state.email.value,\n distCode: this.props.token,\n Password: this.state.selfPassword.value,\n distUid: this.props.userId,\n };\n const response = await this.props.getcaptialgainStatment(params);\n\n if (response) {\n this.setState({\n open: true,\n });\n } else {\n this.setState({\n open: true,\n error: \"NO records found\",\n });\n }\n }\n };\n\n render() {\n const { investorData } = this.props;\n const { selfPassword, ConfirmSelfPassword, email, pan } = this.state;\n return (\n \n
\n \n
\n \n
\n Capital Gains Account Statement
\n \n
\n \n \n this.setState({\n showPassword: !this.state.showPassword,\n })\n }\n onChange={this.handleChangeSelfPassword}\n value={selfPassword.value}\n onBlur={this.showError(\"selfPassword\")}\n isShowError={selfPassword.isError}\n errorMessage={selfPassword.errorMessage}\n\n />\n
\n \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)\n
\n \n \n this.setState({\n confirmShowPassword: !this.state.confirmShowPassword,\n })\n }\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\n height={15}\n onChange={this.handleChangeConfirmSelfPassword}\n value={ConfirmSelfPassword.value}\n onBlur={this.showError(\"ConfirmSelfPassword\")}\n isShowError={ConfirmSelfPassword.isError}\n errorMessage={ConfirmSelfPassword.errorMessage}\n\n />\n
\n \n \n this.onDateChange(\"startDate\", e)}\n // openTo={true}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n maxDate={new Date()}\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n value={this.state.startDate.value}\n />\n {!!this.state.startDate.errorMessage ? (\n \n {this.state.startDate.errorMessage}\n
\n ) : (\n \"\"\n )}\n \n Start Date
\n \n \n this.onDateChange(\"endDate\", e)}\n // openTo={true}\n disabled={!this.state.startDate.value ? true : false}\n disableFuture={true}\n format=\"dd/MM/yyyy\"\n errorMessage={this.state.endDate.errorMessage}\n maxDate={new Date()}\n // animateYearScrolling={true}\n id=\"mui-pickers-date\"\n value={this.state.endDate.value}\n />\n {!!this.state.endDate.errorMessage ? (\n \n {this.state.endDate.errorMessage}\n
\n ) : (\n \"\"\n )}\n \n End Date
\n \n \n
\n  \n \n \n
\n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const { investorData, userId, token } = authReducer;\n return { investorData, userId, token };\n },\n { getcaptialgainStatment }\n)(GAS);\n","import React, { Component } from \"react\";\nimport { List } from \"../transactions/nfoAndNewPurchase\";\nimport Signbutton, { Debtbutton } from \"../../forms/button\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { connect } from \"react-redux\";\nimport { Input } from \"../../forms/input\";\nimport { BUILD_URL } from \"../home\";\nimport { getNetworthPortfolio } from \"shared/store/actions/mailback\";\nimport CustomizedDialogs from \"../../home/customModal\";\nimport \"react-datepicker/dist/react-datepicker.css\";\nimport { MAILBACK_URL } from \".\";\nimport { formatDate } from \"../../forms/captalize\";\nimport { MailBackBreadCrumb } from \"./mailback\";\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../../forms/appEssentials\";\n\nclass Networth extends Component {\n constructor(props) {\n super(props);\n this.state = {\n startDate: {\n value: new Date(),\n error: \"\",\n },\n pan: {\n value: \"\",\n isError: false,\n },\n endDate: { value: new Date(), error: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n Mode: \"Email\",\n showPassword: false,\n confirmShowPassword: false,\n };\n }\n\n handleChangeSelfPassword = (event) => {\n this.setState({\n selfPassword: { value: event.target.value },\n });\n };\n handleChangeConfirmSelfPassword = (event) => {\n this.setState({\n ConfirmSelfPassword: { value: event.target.value },\n });\n };\n handleChangeEmail = (event) => {\n this.setState({\n email: { value: event.target.value },\n });\n };\n\n handleChangePan = (event) => {\n if (event.target.value.length <= 10) {\n this.setState({\n pan: {\n value: event.target.value.toUpperCase(),\n },\n });\n }\n };\n\n panvadilation = (event) => {\n if (/[A-Za-z]{5}\\d{4}[A-Za-z]{1}/.test(event.target.value) === false) {\n this.setState({\n pan: {\n value: \"\",\n isError: true,\n errorMessage: \"enter a vaild pan\",\n },\n });\n }\n };\n\n showError = (label) => (event) => {\n const {\n [label]: { value },\n } = this.state;\n\n if (label === \"selfPassword\") {\n if (this.state.selfPassword.value === \"\" || !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)) {\n if(!/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(this.state.selfPassword.value)){\n this.setState({\n selfPassword: {\n\n isError: true,\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)`,\n },\n });\n return;\n }\n }else if(this.state.selfPassword.value === \"\") {\n this.setState({\n selfPassword: {\n value:\"\",\n isError: true,\n errorMessage: `Password is Mandatory`,\n },\n });\n return;\n }\n } else if (label === \"email\") {\n this.setState({\n [label]: {\n value,\n isError:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ? true\n : !value,\n errorMessage:\n /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) === false\n ? `Enter a valid email address`\n : \"\",\n },\n });\n } else if (label === \"ConfirmSelfPassword\") {\n this.setState({\n [label]: {\n value,\n isError:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? true\n : !value,\n errorMessage:\n this.state.selfPassword.value !==\n this.state.ConfirmSelfPassword.value ||\n this.state.ConfirmSelfPassword.value === \"\"\n ? `The Password and Confirm Password do not match`\n : \"\",\n },\n });\n } else {\n this.setState({\n [label]: {\n value,\n isError: !value,\n },\n });\n }\n };\n\n changeDateOn = (event) => () => {\n this.setState({\n Mode: event,\n selfPassword: { value: \"\" },\n ConfirmSelfPassword: { value: \"\" },\n email: { value: \"\" },\n });\n };\n\n closeYesModal = () => {\n this.setState({\n ConfirmSelfPassword: { value: \"\" },\n selfPassword: { value: \"\" },\n email: { value: \"\" },\n open: false,\n });\n this.props.history.replace(\n MAILBACK_URL + \"/investor/investor-selection/Networth\"\n );\n };\n closeNoModal = () => {\n this.setState({\n open: false,\n });\n this.props.history.replace(BUILD_URL + \"/\");\n };\n\n onDateChange = (label, event) => {\n this.setState({ [label]: { value: event } });\n };\n\n submit = async () => {\n const { ConfirmSelfPassword, selfPassword, email, showPassword,\n confirmShowPassword, ...others } = this.state;\n if (this.state.Mode === \"Email\") {\n if (\n !this.state.selfPassword.value ||\n !this.state.ConfirmSelfPassword.value ||\n !this.state.email.value ||\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n ) ||\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.selfPassword.value\n ) ||\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.ConfirmSelfPassword.value\n ) ||\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\n ) {\n if (\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.selfPassword.value\n )\n ) {\n this.setState({\n selfPassword: {\n value: \"\",\n isShowPasswordError: true,\n },\n });\n }\n if (\n !/^(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/.test(\n this.state.ConfirmSelfPassword.value\n )\n ) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isShowPasswordError: true,\n },\n });\n }\n if (!this.state.selfPassword.value) {\n this.setState({\n selfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `Password is Mandatory`,\n },\n });\n }\n if (!this.state.ConfirmSelfPassword.value) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `ConfirmSelfPassword is Mandatory`,\n },\n });\n }\n if (\n !this.state.email.value ||\n !/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$/.test(\n this.state.email.value\n )\n ) {\n if (!this.state.email.value) {\n this.setState({\n email: {\n value: \"\",\n isError: true,\n errorMessage: `Email is Mandatory`,\n },\n });\n } else {\n this.setState({\n email: {\n value: \"\",\n isError: true,\n errorMessage: `Enter a valid email address`,\n },\n });\n }\n }\n if (\n !!this.state.ConfirmSelfPassword &&\n !!this.state.selfPassword &&\n this.state.selfPassword.value !== this.state.ConfirmSelfPassword.value\n ) {\n this.setState({\n ConfirmSelfPassword: {\n value: \"\",\n isError: true,\n errorMessage: `Password does not match`,\n },\n });\n }\n } else {\n let startDateValue;\n startDateValue = new Date().toLocaleDateString(\"en-US\", {\n month: \"2-digit\",\n year: \"numeric\",\n day: \"numeric\",\n });\n\n const params = {\n fromdate: \"01/01/1970\",\n todate: formatDate(new Date()),\n mylp: \"\",\n emailid: this.state.email.value,\n distCode: this.props.token,\n pswd: this.state.selfPassword.value,\n funds: \"\",\n pagetype: \"Email\",\n distUid: this.props.userId,\n };\n\n const response = await this.props.getNetworthPortfolio(params);\n\n if (response) {\n this.setState({\n open: true,\n });\n }\n }\n } else if (this.state.Mode === \"PAN\") {\n if (\n !this.state.pan.value ||\n !/[A-Za-z]{5}\\d{4}[A-Za-z]{1}/.test(this.state.pan.value)\n ) {\n if (!/[A-Za-z]{5}\\d{4}[A-Za-z]{1}/.test(this.state.pan.value)) {\n this.setState({\n pan: {\n value: \"\",\n isError: true,\n errorMessage: \"Enter a vaild pan\",\n },\n });\n }\n } else {\n let startDateValue;\n const params = {\n fromdate: \"01/01/1970\",\n todate: formatDate(new Date()),\n mylp: \"\",\n emailid: \"\",\n pan: this.state.pan.value,\n distCode: this.props.token,\n pswd: this.state.pan.value,\n funds: \"\",\n pagetype: \"PAN\",\n distUid: this.props.userId,\n };\n\n const response = await this.props.getNetworthPortfolio(params);\n\n if (response) {\n this.setState({\n open: true,\n error: \"Data inserted Successfully\",\n });\n }\n }\n }\n };\n\n render() {\n const { investorData } = this.props;\n const { selfPassword, ConfirmSelfPassword, email, pan, Mode } = this.state;\n return (\n \n
\n \n
\n \n \n
\n Grandfathering Account Statement
\n \n
\n \n
\n \n \n this.setState({\n showPassword: !this.state.showPassword,\n })\n }\n onChange={this.handleChangeSelfPassword}\n value={selfPassword.value}\n onBlur={this.showError(\"selfPassword\")}\n isShowError={selfPassword.isError}\n errorMessage={selfPassword.errorMessage}\n\n />\n
\n \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)\n
\n \n \n this.setState({\n confirmShowPassword: !this.state.confirmShowPassword,\n })\n }\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\n height={15}\n onChange={this.handleChangeConfirmSelfPassword}\n value={ConfirmSelfPassword.value}\n onBlur={this.showError(\"ConfirmSelfPassword\")}\n isShowError={ConfirmSelfPassword.isError}\n errorMessage={ConfirmSelfPassword.errorMessage}\n\n />\n
\n \n \n
\n  \n \n \n
\n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const { investorData, userId, token } = authReducer;\n return { investorData, userId, token };\n },\n { getNetworthPortfolio }\n)(Networth);\n","import React, { Component } from \"react\";\nimport { Route, Switch } from \"react-router-dom\";\nimport MailBackInvestor from \"./investor\";\nimport InvestorSelection from \"./InvestorSelection\";\nimport SubmitRequest from \"./submitRequest\";\nimport MailBackSoa from \"./mailBackSoa\";\nimport Cas from \"./consolidatedAccountStatement\";\nimport ELSS from \"./ELSS\";\nimport CAN from \"./CAN\";\nimport CGS from \"./CGS\";\nimport GAS from \"./GAS\";\nimport Networth from \"./networth\";\n\nexport default class MailbackRouter extends Component {\n render() {\n return (\n \n
\n \n
\n \n \n
\n Networth Report
\n \n
\n {Mode === \"PAN\" ? (\n \n
\n ) : (\n \n
\n \n
\n )}\n \n
\n \n \n this.setState({\n showPassword: !this.state.showPassword,\n })\n }\n onChange={this.handleChangeSelfPassword}\n value={selfPassword.value}\n onBlur={this.showError(\"selfPassword\")}\n isShowError={selfPassword.isError}\n errorMessage={selfPassword.errorMessage}\n\n />\n
\n \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)\n
\n \n \n this.setState({\n confirmShowPassword: !this.state.confirmShowPassword,\n })\n }\n type={!!this.state.confirmShowPassword ? \"text\" : \"password\"}\n height={15}\n onChange={this.handleChangeConfirmSelfPassword}\n value={ConfirmSelfPassword.value}\n onBlur={this.showError(\"ConfirmSelfPassword\")}\n isShowError={ConfirmSelfPassword.isError}\n errorMessage={ConfirmSelfPassword.errorMessage}\n\n />\n
\n \n \n
\n  \n \n 0 && !earnings.length ? true : false}\n display={true}\n />\n ) : (\n \n \n )}\n
\n );\n }\n}\n\nexport default connect(\n ({ transactions, authReducer, loading }) => {\n const { earnings } = transactions;\n const { token } = authReducer;\n const { count } = loading;\n return { token, earnings, count };\n },\n { getFundWiseEarnings }\n)(MyEarnings);\n\nexport class EarningsBlock extends Component {\n render() {\n const { earning, index } = this.props;\n return (\n My Earnings
\n {count > 0 && !earnings.length ? (\n \n
\n \n
\n {!!earnings.length ? (\n earnings.map((earning, index) => (\n \n Brokerage Details(Last 6 Months)\n
\n \n Total:
\n No Data Found
\n )}\n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport Paper from \"@material-ui/core/Paper\";\nimport { Input } from \"../../forms/input\";\nimport Signbutton from \"../../forms/button\";\nimport { connect } from \"react-redux\";\nimport { getProfileData } from \"shared/store/actions/profile\";\nimport { userLogin } from \"shared/store/actions\";\nimport { useParams } from \"react-router\";\nexport const CobrandingCollaterals_URL = `${process.env.PUBLIC_URL}/Cobranding-Collaterals`;\nclass CobrandingCollaterals extends Component {\n constructor(props) {\n super(props);\n this.state = {\n arnCode: { value: \"\" },\n name: { value: \"\" },\n email: { value: \"\" },\n mobile: { value: \"\" },\n };\n }\n async componentDidMount() {\n await this.props.getProfileData({\n Agent: this.props.token,\n UserId: this.props.userId,\n });\n this.setState({\n arnCode:{value:this.props.token},\n name:{value:this.props.profileData.Distributor_Name},\n email:{value:this.props.profileData.Email} ,\n mobile:{value:this.props.profileData.MobileNo},\n })\n }\n submit =()=>{\n const base_url = \"https://www.sundarammutual.com/Co-BrandedCollaterals?\"\n const params= btoa(`Type=INVWISE&ARNCODE=${this.state.arnCode.value}&ARNNAME=${this.state.name.value}&EMAIL=${this.state.email.value}&Mobile=${this.state.mobile.value}&ReqRMID=0`);\n const main_url = base_url + params\n window.open(main_url)\n }\n render() {\n const { name, email, arnCode, mobile } = this.state\n\n return (\n {earning.BankName}
\n \n
\n\n \n
\n Period:
\n \n {earning.Fromdate} to {earning.ToDate}\n
\n \n
\n Amount
\n \n
\n \n \n \n
\n );\n }\n}\n\nexport default connect(\n ({ profileReducer,authReducer }) => {\n const { profileData} = profileReducer;\n const { token,userId} = authReducer;\n return {\n profileData,\n token,\n userId\n };\n },\n {\n getProfileData\n }\n)(CobrandingCollaterals);\n","import React, { Component } from \"react\";\nimport { Route, Switch, Redirect } from \"react-router-dom\";\nimport Amc from \"./amc\";\nimport Nav from \"./nav\";\nimport MailBack from \"./mailBackRequest\";\nimport TransactionHistory from \"./transactionHistory\";\nimport Social from \"./social\";\nimport Support from \"./support\";\nimport Settings from \"./settings\";\nimport FeedBack from \"./feedback\";\nimport DashboardComponent from \"./dashboard/index\";\nimport InvestorComponent from \"./investors/index\";\nimport TransactionComponent from \"./transactions/index\";\nimport MailbackRouter from \"./mailBackRequest/mailBackRoutes\";\nimport MyEarnings from \"./myEarnings/index\";\nimport EKYC from \"../home/transactions/ekycForm\";\nimport { connect } from \"react-redux\";\nimport MailBackComponent from \"./mailBackRequest/mailback\";\nimport CobrandingCollaterals from \"./transactions/CobrandingCollaterals\";\nclass AppRouter extends Component {\n render() {\n return (\n Co-branding Collaterals
\n \n
\n \n
\n \n\n
\n \n
\n \n
\n \n\n
\n \n
\n \n
\n \n
\n \n Mutual Fund investments are subject to market risks, read all scheme\n related documents carefully.\n
{\" \"}\n \n © 2021, Sundaram Asset Management Company Private Limited, All rights\n reserved.\n
\n \n );\n }\n}\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport Drawer from \"@material-ui/core/Drawer\";\nimport CssBaseline from \"@material-ui/core/CssBaseline\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport Divider from \"@material-ui/core/Divider\";\nimport AppRouter from \"./appRoutes\";\nimport { drawerStyles } from \"./appCss\";\nimport List from \"@material-ui/core/List\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport ListItem from \"@material-ui/core/ListItem\";\nimport ListItemText from \"@material-ui/core/ListItemText\";\nimport Collapse from \"@material-ui/core/Collapse\";\nimport ExpandLess from \"@material-ui/icons/ExpandLess\";\nimport ExpandMore from \"@material-ui/icons/ExpandMore\";\nimport { connect } from \"react-redux\";\nimport { userLogout } from \"shared/store/actions\";\nimport { getProfileData } from \"shared/store/actions/profile\";\nimport { INVESTOR_URL } from \"./investors\";\nimport { NEW_TRANSACTION_URL } from \"./transactions\";\nimport { MAILBACK_URL } from \"./mailBackRequest\";\nimport { NAV_URL } from \"./nav\";\nimport { HISTORY_URL } from \"./transactionHistory\";\nimport CustomLoading from \"../home/CustomLoader\";\nimport { MyEarnings_URL } from \"./myEarnings\";\nimport { CobrandingCollaterals_URL } from \"./transactions/CobrandingCollaterals\";\n\nimport {\n dashboardActive,\n investorsActive,\n cobrandingInActive,\n cobrandingActive,\n newTransactionActive,\n navActive,\n mailBackActive,\n transactionHistoryActive,\n ekycActive,\n earningsActive,\n supportActive,\n settingsActive,\n dashboardInActive,\n investorsInActive,\n newTransactionInActive,\n navInActive,\n mailBackInActive,\n transactionHistoryInActive,\n ekycInActive,\n earningsInActive,\n supportInActive,\n settingsInactive,\n LOGOUT_ICON,\n APP_LOGO,\n second_app_logo,\n} from \"../forms/appEssentials\";\nimport Footer from \"../auth/footer\";\n\nexport const BUILD_URL = process.env.PUBLIC_URL;\nexport const EKYC_URL = `${process.env.PUBLIC_URL}/e-KYC`;\nclass PermanentDrawerLeft extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n open: false,\n pathname: \"\",\n responsiveDrawer: false,\n };\n }\n componentDidMount() {\n this.props.getProfileData({\n Agent: this.props.token,\n UserId: this.props.userId,\n });\n }\n handleClick = () => {\n this.setState({\n open: !this.state.open,\n });\n this.props.history.push(MAILBACK_URL);\n };\n\n goToRoute = (path) => () => {\n this.props.history.push(path);\n if (!path.includes(MAILBACK_URL)) {\n this.setState({\n open: false,\n responsiveDrawer: false,\n });\n }\n };\n\n logOut = () => {\n this.props.userLogout();\n this.props.history.replace(BUILD_URL + \"/\");\n };\n\n openResponsiveDrawer = () => {\n this.setState({\n responsiveDrawer: !this.state.responsiveDrawer,\n });\n };\n render() {\n const { classes, location, tran_enable_flag } = this.props;\n const { responsiveDrawer } = this.state;\n const { pathname } = location;\n return (\n \n \n \n 
\n \n \n\n \n \n \n 
\n
\n\n \n \n {/* \n \n
\n \n
*/}\n \n\n \n Last login time :{\" \"}\n \n {!!this.props.lastLogin ? (\n this.props.lastLogin\n ) : (\n
\n \n
\n \n
\n \n
\n \n {/*
\n Logged in as
\n Distributor
*/}\n \n {!!this.props.userId\n ? this.props.userId\n .split(\" \")\n .reduce(\n (p, c) => p.concat(c.charAt(0).toUpperCase()),\n \"\"\n )\n : \"\"}\n
\n \n
\n \n {this.props.profileData.Distributor_Name}\n
\n \n
\n \n
\n\n ARN Code:
\n \n
\n \n {this.props.token}\n
\n \n \n \n Dashboard\n
\n \n - \n
\n \n \n New Transaction\n
\n \n \n )}\n \n \n\n \n
\n \n
\n \n \n
\n \n {!!this.props.userId\n ? this.props.userId\n .split(\" \")\n .reduce((p, c) => p.concat(c.charAt(0).toUpperCase()), \"\")\n : \"\"}\n
\n \n
\n \n {this.props.profileData.Distributor_Name}\n
\n \n
\n \n
\n\n ARN Code:
\n \n
\n \n {this.props.token}\n
\n \n \n \n Dashboard\n
\n \n Co-Branded Creatives
\n */}\n - \n
\n \n \n Transact\n
\n \n \n )}\n \n \n \n \n \n \n
*/}\n \n {/* \n \n Home\n \n\n \n About\n \n
\n\n \n Contact us\n \n \n \n \n Client Services\n \n
\n \n \n
\n \n {ServicesArray.map((ele, index) => (\n \n {ele.title}\n \n ))}\n
\n \n \n {this.images.map((image) => {\n return (\n \n 
\n \n )\n\n })\n }\n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport Appbar from \"./appbar\";\nimport Signbutton from \"../forms/button\";\nimport { Input } from \"../forms/input\";\nimport DemoCarousel from \"../auth/carsouel\";\nimport { connect } from \"react-redux\";\nimport { userLogin } from \"shared/store/actions\";\nimport { REQ_BY } from \"shared/store/types\";\nimport { DASHBOARD_URL } from \"../home/dashboard\";\nimport { BUILD_URL } from \"../home/home\";\nimport { PosterDialog } from \"../home/customModal\";\nimport CustomLoader from \"../forms/customLoader\";\nimport Footer from \"./footer\";\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../forms/appEssentials\";\nimport {carouselImage3,large_mid,carouselImage4} from \"../forms/appEssentials\"\nclass Login extends Component {\n constructor(props) {\n super(props);\n this.state = {\n username: { value: \"\" },\n password: { value: \"\" },\n showPassword: false,\n PosterOpen: true,\n display: false,\n };\n }\n handleEmpanel = () => {\n window.open(\"https://invwise.sundarammutual.com/distributor-empanelment\");\n }\n changeValue = (label) => (event) => {\n if (event.target.value.length <= 30) {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n };\n\n showError = (label) => (event) => {\n const {\n [label]: { value },\n } = this.state;\n this.setState({\n [label]: {\n value,\n isError: !value,\n errorMessage: `${\n label === \"username\"\n ? \"User ID\"\n : label === \"password\"\n ? \"Password\"\n : label\n } is mandatory`,\n },\n });\n };\n\n signIn = async () => {\n const { showPassword, PosterOpen, display, ...others } = this.state;\n const keys = Object.keys(others);\n const findError = keys.every((key) => {\n return !!this.state[key].value;\n });\n if (!findError) {\n keys.forEach((key) => {\n !this.state[key].value &&\n this.setState({\n [key]: {\n ...this.state[key],\n isError: true,\n errorMessage: `${\n key === \"username\"\n ? \"User ID\"\n : key === \"password\"\n ? \"Password\"\n : key\n } is mandatory`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !this.state[key].value);\n switch (firstErroredKey) {\n case \"username\":\n this.usernameField.focus();\n break;\n case \"password\":\n this.passwordField.focus();\n break;\n }\n } else {\n this.setState({\n display: true,\n });\n\n const payload = {\n username: this.state.username.value,\n password: this.state.password.value,\n ReqBy: REQ_BY,\n };\n const response = await this.props.userLogin(payload);\n\n if (\n !!response &&\n !response.error &&\n !!response.DtData &&\n response.DtData.length > 0\n ) {\n const { DtData } = response;\n this.setState({\n display: false,\n });\n\n // ${process.env.PUBLIC_URL}/new-transaction\n if (DtData[0].tran_enable_flag === \"N\") {\n this.props.history.push(DASHBOARD_URL);\n } else {\n this.props.history.push(`${process.env.PUBLIC_URL}/new-transaction`);\n }\n } else if (!!response && !!response.error) {\n alert(`${response.error}`);\n this.setState({\n display: false,\n username: {\n value: \"\",\n isError: true,\n errorMessage: \"Please enter valid details\",\n },\n password: {\n value: \"\",\n isError: true,\n errorMessage: \"Please enter valid details\",\n },\n });\n }\n }\n };\n\n keyPress = (label) => (e) => {\n if (e.key === \"Enter\") {\n // Do code here\n if (label === \"username\") {\n this.passwordField.focus();\n } else {\n this.signIn();\n }\n e.preventDefault();\n }\n };\n closePoster = () => {\n this.setState({\n PosterOpen: false,\n });\n };\n\n render() {\n const { username, password } = this.state;\n return (\n \n {/*
\n \n \n );\n }\n}\n\nexport default connect(\n ({ authReducer }) => {\n const { token } = authReducer;\n return { token };\n },\n { userLogin }\n)(Login);\n\n// export function AlertUp(message) {\n// return (\n// \n {/*
\n \n \n 
\n \n
*/}\n \n {\n this.setState({\n showPassword: !this.state.showPassword,\n });\n }}\n isShowError={password.isError}\n inputref={(ele) => (this.passwordField = ele)}\n onKeyPress={this.keyPress()}\n />\n \n this.props.history.push(BUILD_URL + \"/forgot-password\")\n }\n >\n Forgot Password?\n
\n \n (this.usernameField = ele)}\n onKeyPress={this.keyPress(\"username\")}\n />\n \n this.props.history.push(BUILD_URL + \"/forgot-userid\")\n }\n >\n Forgot User ID?\n
\n SIGN IN
\n\n \n
\n \n Already empanelled, but haven’t created an account? {\" \"}\n \n this.props.history.push(BUILD_URL + \"/register\")\n }\n >\n SIGN UP\n \n
\n\n \n {/* \n \n Terms and Conditions*\n \n
*/}\n \n//
\n// )\n// }\n","import React, { Component } from \"react\";\nimport Appbar from \"./appbar\";\nimport Signbutton from \"../forms/button\";\nimport { Input } from \"../forms/input\";\nimport DemoCarousel from \"../auth/carsouel\";\nimport { connect } from \"react-redux\";\nimport { generateOtp } from \"shared/store/actions\";\nimport { BUILD_URL } from \"../home/home\";\nimport { EYE_ICON, EYE_ICON_HIDDEN } from \"../forms/appEssentials\";\nimport Footer from \"./footer\";\nimport {carouselImage3,large_mid} from \"../forms/appEssentials\"\nclass Register extends Component {\n constructor(props) {\n super(props);\n this.state = {\n userId: { value: \"\" },\n arnCode: { value: \"\" },\n password: { value: \"\" },\n confirmPassword: { value: \"\" },\n showPassword: false,\n confirmShowPassword: false,\n };\n }\n\n changeValue = (label) => (event) => {\n\n if(label === \"arnCode\"){\n if(event.target.value.length <=20)\n this.setState({\n [label]: { value: event.target.value },\n });\n\n }else if(label != \"arnCode\") {\n this.setState({\n [label]: { value: event.target.value },\n });\n }\n };\n\n showError = (label) => (event) => {\n const {\n [label]: { value },\n } = this.state;\n this.setState({\n [label]: {\n value,\n isError: !value,\n errorMessage: `${label===\"userId\"?\"User ID\":label} is mandatory`,\n },\n });\n };\n\n keyPress = (label) => (e) => {\n if (e.key === \"Enter\") {\n // Do code here\n if (label === \"userId\") {\n this.arnCodeField.focus();\n } else if (label === \"arnCode\") {\n this.passwordField.focus();\n } else if (label === \"password\") {\n this.confirmPasswordField.focus();\n } else {\n this.generateOtp();\n }\n e.preventDefault();\n }\n };\n\n generateOtp = async () => {\n const { showPassword, confirmShowPassword, ...others } = this.state;\n const keys = Object.keys(others);\n const findError = keys.every((key) => {\n return !!this.state[key].value;\n });\n const isPasswordEqual =\n this.state.password.value === this.state.confirmPassword.value;\n if (!findError) {\n keys.forEach((key) => {\n !this.state[key].value &&\n this.setState({\n [key]: {\n ...this.state[key],\n isError: true,\n errorMessage: `${key===\"userId\"? \"User ID\":key===\"password\"?\"Password\":key===\"arnCode\"? \"ARN Code\":key===\"confirmPassword\"?\"Confirm Password\":key} is mandatory`,\n },\n });\n });\n const firstErroredKey = keys.find((key) => !this.state[key].value);\n switch (firstErroredKey) {\n case \"userId\":\n this.userIdField.focus();\n break;\n case \"password\":\n this.passwordField.focus();\n break;\n case \"arnCode\":\n this.arnCodeField.focus();\n break;\n case \"confirmPassword\":\n this.confirmPasswordField.focus();\n break;\n }\n return;\n }\n if (!isPasswordEqual) {\n this.setState({\n confirmPassword: { ...this.state.confirmPassword, isError: true },\n });\n this.confirmPasswordField.focus();\n return;\n }\n const payload = {\n UserId: this.state.userId.value,\n ARNCode: `ARN-${this.state.arnCode.value}`,\n OTPMsg: Math.floor(100000 + Math.random() * 900000),\n };\n const response = await this.props.generateOtp(payload);\n if (!!response && !response.error) {\n this.props.history.push({\n pathname: BUILD_URL + \"/otp\",\n state: { payload: { ...payload, password: this.state.password.value } },\n });\n } else{\n alert(`${response.error}`)\n }\n };\n\n render() {\n const { userId, password, arnCode, confirmPassword } = this.state;\n\n return (\n {message}
\n// \n// \n
\n );\n }\n}\n\nexport default connect(null, { generateOtp })(Register);\n","import React, { Component } from \"react\";\nimport Appbar from \"./appbar\";\nimport DemoCarousel from \"../auth/carsouel\";\nimport Footer from \"./footer\";\nimport {carouselImage3,large_mid} from \"../forms/appEssentials\"\n\nexport default class CommonTemplate extends Component {\n render() {\n const { title, textOne, textTwo } = this.props;\n return (\n \n {/*
\n \n \n 
\n \n
*/}\n \n
\n \n \n this.setState({\n showPassword: !this.state.showPassword,\n })\n }\n image={\"/images/locked.svg\"}\n image2={\n !!this.state.showPassword\n ? EYE_ICON\n : EYE_ICON_HIDDEN\n }\n value={password.value}\n onChange={this.changeValue(\"password\")}\n onBlur={this.showError(\"password\")}\n isShowError={password.isError}\n inputref={(ele) => (this.passwordField = ele)}\n onKeyPress={this.keyPress(\"password\")}\n />\n \n this.setState({\n confirmShowPassword: !this.state.confirmShowPassword,\n })\n }\n image={\"/images/locked.svg\"}\n image2={\n !!this.state.confirmShowPassword\n ? EYE_ICON\n : EYE_ICON_HIDDEN\n }\n value={confirmPassword.value}\n onChange={this.changeValue(\"confirmPassword\")}\n onBlur={this.showError(\"confirmPassword\")}\n isShowError={confirmPassword.isError}\n inputref={(ele) => (this.confirmPasswordField = ele)}\n onKeyPress={this.keyPress(\"confirmPassword\")}\n />\n
\n SIGN UP
\n \n (this.userIdField = ele)}\n onKeyPress={this.keyPress(\"userId\")}\n />\n
\n \n (this.arnCodeField = ele)}\n onKeyPress={this.keyPress(\"arnCode\")}\n />\n
\n\n \n * Password should be at least\n 8 characters in length & should contain at least 1 uppercase\n alphabet (A-Z), 1 special character and 1 numeric character\n
\n \n Already have an account?{\" \"}\n this.props.history.push(BUILD_URL + \"/login\")}\n >\n SIGN IN\n \n
\n {/* \n \n Terms and Conditions*\n \n
*/}\n \n
\n );\n }\n}\n","import React, { Component } from \"react\";\nimport Signbutton from \"../forms/button\";\nimport { OtpInput } from \"../forms/input\";\nimport { registration, generateOtp } from \"shared/store/actions\";\nimport { connect } from \"react-redux\";\nimport { BUILD_URL } from \"../home/home\";\nimport CommonTemplate from \"./commonTemplate\";\nclass OTP extends Component {\n constructor(props) {\n super(props);\n const { OTPMsg, UserId, ARNCode, password } =\n !!this.props.location.state && !!this.props.location.state.payload\n ? this.props.location.state.payload\n : {};\n this.state = {\n otpMsg: OTPMsg,\n UserId,\n ARNCode,\n password\n };\n }\n\n regenerteOtp = async () => {\n const { UserId, ARNCode } = this.state;\n const OTPMsg = Math.floor(100000 + Math.random() * 900000);\n const params = {\n UserId,\n ARNCode,\n OTPMsg\n };\n const response = await this.props.generateOtp(params);\n if (response) {\n this.setState({\n otpMsg: OTPMsg\n });\n alert(\"An Otp has been resent to your registered Mobile Number\");\n }\n };\n\n submitOtp = async enteredOtp => {\n const { otpMsg, UserId, password, ARNCode } = this.state;\n if (Number(enteredOtp.join(\"\")) === otpMsg) {\n const params = {\n Username: UserId,\n DistCode: ARNCode,\n Password: password\n };\n const response = await this.props.registration(params);\n if (response) {\n this.props.history.push(BUILD_URL + \"/login\");\n }\n } else {\n alert(\"Please enter valid otp\");\n }\n };\n\n render() {\n return (\n \n {Array(6)\n .fill(0)\n .map((item, index) => (\n (this[`textInput${index}`] = ele)}\n onKeyPress={this.keyPress}\n onKeyDown={this.keyDown(index)}\n />\n ))}\n
\n \n * Password should be atleast 8\n characters length & should contain atleast 1 uppercase alphabet(A-Z),1\n special character& 1 numeric character\n
\n