\r\n \r\n \r\n back()}\r\n />\r\n Account Dashboard\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n objData: (obj) => dispatch({ type: \"USER_DETAILS\", value: obj }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Dashboard);\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n Dear ${props.auth.CustomerName\r\n },
Enclosed is your requested Account statement for the Period - ${moment(\r\n fDate\r\n ).format(\"DD/MM/YYYY\")} / ${moment(eDate).format(\r\n \"DD/MM/YYYY\"\r\n )}
\r\n
How to open your statement:
\r\n 1. Click on the Attachment Enclosed with this mail
\r\n 2. You will be prompted for your password
\r\n 3. The Password is your Primary Customer ID followed by your Date of Birth (DOB)
\r\n Example of this given below:
For Personal Saving or Current Account if Customer ID is 12345 and DOB is 01-Aug-1984 then your password will be 1234501081984.
\r\n For Current Account or Savings Accounts of Sole Proprietor / Partnership / Companies / HUF / Trust / Associations / Society / Clubs etc..
\r\n Default DOB is set as 01-Jan-1800 and hence the password with Customer ID 56789 will be 5678901011800.
\r\n We Pledge to reduce the Carbon footprint.
\r\n We Thank you for choosing E-statements for your BBK Account which not only minimizes usage of paper but also ensures convenience of access and a healthy planet for future generations.
\r\n Value Added Services:
BBK Provides Housing Loans at attractive Interest Rates. For more details please contact your branch.
\r\n BBK Provides LIC Insurance, General Insurance, and RUPAY ATM cards for all the customers.
\r\n BBK Internet Banking: To view all your accounts details online.
\r\n SMS Alerts: To get Transaction Alerts on your Account.
\r\n ATM Services: BBK ATM cards are now accepted in all Banks. For more details Click Here.
\r\n Please do not share your ATM, Debit card number, PIN, and OTP with anyone over mail, SMS, phone call, or any other media. Bank never asks for such information.
\r\n In case of any queries or suggestions, pls call us on +91 40 23258600 or alternatively contact your Relationship Manager (RM) or visit BBK nearest Branch.
\r\n Regards,
Bank of Bahrain and Kuwait B.S.C
\r\n \r\n \r\n back()}\r\n />\r\n Account Statement\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n handleCurrentMonth(e)}\r\n >\r\n Current month\r\n \r\n\r\n handleThreeMonths(e)}\r\n >\r\n Last 3 month\r\n \r\n\r\n {\r\n setBtnFocus(\"Custom\");\r\n setFDate(\"\");\r\n setEDate(\"\");\r\n setDisableDates(false);\r\n setTableData([]);\r\n }}\r\n >\r\n Custom\r\n \r\n \r\n\r\n {/* \r\n\r\n handleCurrentMonth(e)}\r\n >\r\n Current month\r\n \r\n \r\n \r\n handleThreeMonths(e)}\r\n >\r\n Last 3 month\r\n \r\n \r\n\r\n \r\n {\r\n setFDate(\"\");\r\n setEDate(\"\");\r\n setDisableDates(false);\r\n setTableData([]);\r\n }}\r\n >\r\n Custom\r\n \r\n */}\r\n \r\n \r\n Choose an account\r\n \r\n \r\n \r\n setAccNo(e.target.value)}\r\n // style={{ color: \"#fff\" }}\r\n >\r\n {data.map((item, index) => (\r\n \r\n ))}\r\n {/* */}\r\n \r\n \r\n \r\n \r\n Select Date Range\r\n \r\n \r\n \r\n {\r\n setFDate(e);\r\n }}\r\n />\r\n \r\n \r\n To\r\n \r\n \r\n {\r\n setEDate(e);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Clear\r\n \r\n \r\n \r\n \r\n \r\n For more than 2 years of account statement. Contact nearest branch.\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {/* \r\n handleAccNo(e)}\r\n // style={{ color: \"#fff\" }}\r\n >\r\n {props.auth.objData?.AccountDetailslst.map((item, index) => (\r\n \r\n ))}\r\n \r\n */}\r\n \r\n {/* \r\n {currentMonth}\r\n */}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n Credited Amount \r\n \r\n\r\n \r\n โน {creditAmt}\r\n \r\n \r\n \r\n \r\n Debited Amount \r\n \r\n\r\n \r\n โน {debitAmt}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n objData: (obj) => dispatch({ type: \"USER_DETAILS\", value: obj }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AccountStatement);\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAAAnCAYAAAA4hWV/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABN1SURBVHgB7V1NcttIln4PpP5cjjDrBIYXE9F2RYypExjyBUT5p3o6ZiHqBJIW07anF6IWM3ZVLySdQPRiYqYtd4m+gAWfwNTMlO3oXhg+QdMR1SWJEpD9vUSCBEGQAmXZpZLwRcgEk8hE/r3/lzBRjszYe3anurd1z6EcOc4oLLqAUK/JphOgYNFKgdQK5chxRnEhCZqKNK92aWmUKiKdSbGNS6ct1zlynEEwXTBo6Vyg97hskU/XeBqfGdB+fue9IWhBa+wn/xovNDLVzZHjS+HiSegCRSpzCaPPJKUPt+6sxIhZ1z26bOWqd44zh3NJ0Or/qZxa/lqXVzsFTIsoKw1rY++/K7biWJ3od+Il+Y1y5DhDKNJ5hE9V9b+0iCsXf018fwHV2oV0ThJ6iSboCj5b6v/IAZXOgsjl06aAGihfgCfMSUjnDizLquKjRkPQ/q9KORi3HHUUNKZ+1/AoR47PiPNJ0EKMBU3Qjv4r0BIItkZH9ArXvTigj5DGm6hT1d9V55cX8g+82uVBrgbF3MMg1GaldDQJplG0bkGCOyiS30uWIm/8d411ypHjM+NcqtxaGlPC2aWMJGX9W1S2AYqtdIi5W+7xP2sJnRnt53cXDy8X3qtiYQfEXKOQmYTqvBV7Zo4cnxHn1ykmxJqEBSI7ojkhWHxz+SacYirV3n4aXfjETRqEQLnyAafZGtoRCZxqj7cP/A3KkeML4PwSdAACU9RLjExXdZgqoBlQ6lxUlqgphF6LvkyOBSKpU8NTSgUNiU+Lg4wGAczj8r82BjOFHDlOEecyDq0dXAH+GJJYxbLCmJpJVRrOs2rnnvD+UMrCDgfxe3IpRFtg3ozXC4iXJ+8/X0/Ep1M6oxbGv/2hTjlyfAGcK4I2nmqJDzuxYk+kMYizeUzdlY6d3UUddVeFsA+27tXYpH1CIq9O3H9eU9uV0uFR4W/D2vWP/Gu/Bu+27SyVJmmywpa6qQIuMZONP+/NyycLWer/xnloW2SV3rj/2Yy1V37nPnHpnCKaM4yxHn2fovHqW/f79Sz1cHlL5lmKQIotpdTyp85XURYi6837tN/y3PVWSudKWdtAh71kWbIPafcMeo706f3aurijt0FpDvVDMsNeq12qQpV+mvL7IGIWVFHXQd0Nvvm8BqLWhULM8nl4OGYTBzQIQvgnJeYbzr+XAwoWWRaalHjc53G9+9Z9fKrecr0JrakVVgFMB2gnCLqzYfNBAIaWAded3y9BNKwFKljF1ybWs4o2NpXS9V06AdCGQ59pzKeBMuatzRPvVeg3qXe/s3wf2N/rzoNFzE1N9flblJeFmOU5+zS5Jte4v4/ZFtH4e8qIKZqk6zMPPSzUasSVQGTraGM+axuoLxum/nOwvyzMQYg52QeUzcQHZ+7ZIeo7VPEUVLMkdrF6jZixBaJM64vY0kEYhkrFEdqxQLyccmhDoZ7Z2BEhR2D/sASvdmqTkUpOJwSIWaRkVRYafdg11y4N2SyjojOvStlKK2uqGSh6ZeGZiixh3G6WdnBvKaHq2fTpsD/HmE8LICoZc2nQ9zRgvlcoJGZ8qJav6CkYVpMpaDEVPcr63G6iUz9B0+iQid5E57yTqgdgCNVL1uQHOiYpQyCc2mK1bThfrBFejnNuY+9WQdjrGNVax3st3m44yIblbEtd1JsxDGHWFLtQt5cjOzoNwVihxCqx6UF8vu+vT+5TSzLJ5PMkOd+TtN/cV5MzUGMhoQOoY6Sv6RRhWbSCdm3ZXIHiuXfudy6dHbifY8y/FIzWUpNrfK6+efldjU4A7IuW7ItBv/cTNKsGbKjdRKmdIoVtSodI8D7VFkS5GCdK3CPt1WgIRD0Bga2rXlNf2l945z520+oYW1kPGA6viqiCkr+Na4ELp1jPZKD8fWwsQsTTw4g4jol7fxYHW4+TTeLRBbJ2Di+zLbL78DLKtu42MeCNQc4xUXuTpkwz/O7Giry0uv/k/Fv5r+4fO/4BkbqRyWLUVjv6DVpD6y/u40Z0nzBWuVYSm1ed+zNjFIYe2dSJYi9pXkX9N+VesnxY+7pBM48yFphjTflu1NQKnQA++c34/KatVUZ06AemjCcETiMgWrtoX0g/4n2JxttH0CDmF5E6HQdU5R6CFjVhwLNlMWp99W8/uIlNE59Uj4YgUk96S7kJx8HcsIWNYPK2t3sLSTMq2MyLkjVmiF/+bHOHZJXtoO501lNYcbSf3d0kIRLu8zWWUbYJYl9B7Ho1SdjiIMH8ygGQjaz2omzSA57cNn2/ZtTnTQodggy7VphZz/gL6Nx155HWbLB+lU7UUnEFdUfe8HhmPc2OS8MUT4jJlCBoljn+2rQV9V8wE3tGankc2Ftr0JSqiovSfgtzKc9ypvgrW743Q9NunjnVxzIURcwaCOdr4RZta3LNMMGRnMnhWnWfHRtPZui1u/0H++3L//gQjY+4YKNtMvtAj7ePoOHlnE06qdCBW4m7mvDkNQY820b9WqLsKivlRFmVouKRKiwPqI/nMYx+1bv4rDb2gv1aZu4Yqt2JhqmpiVmSQAra7p7G9YfE8tjmFFaNMkJSPg8vF/SkDr8RbQthb92db7f95UR8GnasukkZYWw2h7qM0Y4/P2HXepjzkmhIeEYp+p3UyRxWkWeWeRRbOdTOZO1VSMg2mb5Qb//dRMVB5V0oXkostZNy16pSNBIiBjBlfXVlP/CZVf8hnawwDsKRwTJvrJLM1okuYvtAo1/lPpZbcwsjaw5RPWSh+44W9qrNlidOHxoI1cfJjwK/npWY9ZnnpMdbssOg6ogENiUlXG9Cp1rA5zzFHRqs88BrlBHtS9YS00jc3xkfK2yDEUx/gTPV3tudJyLB63GzKU2Lygph2GlrnAWw1YWRu6M4Y08Dxjxws95vhNqp9NGoyZk0mbR+YG9l1p7SnGJio3rJwq66Ak4PTjXFkzalqEDGwdJMlsOGLkc2NKREGVJ4G52dpkxQpSIXd6AurmZSSa2+CXBBzAspp60cmkB3DrRDbDvm5S6BKTgmJ/xYTPz2Bx3S4myvJxIJtTHxba/HXCBzjDnJpI5pzq1VEC5Jne73vjtLIQGK9JeQFIsGdpU+AawPpehn2Ya4b2WuCw2QAi7TyOBy1rnp4mgddU7EMHvn8wgmipgn4XcZMxyKV7NIfKMefwJ6+9E7nt5+Cfpt6FhIKo4khwecyBHRUx/qOOr3Ebo4b4pceB27E6oCV0Dcqaq79MM8z47uFwfXjdsPr7x5+WSVhkPUyWUQsbaRI3sYDrD+jXRAH/G7eNyvGbvb1jnflr52KSMkpLW/da+FkM/agFs0IY//hEUYLJVt5qxqXbSIKgpvDbqvFErTSEMSZkonIKi0Z6drY8OrcmU0C7RTsXTc3OwFf/+YfBafOHVK9bQDtbfzVcY8gvru0Cehtx8940n0S8afOWwFjqSSgxDbQgV+pvoFKqQQv0pVu0Mv9pO6YSI98Wf8Vrs+86gyzDkWz8Xuga/PRAsxRc91486vmJNskH9gKCTujFBVwyoWaph3sYfL6LCHll9IKGtQkglCEQ2EIuTSpk+HK/+Y+eu0GWOOEg56RacMcZLuU7se9UH2ShA/2KKCZdjt5fBeKhmzZpQnSCbVsEMuXp9JBr8LnLyf3aSRf0w4qU/QyF6mLwM9foZK0EOmMadFEnaygTTbLPotQ31Z5DkscjNpT0n8MZFYkmazeYO0iWFQuzrWHLYVvlPM0+VylvmytajPMStldypY7I7f+3Pqouxv3VmyVGxjMuYNjjf/0F/9Eumexs6TPw/hlZIwzShUk7yvwxgx50Mcml8EYTiSxXTSe8j00TF97Al7GtW2St39ZtOQMYfefUt793H/ieVzGqKw3llLZ433q1/lDu3c0rAGjJd6bsgtNh0HcM+3O983sqSeigNHGAcuN2OhBx3OgAp+C3G91SyhLA05hWWBAbGWzrrOT8/ulw8tf7tzyCKm16Dtrwc1hY0GAjZ1OoVULhQL1cOtO7Wx+z8cZxp8KoTRzYsUgDkjTMqeDJMO3OiGG7cfYVyBY9bV+yWJWdJZFavNyOmJvj9Nua1HjU9RbVPHLIlOsbCdTt6gU0SMKerm6Qwh3q+iGi10gfBHsPszVKuYFPCytiF5yfBuf8Bn491ONyspWR+ct09DMAQ7Y7hR1ThidHKE2FYg7HoWwu6kiRotQrK5ChzsgJhTmZhFgRddHz2/Ox+Ih9pIbMuCRB5gS8lLDvb/587HyX/54Xgn3skhqq30wAtYveCAryTnLggUvMq8Iuu211WJfxHIwQ2sn6Tgiir+FBLUjX4zmXFC4FfT6mLPRKm7qWP+q/tHSdYQU8JLtn0aMCp1nc4g4iGxM8VpRkVM/RJ4maV0DO3nJhlkAAJfLQtRHvzpboWtMFEDGoqWvpoZFAvDQhv5635zfFH8qgn6U5GBIKnd9qdpbIzGRYrHTBEh9ImJoH54pOsPNFHgNJyb+G3jF7VZc1wcXMz/OSOCvNFzCKDKNCSba1zs6wTRWgVeEf+4CoZ6XuGfKYzozc2R4+S40BJ66NtGFLyovj9jjRXKCPVtp90Sk9IpecpdQO3+Ole7c3wJnM/X+GZAG55tiFc79UemOohweRxEePCnO1WErlJvs4p8k+caLbVdmTn0CzVS6bHVgyn9/u5U59gN58E63JSznUczN358+Vjnud+YefBaZwohPPcmjCs7lrw4gFXz7cvv5r5xJAspeOEj9Cflh8qfK1DxpsWqFiiuvXMfay/ydedRxeJgM/J0y31ygujGzMPecCEXHJ38j9APs7XWLVfNveBgQRyhcD5u6rRahJbehNEHG8/eYRVs/Oh+vy59UuKwgmPKih1CUJ1Tck+8G5LrL55qM45wrOgLnFxBwI20Mf4YewvIN7cfrSEmXemrD6frz2pv5isarwZszcIxNhMfY7wPuh3n90uKEarEuDnwq+hTNcDv8vxoPDduP9imMJb9Qdbpzc7jaSkTr5w8W6+R4hfjtL/e5kmdOBWEz3Cj9mX9KBF2VYjLS8QhWtN4H/fU/lwnDDfzcIc7nntej/aG4DfOo3k4dNfj63pxVW4riIgvPKaoaMMnnhFpKl7sUSSqEDXqLMnrhnylFlT41tBOUgXU89lBdaN0WGyCGWwMOU22JN9Dbz5LYspH1Rvnt1lxRX5Hua0PWZjyIhXl7Hgdm+dpRMxy0odZgQAsjNGahrbhjXExCnNIlOCVbED5E2LW4wnbtKVMKd6Q58nRR2lLHIg6T4F5MZYpaAcWX9VHMqVP3RRaWzautCObUjIDwwmjeemHtCsZhNG9IJwr3THqNNjkGMM5AzEzhfXjfZBw2FfW1Io5mGInx8hhllyMeMJxIn6xpF88gLGaGHPnmfCil8x4PGlf91cytswayBqBebnt8HimrcdlqcV4+8xjr83zW8Kg5RoRBze+pjJPQvgyT1M07pg9YOt5AyGjb3Mw7z5G4w0ZqarLuqK9azLGIlnVCyuhQXQvDpW1cfnbreaw+wImrzDotyPVc27cJJPUzZ9OVtm/XCxbQeDQcIiUe69z50wM2bJ0rNWTN4qC6+7EzyorLf14TbKz4odehHBFSiFUVY/K9kGIVrjZIeUfN2/o0I5yrt/+w1VSvuTYz6KNWyoM97jxTlk6vimySLX26aBpmTPF2MwL2Omvp2iqGqXuomwJxLJkqnrdPhVWTA/lVUqN6Iy2vNEF/S+PWQVps38NFD9NSyuN6vtakqryJWuyezIO4Rs8YwmeoXo8nMg6/v7EhWR10U8n2ab0XeZtj/bqNACQwA0Q7eYYFRZljTRzsGhWDpOH0vjhTqDkVVHcZGXFmR32UNB6t/Nk9xvJw2bVSktMYZMMI3MdEXuozTxo4HlmbrlpXhctsM39L4zGUZVvF1ZCy8sJjiNmwXGv8R1WV6T81P3nrhzeoOHw3khWk+HQoRQQiaYJXUtTcP1KdLNFYyBcbS7YPf1hcdAFPedtJb5rKt0ynzrOG+U9h5IbKiGkU7JTUEVFcsyJVLkkLxCMDumDmMNPNdudC7UhkoISWYKs/KekN7pO87WFUelyVtuhOcGpZgqk2qYmmkR6cFQ/nBdtjsS1l1f6DTIpYUhNYIrLIPi+NQ9TSgMS6W5KWtE8RdqGOTHl6aOMDEYuiUnKqgpxG81EJOlsqFqrkjA7GgGioWktDWOK6oZhWYbg8af1GmE+LnVf1ODpebJYH7mV7DuYQysX28udAaJOg0T6s46gop9ieqctth7rt7qQVyS2SatvWl2dkU2KzdPZuMLxhQCTr2VSsD+xObV6C7tZS0u9ETXBUlXbk/oFDLTaTQxSu2KfvzVvMukZu/JdS7++WGEOoC2E/+/Xamge0Ia27Zj1xpekobQ8ALHvD8nXbWtNQdvf3DAbeEE2f9qbUgaNEdRXiepT+J8p2L3ai9V/zh5Edokn/6Z1jbTcaqsoJsmqmDtil2rmFs6XVIE2YJidvF9O+hMoF+rvK82kYD9bxsYV5hcSpSb8gWZWGgpgcAXN5FTLj+WHY85Xxtna0T6H0Dfhym96rhXpPod7h9ePAt690F7uUdB+Bo94lOZpPOD5fz6X46whl9AZ4bPV4ewB80ZOzDly/MrR3rq703529z3lyHFGcWG93CcBwlqrBRoQu86R4wzgH/nDwSBX1sPXAAAAAElFTkSuQmCC\"","\r\nimport React, { useEffect, useRef, useState, useImperativeHandle, useCallback, useContext } from 'react';\r\nimport { InputAdornment, TextField } from '@material-ui/core';\r\nimport PropTypes from 'prop-types';\r\nimport {FormContext} from './FCanvas';\r\nimport ErrorIcon from '@material-ui/icons/ErrorOutline';\r\nimport { FormatListNumberedRtlOutlined } from '@material-ui/icons';\r\n//import { Mode } from '../helpers/Mode';\r\n\r\n\r\nexport const FStrFormat = {\r\n\r\n type_x: \"type_x\",\r\n type_aN: \"type_aN\",\r\n type_N: \"type_N\",\r\n //uppercase\r\n type_ANC: \"type_ANC\",\r\n type_GSTIN: \"type_GSTIN\",\r\n type_IFSCCode: \"type_IFSCCode\",\r\n type_PanNo: \"type_PanNo\",\r\n type_XC: \"type_XC\",\r\n type_AC: \"type_AC\",\r\n type_Name: \"type_Name\",\r\n type_Name_Space: \"type_Name_Space\",\r\n type_Name_Space_Dot: \"type_Name_Space_Dot\"\r\n}\r\n\r\nconst capsFormats = [\r\n \"type_ANC\",\r\n \"type_GSTIN\",\r\n \"type_IFSCCode\",\r\n \"type_PanNo\",\r\n \"type_XC\",\r\n \"type_AC\",\r\n \"type_Name\",\r\n \"type_Name_Space\",\r\n \"type_Name_Space_Dot\"\r\n];\r\n\r\nconst FormatRules = {\r\n type_x: \"\",\r\n type_XC: \"[A-Z]\",\r\n type_aN: \"^[a-z0-9]*$\",\r\n type_ANC: \"^[a-zA-Z0-9]*$\",\r\n type_a: \"^[A-Za-z]*$\",\r\n type_AC: \"^[a-zA-Z]*$\",\r\n type_Name: \"^[a-zA-Z0-9]*[']{0,1}[a-zA-Z0-9]*$\",\r\n type_Name_Space: \"^[a-zA-Z0-9 ]*[']{0,1}[a-zA-Z0-9 ]*$\",\r\n type_N: \"^[0-9]*$\",\r\n //Validations On Value Changed\r\n type_PanNo: \"^[A-Z]{5}[0-9]{4}[A-Z]{1}$\",\r\n type_IFSCCode: \"^[A-Z]{4}[0][a-zA-Z0-9]{6}$\",\r\n type_GSTIN: \"^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$\",\r\n type_Name_Space_Dot: \"^[a-zA-Z0-9 ]*[.]{0,1}[a-zA-Z0-9 ]*$\",\r\n}\r\n\r\nconst ErrorCodeMapping = {\r\n type_x: \"error_type_x\",\r\n type_XC: \"error_type_XC\",\r\n type_aN: \"error_type_aN\",\r\n type_ANC: \"error_type_ANC\",\r\n type_a: \"error_type_a\",\r\n type_AC: \"error_type_AC\",\r\n type_Name: \"error_type_Name\",\r\n type_Name_Space: \"error_type_Name_Space\",\r\n type_N: \"error_type_N\",\r\n //Validations On Value Changed\r\n type_PanNo: \"error_type_PanNo\",\r\n type_IFSCCode: \"error_type_IFSCCode\",\r\n type_GSTIN: \"error_type_GSTIN\",\r\n type_Name_Space_Dot: \"error_type_Name_Space_Dot\",\r\n}\r\n\r\nconst FinStrField = React.memo(React.forwardRef((props, ref) => {\r\n\r\n \r\n const {\r\n value,\r\n label,\r\n placeholder,\r\n format,\r\n required,\r\n onBlur,\r\n onTab,\r\n onChange,\r\n onKeyDown,\r\n onFocus,\r\n onValidate,\r\n disabled,\r\n testid,\r\n length,\r\n displayError,\r\n ...otherProps\r\n } = props;\r\n\r\n const [error, setError] = useState(false);\r\n const _input = useRef(null)\r\n const _valid = useRef(true);\r\n \r\n const formContext = useContext(FormContext);\r\n const errorCode=useRef(null);\r\n\r\n const _disabled = disabled ? disabled : formContext.disabled;\r\n\r\n useImperativeHandle(ref, () => {\r\n // //console.log(\"imperative\")\r\n return {\r\n isValid: () => _valid.current,\r\n input: _input.current,\r\n disable: () => {_input.current.disabled=true},\r\n enable: () => {_input.current.disabled=false},\r\n focus: () => {_input.current.focus()},\r\n validate: () => {return validate()} ,\r\n setError: () => {setError(true)},\r\n removeError: () => {setError(false)},\r\n clear: () => {setError(false)},\r\n label: label\r\n }\r\n })\r\n // useEffect(() => {\r\n\r\n // ////console.log(\"value effect\", _input.current.value)\r\n // if (_input.current.value) {\r\n // const capsOn = capsFormats.includes(format);\r\n // _input.current.value = _input.current.value.toUpperCase();\r\n // }\r\n\r\n // }, [props.value])\r\n\r\n\r\n function internalOnBlur(evt) {\r\n\r\n validate()\r\n if (!_valid.current) {\r\n setError(true);\r\n evt.preventDefault();\r\n }\r\n else{\r\n setError(false);\r\n }\r\n if (onBlur) {\r\n onBlur(evt)\r\n }\r\n }\r\n function internalOnFocus(evt) {\r\n\r\n \r\n if (onFocus) {\r\n \r\n onFocus(evt)\r\n }\r\n }\r\n function internalKeyDown(evt) {\r\n\r\n // if(evt.key === \"Enter\"){\r\n // //console.log(\"enter\", _input.current.dispatchEvent);\r\n // _input.current.dispatchEvent(new KeyboardEvent(\"keyDown\", {\r\n // key: \"Tab\"\r\n // }));\r\n // return;\r\n // }\r\n if (evt.key === \"Enter\") {\r\n evt.preventDefault();\r\n }\r\n let validationResult;\r\n if (format === FStrFormat.type_N) {\r\n if (evt.keyCode === 37 || evt.keyCode === 39 || evt.keyCode === 46 || evt.keyCode === 8 || evt.keyCode === 9 || (!evt.shiftKey && ((evt.keyCode >= 48 && evt.keyCode <= 57) || (evt.keyCode >= 96 && evt.keyCode <= 105)))) {\r\n //return;\r\n }\r\n else {\r\n evt.preventDefault();\r\n }\r\n }\r\n if(evt.key === \"Tab\"){\r\n validationResult = validate()\r\n if (!_valid.current) { \r\n evt.preventDefault();\r\n }\r\n else{\r\n if(onTab){\r\n onTab(evt)\r\n }\r\n }\r\n }\r\n if (onKeyDown) {\r\n onKeyDown(evt, validationResult);\r\n }\r\n }\r\n const internalOnChange = function(evt) {\r\n const _evt = { ...evt };\r\n const capsOn = capsFormats.includes(format);\r\n if (capsOn) {\r\n _evt.target.value = _evt.target.value.toUpperCase();\r\n // //console.log(\"value:\", _evt.target.value);\r\n }\r\n if (onChange) {\r\n onChange(_evt);\r\n }\r\n };\r\n\r\n function validate() {\r\n // debugger;\r\n let value = _input.current.value;\r\n if (required) {\r\n if(value){\r\n value = value.trim();\r\n }\r\n\r\n if (value) {\r\n _valid.current = true\r\n }\r\n else {\r\n _valid.current = false\r\n errorCode.current = \"error_required\";\r\n if(displayError){\r\n setError(true);\r\n }\r\n \r\n if(onValidate){\r\n onValidate({\r\n isValid: _valid.current,\r\n errorCode: errorCode.current\r\n });\r\n }\r\n return {\r\n isValid: _valid.current,\r\n errorCode: errorCode.current\r\n };\r\n }\r\n }\r\n else {\r\n _valid.current = true\r\n }\r\n if(length){\r\n \r\n if(value.length > length){\r\n _valid.current = false;\r\n errorCode.current = \"error_invalid_length\";\r\n if(displayError){\r\n setError(true);\r\n }\r\n \r\n if(onValidate){\r\n onValidate({\r\n isValid: _valid.current,\r\n errorCode: errorCode.current\r\n });\r\n }\r\n return {\r\n isValid: _valid.current,\r\n errorCode: errorCode.current\r\n };\r\n \r\n }\r\n else{\r\n _valid.current = true;\r\n }\r\n }\r\n const validationRule = FormatRules[format];\r\n const capsOn = capsFormats.includes(format);\r\n if (capsOn) {\r\n value = value.toUpperCase();\r\n }\r\n const regEx = new RegExp(validationRule);\r\n const isRegEx = regEx.test(value);\r\n _valid.current = isRegEx;\r\n errorCode.current = _valid.current ? null : ErrorCodeMapping[format];\r\n if(_valid.current){\r\n\r\n if(error){\r\n if(displayError){\r\n setError(false);\r\n }\r\n \r\n }\r\n }\r\n else{\r\n\r\n if(displayError){\r\n setError(true)\r\n }\r\n \r\n }\r\n if(onValidate){\r\n onValidate({\r\n isValid: _valid.current,\r\n errorCode: errorCode.current\r\n });\r\n }\r\n return {\r\n isValid: _valid.current,\r\n errorCode: errorCode.current\r\n }\r\n }\r\n \r\n return (\r\n \r\n Password Guidelines :
At least 8 character
at least one capital letter (A-Z)
should not have space
atleast 2 non-alphabetic characters
at least 1 special character except %, & and $
\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n }\r\n\r\n const handleChangeMpin = async () => {\r\n if (oldMpin && newMpin && confirmMpin) {\r\n if (newMpin && confirmMpin) {\r\n if (newMpin == confirmMpin) {\r\n if (newMpin.length >= 8 && oldMpin.length >= 8) {\r\n checkPass(newMpin)\r\n // otpGeneration();\r\n } else {\r\n popUp({\r\n message: \"Password cannot be less than 8 characters\",\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n } else {\r\n popUp({\r\n message: \"New password & Confirm password did not match\",\r\n icons: \"error\",\r\n });\r\n return\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please enter new password & confirm password\",\r\n icons: \"error\",\r\n });\r\n return\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please fill all the details\",\r\n icons: \"error\",\r\n });\r\n }\r\n };\r\n\r\n\r\n\r\n\r\n\r\n function clearData() {\r\n setOtp('');\r\n setOtpGrid(false)\r\n setOldMpin(\"\");\r\n setNewMpin(\"\");\r\n setConfirmMpin(\"\");\r\n }\r\n\r\n async function otpGeneration() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n RequestType: \"CHANGEPASS\",\r\n });\r\n const data = {\r\n servicename: \"OTPGenerationService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else if (response.data.error.code == 0) {\r\n setOtpGrid(true);\r\n setSeconds(59);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function OtpVerify() {\r\n if (otp) {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n OneTimePass: otp,\r\n RequestType: \"CHANGEPASS\",\r\n });\r\n const data = {\r\n servicename: \"OTPValidationService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n clearData();\r\n })\r\n return;\r\n } else if (response.data.error.code == 0) {\r\n debugger;\r\n passMpinChange();\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"enter_otp\"),\r\n icons: \"warning\",\r\n });\r\n }\r\n }\r\n\r\n\r\n const handleChange1 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n const handleChange2 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n const handleChange3 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n // funtions onmouse events for password fields\r\n function mouseDown1(e) {\r\n document.getElementById(\"pass\").addEventListener(\"mousedown\", setPassType1(\"text\"));\r\n }\r\n\r\n function mouseUp1(e) {\r\n document.getElementById(\"pass\").addEventListener(\"mouseup\", setPassType1(\"password\"));\r\n }\r\n\r\n function mouseDown2(e) {\r\n document.getElementById(\"newPass\").addEventListener(\"mousedown\", setPassType2(\"text\"));\r\n }\r\n\r\n function mouseUp2(e) {\r\n document.getElementById(\"newPass\").addEventListener(\"mouseup\", setPassType2(\"password\"));\r\n }\r\n\r\n function mouseDown3(e) {\r\n document.getElementById(\"confirmPass\").addEventListener(\"mousedown\", setPassType3(\"text\"));\r\n }\r\n\r\n function mouseUp3(e) {\r\n document.getElementById(\"confirmPass\").addEventListener(\"mouseup\", setPassType3(\"password\"));\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Change Login Password\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t(\"old_password\")}\r\n \r\n {\r\n setOldMpin(event.target.value.replace(/\\s/g, \"\"));\r\n }}\r\n endAdornment={\r\n \r\n mouseDown1(e)}\r\n onMouseUp={(e) => mouseUp1(e)}\r\n edge=\"end\"\r\n >\r\n {passType1 == \"text\" ? \r\n }\r\n />\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {t(\"new_password\")}\r\n \r\n {\r\n setNewMpin(event.target.value.replace(/\\s/g, \"\"));\r\n }}\r\n endAdornment={\r\n \r\n mouseDown2(e)}\r\n onMouseUp={(e) => mouseUp2(e)}\r\n edge=\"end\"\r\n >\r\n {passType2 == \"text\" ? \r\n }\r\n />\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {t(\"confirm_new_password\")}\r\n \r\n {\r\n setConfirmMpin(event.target.value.replace(/\\s/g, \"\"));\r\n }}\r\n endAdornment={\r\n \r\n mouseDown3(e)}\r\n onMouseUp={(e) => mouseUp3(e)}\r\n edge=\"end\"\r\n >\r\n {passType3 == \"text\" ? \r\n }\r\n />\r\n \r\n \r\n \r\n\r\n {otpGrid == true && (\r\n \r\n \r\n setOtp(e.target.value)}\r\n />\r\n\r\n {seconds > 0 ? (\r\n \r\n \r\n {t(\"resend_otp\")}\r\n \r\n \r\n )}\r\n \r\n \r\n )}\r\n \r\n {otpGrid === true ? (\r\n \r\n \r\n {t(\"OTP Verify\")}\r\n \r\n \r\n ) : (\r\n \r\n \r\n {t(\"Change Password\")}\r\n \r\n \r\n )}\r\n \r\n \r\n {t(\"Cancel\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t(\"password_must_contain\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n props.history.push(\"ChangeTpin\");\r\n }}\r\n >\r\n Change Transaction Password\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(ChangePassword);\r\n","import {\r\n Box,\r\n Button,\r\n FormControl,\r\n InputLabel,\r\n Link,\r\n MenuItem,\r\n OutlinedInput,\r\n Select\r\n} from \"@material-ui/core\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport { popUp } from \"../../util/Helper\";\r\n\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport postService from \"../../service/PostService\";\r\n\r\n\r\nfunction ChequeBookRequest(props) {\r\n const [accNo, setAccNo] = React.useState(\"\");\r\n const [otpGrid, setOtpGrid] = useState(false);\r\n const [minutes, setMinutes] = useState(0);\r\n const [seconds, setSeconds] = useState(0);\r\n const [otp, setOtp] = useState(\"\");\r\n const [otpVerify, setotpVeryfy] = useState(false);\r\n const [NoofLeaves, setNoofLeaves] = useState(0);\r\n const [leaves, setLeaves] = useState([]);\r\n\r\n const [tpinType, setTpinType] = useState(\"password\");\r\n const [tpin, setTPin] = useState(\"\");\r\n\r\n const otpRef = useRef(null);\r\n const tpinRef = useRef(null)\r\n\r\n\r\n // useEffect(() => {\r\n // const leaves = [];\r\n // let i = 25\r\n // for (i = 25; i <= 100; i++) {\r\n // if (i % 25 == 0) {\r\n // leaves.push(i);\r\n // }\r\n\r\n // }\r\n // setLeaves(leaves);\r\n // }, [])\r\n\r\n const obj = props?.auth?.objData?.AccountDetailslst;\r\n const { t } = useTranslation();\r\n const handleclick = () => {\r\n if (!accNo) {\r\n setOtpGrid(true);\r\n } else {\r\n popUp({\r\n message: \"select account number.\",\r\n icons: \"error\",\r\n });\r\n }\r\n };\r\n\r\n const resendOtp = () => {\r\n // let otpFlag = true;\r\n otpGeneration();\r\n };\r\n\r\n useEffect(() => {\r\n if (otpGrid === true) {\r\n const interval = setInterval(() => {\r\n if (seconds > 0) {\r\n setSeconds(seconds - 1);\r\n }\r\n if (seconds === 0 && minutes === 0) {\r\n clearInterval(interval);\r\n }\r\n }, 1000);\r\n\r\n return () => {\r\n clearInterval(interval);\r\n };\r\n }\r\n }, [seconds, otpGrid]);\r\n\r\n\r\n const TPINValidation = async () => {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n customerNumber: props.auth.CustomerNumber,\r\n TPin: tpin,\r\n });\r\n\r\n const data = {\r\n servicename: \"TPINValidationService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n\r\n if (response.data.error.code !== 0) {\r\n // clearState();\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n tpinRef.current.focus();\r\n setTPin(\"\")\r\n\r\n });\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n //console.log(\"obj\", obj);\r\n // popUp({\r\n // message: response.data.error.message,\r\n // icons: \"success\",\r\n // });\r\n\r\n otpGeneration();\r\n\r\n // setOtpGrid(true);\r\n // otpGeneration();\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n };\r\n\r\n async function otpGeneration() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n RequestType: \"CHEQUEBOOKREQ\",\r\n });\r\n const data = {\r\n servicename: \"OTPGenerationService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else if (response.data.error.code === 0) {\r\n debugger;\r\n // popUp({\r\n // message: response.data.error.message,\r\n // icons: 'success'\r\n // })\r\n setOtpGrid(true);\r\n setSeconds(59);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function OtpVerify() {\r\n if (otp) {\r\n if (otp.length === 6) {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n OneTimePass: otp,\r\n RequestType: \"CHEQUEBOOKREQ\",\r\n });\r\n const data = {\r\n servicename: \"OTPValidationService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n setOtp(\"\");\r\n otpRef.current.focus();\r\n })\r\n return;\r\n } else if (response.data.error.code === 0) {\r\n debugger;\r\n ChequeBookRequestService();\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n } else {\r\n popUp({\r\n message: \"Invalid OTP\",\r\n icons: \"warning\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: t(\"enter_otp\"),\r\n icons: \"warning\",\r\n });\r\n }\r\n }\r\n\r\n async function ChequeBookRequestService() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n let jsonRequest = JSON.stringify({\r\n AccountNumber: accNo.PrdAcctId15Digit,\r\n InstrumentType: \"10\",\r\n BookSize: NoofLeaves,\r\n NoofBooks: \"0\",\r\n CustNo: props.auth.CustomerNumber,\r\n ChqbookYN: \"Y\",\r\n ReqType: \"INSERT\",\r\n TPIN: tpin,\r\n });\r\n const data = {\r\n servicename: \"ChequeBookRequestService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(\"ChequeBookRequestService response \", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n handleClear();\r\n })\r\n return;\r\n }\r\n popUp({\r\n message: \"Your chequebook request has been submitted successfully\",\r\n icons: \"success\",\r\n }).then(() => {\r\n handleClear();\r\n });\r\n })\r\n .catch((error) => {\r\n //console.log(\"ChequeBookRequestService error \", error);\r\n });\r\n }\r\n\r\n const handleRequest = () => {\r\n if (accNo && tpin && NoofLeaves) {\r\n // setOtpGrid(true);\r\n TPINValidation()\r\n }\r\n else {\r\n popUp({\r\n message: \"Fill all the detail\",\r\n icons: \"warning\",\r\n })\r\n }\r\n }\r\n\r\n\r\n const handleClear = () => {\r\n setAccNo(\"\");\r\n setNoofLeaves(0);\r\n setOtp('');\r\n setOtpGrid(false);\r\n setTPin('');\r\n }\r\n\r\n // funtions onmouse events for password fields\r\n function mouseDown(e) {\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mousedown\", setTpinType(\"text\"));\r\n }\r\n\r\n function mouseUp(e) {\r\n debugger;\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mouseup\", setTpinType(\"password\"));\r\n }\r\n\r\n return (\r\n <>\r\n \r\n Time Remaining: {`0${minutes}`}:{\" \"}\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\n- \r\n
- At least 8-16 character \r\n
- at least one capital letter (A-Z) & should not have space \r\n
- atleast 2 non-alphabetic characters \r\n
- at least 1 special character except %, & and $ \r\n {/*
- {t(\"between_8_16_characters\")} */}\r\n
\r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Cheque Book Request\r\n \r\n \r\n \r\n \r\n \r\n {!otpGrid && !otpVerify ? (\r\n \r\n \r\n select the following options to place a Cheque Book\r\n Delivery Request\r\n \r\n \r\n Select Account \r\n \r\n setAccNo(e.target.value)}\r\n required\r\n variant=\"standard\"\r\n displayEmpty\r\n >\r\n {obj &&\r\n obj.map((item, i) => {\r\n return (\r\n \r\n );\r\n })}\r\n {/* */}\r\n \r\n \r\n \r\n\r\n \r\n Select Number of Leaves \r\n \r\n setNoofLeaves(e.target.value)}\r\n display=\"flex\"\r\n >\r\n \r\n \r\n \r\n \r\n {/* {\r\n leaves.map((item, i) =>\r\n \r\n )} */}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Transaction Password\r\n \r\n e.preventDefault()}\r\n onCopy={(e) => e.preventDefault()}\r\n onPaste={(e) => e.preventDefault()}\r\n inputProps={{ maxLength: 30 }}\r\n input={\r\n \r\n mouseDown(e)}\r\n onMouseUp={(e) => mouseUp(e)}\r\n edge=\"end\"\r\n >\r\n {tpinType === \"text\" ? \r\n }\r\n />\r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {otpGrid === true && (\r\n \r\n )}\r\n \r\n {!otpGrid ?\r\n \r\n \r\n Request\r\n \r\n \r\n :\r\n \r\n \r\n next\r\n \r\n \r\n }\r\n \r\n \r\n Clear\r\n \r\n \r\n \r\n\r\n \r\n Disclaimer \r\n \r\n Please check your registered communication address before\r\n proceeding with a Cheque Book Request.{\" \"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n MORE INFORMATION \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n // custId: state.login.custId,\r\n // UName: state.login.loginInfo.username\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(ChequeBookRequest);\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport {\r\n Box,\r\n Card,\r\n Step,\r\n StepLabel,\r\n Stepper,\r\n Typography,\r\n Button,\r\n Select,\r\n Link,\r\n MenuItem,\r\n} from \"@material-ui/core\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport { connect } from \"react-redux\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport OutlinedInput from \"@material-ui/core/OutlinedInput\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport ArrowBackIosIcon from \"@material-ui/icons/ArrowBackIos\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\n\r\nconst ITEM_HEIGHT = 48;\r\nconst ITEM_PADDING_TOP = 8;\r\nconst MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 210,\r\n },\r\n },\r\n};\r\n\r\nfunction StopChequeRequest(props) {\r\n const [accNo, setAccNo] = React.useState(\"\");\r\n const [instrumentNo, setInstrumentNo] = useState(\"\");\r\n const [selectedReason, setSelectedReason] = useState(\"\");\r\n const { t } = useTranslation();\r\n const obj = props?.auth?.objData?.AccountDetailslst;\r\n const [tpin, setTPin] = useState(\"\");\r\n const accNoRef = useRef(null);\r\n const tpinRef = useRef(null);\r\n\r\n\r\n const [tpinType, setTpinType] = useState(\"password\");\r\n\r\n\r\n\r\n const reasons = [\r\n { reasonCode: \"001\", reason: \"INSTRUMENT REPORTED LOST\" },\r\n { reasonCode: \"002\", reason: \"PAYMENT STOPPED BY DRAWER\" },\r\n { reasonCode: \"003\", reason: \"DRAWER REPORTED INSOLVENT\" },\r\n { reasonCode: \"004\", reason: \"DRAWER REPORTED LUNATIC\" },\r\n { reasonCode: \"005\", reason: \"COURT - STATUTORY ORDERS\" },\r\n { reasonCode: \"006\", reason: \"ACCOUNT HOLDER DECEASED\" },\r\n { reasonCode: \"007\", reason: \"STOP PAYMENT THROUGH TELEBANKING\" },\r\n { reasonCode: \"008\", reason: \"STOP PAYMENT THROUGH NETBANKING\" },\r\n { reasonCode: \"009\", reason: \"STOP PAYMENT THROUGH ATM\" },\r\n { reasonCode: \"010\", reason: \"STOP PAYMENT THROUGH MOBILEBANKING\" },\r\n { reasonCode: \"011\", reason: \"CHEQUE BOOK LOST\" },\r\n { reasonCode: \"012\", reason: \"CHEQUE BOOK MUTILATED\" },\r\n { reasonCode: \"013\", reason: \"CHEQUE BOOK STOLEN\" },\r\n { reasonCode: \"014\", reason: \"CHEQUE FORGED\" },\r\n { reasonCode: \"015\", reason: \"CHEQUE LOST\" },\r\n { reasonCode: \"016\", reason: \"INSUFFICIENT BALANCE\" },\r\n { reasonCode: \"017\", reason: \"STOPPED DUE TO CHEQUE EXPIRY\" },\r\n { reasonCode: \"018\", reason: \"WRONG AMOUNT SPELT\" },\r\n { reasonCode: \"019\", reason: \"PAYMENT STOPPED BY COURT ORDERS\" },\r\n ];\r\n\r\n\r\n // funtions onmouse events for password fields\r\n function mouseDown(e) {\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mousedown\", setTpinType(\"text\"));\r\n }\r\n\r\n function mouseUp(e) {\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mouseup\", setTpinType(\"password\"));\r\n }\r\n\r\n\r\n const handleChange = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n function clearData() {\r\n setAccNo(\"\");\r\n setInstrumentNo(\"\");\r\n setSelectedReason(\"\");\r\n setTPin(\"\");\r\n accNoRef.current.focus();\r\n }\r\n\r\n const handleInstrumentNumber = (e) => {\r\n let regex = /^(?!.*000).*$/;\r\n if (regex.test(e.target.value)) {\r\n setInstrumentNo(e.target.value);\r\n }\r\n };\r\n\r\n\r\n const TPINValidation = async () => {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n customerNumber: props.auth.CustomerNumber,\r\n TPin: tpin,\r\n });\r\n\r\n const data = {\r\n servicename: \"TPINValidationService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n\r\n if (response.data.error.code !== 0) {\r\n // clearState();\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n tpinRef.current.focus();\r\n setTPin(\"\")\r\n\r\n });\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n // otpGeneration();\r\n StopChequeService()\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n };\r\n\r\n\r\n async function StopChequeService() {\r\n\r\n let url = \"Entities/FSwitchServiceCall\";\r\n let jsonRequest = JSON.stringify({\r\n AccountNumber: accNo.PrdAcctId15Digit,\r\n InstrumentNo: instrumentNo,\r\n Remark: selectedReason,\r\n CustNo: props.auth.CustomerNumber,\r\n TPIN: tpin,\r\n });\r\n const data = {\r\n servicename: \"StopChequeService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(\"StopChequeService response \", response.data);\r\n if (response.data.error.code === 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"success\",\r\n }).then(() => {\r\n clearData();\r\n });\r\n }\r\n else {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n clearData();\r\n });\r\n return;\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(\"StopChequeService error \", error);\r\n });\r\n }\r\n\r\n\r\n const handleSubmit = () => {\r\n if (accNo && instrumentNo && selectedReason && tpin) {\r\n if (instrumentNo.length === 6) {\r\n TPINValidation();\r\n } else {\r\n popUp({\r\n message: \"Please enter valid cheque number.\",\r\n icons: 'warning'\r\n })\r\n }\r\n }\r\n else {\r\n popUp({\r\n message: \"Please fill all the details\",\r\n icons: \"warning\",\r\n });\r\n }\r\n\r\n };\r\n\r\n\r\n // function functionThree() {\r\n // return (\r\n // <>\r\n // - \r\n
- \r\n Cheque leaves will be issued in multiple of 5, please\r\n refer schedule of charges for details of charges\r\n applicable to Savings Accounts in the the given link\r\n https://www.bbkindia.com/rates-and-charges \r\n \r\n
- \r\n {\" \"}\r\n Charges as applicable will be debited from your account\r\n \r\n
- \r\n Your cheque book will be sent to your registered\r\n communication address within 7 working days.\r\n \r\n\r\n
- \r\n You will receive a Request Confirmation Number after\r\n placing a Cheque Book Request.\r\n \r\n
- \r\n
- \r\n Cheque leaves will be issued in multiple of 5, please refer\r\n schedule of charges for details of charges applicable to\r\n Savings Accounts in the the given link\r\n https://www.bbkindia.com/rates-and-charges\r\n \r\n
- \r\n Your cheque book will be delivered to your registered\r\n communication address\r\n \r\n
- \r\n Please check your registered communication address by\r\n visiting the\" profile details\" within \"manage profile\"\r\n section before proceeding with a cheque book request\r\n \r\n
\r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Stop Cheque Request\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n Select Account \r\n \r\n setAccNo(e.target.value)}\r\n required\r\n variant=\"standard\"\r\n displayEmpty\r\n >\r\n \r\n {obj &&\r\n obj.map((item, i) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n\r\n \r\n Cheque Number \r\n \r\n\r\n \r\n Reason to stop \r\n \r\n setSelectedReason(e.target.value)}\r\n displayEmpty\r\n >\r\n \r\n {reasons &&\r\n reasons.map((item, i) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n Transaction Password\r\n \r\n \r\n mouseDown(e)}\r\n onMouseUp={(e) => mouseUp(e)}\r\n edge=\"end\"\r\n >\r\n {tpinType === \"text\" ? \r\n }\r\n />\r\n \r\n \r\n\r\n\r\n \r\n \r\n Clear\r\n \r\n \r\n \r\n \r\n \r\n \r\n MORE INFORMATION \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(StopChequeRequest);\r\n","\r\nimport axios from \"axios\"\r\n\r\nclass HttpService{\r\n postLoginData (data,url) {\r\n //console.log(\"?HttpService\",process.env.REACT_APP_HOST)\r\n const options = {\r\n \r\n headers:{\r\n \"Content-Type\": \"application/json\"\r\n \r\n }\r\n }\r\n return axios.post(process.env.REACT_APP_HOST+ url,data,options)\r\n }\r\n postUserData (data,url) {\r\n const reqTok = localStorage.getItem(\"token\");\r\n\r\n const options = {\r\n \r\n headers:{\r\n \"Content-Type\": \"application/json\",\r\n \"Authorization\": \"Bearer \" + reqTok \r\n }\r\n }\r\n return axios.post(process.env.REACT_APP_HOST+ url,data,options)\r\n }\r\n getUserFile (url)\r\n {\r\n const reqTok = localStorage.getItem(\"mytime\");\r\n \r\n const options = {\r\n headers:{\r\n \"Content-Type\": \"application/json\",\r\n \"Authorization\": \"Bearer \" + reqTok \r\n },\r\n \r\n }\r\n return axios.get(process.env.REACT_APP_HOST+ url,options)\r\n }\r\n}\r\n\r\nexport default new HttpService();","import React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Card, Typography, Box } from \"@material-ui/core\";\r\nimport { Container } from \"@material-ui/core\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport HelpOutlineOutlinedIcon from \"@material-ui/icons/HelpOutlineOutlined\";\r\nimport HttpService from \"../../redux/Api\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport {\r\n Map,\r\n Marker,\r\n InfoWindow,\r\n GoogleApiWrapper,\r\n Circle,\r\n} from \"google-maps-react\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport { trackPromise } from \"react-promise-tracker\";\r\nimport { Divider, Dropdown } from \"semantic-ui-react\";\r\nimport { MenuItem, Select } from \"@material-ui/core\";\r\nimport OutlinedInput from \"@material-ui/core/OutlinedInput\";\r\n\r\nimport Radio from \"@material-ui/core/Radio\";\r\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\r\nimport FormLabel from \"@material-ui/core/FormLabel\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\n\r\nfunction Help(props) {\r\n // const [latitude, setLatitude] = useState();\r\n // const [longitude, setLongitude] = useState();\r\n // const [organization, setOrganization] = useState();\r\n // const [stateNameArray, setStateNameArray] = useState([]);\r\n // const [stateValue, setStateValue] = useState(\"\");\r\n const [allData, setAllData] = useState([]);\r\n const [allAtmdata, setAllATMData] = useState([]);\r\n // const [cityName, setCityName] = useState([]);\r\n // const [cityValue, setCityValue] = useState(\"\");\r\n\r\n const [AstateNameArray, setAStateNameArray] = useState([]);\r\n const [aStateValue, setAStateValue] = useState(\"\");\r\n\r\n const [AcityNameArray, setACityNameArray] = useState([]);\r\n const [aCityValue, setACityValue] = useState(\"\");\r\n\r\n const [AaddressArray, setAAddressArray] = useState([]);\r\n const [aAddressValue, setAAddressValue] = useState(\"\");\r\n\r\n const [BstateNameArray, setBStateNameArray] = useState([]);\r\n const [bStateValue, setBStateValue] = useState(\"\");\r\n\r\n const [BcityNameArray, setBCityNameArray] = useState([]);\r\n const [bCityValue, setBCityValue] = useState(\"\");\r\n\r\n const [BaddressArray, setBAddressArray] = useState([]);\r\n const [bAddressValue, setBAddressValue] = useState(\"\");\r\n\r\n const [value, setValue] = useState(\"Atm\");\r\n const { t } = useTranslation();\r\n\r\n const ITEM_HEIGHT = 48;\r\n const ITEM_PADDING_TOP = 8;\r\n const MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n },\r\n },\r\n };\r\n\r\n async function FetchBranch() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n Key: \"ALLBRANCH\",\r\n });\r\n const data = {\r\n servicename: \"AllBranchLocatorService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n\r\n if (response.data.error.code !== 0) {\r\n // clearState();\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n debugger;\r\n var obj = JSON.parse(response.data.body);\r\n //console.log(45454565656, obj);\r\n setAllData(obj);\r\n const uniqueStates = Array.from(new Set(obj.map((item) => item.State)));\r\n // setStateNameArray(uniqueStates);\r\n setBStateNameArray(uniqueStates);\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error.response.status === 500) {\r\n popUp({\r\n message: \"Something Went Wrong !!! Please retry...\",\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n });\r\n }\r\n\r\n async function FetchAtm() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n Key: \"ALLATM\",\r\n });\r\n const data = {\r\n servicename: \"AllATMLocatorService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n\r\n if (response.data.error.code !== 0) {\r\n // clearState();\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n debugger;\r\n var obj = JSON.parse(response.data.body);\r\n //console.log(45454565656, obj);\r\n setAllATMData(obj);\r\n const uniqueStates = Array.from(new Set(obj.map((item) => item.State)));\r\n setAStateNameArray(uniqueStates);\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error.response.status === 500) {\r\n popUp({\r\n message: \"Something Went Wrong !!! Please retry...\",\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n FetchBranch();\r\n FetchAtm();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (bStateValue) {\r\n var forCity = allData.filter((elem) => {\r\n return elem.State == bStateValue;\r\n });\r\n const uniqueCitis = Array.from(new Set(forCity.map((item) => item.City)));\r\n setBCityNameArray(uniqueCitis);\r\n }\r\n if (bCityValue) {\r\n debugger;\r\n let forAddress = forCity.filter((item) => {\r\n return item.City == bCityValue;\r\n });\r\n //console.log(6666, forAddress);\r\n // const uniqueAddress = Array.from(new Set(forAddress.map((item) => item.Address)));\r\n setBAddressArray(forAddress);\r\n }\r\n }, [bStateValue, bCityValue, bAddressValue]);\r\n\r\n useEffect(() => {\r\n if (aStateValue) {\r\n var forCity = allAtmdata.filter((elem) => {\r\n return elem.State == aStateValue;\r\n });\r\n const uniqueCitis = Array.from(new Set(forCity.map((item) => item.City)));\r\n setACityNameArray(uniqueCitis);\r\n }\r\n if (aCityValue) {\r\n debugger;\r\n let forAddress = forCity.filter((item) => {\r\n return item.City == aCityValue;\r\n });\r\n\r\n // const uniqueAddress = Array.from(new Set(forAddress.map((item) => item.Address)));\r\n setAAddressArray(forAddress);\r\n }\r\n }, [aStateValue, aCityValue, aAddressValue]);\r\n\r\n const mapStyle = {\r\n // position: \"absolute\",\r\n // display: \"inherit\",\r\n // overflow: \"hidden\",\r\n // width: \"97%\",\r\n // height: \"86%\",\r\n\r\n position: \"relative\",\r\n marginTop: \"2rem\",\r\n height: \"calc(30rem - 10rem)\",\r\n width: \"95.5%\",\r\n };\r\n const handleChange = (event) => {\r\n setValue(event.target.value);\r\n };\r\n\r\n return (\r\n <>\r\n {/* - \r\n
- \r\n When choosing to stop multiple cheques, all the cheque\r\n leaves should be of the same cheque book.\r\n \r\n
*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/*
*/}\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n // custId: state.login.custId,\r\n };\r\n};\r\nexport const googleApiWrapper = GoogleApiWrapper({\r\n apiKey: \"AIzaSyDQd18tNe5xViquCSZDegRQWZKBc62uGw4\",\r\n})(Help);\r\n\r\nexport default connect(mapStateToProps)(googleApiWrapper);\r\n","import {\r\n Box, Button,\r\n Card,\r\n FormControl, MenuItem, Select\r\n} from \"@material-ui/core\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\nimport React, { useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\n\r\n\r\nfunction FateOfCheque(props) {\r\n const [accNo, setAccNo] = useState(\"\");\r\n const [chequeNo, setChequeNo] = useState(\"\");\r\n const obj = props?.auth?.objData?.AccountDetailslst;\r\n\r\n function handleFateofCheque() {\r\n debugger;\r\n if (accNo === \"\") {\r\n popUp({\r\n message: \"Please select account number \",\r\n icons: \"warning\",\r\n });\r\n return;\r\n } else if (chequeNo === \"\") {\r\n popUp({\r\n message: \"Please enter instrument number \",\r\n icons: \"warning\",\r\n });\r\n return;\r\n } else if (accNo === \"\" && chequeNo === \"\") {\r\n popUp({\r\n message: \"Please enter account number and cheque number\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n } else if (chequeNo.length < 6) {\r\n popUp({\r\n message: \"Invalid Instrument No\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n } else {\r\n fateOfChqServiceCall();\r\n }\r\n }\r\n\r\n async function fateOfChqServiceCall() {\r\n debugger;\r\n let url = \"Entities/FSwitchServiceCall\";\r\n let jsonRequest = JSON.stringify({\r\n AccountNumber: accNo.PrdAcctId15Digit,\r\n InstrumentNo: chequeNo,\r\n CustNo: props.auth.CustomerNumber,\r\n });\r\n const data = {\r\n servicename: \"fateOfChqService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n //console.log(\"fateOfChqService request \", data);\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(\"fateOfChqService response \", response.data);\r\n if (response.data.error.code === 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"success\",\r\n }).then(() => {\r\n clearForm();\r\n });\r\n return;\r\n }\r\n else {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(\"fateOfChqService error \", error);\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"There is technical issue\",\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: \"Something went wrong\",\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n const clearForm = () => {\r\n setAccNo(\"\");\r\n setChequeNo(\"\");\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n {/* */}\r\n\r\n {value == \"Atm\" ? (\r\n \r\n \r\n {t(\"atm_locator\")}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {t(\"state_name\")}\r\n \r\n\r\n \r\n setAStateValue(event.target.value)\r\n }\r\n input={ \r\n\r\n \r\n \r\n \r\n {t(\"city_name\")}\r\n \r\n\r\n {\r\n setAAddressValue(\"\");\r\n setACityValue(event.target.value);\r\n }}\r\n input={ \r\n\r\n \r\n \r\n \r\n {t(\"branch\")}\r\n \r\n\r\n \r\n setAAddressValue(event.target.value)\r\n }\r\n input={ \r\n \r\n \r\n\r\n \r\n \r\n \r\n setBenIFSC(e.target.value)}\r\n />\r\n \r\n \r\n setBenIFSC(e.target.value)}\r\n />\r\n \r\n\r\n \r\n setBenIFSC(e.target.value)}\r\n />\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {value == \"Branch\" ? (\r\n \r\n \r\n {t(\"branch_locator\")}\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {t(\"state_name\")}\r\n \r\n\r\n \r\n setBStateValue(event.target.value)\r\n }\r\n input={ \r\n\r\n \r\n \r\n \r\n {t(\"city_name\")}\r\n \r\n\r\n {\r\n setAAddressValue(\"\");\r\n setBCityValue(event.target.value);\r\n }}\r\n input={ \r\n\r\n \r\n \r\n \r\n {t(\"address\")}\r\n \r\n\r\n \r\n setBAddressValue(event.target.value)\r\n }\r\n input={ \r\n \r\n \r\n\r\n \r\n \r\n \r\n setBenIFSC(e.target.value)}\r\n />\r\n \r\n\r\n \r\n setBenIFSC(e.target.value)}\r\n />\r\n \r\n\r\n \r\n setBenIFSC(e.target.value)}\r\n />\r\n \r\n\r\n \r\n setBenIFSC(e.target.value)}\r\n />\r\n \r\n\r\n \r\n setBenIFSC(e.target.value)}\r\n />\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n
\r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Fate of Cheque\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n select the following options to know a Cheque Status\r\n \r\n \r\n\r\n \r\n Select Account \r\n \r\n setAccNo(e.target.value)}\r\n required\r\n variant=\"standard\"\r\n displayEmpty\r\n >\r\n \r\n {obj &&\r\n obj.map((item, i) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n\r\n \r\n Cheque Number \r\n setChequeNo(e.target.value)}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n \r\n \r\n Clear\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(FateOfCheque);\r\n","import { InputAdornment, makeStyles, TextField } from '@material-ui/core';\r\nimport React, { useEffect, useRef, useImperativeHandle, useState, useContext } from 'react'\r\nimport AutoNumeric from 'autonumeric';\r\nimport PropTypes from 'prop-types';\r\nimport { FormContext } from './FCanvas';\r\nimport ErrorIcon from '@material-ui/icons/ErrorOutline';\r\n\r\nexport const FNumFormat = {\r\n type_Mobile_No: \"type_Mobile_No\",\r\n type_IFSCCode: \"type_IFSCCode\",\r\n\r\n}\r\n\r\n\r\nconst FinNumField = React.memo(React.forwardRef((props, ref) => {\r\n\r\n const {\r\n value,\r\n label,\r\n required,\r\n format,\r\n onBlur,\r\n onTab,\r\n onFocus,\r\n onKeyDown,\r\n onPaste,\r\n onCopy,\r\n length,\r\n decimalLength,\r\n onValidate,\r\n disabled,\r\n ...otherProps\r\n } = props;\r\n\r\n\r\n\r\n\r\n const FormatRules = {\r\n type_Mobile_No: \"/^[0-9]{10}$/;\",\r\n type_IFSCCode: \"^[A-Z]{4}[0][a-zA-Z0-9]{6}$\",\r\n }\r\n\r\n const _input = useRef(null)\r\n const _valid = useRef(true);\r\n const _length = useRef(13);\r\n const _decimalLength = useRef(0);\r\n const _autoRef = useRef(null);\r\n const [error, setError] = useState(false);\r\n const formContext = useContext(FormContext);\r\n const errorCode = useRef(null);\r\n const _disabled = disabled ? disabled : formContext.disabled;\r\n\r\n useImperativeHandle(ref, () => {\r\n return {\r\n isValid: () => _valid.current,\r\n input: _input.current,\r\n disable: () => { _input.current.disabled = true },\r\n enable: () => { _input.current.disabled = false },\r\n setError: () => { setError(true) },\r\n removeError: () => { setError(false) },\r\n selectAll: () => { _input.current.select() },\r\n focus: () => {\r\n setTimeout(() => {\r\n //console.log(\"focus result\")\r\n _input.current.focus();\r\n }, 10);\r\n },\r\n validate: () => { return validate() },\r\n clear: () => { setError(false) },\r\n label: label\r\n }\r\n })\r\n\r\n // useEffect(() => {\r\n\r\n // const options = {\r\n // digitGroupSeparator: \"\",\r\n // selectOnFocus: true\r\n // }\r\n // if(decimalLength){\r\n // _decimalLength.current = decimalLength;\r\n // }\r\n // options.decimalPlaces = _decimalLength.current;\r\n\r\n // let vMax = '';\r\n // if(length){\r\n\r\n // _length.current = length - _decimalLength.current;\r\n\r\n // for(let i =0; i < _length.current; i++){\r\n // vMax = vMax.concat(\"9\");\r\n // }\r\n // options.vMax = vMax;\r\n // }\r\n // _autoRef.current = new AutoNumeric(_input.current, options);\r\n // }, []);\r\n\r\n useEffect(() => {\r\n\r\n if (props.value || props.value === 0) {\r\n AutoNumeric.set(_input.current, props.value);\r\n\r\n }\r\n else {\r\n AutoNumeric.set(_input.current, \"\");\r\n }\r\n if (error) {\r\n setError(false);\r\n }\r\n\r\n }, [props.value])\r\n\r\n\r\n function getPattern() {\r\n\r\n let regexpStr = ``;\r\n if (length && decimalLength && decimalLength > 0) {\r\n\r\n const updatedLength = length - decimalLength;\r\n regexpStr = `^\\\\d{0,${updatedLength}}(\\\\.\\\\d{0,${decimalLength}})?$`;\r\n }\r\n else {\r\n regexpStr = `^\\\\d{0,}$`;\r\n }\r\n const regexp = new RegExp(regexpStr);\r\n return regexp;\r\n }\r\n\r\n function validate() {\r\n // debugger;\r\n //console.log(\"FNumField: calling validate\");\r\n let value = _input.current.value;\r\n\r\n if (required) {\r\n if (value) {\r\n value = value.trim();\r\n }\r\n if (label === \"Mobile No.\" && value) {\r\n if (value.length !== 10) {\r\n _valid.current = false\r\n } else {\r\n _valid.current = true\r\n }\r\n } else if (value) {\r\n _valid.current = true\r\n }\r\n else {\r\n _valid.current = false;\r\n errorCode.current = \"error_required\";\r\n setError(true);\r\n if (onValidate) {\r\n onValidate({\r\n isValid: _valid.current,\r\n errorCode: errorCode.current\r\n });\r\n }\r\n return {\r\n isValid: _valid.current,\r\n errorCode: errorCode.current\r\n };\r\n\r\n }\r\n }\r\n else {\r\n _valid.current = true\r\n errorCode.current = null;\r\n }\r\n const regEx = getPattern();\r\n // _valid.current = regEx.test(value);\r\n errorCode.current = _valid.current ? null : \"error_invalid_format\";\r\n if (_valid.current) {\r\n\r\n if (error) {\r\n setError(false);\r\n }\r\n }\r\n else {\r\n setError(true)\r\n }\r\n if (onValidate) {\r\n onValidate({\r\n isValid: _valid.current,\r\n errorCode: errorCode.current\r\n });\r\n }\r\n return {\r\n isValid: _valid.current,\r\n errorCode: errorCode.current\r\n }\r\n\r\n }\r\n\r\n\r\n function internalOnBlur(evt) {\r\n\r\n validate()\r\n if (!_valid.current) {\r\n setError(true);\r\n evt.preventDefault();\r\n } else {\r\n setError(false);\r\n }\r\n if (onBlur) {\r\n ////console.log(\"FNumField onBlur\")\r\n onBlur(evt);\r\n }\r\n\r\n }\r\n function internalOnKeyDown(evt) {\r\n \r\n\r\n // var ASCode = (evt.which) ? evt.which : evt.keyCode;\r\n // if (ASCode > 31 && (ASCode < 47 || ASCode > 57 && ASCode < 96) && (ASCode !== 46) && (ASCode !== 86)) {\r\n // evt.preventDefault();\r\n // }\r\n // \r\n // if (format === FNumFormat.type_Mobile_No) {\r\n // if (evt.keyCode === 8 || evt.keyCode === 9 || (!evt.shiftKey && ((evt.keyCode >= 48 && evt.keyCode <= 57) || (evt.keyCode >= 96 && evt.keyCode <= 105))) || (evt.keyCode >= 33 && evt.keyCode <= 46)) {\r\n // //return;\r\n // }\r\n // else {\r\n // evt.preventDefault();\r\n // }\r\n // }\r\n\r\n if (evt.key === \"Tab\") {\r\n ////console.log(\"FNumField Tab...\")\r\n validate();\r\n if (!_valid.current) {\r\n evt.preventDefault();\r\n }\r\n else {\r\n if (onTab) {\r\n onTab(evt);\r\n }\r\n }\r\n }\r\n if (onKeyDown) {\r\n onKeyDown(evt);\r\n }\r\n }\r\n\r\n function internalOnFocus(evt) {\r\n if (onFocus) {\r\n onFocus(evt);\r\n }\r\n }\r\n\r\n function internalOnPaste(evt) {\r\n debugger\r\n evt.preventDefault();\r\n }\r\n\r\n function internalonCopy(evt) {\r\n debugger;\r\n evt.preventDefault();\r\n }\r\n\r\n return (\r\n \r\n// \r\n// Enter OTP\r\n// \r\n// \r\n// {otp.map((digit, index) => (\r\n// handleInputChange(index, e)}\r\n// onKeyDown={(e) => handleKeyDown(index, e)}\r\n// ref={(input) => (inputRefs.current[index] = input)}\r\n// />\r\n// ))}\r\n// \r\n//
\r\n// );\r\n// };\r\n\r\n// export default Otp;\r\n\r\n\r\nimport React, { useEffect, useRef, useState } from 'react';\r\n// import { FNumField } from './FNumField';\r\nimport PropTypes from 'prop-types';\r\n// import FNumField from './FNumField';\r\nimport { FNumField } from \"../../fincore-ui/components/FNumField\";\r\n\r\n\r\nconst Otp = (props) => {\r\n const { numInput, onChange, focus = false, type = \"text\", variant = \"outlined\", style, className, label, mask = \"mask\", } = props;\r\n const myRefs = useRef([]);\r\n const [otp, setOtp] = useState({});\r\n\r\n useEffect(() => {\r\n handleChange()\r\n }, [otp]);\r\n\r\n useEffect(() => {\r\n if (focus) {\r\n myRefs.current[0].focus();\r\n }\r\n\r\n },)\r\n\r\n const handleChange = () => {\r\n if (Object.keys(otp).length > 1) {\r\n let otpValue = Object.values(otp).join(\"\");\r\n onChange(otpValue);\r\n }\r\n }\r\n const handleOtpChange = (e) => {\r\n let name = +e.target.name;\r\n const val = e.target.value;\r\n let plus = name + 1;\r\n let minus = name - 1;\r\n if (val.length > 1) {\r\n let sub = val.substring(0, numInput);\r\n setOtp({ ...sub })\r\n return\r\n }\r\n setOtp({ ...otp, [name]: val });\r\n\r\n if (val) {\r\n if (numInput > plus) {\r\n myRefs.current[plus].focus();\r\n\r\n }\r\n } else {\r\n if (minus >= 0) {\r\n myRefs.current[minus].focus();\r\n }\r\n }\r\n // if (numInput === plus) {\r\n // myRefs.current[name].removeFocus();\r\n // };\r\n }\r\n\r\n const onKeyDown = (e) => {\r\n let name = +e.target.name;\r\n let plus = name + 1;\r\n\r\n switch (e.keyCode) {\r\n case 39:\r\n if (numInput > (name + 1)) {\r\n // myRefs.current[plus].focus();\r\n myRefs.current[plus].selectAll();\r\n }\r\n // else { myRefs.current[name].removeFocus(); };\r\n\r\n break;\r\n case 37:\r\n if ((name - 1) >= 0) {\r\n\r\n myRefs.current[name - 1].focus();\r\n myRefs.current[name - 1].selectAll();\r\n }\r\n break;\r\n }\r\n\r\n var ASCode = (e.which) ? e.which : e.keyCode;\r\n if (ASCode > 31 && (ASCode < 47 || ASCode > 57 && ASCode < 96) && (ASCode !== 46) && (ASCode !== 86)) {\r\n e.preventDefault();\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n\r\n {Array(numInput).fill().map((item, index) => (\r\n (myRefs.current[index] = el)}\r\n name={index}\r\n onKeyDown={onKeyDown}\r\n onChange={handleOtpChange} />\r\n ))}\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Otp;\r\n\r\nOtp.propTypes = {\r\n length: PropTypes.number,\r\n classes: PropTypes.object,\r\n disabled: PropTypes.bool,\r\n fullWidth: PropTypes.bool,\r\n label: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n required: PropTypes.bool,\r\n value: PropTypes.any,\r\n size: PropTypes.oneOf([\"medium\", \"small\"]),\r\n variant: PropTypes.oneOf([\"standard\", \"filled\", \"outlined\"]),\r\n onChange: PropTypes.func,\r\n\r\n}\r\n\r\nOtp.defaultProps = {\r\n // mode: Mode.VIEW,\r\n // format: FStrFormat.type_x,\r\n //variant: \"outlined\",\r\n size: \"small\",\r\n displayError: true\r\n}","import { Button, Checkbox, Container, Link } from \"@material-ui/core\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport Step from \"@material-ui/core/Step\";\r\nimport StepLabel from \"@material-ui/core/StepLabel\";\r\nimport Stepper from \"@material-ui/core/Stepper\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\nimport moment from \"moment\";\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport { FNumField } from \"../../fincore-ui/components/FNumField\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport SnipIcon from \"../../img/bbk/bbkLogin.png\";\r\nimport LogoImg from \"../../img/bbk/bbkLogo.png\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport Otp from \"./Otp\";\r\n// import 'react-toastify/dist/ReactToastify.css';\r\n\r\nconst ITEM_HEIGHT = 48;\r\nconst ITEM_PADDING_TOP = 8;\r\nconst MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 210,\r\n },\r\n },\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%\",\r\n },\r\n backButton: {\r\n marginRight: theme.spacing(1),\r\n background: \"#787878\",\r\n \"&:hover\": {\r\n background: \"#787878\",\r\n },\r\n },\r\n instructions: {\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n },\r\n}));\r\n\r\nconst NewUser = (props) => {\r\n const classes = useStyles();\r\n const [responceData, setResponceData] = useState([]);\r\n\r\n // function one usestates\r\n const [custID, setCustId] = useState(\"\");\r\n const [mobileNum, setMobileNum] = useState(\"\");\r\n const [activeStep, setActiveStep] = React.useState(0);\r\n // const [otpFlag, setOtpFlag] = useState(false);\r\n\r\n // function two usestates\r\n const [otp, setOtp] = useState(\"\");\r\n const otpRef = useRef();\r\n const [Open, setOpen] = useState(false);\r\n const [minutes, setMinutes] = useState(0);\r\n const [seconds, setSeconds] = useState(59);\r\n\r\n // function three usestates\r\n const [accountNo, setAccountno] = useState(\"\");\r\n const [cardNo, setCardNo] = useState(\"\");\r\n const [mm, setMM] = useState();\r\n const [yy, setYY] = useState();\r\n const [cvv, setCVV] = useState();\r\n const [otp2, setOtp2] = useState(\"\");\r\n const location = useLocation();\r\n const { t } = useTranslation();\r\n const steps = getSteps();\r\n const [values, setValues] = useState({ showPassword: false });\r\n const [validYear, setValidYear] = useState(\"\");\r\n const [presentMon, setPresentMon] = useState(\"\");\r\n const [presentYear, setPresentYear] = useState(\"\");\r\n const [userName, setUserName] = useState(\"\");\r\n const [userCheck, setUserCheck] = useState(false);\r\n const [disUserCheck, setDisUserCheck] = useState(true);\r\n const [lastResp, setLastResp] = useState();\r\n const custRef = useRef(null);\r\n\r\n const [type1, setType] = useState(\"password\");\r\n\r\n const cardNoRef = useRef(null);\r\n\r\n const handleEvent = (event) => {\r\n //console.log(45454545, event.target.name);\r\n if (event.type === \"mousedown\") {\r\n document\r\n .getElementById(\"password\")\r\n .addEventListener(\"mousedown\", setType(\"text\"));\r\n } else {\r\n document\r\n .getElementById(\"password\")\r\n .addEventListener(\"mouseup\", setType(\"password\"));\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n debugger;\r\n let valid = moment();\r\n let a = moment(valid).format(\"yy\");\r\n let mon = moment(valid).format(\"MM\");\r\n setPresentMon(mon);\r\n let b = a.slice(-2);\r\n setPresentYear(b);\r\n let valyea = (parseInt(b) + 8).toString();\r\n setValidYear(valyea);\r\n //console.log(\"dfsd\", validYear);\r\n }, []);\r\n\r\n const handleClose = () => {\r\n props.history.push(\"/\");\r\n setOpen(false);\r\n };\r\n\r\n async function mobValidService() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n Key: \"MOBVAL\",\r\n CustNo: custID,\r\n isForgotPassword: location.state.isForgotPassword\r\n ? location.state.isForgotPassword\r\n : false,\r\n isForgotUserID: location.state.isForgotUserID\r\n ? location.state.isForgotUserID\r\n : false,\r\n });\r\n const data = {\r\n servicename: \"MobileValidationService\",\r\n entitycode: \"WA\",\r\n user: mobileNum,\r\n request: jsonRequest,\r\n };\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n debugger;\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code == 5050) {\r\n if (location.state.isForgotUserID == true) {\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n }\r\n debugger;\r\n } else if (response.data.error.code == 5051) {\r\n debugger;\r\n let splitResponce = response.data.error.message.split(\"~\");\r\n\r\n const splitData = JSON.parse(splitResponce[1]);\r\n setResponceData(splitData);\r\n let username = splitData[0].UserName ? splitData[0].UserName : \"\";\r\n setUserName(username);\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n } else if (response.data.error.code == 5052) {\r\n debugger;\r\n if (location.state.isForgotPassword == true) {\r\n let splitResponce = response.data.error.message.split(\"~\");\r\n const splitData = JSON.parse(splitResponce[1]);\r\n setResponceData(splitData);\r\n let username = splitData[0].UserName ? splitData[0].UserName : \"\";\r\n setUserName(username);\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n }\r\n } else if (response.data.error.code == 5053) {\r\n debugger;\r\n let splitErrorResponce = response.data.error.message.split(\"~\");\r\n let splitErrorData = splitErrorResponce[0];\r\n popUp({\r\n message: splitErrorData,\r\n icons: \"error\",\r\n }).then(() => {\r\n setCustId(\"\");\r\n setMobileNum(\"\");\r\n custRef.current.focus();\r\n });\r\n // props.history.push(\"/\");\r\n\r\n // its condition followed by backend not any thing from frountend.\r\n } else if (response.data.error.code == 5099) {\r\n const [message, remaining] = response.data.error.message.split(\"~~\");\r\n\r\n const mobileNumber = remaining.match(/^\\d+/)[0];\r\n const jsonArray = remaining.substring(mobileNumber.length); // Remaining part is the JSON array\r\n\r\n const parsedArray = JSON.parse(jsonArray);\r\n\r\n UpdateMobileNumberService(mobileNumber);\r\n } else {\r\n debugger;\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n setCustId(\"\");\r\n setMobileNum(\"\");\r\n custRef.current.focus();\r\n });\r\n // props.history.push(\"/\");\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function UpdateMobileNumberService(oldMobNo) {\r\n debugger;\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n var jsonRequest = JSON.stringify({\r\n CustNo: custID,\r\n NewMobileNo: mobileNum,\r\n OldMobileNo: oldMobNo,\r\n });\r\n const data = {\r\n servicename: \"UpdateMobileNumberService\",\r\n entitycode: \"WA\",\r\n user: mobileNum,\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n } else {\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function otpGeneration(otpFlag) {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n RequestType: location.state.isForgotPassword\r\n ? \"FORGOTPASSWORD\"\r\n : \"FORGOTUSERIDOTP\",\r\n });\r\n const data = {\r\n servicename: \"OTPGenerationService\",\r\n entitycode: \"WA\",\r\n user: mobileNum,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n props.history.push(\"/\");\r\n });\r\n return;\r\n } else if (response.data.error.code == 0 && !otpFlag) {\r\n setSeconds(59);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function handleForgotUserId() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n MobileNo: mobileNum,\r\n CustNo: custID,\r\n });\r\n const data = {\r\n servicename: \"ForgotUserIDService\",\r\n entitycode: \"WA\",\r\n user: mobileNum,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n debugger;\r\n props.history.push(\"/\");\r\n return;\r\n } else {\r\n debugger;\r\n const errMassage = response.data.error.message.split(\"~\");\r\n //console.log(55555, errMassage);\r\n popUp({\r\n message: errMassage[0],\r\n icons: \"success\",\r\n }).then(() => {\r\n props.history.push(\"/\");\r\n });\r\n\r\n // setMinutes(0);\r\n }\r\n setSeconds(59);\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n async function otpVerify() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n OneTimePass: otp,\r\n RequestType: location.state.isForgotPassword\r\n ? \"FORGOTPASSWORD\"\r\n : location.state.isForgotUserID\r\n ? \"FORGOTUSERIDOTP\"\r\n : \"LOGINPIN\",\r\n });\r\n const data = {\r\n servicename: \"OTPValidationService\",\r\n entitycode: \"WA\",\r\n user: mobileNum,\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n setOtp(\"\");\r\n otpRef.current.focus();\r\n });\r\n return;\r\n } else if (response.data.error.code == 0) {\r\n debugger;\r\n\r\n if (location.state.isForgotUserID) {\r\n toast.success(response.data.error.message);\r\n handleForgotUserId();\r\n } else {\r\n mobileRegistration(lastResp);\r\n // toast.success(response.data.error.message, {\r\n // onClose: () => {\r\n // setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n // },\r\n // autoClose: 2000,\r\n // });\r\n }\r\n\r\n // setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function cardRequest() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n var jsonRequest = JSON.stringify({\r\n CardNo: cardNo,\r\n ExpiryDt: mm + \"/\" + yy,\r\n Cvv: cvv,\r\n AccNo: accountNo,\r\n RequestType: location.state.isForgotPassword\r\n ? \"FORGOTPASSWORD\"\r\n : location.state.isForgotUserID\r\n ? \"FORGOTUSERIDOTP\"\r\n : \"LOGINPIN\",\r\n CustNo: custID,\r\n Customername: responceData[0]?.CustName,\r\n });\r\n const data = {\r\n servicename: \"OnlineCardValidationService\",\r\n entitycode: \"WA\",\r\n user: mobileNum,\r\n request: jsonRequest,\r\n };\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n setCardNo(\"\");\r\n setMM(\"\");\r\n setYY(\"\");\r\n setCVV(\"\");\r\n setMobileNum(\"\");\r\n setCustId(\"\");\r\n cardNoRef.current.focus();\r\n setActiveStep(0);\r\n });\r\n // props.history.push(\"/\");\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n if (userName) {\r\n for (var i = 0; i <= obj.CustomerDetails.length - 1; i++) {\r\n obj.CustomerDetails[i].UserName = userName;\r\n }\r\n setLastResp(obj);\r\n //console.log(\"Username added if present\", obj);\r\n } else {\r\n setLastResp(obj);\r\n }\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n setSeconds(59);\r\n //console.log(\"--------------->\", obj);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function mobileRegistration(obj) {\r\n //console.log(\"lastResp--------->\", lastResp)\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n OTP: \"999999\",\r\n RequestType: location.state.isForgotPassword\r\n ? \"FORGOTPASSWORD\"\r\n : location.state.isForgotUserID\r\n ? \"FORGOTUSERIDOTP\"\r\n : \"LOGINPIN\",\r\n CustAccountDetails: lastResp.CustomerDetails,\r\n });\r\n const data = {\r\n servicename: \"OnlineMobileRegistrationIBService\",\r\n entitycode: \"WA\",\r\n user: mobileNum,\r\n request: jsonRequest,\r\n };\r\n debugger;\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"success\",\r\n }).then(() => {\r\n const miniArray = [custID, mobileNum, userName];\r\n props.history.push(\"/ChangePassTpin\", miniArray);\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n // const handleNext = () => {\r\n // setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n // };\r\n\r\n const handleNext = () => {\r\n debugger;\r\n if (activeStep == 0) {\r\n if (mobileNum.length >= 10 && custID) {\r\n mobValidService();\r\n } else {\r\n popUp({\r\n message: \"Please Enter Valid CIF ID and Mobile No.\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n } else if (activeStep == 1) {\r\n const userRegex = /^[a-zA-Z0-9]{8,14}$/;\r\n if (!cardNo || !mm || !yy || !cvv) {\r\n popUp({\r\n message: t(\"please_fill_all_the_details\"),\r\n icons: \"error\",\r\n });\r\n } else if (cardNo.length == 16) {\r\n if (cvv.length == 4) {\r\n if (Number(mm) >= 1 && Number(mm) <= 12) {\r\n if (yy <= validYear && yy >= presentYear) {\r\n if (presentMon >= mm && yy == presentYear) {\r\n popUp({\r\n message: t(\"valid_expiry_date\"),\r\n icons: \"warning\",\r\n });\r\n } else if (\r\n !location.state.isForgotUserID &&\r\n userCheck &&\r\n !userRegex.test(userName)\r\n ) {\r\n popUp({\r\n html: \"Username Guidelines :
Your username must only contain alphanumeric values
No special characters are allowed
Length between 8-14 character
\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n } else {\r\n cardRequest();\r\n }\r\n } else {\r\n popUp({\r\n message: t(\"valid_expiry_year\"),\r\n icons: \"warning\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: t(\"valid_expiry_month\"),\r\n icons: \"warning\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please enter a valid PIN.\",\r\n icons: \"warning\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: t(\"card_length\"),\r\n icons: \"warning\",\r\n });\r\n }\r\n } else if (activeStep == 2) {\r\n if (otp) {\r\n otpVerify();\r\n } else {\r\n popUp({\r\n message: \"Enter OTP\",\r\n icons: \"warning\",\r\n }).then(() => {\r\n otpRef.current.focus();\r\n });\r\n }\r\n }\r\n };\r\n\r\n const handleBack = () => {\r\n if (activeStep == 2) {\r\n setActiveStep((prevActiveStep) => prevActiveStep - activeStep);\r\n } else {\r\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\r\n }\r\n setMobileNum(\"\");\r\n setCustId(\"\");\r\n setCardNo(\"\");\r\n setMM(\"\");\r\n setYY(\"\");\r\n setCVV(\"\");\r\n setUserName(\"\");\r\n setOtp(\"\");\r\n };\r\n\r\n const handleReset = () => {\r\n setActiveStep(0);\r\n };\r\n\r\n const handleClickShowPassword = () => {\r\n setValues({ ...values, showPassword: !values.showPassword });\r\n };\r\n\r\n const handleMouseDownPassword = (event) => {\r\n event.preventDefault();\r\n };\r\n\r\n const handleChange = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n useEffect(() => {\r\n if (activeStep == 2) {\r\n const interval = setInterval(() => {\r\n if (seconds > 0) {\r\n setSeconds(seconds - 1);\r\n }\r\n if (seconds === 0 && minutes === 0) {\r\n clearInterval(interval);\r\n }\r\n }, 1000);\r\n\r\n return () => {\r\n clearInterval(interval);\r\n };\r\n }\r\n }, [activeStep, seconds]);\r\n\r\n const resendOtp = () => {\r\n let otpFlag = true;\r\n otpGeneration(otpFlag);\r\n };\r\n\r\n function handleUserCheck(e) {\r\n setUserCheck(e.target.checked);\r\n if (e.target.checked == true) {\r\n setDisUserCheck(false);\r\n } else {\r\n setDisUserCheck(true);\r\n }\r\n }\r\n function onMMTab(e) {\r\n if (mm.length == 1) {\r\n setMM(\"0\" + mm);\r\n }\r\n //console.log(\"MMM\", mm);\r\n }\r\n\r\n function hanldeMM(e) {\r\n debugger;\r\n let regex = /^(?!.*00).*$/;\r\n if (regex.test(e.target.value)) {\r\n setMM(e.target.value);\r\n }\r\n }\r\n\r\n function hanldeYY(e) {\r\n debugger;\r\n let regex = /^(?!.*00).*$/;\r\n if (regex.test(e.target.value)) {\r\n setYY(e.target.value);\r\n }\r\n }\r\n\r\n function getSteps() {\r\n return [t(\"step\") + 1, t(\"step\") + 2, t(\"step\") + 3];\r\n }\r\n\r\n function getStepContent(step) {\r\n //console.log(\"getStepContent\", step);\r\n switch (step) {\r\n case 0:\r\n return functionOne();\r\n case 1:\r\n return functionTwo();\r\n case 2:\r\n return functionThree();\r\n // case 3:\r\n // return functionfour();\r\n default:\r\n return \"Unknown step\";\r\n }\r\n }\r\n\r\n function handleUserName(e) {\r\n const res = /^[A-Za-z0-9\\b]+$/;\r\n if (e.target.value === \"\" || res.test(e.target.value)) {\r\n setUserName(e.target.value);\r\n }\r\n }\r\n\r\n function handleCardNo(e) {\r\n let regex = /^(?!.*00000).*$/;\r\n if (regex.test(e.target.value)) {\r\n setCardNo(e.target.value);\r\n }\r\n }\r\n\r\n function handleCVV(e) {\r\n // let regex = /^(?!.*000).*$/;\r\n // if (regex.test(e.target.value)) {\r\n setCVV(e.target.value);\r\n // }\r\n }\r\n\r\n function functionOne() {\r\n return (\r\n \r\n \r\n \r\n setCustId(e.target.value)}\r\n // placeholder=\"Enter CIF ID\"\r\n />\r\n \r\n \r\n setMobileNum(e.target.value)}\r\n // placeholder=\"Enter Mobile No.\"\r\n />\r\n \r\n\r\n \r\n \r\n \r\n Note - Enter the Number without '00' and with Country Code for\r\n International Numbers\r\n \r\n
\r\n );\r\n }\r\n\r\n function functionThree() {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n function functionTwo() {\r\n return (\r\n \r\n \r\n {t(\"account_card_details\")}\r\n \r\n \r\n {/* \r\n \r\n {t(\"account_number\")}\r\n \r\n setAccountno(e.target.value)}\r\n required\r\n input={ setCardNo(e.target.value)}\r\n onChange={(e) => handleCardNo(e)}\r\n />\r\n\r\n {t(\"expiry_date\")} : \r\n \r\n \r\n event.currentTarget.blur()}\r\n size=\"small\"\r\n label=\"MM\"\r\n onChange={(e) => hanldeMM(e)}\r\n />\r\n \r\n\r\n \r\n event.currentTarget.blur()}\r\n value={yy}\r\n size=\"small\"\r\n length={2}\r\n label=\"YY\"\r\n autoComplete=\"off\"\r\n onChange={(e) => hanldeYY(e)}\r\n // onChange={(e) => setYY(e.target.value)}\r\n />\r\n \r\n\r\n {/* {t(\"Cvv\")} : */}\r\n \r\n {/* */}\r\n {/* \r\n \r\n {t(\"enter_cvv\")}\r\n \r\n \r\n \r\n {values.showPassword ? (\r\n \r\n }\r\n // labelWidth={70}\r\n />\r\n */}\r\n {/* */}\r\n\r\n e.preventDefault()}\r\n onPaste={(e) => e.preventDefault()}\r\n // inputRef={PassFocus}\r\n name=\"password\"\r\n format={\"type_N\"}\r\n length={4}\r\n label=\"Enter PIN\"\r\n type={type1}\r\n inputProps={{ maxLength: 4 }}\r\n id=\"password\"\r\n value={cvv}\r\n autoComplete=\"off\"\r\n onChange={(e) => handleCVV(e)}\r\n // onChange={(e) => setCVV(e.target.value)}\r\n // onKeyDown={disableKeyboard}\r\n\r\n InputProps={{\r\n endAdornment: (\r\n \r\n handleEvent(e)}\r\n onMouseUp={(e) => handleEvent(e)}\r\n edge=\"end\"\r\n >\r\n {type1 == \"text\" ? \r\n ),\r\n }}\r\n />\r\n \r\n \r\n\r\n {!location.state.isForgotUserID ? (\r\n <>\r\n {!location.state.isForgotPassword && (\r\n handleUserName(e)}\r\n />\r\n\r\n \r\n Username Guidelines\r\n \r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {/* \r\n \r\n CVV \r\n { setCVV(event.target.value); }}\r\n endAdornment={\r\n \r\n \r\n {values.showPassword ? \r\n }\r\n />\r\n \r\n */}\r\n \r\n
\r\n );\r\n }\r\n\r\n function functionfour() {\r\n return (\r\n - \r\n
- Your username must only contain alphanumeric values \r\n
- No special characters are allowed \r\n
- Length between 8-14 character \r\n
\r\n \r\n {t(\"otp_verification_for_registration\")}\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n function onBack() {\r\n props.history.push(\"/\");\r\n // props.history.push(\"/ChangePassTpin\");\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ยฉ\r\n {\" \"}\r\n {new Date().getFullYear()} BBK | All Rights Reserved.\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\nexport default connect(mapStateToProps)(NewUser);\r\n","import React, { Component } from \"react\";\r\nimport axios from \"axios\";\r\nimport { Typography, Button, Card, Box } from \"@material-ui/core\";\r\nimport { Container } from \"@material-ui/core\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\n\r\nimport { connect } from \"react-redux\";\r\nimport postService from \"../service/PostService\";\r\nimport { useState } from \"react\";\r\nimport { popUp } from \"../util/Helper\";\r\nimport { useEffect } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Accordion from \"@material-ui/core/Accordion\";\r\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\";\r\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\n\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%\",\r\n },\r\n heading: {\r\n fontSize: theme.typography.pxToRem(15),\r\n fontWeight: theme.typography.fontWeightRegular,\r\n },\r\n}));\r\n\r\nfunction Menual(props) {\r\n const [faqData, setFAQData] = useState([]);\r\n const [faqAns, setFaqANS] = useState([]);\r\n const [faqQue, setFaqQue] = useState([]);\r\n const classes = useStyles();\r\n const { t } = useTranslation();\r\n\r\n\r\n async function fetchFAQ() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n Key: \"FAQService\",\r\n });\r\n const data = {\r\n servicename: \"FAQService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n\r\n if (response.data.error.code !== 0) {\r\n // clearState();\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n debugger;\r\n var obj = JSON.parse(response.data.body);\r\n //console.log(\"FAQ data \", obj);\r\n setFAQData(obj);\r\n debugger;\r\n const FaqAns = Array.from(new Set(obj.map((item) => item.Ans)));\r\n setFaqANS(FaqAns);\r\n //console.log(\"Faq Ans \", FaqAns);\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error.response.status === 500) {\r\n popUp({\r\n message: \"Something Went Wrong !!! Please retry...\",\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n fetchFAQ();\r\n }, []);\r\n\r\n //console.log(\"HELP\");\r\n return (\r\n <>\r\n \r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {location.state.isForgotPassword\r\n ? \"Forgot Password\"\r\n : location.state.isForgotUserID\r\n ? \"Forgot User Id\"\r\n : \"Activate Customer ID\"}\r\n \r\n \r\n {activeStep === steps.length ? (\r\n \r\n \r\n \r\n {t(\"back_to_login\")}\r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n {t(\"all_steps_completed\")}\r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n {getStepContent(activeStep)}\r\n \r\n\r\n \r\n \r\n {t(\"back\")}\r\n \r\n \r\n {activeStep === steps.length - 1\r\n ? t(\"finish\")\r\n : t(\"next\")}\r\n \r\n \r\n
\r\n )}\r\n\r\n {activeStep == 0 ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t(\"faq\")}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateTokenProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\nexport default connect(mapStateTokenProps)(Menual);\r\n","import { Typography, Container, Card, Grid } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nconst CommingSoon = () => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n\r\n {faqData?.map((elem, i) => (\r\n \r\n \r\n {\" \"}\r\n QUE : {elem.Que}\r\n \r\n \r\n \r\n ANS : {elem.Ans} \r\n \r\n \r\n ))}\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t(\"mini_statement\")}\r\n\r\n {tableData.length !== 0 ? (\r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {tableData.length !== 0 ? (\r\n \r\n \r\n document.getElementById(\"miniState\").click()\r\n }\r\n />\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n // custId: state.login.custId,\r\n // finalSendData: state,\r\n // UName: state.login.loginInfo.username,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(MiniStatemnet);\r\n","export default __webpack_public_path__ + \"static/media/Beneficiary instruction.c0b0481e.png\";","import {\r\n Box,\r\n Button,\r\n FormControl,\r\n FormControlLabel,\r\n InputLabel,\r\n Link,\r\n MenuItem,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n OutlinedInput,\r\n} from \"@material-ui/core\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\n// import { DropzoneDialog } from 'material-ui-dropzone';\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport beneInstruction from \"../../img/bbk/Beneficiary instruction.png\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport { Autocomplete } from \"@material-ui/lab\";\r\nimport SearchIcon from \"@material-ui/icons/Search\";\r\n\r\nfunction Beneficiary(props) {\r\n const ITEM_HEIGHT = 48;\r\n const ITEM_PADDING_TOP = 8;\r\n const MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 210,\r\n },\r\n },\r\n };\r\n\r\n const [conBenAcc, setConBenAcc] = useState(\"\");\r\n const [benifsc, setBenIFSC] = useState(\"\");\r\n const [content, setContent] = useState(\"Within Banks Beneficiary\");\r\n const mobileNo = props.auth.MobileNo;\r\n const [respData, setRespData] = useState();\r\n const [payeeType, setPayeeType] = useState(\"\");\r\n const [payeeSubType, setPayeeSubType] = useState(\"\");\r\n const { t } = useTranslation();\r\n const [benAcc2, setBenAcc2] = useState(\"\");\r\n const [conBenAcc2, setConBenAcc2] = useState(\"\");\r\n const [disableSub, setDisableSub] = useState(true);\r\n const [ifscBank, setIfscBank] = useState(\"\");\r\n const [accValDis, setAccValDis] = useState(false);\r\n const [otpGrid, setOtpGrid] = useState(false);\r\n const [minutes, setMinutes] = useState(0);\r\n const [seconds, setSeconds] = useState(59);\r\n const [otp, setOtp] = useState(\"\");\r\n const [payeeMobNo, setPayeeMobNo] = useState(\"\");\r\n const [accType, setAccType] = useState(\"\");\r\n const [accType2, setaccType2] = useState(\"\");\r\n const location = useLocation();\r\n const [bname, setBname] = useState();\r\n const [benAcc, setBenAcc] = useState();\r\n\r\n const [email, setEmail] = useState(\"\");\r\n const [image, setImage] = useState(null);\r\n const [nickName, setNickName] = useState(\"\");\r\n const [tpinType, setTpinType] = useState(\"password\");\r\n const [tpin, setTPin] = useState(\"\");\r\n\r\n const [radioIfsc, setRadioIfsc] = useState(\"Enter IFSC\");\r\n const [bankName, setBankName] = useState(\"\");\r\n const [branchName, setBranchName] = useState(\"\");\r\n const [bankData, setBankData] = useState([]);\r\n const [ifscList, setIfscList] = useState([]);\r\n\r\n // Refs\\\r\n const benIfscRef = useRef(null);\r\n const otpRef = useRef(null);\r\n const payeeNameRef = useRef(null);\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n const handleChange = (e) => {\r\n setContent(e.target.value);\r\n setTPin(\"\");\r\n setBname(\"\");\r\n setAccType(\"\");\r\n setaccType2(\"\");\r\n setPayeeMobNo(\"\");\r\n setBenAcc(\"\");\r\n setConBenAcc(\"\");\r\n setBenAcc2(\"\");\r\n setConBenAcc2(\"\");\r\n };\r\n\r\n const handleRadioIfsc = (e) => {\r\n setRadioIfsc(e.target.value);\r\n setBranchName(\"\");\r\n setIfscList([]);\r\n };\r\n\r\n function clearData() {\r\n setBname(\"\");\r\n setBenAcc(\"\");\r\n setConBenAcc(\"\");\r\n setAccType(\"\");\r\n setPayeeMobNo(\"\");\r\n setBenIFSC(\"\");\r\n setBenAcc2(\"\");\r\n setConBenAcc2(\"\");\r\n setIfscBank(\"\");\r\n setTPin(\"\");\r\n setOtp(\"\");\r\n setOtpGrid(false);\r\n setDisableSub(true);\r\n setEmail(\"\");\r\n setNickName(\"\");\r\n payeeNameRef.current.focus();\r\n setBranchName(\"\");\r\n setIfscList([]);\r\n setRadioIfsc(\"Enter IFSC\");\r\n setImage(null);\r\n }\r\n\r\n async function submitBen() {\r\n var jsonRequest = JSON.stringify({\r\n requestType: \"ADD\",\r\n mobileNumber: mobileNo.trim(),\r\n customerNumber: props.auth.CustomerNumber,\r\n payeeType: \"MB\" + payeeType,\r\n payeeSubType: payeeSubType,\r\n payeeName: bname,\r\n payeeMobileNumber: payeeMobNo,\r\n payeeMmid: \"NA\",\r\n accountNumber: benAcc,\r\n ifscCode: benifsc ? benifsc : null,\r\n accountType: accType,\r\n TPin: tpin,\r\n Nickname: nickName,\r\n });\r\n\r\n const data = {\r\n servicename: \"ManagePayeeService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n\r\n if (response.data.error.code !== 0) {\r\n // clearState();\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n clearData();\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n //console.log(\"obj\", obj);\r\n popUp({\r\n message: obj.Message,\r\n icons: \"success\",\r\n });\r\n setRespData(obj);\r\n clearData();\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n clearData();\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n clearData();\r\n }\r\n });\r\n }\r\n\r\n async function accNoTab() {\r\n if (bname && benAcc && conBenAcc && accType && payeeMobNo && tpin) {\r\n if (benAcc || conBenAcc) {\r\n if (benAcc == conBenAcc) {\r\n var jsonRequest = JSON.stringify({\r\n AccountNumber: benAcc,\r\n });\r\n\r\n const data = {\r\n servicename: \"ValidateIntraAccountService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n clearData();\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n TPINValidation();\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n } else {\r\n popUp({\r\n message:\r\n \"Beneficiary account no. & confirm beneficiary account no. did not match\",\r\n icons: \"warning\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message:\r\n \"Please enter beneficiary account no. & confirm beneficiary account no.\",\r\n icons: \"warning\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please fill all the details\",\r\n icons: \"warning\",\r\n });\r\n }\r\n }\r\n\r\n const allValidations = () => {\r\n if (bname) {\r\n if (benAcc || conBenAcc) {\r\n if (benAcc == conBenAcc) {\r\n if (\r\n (payeeMobNo && payeeMobNo.length == 10) ||\r\n payeeMobNo.length == 14\r\n ) {\r\n if (accType) {\r\n if (benifsc && benifsc.length == 11 && ifscBank) {\r\n if (tpin) {\r\n TPINValidation();\r\n } else {\r\n popUp({\r\n message: \"Please enter transaction password.\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please Enter/Search a valid IFSC Code.\",\r\n icons: \"warning\",\r\n });\r\n setTPin(\"\");\r\n return;\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please select Account Type\",\r\n icons: \"warning\",\r\n });\r\n setTPin(\"\");\r\n return;\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please enter a valid mobile no.\",\r\n icons: \"warning\",\r\n });\r\n setTPin(\"\");\r\n return;\r\n }\r\n } else {\r\n popUp({\r\n message:\r\n \"Beneficiary account no. & confirm beneficiary account no. did not match\",\r\n icons: \"warning\",\r\n });\r\n setTPin(\"\");\r\n return;\r\n }\r\n } else {\r\n popUp({\r\n message:\r\n \"Please enter beneficiary account no. & confirm beneficiary account no.\",\r\n icons: \"warning\",\r\n });\r\n setTPin(\"\");\r\n return;\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please Enter Beneficiary Name\",\r\n icons: \"warning\",\r\n });\r\n setTPin(\"\");\r\n }\r\n };\r\n\r\n const TPINValidation = async () => {\r\n var jsonRequest = JSON.stringify({\r\n customerNumber: props.auth.CustomerNumber,\r\n TPin: tpin,\r\n });\r\n\r\n const data = {\r\n servicename: \"TPINValidationService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n // clearData();\r\n setTPin(\"\");\r\n });\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n otpGeneration();\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n };\r\n\r\n async function otpGeneration() {\r\n var jsonRequest = JSON.stringify({\r\n RequestType: \"ADDPAYEE\",\r\n variable1: bname,\r\n });\r\n const data = {\r\n servicename: \"OTPGenerationService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n await postService(url, data)\r\n .then((response) => {\r\n debugger;\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else if (response.data.error.code == 0) {\r\n popUp({\r\n message: \"OTP has been sent to the customer registered mobile no.\",\r\n icons: \"success\",\r\n }).then(() => {\r\n setOtpGrid(true);\r\n setDisableSub(false);\r\n setSeconds(59);\r\n otpRef.current.focus();\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function ifscTab() {\r\n if (bname) {\r\n if (benAcc || conBenAcc) {\r\n if (benAcc == conBenAcc) {\r\n if (\r\n (payeeMobNo && payeeMobNo.length == 10) ||\r\n payeeMobNo.length == 14\r\n ) {\r\n if (accType) {\r\n if (benifsc && benifsc.length == 11) {\r\n var jsonRequest = JSON.stringify({\r\n IfscCode: benifsc,\r\n });\r\n\r\n const data = {\r\n servicename: \"IFSCCodeValidationService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n await postService(url, data)\r\n .then((response) => {\r\n var obj = JSON.parse(response.data.body);\r\n if (obj.Status.resultCode == 0) {\r\n setIfscBank(obj.BankName);\r\n } else {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n setBenIFSC(\"\");\r\n benIfscRef.current.focus();\r\n return;\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n } else {\r\n popUp({\r\n message: \"Please Enter/Search a valid IFSC Code.\",\r\n icons: \"warning\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please select Account Type\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please enter a valid mobile no.\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n } else {\r\n popUp({\r\n message:\r\n \"Beneficiary account no. & confirm beneficiary account no. did not match\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n } else {\r\n popUp({\r\n message:\r\n \"Please enter beneficiary account no. & confirm beneficiary account no.\",\r\n icons: \"warning\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please Enter Beneficiary Name\",\r\n icons: \"warning\",\r\n });\r\n }\r\n }\r\n\r\n const resendOtp = () => {\r\n otpGeneration();\r\n };\r\n\r\n useEffect(() => {\r\n if (radioIfsc == \"Search IFSC\" && bankData.length == 0) {\r\n serachIFSC();\r\n }\r\n }, [radioIfsc]);\r\n\r\n const ifscBtn = () => {\r\n if (bankName && branchName) {\r\n serachIFSC();\r\n } else {\r\n popUp({\r\n message: \"Please select bank and enter branch name.\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n };\r\n\r\n async function serachIFSC() {\r\n var jsonRequest = JSON.stringify({\r\n IFSCCode: \"\",\r\n MICR: \"\",\r\n city: \"\",\r\n state: \"\",\r\n District: \"\",\r\n BankName: bankName && branchName ? bankName : \"\",\r\n Branchname: branchName,\r\n Address: \"\",\r\n MobileNo: \"\",\r\n RTGSYN: \"\",\r\n NEFTYN: \"\",\r\n HOYN: \"\",\r\n ReqType: bankName && branchName ? \"GI\" : \"GB\",\r\n });\r\n\r\n const data = {\r\n servicename: \"IFSCManagementService\",\r\n entitycode: \"WA\",\r\n user: mobileNo?.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else {\r\n debugger;\r\n var obj = JSON.parse(response.data.body);\r\n if (bankName && branchName) {\r\n setIfscList(obj.Listifscresponse);\r\n } else {\r\n setBankData(obj?.Bankdetails);\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n if (content == \"Within Banks Beneficiary\") {\r\n setPayeeType(\"INTRA\");\r\n setPayeeSubType(\"A2A\");\r\n } else {\r\n setPayeeType(\"INTER\");\r\n setPayeeSubType(\"P2A\");\r\n }\r\n\r\n if (otpGrid == true) {\r\n const interval = setInterval(() => {\r\n if (seconds > 0) {\r\n setSeconds(seconds - 1);\r\n }\r\n if (seconds === 0 && minutes === 0) {\r\n clearInterval(interval);\r\n }\r\n }, 1000);\r\n\r\n return () => {\r\n clearInterval(interval);\r\n };\r\n }\r\n }, [seconds, otpGrid, content]);\r\n\r\n async function otpVerify() {\r\n if (otp) {\r\n var jsonRequest = JSON.stringify({\r\n OneTimePass: otp,\r\n RequestType: \"ADDPAYEE\",\r\n });\r\n const data = {\r\n servicename: \"OTPValidationService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n setOtp(\"\");\r\n otpRef.current.focus();\r\n });\r\n return;\r\n } else if (response.data.error.code == 0) {\r\n setAccValDis(true);\r\n submitBen();\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"enter_otp\"),\r\n icons: \"warning\",\r\n });\r\n }\r\n }\r\n\r\n function handleProfilePic(event) {\r\n const file = event.target.files[0];\r\n if (file) {\r\n const reader = new FileReader();\r\n reader.onloadend = () => {\r\n setImage(reader.result); // Base64 image data\r\n };\r\n reader.readAsDataURL(file);\r\n }\r\n }\r\n\r\n const handleEmail = (e) => {\r\n const res = /^[A-Za-z0-9@\\b]+$/;\r\n if (e.target.value === \"\" || res.test(e.target.value)) {\r\n setEmail(e.target.value);\r\n }\r\n };\r\n\r\n function handleName(e) {\r\n let regex = /^[a-zA-Z0-9 ]*$/;\r\n if (regex.test(e.target.value)) {\r\n setBname(e.target.value);\r\n }\r\n }\r\n\r\n // funtions onmouse events for password fields\r\n function mouseDown(e) {\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mousedown\", setTpinType(\"text\"));\r\n }\r\n\r\n function mouseUp(e) {\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mouseup\", setTpinType(\"password\"));\r\n }\r\n\r\n function handlePayeeAccountNumber(e) {\r\n setBenAcc(e.target.value);\r\n }\r\n\r\n const handleAccTab = () => {\r\n if (benAcc !== conBenAcc) {\r\n popUp({\r\n message:\r\n \"Beneficiary account no. & confirm beneficiary account no. did not match\",\r\n icons: \"warning\",\r\n });\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n props.history.push(\"/\")}\r\n tabIndex={0}\r\n variant=\"contained\"\r\n />\r\n Account Number :\r\n {location.state[1].PrdAcctId15Digit\r\n ? location.state[1].PrdAcctId15Digit\r\n : location.state[1].AccountNumber}\r\n \r\n {location.state[1].AcountType ? `(${location.state[1].AcountType})` : \"(NA)\"}\r\n {/* {t(\"back_to_login\")} */}\r\n
\r\n \r\n \r\n \r\n \r\n rowData.Type == \"CR\"\r\n ? \"โ\" + \" Credit\"\r\n : \"โ\" + \" Debit\",\r\n cellStyle: (cellValue, rowData) => {\r\n //console.log({ cellValue, rowData });\r\n return {\r\n color: cellValue === \"CR\" ? \"green\" : \"red\",\r\n textAlign: \"left\",\r\n };\r\n },\r\n },\r\n {\r\n title: amount,\r\n field: \"Amount\",\r\n render: (rowData) => rowData.Amount?.toFixed(2),\r\n cellStyle: { textAlign: \"right\" },\r\n headerStyle: { textAlign: \"center\" },\r\n },\r\n {\r\n title: t(\"balanceRs\"),\r\n field: \"Balance\",\r\n render: (rowData) => rowData.Balance,\r\n cellStyle: { textAlign: \"right\" },\r\n headerStyle: { textAlign: \"center\" },\r\n },\r\n ]}\r\n data={tableData}\r\n // data={[\r\n // { srNo: \"100218123812388\", nomineeName: \"Saurabh Arun Kalyankar\", prdAcctId: \"1018208456\", relation: \"Father\" },\r\n // { srNo: \"100218123812388\", nomineeName: \"Saurabh Arun Kalyankar\", prdAcctId: \"1018204846\", relation: \"Father\" }\r\n\r\n // ]}\r\n options={{\r\n filtering: true,\r\n sorting: false,\r\n search: false,\r\n toolbar: false,\r\n // paging: false,\r\n headerStyle: {\r\n textAlign: \"center\",\r\n },\r\n // rowStyle: (rowData) => {\r\n // return {\r\n // color: rowData.Type == \"CR\" ? \"green\" : \"red\",\r\n // };\r\n // },\r\n }}\r\n />\r\n \r\n\r\n \r\n }\r\n >\r\n \r\n \r\n col.Type.toUpperCase() === \"CR\"\r\n ? \"โ Credit\"\r\n : \"โ Debit\"\r\n }\r\n />\r\n (col.ValueDate == \"Invalid date\" ? \"\" : col.ValueDate)} /> */}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Add Payee/Beneficiary Details\r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n */}\r\n\r\n {/* \r\n \r\n {image ? (\r\n \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n Payee Name *\r\n \r\n setBname(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n Payee Details*\r\n \r\n \r\n For a better experience add both bank and other details\r\n \r\n \r\n \r\n\r\n \r\n handlePayeeAccountNumber(e)}\r\n />\r\n \r\n\r\n \r\n handleAccTab(e)}\r\n value={conBenAcc}\r\n placeholder=\"Re-enter payee account number\"\r\n inputProps={{ maxLength: 20 }}\r\n onChange={(e) => setConBenAcc(e.target.value)}\r\n />\r\n \r\n\r\n \r\n \r\n Nickname \r\n setNickName(e.target.value)}\r\n />\r\n \r\n\r\n \r\n \r\n Mobile Number*\r\n \r\n setPayeeMobNo(e.target.value)}\r\n />\r\n \r\n\r\n {/* \r\n Email Address \r\n handleEmail()}\r\n />\r\n */}\r\n \r\n\r\n {content === \"Within Banks Beneficiary\" ? (\r\n \r\n \r\n Account Type*\r\n \r\n \r\n setAccType(e.target.value)}\r\n MenuProps={MenuProps}\r\n display=\"flex\"\r\n >\r\n \r\n \r\n {/* */}\r\n {/* */}\r\n \r\n \r\n \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n Account Type*\r\n \r\n \r\n setAccType(e.target.value)}\r\n MenuProps={MenuProps}\r\n display=\"flex\"\r\n >\r\n \r\n \r\n {/* */}\r\n {/* */}\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {radioIfsc == \"Enter IFSC\" ? (\r\n <>\r\n \r\n \r\n IFSC Code*\r\n \r\n setBenIFSC(e.target.value)}\r\n />\r\n \r\n\r\n \r\n \r\n Bank Name*\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n Bank Name*\r\n \r\n option.BankName}\r\n onChange={(e, newValue) =>\r\n setBankName(newValue?.BankName)\r\n }\r\n renderInput={(params) => (\r\n \r\n Bank & Bracnh Name: {ifscBank}\r\n \r\n \r\n\r\n \r\n \r\n Branch Name*\r\n \r\n setBranchName(e.target.value)}\r\n />\r\n \r\n\r\n {ifscList.length !== 0 ? (\r\n \r\n IFSC \r\n \r\n option.IFSCCode + \"-\" + option.Branchname\r\n }\r\n onChange={(e, newValue) =>\r\n setBenIFSC(newValue.IFSCCode)\r\n }\r\n renderInput={(params) => (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n\r\n \r\n {benifsc ? (\r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n \r\n Transaction Password{\" \"}\r\n *\r\n \r\n e.preventDefault()}\r\n onCopy={(e) => e.preventDefault()}\r\n onPaste={(e) => e.preventDefault()}\r\n inputProps={{ maxLength: 30 }}\r\n input={\r\n \r\n mouseDown(e)}\r\n onMouseUp={(e) => mouseUp(e)}\r\n edge=\"end\"\r\n >\r\n {tpinType == \"text\" ? (\r\n \r\n }\r\n />\r\n \r\n \r\n \r\n\r\n {otpGrid == true && (\r\n \r\n )}\r\n \r\n {otpGrid === true ? (\r\n \r\n \r\n OTP Verify\r\n \r\n \r\n ) : (\r\n \r\n \r\n {t(\"Submit\")}\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n Clear\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n props.history.push(\"ManageBeneficiary\");\r\n }}\r\n >\r\n Manage Payee/beneficiary\r\n \r\n \r\n MORE INFORMATION \r\n \r\n \r\n You can create a recipient by adding the details of accounts\r\n that you need to transfer money often.\r\n \r\n \r\n Once you have added a recipient it appears in the\r\n 'Registered Account' under 'Fund Transfer'.\r\n \r\n \r\n You can select the recipient and all the details get\r\n populated automatically for your convenience.\r\n \r\n \r\n Nickname may be Alphanumeric without any special characters.\r\n \r\n \r\n {/* 
*/}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(Beneficiary);\r\n","import React, { Component, useRef } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport {\r\n Typography,\r\n FormControl,\r\n Select,\r\n Box,\r\n Popover,\r\n IconButton,\r\n Button,\r\n Link,\r\n} from \"@material-ui/core\";\r\nimport { Container } from \"@material-ui/core\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport compose from \"recompose/compose\";\r\nimport { connect } from \"react-redux\";\r\nimport HttpService from \"../../redux/Api\";\r\nimport { trackPromise } from \"react-promise-tracker\";\r\nimport PropTypes from \"prop-types\";\r\nimport MaterialTable from \"material-table\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport { Refresh } from \"@material-ui/icons\";\r\nimport { FormControlLabel } from \"@material-ui/core\";\r\nimport { FormLabel } from \"@material-ui/core\";\r\nimport { RadioGroup } from \"@material-ui/core\";\r\nimport { Radio } from \"@material-ui/core\";\r\nimport beneInstruction from \"../../img/bbk/Beneficiary instruction.png\";\r\nimport profilePic from \"../../img/bbk/profilePic.png\";\r\nimport StarBorderIcon from \"@material-ui/icons/StarBorder\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\n\r\nfunction ManageBeneficiary(props) {\r\n const [respData, setRespData] = useState([]);\r\n const mobileNo = props.auth.MobileNo;\r\n const { t } = useTranslation();\r\n const [refresh, setRefresh] = useState(false);\r\n const [content, setContent] = useState(\"Within Banks Beneficiary\");\r\n const [allData, setAllData] = useState([]);\r\n const [otpGrid, setOtpGrid] = useState(false);\r\n const [otp, setOtp] = useState(\"\");\r\n const [minutes, setMinutes] = useState(0);\r\n const [seconds, setSeconds] = useState(59);\r\n const [rowData, setRowData] = useState();\r\n\r\n const otpRef = useRef(null);\r\n\r\n useEffect(() => {\r\n if (otpGrid == true) {\r\n const interval = setInterval(() => {\r\n if (seconds > 0) {\r\n setSeconds(seconds - 1);\r\n }\r\n if (seconds === 0 && minutes === 0) {\r\n clearInterval(interval);\r\n }\r\n }, 1000);\r\n\r\n return () => {\r\n clearInterval(interval);\r\n };\r\n }\r\n }, [seconds, otpGrid, content]);\r\n\r\n const resendOtp = () => {\r\n // let otpFlag = true;\r\n setOtp(\"\")\r\n otpGeneration();\r\n };\r\n\r\n // useEffect(() => {\r\n // const obj = [\r\n // {\r\n // payeeType: \"MBINTER\",\r\n // payeeName: \"raghav\",\r\n // payeeSubType: \"P2A\",\r\n // payeeMobileNumber: null,\r\n // payeeMmid: null,\r\n // accountNumber: \"1000\",\r\n // ifscCode: \"SBIN0012726\",\r\n // bankName: \"STATE BANK OF INDIA\",\r\n // branchName: \"TOWN BRANCH PUTTUR\",\r\n // city: \"CHITTOR\",\r\n // requestDate: \"14-09-2023\",\r\n // statusFlag: \"ACTIVATED\",\r\n // ActivationDate: \"14-09-2023\",\r\n // PayeeAdd: null,\r\n // },\r\n // {\r\n // payeeType: \"MBINTRA\",\r\n // payeeName: \"raghav\",\r\n // payeeSubType: \"A2A\",\r\n // payeeMobileNumber: null,\r\n // payeeMmid: null,\r\n // accountNumber: \"50009243192\",\r\n // ifscCode: \"\",\r\n // bankName: \"NA\",\r\n // branchName: \"NA\",\r\n // city: \"NA\",\r\n // requestDate: \"14-09-2023\",\r\n // statusFlag: \"ACTIVATED\",\r\n // ActivationDate: \"14-09-2023\",\r\n // PayeeAdd: null,\r\n // },\r\n // {\r\n // payeeType: \"MBINTER\",\r\n // payeeName: \"raghav \",\r\n // payeeSubType: \"P2A\",\r\n // payeeMobileNumber: null,\r\n // payeeMmid: null,\r\n // accountNumber: \"94494920\",\r\n // ifscCode: \"SBIN0012726\",\r\n // bankName: \"STATE BANK OF INDIA\",\r\n // branchName: \"TOWN BRANCH PUTTUR\",\r\n // city: \"CHITTOR\",\r\n // requestDate: \"14-03-2023\",\r\n // statusFlag: \"ACTIVATED\",\r\n // ActivationDate: \"15-03-2023\",\r\n // PayeeAdd: null,\r\n // },\r\n // ];\r\n\r\n // const biforcation = obj.filter((e) => {\r\n // return e.payeeType == \"MBINTRA\";\r\n // });\r\n // // //console.log(\"bfgsduf\", biforcation);\r\n // setRespData(biforcation);\r\n // setAllData(obj);\r\n // },[]);\r\n\r\n useEffect(() => {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n var jsonRequest = JSON.stringify({\r\n requestType: \"VIEW\",\r\n mobileNumber: mobileNo?.trim(),\r\n customerNumber: props.auth.CustomerNumber,\r\n payeeType: \"MBINTER\",\r\n payeeSubType: \"P2A\",\r\n payeeName: null,\r\n payeeMobileNumber: null,\r\n payeeMmid: null,\r\n accountNumber: null,\r\n ifscCode: null,\r\n accountType: null,\r\n TPin: null,\r\n });\r\n\r\n const data = {\r\n servicename: \"ManagePayeeService\",\r\n entitycode: \"WA\",\r\n user: mobileNo?.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n //console.log(\"obj\", obj);\r\n debugger;\r\n\r\n const biforcation = obj.filter((e) => {\r\n return e.payeeType == \"MBINTRA\";\r\n });\r\n //console.log(\"bfgsduf\", biforcation);\r\n setRespData(biforcation);\r\n setAllData(obj);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (refresh == true) {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n var jsonRequest = JSON.stringify({\r\n requestType: \"VIEW\",\r\n mobileNumber: mobileNo?.trim(),\r\n customerNumber: props.auth.CustomerNumber,\r\n payeeType: \"MBINTER\",\r\n payeeSubType: \"P2A\",\r\n payeeName: null,\r\n payeeMobileNumber: null,\r\n payeeMmid: null,\r\n accountNumber: null,\r\n ifscCode: null,\r\n accountType: null,\r\n TPin: null,\r\n });\r\n\r\n const data = {\r\n servicename: \"ManagePayeeService\",\r\n entitycode: \"WA\",\r\n user: mobileNo?.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n //console.log(\"obj\", obj);\r\n setAllData(obj);\r\n // if (content === \"Within Banks Beneficiary\") {\r\n // const biforcation = obj.filter((e) => {\r\n // return e.payeeType == \"MBINTRA\";\r\n // });\r\n // setRespData(biforcation);\r\n // } else {\r\n // const biforcation = obj.filter((e) => {\r\n // return e.payeeType == \"MBINTER\";\r\n // });\r\n // setRespData(biforcation);\r\n // }\r\n // setRefresh(false);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n }, [refresh]);\r\n\r\n async function otpGeneration() {\r\n\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n RequestType: \"DELETEPAYEE\",\r\n });\r\n const data = {\r\n servicename: \"OTPGenerationService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else if (response.data.error.code == 0) {\r\n debugger;\r\n popUp({\r\n message: \"OTP has been sent to the customer registered mobile no.\",\r\n icons: \"success\",\r\n }).then(() => {\r\n setOtpGrid(true);\r\n setSeconds(59);\r\n otpRef.current.focus();\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n function dataDelete() {\r\n\r\n\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n var jsonRequest = JSON.stringify({\r\n requestType: \"DELETE\",\r\n mobileNumber: mobileNo?.trim(),\r\n customerNumber: props.auth.CustomerNumber,\r\n payeeType: rowData.payeeType,\r\n payeeSubType: rowData.payeeSubType,\r\n payeeName: rowData.payeeName,\r\n payeeMobileNumber: null,\r\n payeeMmid: null,\r\n accountNumber: rowData.accountNumber,\r\n ifscCode: rowData.ifscCode,\r\n accountType: null,\r\n TPin: null,\r\n });\r\n\r\n const data = {\r\n servicename: \"ManagePayeeService\",\r\n entitycode: \"WA\",\r\n user: mobileNo?.trim(),\r\n request: jsonRequest,\r\n };\r\n debugger;\r\n //console.log(data, \"data...\");\r\n postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"success\",\r\n });\r\n setOtpGrid(false)\r\n setRefresh(true);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n const handleChange = (e) => {\r\n setContent(e.target.value);\r\n if (e.target.value === \"Within Banks Beneficiary\") {\r\n const biforcation = allData.filter((e) => {\r\n return e.payeeType == \"MBINTRA\";\r\n });\r\n setRespData(biforcation);\r\n } else {\r\n const biforcation = allData.filter((e) => {\r\n return e.payeeType == \"MBINTER\";\r\n });\r\n setRespData(biforcation);\r\n }\r\n };\r\n async function otpVerify() {\r\n\r\n debugger\r\n\r\n if (otp) {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n OneTimePass: otp,\r\n RequestType: \"DELETEPAYEE\",\r\n });\r\n const data = {\r\n servicename: \"OTPValidationService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n setOtp(\"\");\r\n otpRef.current.focus();\r\n });\r\n // clearData();\r\n return;\r\n } else if (response.data.error.code == 0) {\r\n debugger;\r\n // submitData();\r\n // submitBen();\r\n setOtp(\"\")\r\n dataDelete();\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"enter_otp\"),\r\n icons: \"warning\",\r\n });\r\n }\r\n }\r\n\r\n const deleteRowData = (row) => {\r\n setRowData(row);\r\n otpGeneration(row);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n 
\r\n
\r\n )\r\n :\r\n (\r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Manage Payee/Beneficiary Details\r\n \r\n \r\n \r\n \r\n \r\n {otpGrid ? (\r\n \r\n ) : (\r\n <>\r\n \r\n Total beneficiary : {allData.length} \r\n Active: {allData.length} \r\n {/* Deactive: 08 */}\r\n \r\n rowData.payeeType == \"MBINTER\" ? \"INTER\" : \"INTRA\",\r\n headerStyle: {\r\n textAlign: \"left\",\r\n fontWeight: 500,\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n title: \"Name\",\r\n field: \"payeeName\",\r\n headerStyle: {\r\n textAlign: \"left\",\r\n fontWeight: 500,\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n title: \"Account No.\",\r\n field: \"accountNumber\",\r\n headerStyle: {\r\n textAlign: \"left\",\r\n fontWeight: 500,\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n title: \"IFSC\",\r\n field: \"ifscCode\",\r\n headerStyle: {\r\n textAlign: \"left\",\r\n fontWeight: 500,\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n title: \"Bank\",\r\n field: \"bankName\",\r\n headerStyle: {\r\n textAlign: \"left\",\r\n fontWeight: 500,\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n title: \"Status\",\r\n field: \"statusFlag\",\r\n headerStyle: {\r\n textAlign: \"left\",\r\n fontWeight: 500,\r\n color: \"black\",\r\n },\r\n cellStyle: {\r\n color: \"green\",\r\n },\r\n },\r\n {\r\n title: \"Delete\",\r\n field: \"Delete\",\r\n render: (row) => (\r\n deleteRowData(row)}\r\n >\r\n {t(\"Delete\")}\r\n \r\n ),\r\n },\r\n ]}\r\n data={allData}\r\n options={{\r\n pageSizeOptions: [5],\r\n actionsColumnIndex: -1,\r\n showTitle: false,\r\n }}\r\n />\r\n \r\n \r\n Newly added beneficiary will be activated post 30 minutes. Please contact Customer Care for any clarification or queries.\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {\r\n props.history.push(\"Beneficiary\");\r\n }}\r\n >\r\n Add Payee/beneficiary\r\n \r\n \r\n MORE INFORMATION \r\n \r\n \r\n You can create a recipient by adding the details of accounts that you need to transfer money often.\r\n \r\n \r\n Once you have added a recipient it appears in the 'Registered Account' under 'Fund Transfer'.\r\n \r\n \r\n You can select the recipient and all the details get populated automatically for your convenience.\r\n \r\n \r\n Nickname may be Alphanumeric without any special characters.\r\n \r\n \r\n\r\n {/* */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(ManageBeneficiary);\r\n","import Card from \"@material-ui/core/Card\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport ArrowBackIosIcon from \"@material-ui/icons/ArrowBackIos\";\r\n\r\nimport {\r\n Button,\r\n FormControl,\r\n IconButton,\r\n InputAdornment,\r\n MenuItem,\r\n Link,\r\n Select,\r\n Slider,\r\n Switch,\r\n} from \"@material-ui/core\";\r\nimport { Visibility, VisibilityOff } from \"@material-ui/icons\";\r\nimport { FNumField } from \"../../fincore-ui/components/FNumField\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport MaterialTable from \"material-table\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport { DabitCardApi } from \"./DabitCardApi\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport { connect } from \"react-redux\";\r\nimport moment from \"moment\";\r\n\r\nconst AntSwitch = styled(Switch)(({ theme }) => ({\r\n width: 23,\r\n height: 12,\r\n padding: 0,\r\n display: \"flex\",\r\n \"&:active\": {\r\n \"& .MuiSwitch-thumb\": {\r\n width: 10,\r\n },\r\n \"& .MuiSwitch-switchBase.Mui-checked\": {\r\n transform: \"translateX(9px)\",\r\n },\r\n },\r\n \"& .MuiSwitch-switchBase\": {\r\n padding: 2,\r\n \"&.Mui-checked\": {\r\n transform: \"translateX(12px)\",\r\n color: \"#fff\",\r\n \"& + .MuiSwitch-track\": {\r\n opacity: 1,\r\n backgroundColor: theme.palette.mode === \"dark\" ? \"#454545\" : \"#38529D\",\r\n },\r\n },\r\n },\r\n \"& .MuiSwitch-thumb\": {\r\n boxShadow: \"0 2px 4px 0 rgb(0 35 11 / 20%)\",\r\n width: 8,\r\n height: 8,\r\n borderRadius: 6,\r\n transition: theme.transitions.create([\"width\"], {\r\n duration: 200,\r\n }),\r\n },\r\n \"& .MuiSwitch-track\": {\r\n borderRadius: 16 / 2,\r\n opacity: 1,\r\n backgroundColor:\r\n theme.palette.mode === \"dark\"\r\n ? \"rgba(255,255,255,.35)\"\r\n : \"rgba(0,0,0,.25)\",\r\n boxSizing: \"border-box\",\r\n },\r\n}));\r\n\r\nconst month = [\r\n \"01\",\r\n \"02\",\r\n \"03\",\r\n \"04\",\r\n \"05\",\r\n \"06\",\r\n \"07\",\r\n \"08\",\r\n \"09\",\r\n \"10\",\r\n \"11\",\r\n \"12\",\r\n];\r\n\r\nconst ChannelWiseBlocking = (props) => {\r\n const [accNo, setAccNo] = React.useState(\"\");\r\n const [tableData, setTableData] = useState([]);\r\n const [international, setInternational] = useState(false);\r\n const [domestic, setDomestic] = useState(false);\r\n const [cardNumber, setCardNumber] = useState(\"\");\r\n const [otp, setOtp] = useState(\"\");\r\n const [otpGrid, setOtpGrid] = useState(false);\r\n const [filterCard, setFilterCard] = useState([]);\r\n const [mm, setMM] = useState(\"\");\r\n const [yy, setYY] = useState(\"\");\r\n const [minutes, setMinutes] = useState(0);\r\n const [seconds, setSeconds] = useState(59);\r\n const [disableOtp, setDisableOtp] = useState(true);\r\n const [presentMon, setPresentMon] = useState(\"\");\r\n const [presentYear, setPresentYear] = useState(\"\");\r\n const [validYear, setValidYear] = useState(\"\");\r\n\r\n const { t } = useTranslation();\r\n\r\n const mobNo = props?.auth?.MobileNo;\r\n\r\n useEffect(() => {\r\n if (otpGrid === true) {\r\n const interval = setInterval(() => {\r\n if (seconds > 0) {\r\n setSeconds(seconds - 1);\r\n }\r\n if (seconds === 0 && minutes === 0) {\r\n clearInterval(interval);\r\n }\r\n }, 1000);\r\n\r\n return () => {\r\n clearInterval(interval);\r\n };\r\n }\r\n }, [seconds, otpGrid]);\r\n const resendOtp = () => {\r\n otpGeneration();\r\n };\r\n\r\n useEffect(() => {\r\n debugger;\r\n let valid = moment();\r\n let a = moment(valid).format(\"yy\");\r\n let mon = moment(valid).format(\"MM\");\r\n setPresentMon(mon);\r\n //console.log(\"Prsent month\", mon);\r\n\r\n let b = a.slice(-2);\r\n setPresentYear(b);\r\n //console.log(\"Prsent Year\", b);\r\n\r\n let valilidity = (parseInt(b) + 8).toString();\r\n setValidYear(valilidity);\r\n //console.log(\"valilidity\", valilidity);\r\n }, []);\r\n\r\n // useEffect(() => {\r\n // setTableData(data);\r\n // }, []);\r\n\r\n const handleInternational = (e, rowData) => {\r\n let valueToSet = e.target.checked ? 2 : 1;\r\n let updatedData = tableData.map((row) =>\r\n row.Channel === rowData.Channel ? { ...row, international: valueToSet } : row\r\n );\r\n setTableData(updatedData);\r\n //console.log(9999, updatedData);\r\n };\r\n\r\n const handleDomestic = (e, rowData) => {\r\n let valueToSet = e.target.checked ? 2 : 1;\r\n let updatedData = tableData.map((row) =>\r\n row.Channel === rowData.Channel ? { ...row, domestic: valueToSet } : row\r\n );\r\n setTableData(updatedData);\r\n //console.log(9999, updatedData);\r\n };\r\n\r\n\r\n const handleSubmit = async () => {\r\n const dateFormate = moment(filterCard[0].Expirydate, \"DD-MMM-YY\").format(\"MM/YY\")\r\n\r\n if (!otp && !otpGrid) {\r\n if (cardNumber) {\r\n if (mm || yy) {\r\n if(`${mm}/${yy}`== dateFormate){\r\n\r\n if (presentMon >= mm && yy == presentYear) {\r\n popUp({\r\n message: t(\"valid_expiry_month\"),\r\n icons: \"warning\",\r\n });\r\n } else {\r\n otpGeneration();\r\n }\r\n }else {\r\n popUp({\r\n message: \"Please Enter Valid Expiry Date\",\r\n icons: \"warning\",\r\n });\r\n\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please Enter Expiry Date\",\r\n icons: \"warning\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please Fill Card Number\",\r\n icons: \"warning\",\r\n });\r\n }\r\n } else if (otp && otpGrid && filterCard[0].isFIS) {\r\n otpVerify();\r\n } else if (!filterCard[0].isFIS) {\r\n ChangeStatusService();\r\n } else {\r\n popUp({\r\n message: \"Please Enter Valid OTP\",\r\n icons: \"warning\",\r\n });\r\n }\r\n };\r\n const getNext8Years = () => {\r\n const currentYear = new Date().getFullYear();\r\n const years = [];\r\n\r\n for (let i = 0; i <= 8; i++) {\r\n const year = (currentYear + i).toString().slice(-2);\r\n years.push(year);\r\n }\r\n\r\n return years;\r\n };\r\n const years = getNext8Years();\r\n\r\n // const otpGeneration = async () => {\r\n // if (!otp) {\r\n // let jsonRequest = JSON.stringify({\r\n // // RequestType: \"CARDSTATUSPIN\",\r\n // CardNo: cardNumber,\r\n // ExpDt: `${mm}/${yy}`,\r\n // });\r\n // let serviceName = \"GetOTPService\";\r\n // debugger;\r\n // let responce = await DabitCardApi(jsonRequest, serviceName, mobNo);\r\n // debugger;\r\n // if (responce) {\r\n // setOtpGrid(true);\r\n // setSeconds(59);\r\n // }\r\n // } else {\r\n // ChangeStatusService();\r\n // }\r\n // };\r\n\r\n const otpGeneration = async () => {\r\n let jsonRequest;\r\n let serviceName;\r\n if (filterCard[0].isFIS) {\r\n jsonRequest = JSON.stringify({\r\n RequestType: \"CARDSTATUSPIN\",\r\n variable1: cardNumber,\r\n });\r\n serviceName = \"OTPGenerationService\";\r\n } else {\r\n jsonRequest = JSON.stringify({\r\n // RequestType: \"CARDSTATUSPIN\",\r\n CardNo: cardNumber,\r\n ExpDt: `${mm}/${yy}`,\r\n COffSet: null,\r\n POffSet: null,\r\n });\r\n serviceName = \"GetOTPService\";\r\n }\r\n\r\n let responce = await DabitCardApi(jsonRequest, serviceName, mobNo);\r\n debugger;\r\n if (responce) {\r\n setOtpGrid(true);\r\n setSeconds(59);\r\n // setOtpGrid(true)};\r\n }\r\n };\r\n\r\n const otpVerify = async () => {\r\n let jsonRequest = JSON.stringify({\r\n OneTimePass: otp,\r\n RequestType: \"CARDSTATUSPIN\",\r\n variable1: cardNumber,\r\n });\r\n let serviceName = \"OTPValidationService\";\r\n\r\n let responce = await DabitCardApi(jsonRequest, serviceName, mobNo);\r\n debugger;\r\n if (responce) {\r\n ChangeStatusService();\r\n // setOtpGrid(true)};\r\n }\r\n };\r\nconsole.log(555, props.debitCardDetails);\r\n\r\n const ChangeStatusService = async () => {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n CardNo: cardNumber,\r\n ExpDt: `${mm}/${yy}`,\r\n COffSet: \"\",\r\n OTP: filterCard ? \"\" : otp,\r\n ATMStatus: tableData[0].domestic,\r\n POSStatus: tableData[1].domestic,\r\n ECOMStatus: tableData[2].domestic,\r\n // ContactlessStatus: updatedData[3].domestic,\r\n ContactlessStatus: 0,\r\n ATMLimit: filterCard[0].ATMLimit,\r\n POSLimit: filterCard[0].POSLimit,\r\n ECOMLimit: filterCard[0].ECOMLimit,\r\n IntAction: \"\",\r\n LbrCode: props?.debitCardDetails[0].accountDetails.LbrCode,\r\n PrdAccountNumber: \"\",\r\n // ContactlessLimit: tableData[3].setLimit,\r\n ContactlessLimit: null,\r\n CustNo: props.auth.CustomerNumber,\r\n IntlATMStatus: tableData[0].international,\r\n IntlPOSStatus: tableData[1].international,\r\n IntlECOMStatus: tableData[2].international,\r\n IntlContactlessStatus: 0,\r\n });\r\n debugger;\r\n\r\n let serviceName = \"UpdateAllCardDetailsService\";\r\n DabitCardApi(jsonRequest, serviceName, mobNo)\r\n .then((responce) => {\r\n //console.log(\"responce\", responce);\r\n setTableData([]);\r\n setCardNumber(\"\");\r\n setMM(\"\");\r\n setYY(\"\");\r\n setOtp(\"\");\r\n\r\n popUp({\r\n message: responce.Message,\r\n icons: \"success\",\r\n }).then(() => {\r\n setOtpGrid(false);\r\n props.fetchDebitCardDetails();\r\n });\r\n })\r\n .catch((error) => {\r\n //console.log(\"error\", error);\r\n // popUp({\r\n // message: error.data.error.message,\r\n // icons: \"error\",\r\n // });\r\n // debugger\r\n });\r\n };\r\n\r\n const handleCardNumber = (e) => {\r\n debugger;\r\n setCardNumber(e.target.value);\r\n const selectedCard = props?.debitCardDetails.filter(\r\n (item) => item.CardNo == e.target.value && item\r\n );\r\n setFilterCard(selectedCard);\r\n const data = [\r\n {\r\n id: 1,\r\n Channel: \"ATM\",\r\n domestic: selectedCard[0].ATMStatus,\r\n international: selectedCard[0].IntlATMStatus,\r\n },\r\n {\r\n id: 2,\r\n Channel: \"POS\",\r\n domestic: selectedCard[0].POSStatus,\r\n international: selectedCard[0].IntlPOSStatus,\r\n },\r\n {\r\n id: 3,\r\n Channel: \"ECOM\",\r\n domestic: selectedCard[0].ECOMStatus,\r\n international: selectedCard[0].IntlECOMStatus,\r\n },\r\n // {\r\n // id: 4,\r\n // Channel: \"Contactless\",\r\n // domestic: 1,\r\n // // international: false,\r\n // },\r\n ];\r\n setTableData(data);\r\n };\r\n\r\n\r\n const handleClear = () => {\r\n setCardNumber(\"\");\r\n setMM(\"\");\r\n setYY(\"\");\r\n setOtpGrid(false);\r\n setOtp(\"\");\r\n setTableData([]);\r\n }\r\n\r\n return (\r\n \r\n Time Remaining: {`0${minutes}`}:{\" \"}\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\n\r\n Time Remaining: {`0${minutes}`}:{\" \"}\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\n\r\n {getStepContent(activeStep)} \r\n \r\n {!activeStep == 0 && (\r\n \r\n \r\n \r\n {activeStep === steps.length - 1 ? t(\"finish\") : t(\"next\")}\r\n \r\n \r\n )}\r\n {activeStep !== steps.length - 1 && (\r\n \r\n \r\n Clear\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n {/* \r\n \r\n {props?.debitCardDetails[0]?.CardNo ? props?.debitCardDetails[0]?.CardNo : \"NA\"}\r\n \r\n
\r\n \r\n \r\n Valid Thru\r\n \r\n \r\n CVV\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {props.debitCardDetails[0]?.Expirydate ? moment(props.debitCardDetails[0]?.Expirydate, \"DD-MMM-YY\").format(\"MM/YY\") : \"NA\"}\r\n \r\n \r\n ***\r\n \r\n
\r\n \r\n \r\n {props?.auth?.CustomerName ? props?.auth?.CustomerName : \"\"}\r\n \r\n
\r\n \r\n Time Remaining: {`0${minutes}`}:{\" \"}\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\n\r\n Time Remaining: {`0${minutes}`}:{\" \"}\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\n\r\n Time Remaining: {`0${minutes}`}:{\" \"}\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\n\r\n \r\n {/* \r\n \r\n Back\r\n \r\n */}\r\n\r\n \r\n back()}\r\n />\r\n\r\n \r\n {view}\r\n \r\n \r\n \r\n {/* \r\n {view == \"Set PIN/Re-generation PIN\" ? (\r\n \r\n \r\n Please Note: \r\n \r\n Card image show here are for representation and mayvery from\r\n the origional card/s held by you.\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n objData: (obj) => dispatch({ type: \"USER_DETAILS\", value: obj }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DebitCard);\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Generate Pin\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n\r\n\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n ...state,\r\n // custId: state.login.custId,\r\n // UName: state.login.loginInfo.username\r\n };\r\n};\r\n\r\n\r\nexport default connect(mapStateToProps)(GeneratePin);","\r\nimport React from \"react\";\r\nimport {\r\n Button,\r\n Link,\r\n Paper,\r\n Grid,\r\n Card,\r\n Typography,\r\n TextField,\r\n Box,\r\n AppBar,\r\n Toolbar,\r\n ButtonBase,\r\n} from \"@material-ui/core\";\r\nexport default function Otp(props) {\r\n return(\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* Card number */}\r\n {/* */}\r\n {/* */}\r\n {/* Benificiary Type */}\r\n {/* setAccNo(e.target.value)}\r\n className=\"form-control-bgcolor\"\r\n // input={ */}\r\n {/* */}\r\n \r\n \r\n\r\n \r\n \r\n \r\n Account number\r\n \r\n \r\n \r\n {\" \"}\r\n {selectedCard ? selectedCard?.AccountNo : \"NA\"}\r\n \r\n \r\n \r\n \r\n \r\n Card number\r\n \r\n \r\n \r\n {\" \"}\r\n {selectedCard ? maskedCard : \"NA\"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Expiry Date\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n CVV\r\n \r\n \r\n setCvv(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n Set New Pin\r\n \r\n \r\n setNewPin(e.target.value)}\r\n labelWidth={0}\r\n type=\"password\"\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Confirm New Pin\r\n \r\n \r\n setPin(e.target.value)}\r\n labelWidth={0}\r\n type=\"password\"\r\n />\r\n \r\n \r\n\r\n {otpGrid === true && (\r\n \r\n \r\n \r\n {\r\n setOtp(value);\r\n }}\r\n label={t(\"enter_otp\")}\r\n />\r\n\r\n {seconds > 0 ? (\r\n \r\n \r\n {t(\"resend_otp\")}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n )}\r\n\r\n {otpGrid === false ? (\r\n \r\n \r\n Submit\r\n \r\n props.history.goBack()}\r\n // onClick={this.handelchangeClear}\r\n >\r\n Cancel\r\n \r\n \r\n ):(\r\n \r\n \r\n Submit\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n Time Remaining: {`0${minutes}`}:{\" \"}\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\nexport default ConfirmTransfer;\r\n","import {\r\n Box,\r\n Button,\r\n ButtonGroup,\r\n Card,\r\n Checkbox,\r\n FormControlLabel,\r\n Link,\r\n MenuItem,\r\n Select,\r\n Step,\r\n StepLabel,\r\n Stepper,\r\n TextField,\r\n Typography,\r\n} from \"@material-ui/core\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport OutlinedInput from \"@material-ui/core/OutlinedInput\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\nimport MaterialTable from \"material-table\";\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { FDateField } from \"../../fincore-ui/components/FDateField\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\n// import PageName from \"../Pagename\";\r\nimport {\r\n Accordion,\r\n AccordionDetails,\r\n AccordionSummary,\r\n Radio,\r\n RadioGroup,\r\n} from \"@material-ui/core\";\r\nimport ArrowBackIosIcon from \"@material-ui/icons/ArrowBackIos\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\nimport moment from \"moment/moment\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst ITEM_HEIGHT = 48;\r\nconst ITEM_PADDING_TOP = 8;\r\nconst MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 210,\r\n },\r\n },\r\n};\r\n\r\nfunction OtherBankTransfer(props) {\r\n //const classes = useStyles();\r\n const [transferType, setTransferType] = useState(\"\");\r\n const [accData, setAccData] = useState();\r\n const [mmid, setMMID] = useState(\"\");\r\n const [type1, setType] = useState(\"password\");\r\n const [tpin, setTPin] = useState();\r\n const [amount, setAmount] = useState(\"\");\r\n const [trnsType, setTrnsType] = useState(\"\");\r\n const [benAccData, setBenAccData] = useState([]);\r\n const [benName, setBenName] = useState(\"\");\r\n const [benMobNo, setBenMobNo] = useState(\"\");\r\n const [benIFSC, setBenIFSC] = useState(\"\");\r\n const [benAccNo, setBenAcccNo] = useState(\"\");\r\n const [benAddress, setBenAddress] = useState(\"\");\r\n const [remarks, setRemarks] = useState(\"\");\r\n const [otpGrid, setOtpGrid] = useState(false);\r\n const [minutes, setMinutes] = useState(0);\r\n const [seconds, setSeconds] = useState(59);\r\n const [otp, setOtp] = useState(\"\");\r\n const { t } = useTranslation();\r\n const [disableFields, setDisableFields] = useState(false);\r\n const mobileNo = props.auth.MobileNo;\r\n const [activeStep, setActiveStep] = React.useState(0);\r\n const steps = getSteps();\r\n\r\n const [fromAcc1, setFromAcc1] = useState(\"\");\r\n const [beneficiaryData, setBeneficiaryData] = useState([]);\r\n\r\n const [balance, setBalance] = useState(\"\");\r\n const [tpinType, setTpinType] = useState(\"password\");\r\n\r\n const [utrNo, setUtrNo] = useState(\"\");\r\n const [pastTxn, setPastTxn] = useState();\r\n const amtRef = useRef(null);\r\n const fromAccRef = useRef(null);\r\n const otpRef = useRef(null);\r\n\r\n // funtions onmouse events for password fields\r\n function mouseDown(e) {\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mousedown\", setTpinType(\"text\"));\r\n }\r\n\r\n function mouseUp(e) {\r\n debugger;\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mouseup\", setTpinType(\"password\"));\r\n }\r\n\r\n // useEffect(() => {\r\n // //console.log(props.location.state.info.description);\r\n // if (props.location.state.info.description === \"IMPS\") {\r\n // setTrnsType(\"INTER\");\r\n // } else if (props.location.state.info.description === \"NEFT\") {\r\n // setTrnsType(\"2\");\r\n // } else if (props.location.state.info.description === \"RTGS\") {\r\n // setTrnsType(\"1\");\r\n // } else {\r\n // setTrnsType(\"\");\r\n // }\r\n // clearData();\r\n // }, [props.location.state.info.description]);\r\n\r\n useEffect(() => {\r\n if (fromAcc1) {\r\n viewBalance();\r\n }\r\n }, [fromAcc1]);\r\n\r\n function viewBalance() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n AccountNumber: fromAcc1.PrdAcctId15Digit,\r\n CustNo: props.auth?.CustomerNumber,\r\n });\r\n\r\n const data = {\r\n servicename: \"BalanceEnquiryService\",\r\n entitycode: \"WA\",\r\n user: props.auth?.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n });\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n //console.log(\"obj\", obj);\r\n setBalance(obj.ClearBalance);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"Something Went Wrong !!! Please retry...\",\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n });\r\n }\r\n\r\n // UseEffect for Pass Txn\r\n useEffect(() => {\r\n if (fromAcc1.PrdAcctId15Digit) {\r\n debugger;\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n var jsonRequest = JSON.stringify({\r\n AccountNumber: fromAcc1.PrdAcctId15Digit,\r\n BranchCode: fromAcc1.BranchCode,\r\n });\r\n\r\n const data = {\r\n servicename: \"IMPSTransactionHisoryService\",\r\n entitycode: \"WA\",\r\n user: mobileNo?.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n postService(url, data)\r\n .then((response) => {\r\n //console.log(\"reponse data\", response.data);\r\n if (response.data.error.code !== 0) {\r\n // popUp({\r\n // message: response.data.error.message,\r\n // icons: \"info\",\r\n // });\r\n return;\r\n } else {\r\n debugger;\r\n var obj = JSON.parse(response.data.body);\r\n setPastTxn(obj);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"ManagePayeeService Response error.....\");\r\n if (error.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n }, [fromAcc1]);\r\n\r\n // UseEffect for Account Details\r\n useEffect(() => {\r\n setAccData(props.auth.objData?.AccountDetailslst);\r\n fetchBeneficiary();\r\n }, [props.auth.objData.AccountDetailslst]);\r\n\r\n //Fetch Beneficiary\r\n const fetchBeneficiary = () => {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n var jsonRequest = JSON.stringify({\r\n requestType: \"VIEW\",\r\n mobileNumber: mobileNo?.trim(),\r\n customerNumber: props.auth.CustomerNumber,\r\n payeeType: \"MBINTER\",\r\n payeeSubType: \"P2A\",\r\n payeeName: benName,\r\n payeeMobileNumber: null,\r\n payeeMmid: null,\r\n accountNumber: null,\r\n ifscCode: null,\r\n accountType: null,\r\n TPin: null,\r\n });\r\n\r\n const data = {\r\n servicename: \"ManagePayeeService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo?.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n const biforcation = obj.filter((e) => {\r\n return e.payeeType == \"MBINTER\";\r\n });\r\n setBeneficiaryData(biforcation);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n clearData();\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n clearData();\r\n }\r\n });\r\n };\r\n\r\n // OTP timer\r\n useEffect(() => {\r\n if (otpGrid === true) {\r\n const interval = setInterval(() => {\r\n if (seconds > 0) {\r\n setSeconds(seconds - 1);\r\n } else if (seconds === 0 && minutes === 0) {\r\n clearInterval(interval);\r\n }\r\n }, 1000);\r\n\r\n return () => {\r\n clearInterval(interval);\r\n };\r\n }\r\n }, [seconds, otpGrid]);\r\n\r\n const resendOtp = () => {\r\n otpGeneration();\r\n };\r\n\r\n async function otpGeneration() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n RequestType: \"IMPSOTP\",\r\n variable1: amount,\r\n variable2: \"****\" + fromAcc1.PrdAcctId15Digit.substring(6, 11),\r\n variable3: benName,\r\n });\r\n const data = {\r\n servicename: \"OTPGenerationService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(\"OTPGenerationService request\", data);\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(\"OTPGenerationService response\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else if (response.data.error.code === 0) {\r\n debugger;\r\n setSeconds(59);\r\n setOtpGrid(true);\r\n otpRef.current.focus();\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function otpVerify() {\r\n if (otp) {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n OneTimePass: otp,\r\n RequestType: \"IMPSOTP\",\r\n variable1: amount,\r\n variable2: \"****\" + fromAcc1.PrdAcctId15Digit.substring(6, 11),\r\n variable3: benName,\r\n });\r\n const data = {\r\n servicename: \"OTPValidationService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n //console.log(\"OTPValidationService request\", data);\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(\"OTPValidationService response\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n setOtp(\"\");\r\n otpRef.current.focus();\r\n });\r\n // clearData();\r\n return;\r\n } else if (response.data.error.code === 0) {\r\n if (trnsType === \"INTER\") {\r\n impsFundTransfer();\r\n } else {\r\n handleOtherBankTransfer();\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"enter_otp\"),\r\n icons: \"warning\",\r\n });\r\n }\r\n }\r\n\r\n function replaceSpecialCharacters(inputString) {\r\n debugger;\r\n var specialCharacterPattern = /[!@#$%^&*()_+{}\\[\\]:;<>,.?~\\\\|\\\\\\-=\"'/]/g;\r\n let replacedString = inputString?.replace(specialCharacterPattern, \" \");\r\n return replacedString;\r\n }\r\n\r\n async function handleOtherBankTransfer() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n let remAddress =\r\n props.auth.objData?.CustomerAddress &&\r\n replaceSpecialCharacters(props.auth.objData.CustomerAddress);\r\n let payeeAddress = benAddress && replaceSpecialCharacters(benAddress);\r\n let jsonRequest = JSON.stringify({\r\n FromAccNo: fromAcc1.PrdAcctId15Digit,\r\n ToAccNo: benAccNo,\r\n ToName: benName,\r\n Amount: amount,\r\n Remarks: remarks,\r\n PaymentType: trnsType,\r\n TPin: tpin,\r\n OTP: otp ? otp : \"\",\r\n Ifsc: benAccData.ifscCode,\r\n CustNo: props.auth.CustomerNumber,\r\n RemMobileNumber: mobileNo.trim(),\r\n RemIfsc: props.auth.objData.IFSCCode,\r\n RemAddress: remAddress,\r\n payeeAdd: payeeAddress,\r\n });\r\n let data = {\r\n servicename: \"NEFT_RTGS_TransactionService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n //console.log(\"NEFT_RTGS_TransactionService request \", data);\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(\"NEFT_RTGS_TransactionService response\", response.data);\r\n var obj = JSON.parse(response.data.body);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n if (response.data.error.code === 2) {\r\n setTPin(\"\");\r\n } else {\r\n clearData();\r\n }\r\n });\r\n return;\r\n }\r\n if (otp) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"success\",\r\n }).then(() => {\r\n setUtrNo(obj.UTRNo);\r\n setActiveStep(activeStep + 1);\r\n });\r\n } else {\r\n popUp({\r\n message: `Transaction pin successfully validated! Enter the OTP received on your registered mobile number ${\r\n \"****\" + fromAcc1.PrdAcctId15Digit.substring(6, 11)\r\n }`,\r\n icons: \"success\",\r\n }).then(() => {\r\n otpGeneration();\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(\"NEFT_RTGS_TransactionService error\", error);\r\n clearData();\r\n });\r\n }\r\n\r\n async function impsFundTransfer() {\r\n debugger;\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n TxnType: \"INTER\",\r\n FromAccountNumber: fromAcc1.PrdAcctId15Digit,\r\n BeneficiaryAccountNumber: benAccNo,\r\n IfscCode: benIFSC,\r\n AcctType: \"\",\r\n ToName: benName,\r\n payeeMobileNumber: benMobNo,\r\n Amount: amount,\r\n TPin: tpin,\r\n MMID: mmid ? mmid : \"1234567\",\r\n OTP: otp ? otp : \"\",\r\n Remark: remarks,\r\n });\r\n\r\n const data = {\r\n servicename: \"FundTransferService\",\r\n entitycode: \"WA\",\r\n user: mobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(\"FundTransferService request\", data);\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(\"FundTransferService response\", response);\r\n var obj = JSON.parse(response.data.body);\r\n //console.log(obj, \"Ot\");\r\n if (response.data.error.code !== 0) {\r\n debugger;\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n if (response.data.error.code === 2) {\r\n setTPin(\"\");\r\n } else {\r\n clearData();\r\n }\r\n });\r\n return;\r\n }\r\n if (otp) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"success\",\r\n }).then(() => {\r\n setUtrNo(obj.UTRNo);\r\n setActiveStep(activeStep + 1);\r\n });\r\n } else {\r\n popUp({\r\n message: `Transaction pin successfully validated! Enter the OTP received on your registered mobile number ${\r\n \"****\" + fromAcc1.PrdAcctId15Digit.substring(6, 11)\r\n }`,\r\n icons: \"success\",\r\n }).then(() => {\r\n otpGeneration();\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(\"FundTransferService error\", error);\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n clearData();\r\n return;\r\n }\r\n });\r\n }\r\n\r\n const handleEvent = (event) => {\r\n if (event.type === \"mousedown\") {\r\n document\r\n .getElementById(\"password\")\r\n .addEventListener(\"mousedown\", setType(\"text\"));\r\n } else {\r\n document\r\n .getElementById(\"password\")\r\n .addEventListener(\"mouseup\", setType(\"password\"));\r\n }\r\n };\r\n\r\n function handleBeneData(e) {\r\n debugger;\r\n setBenAccData(e.target.value);\r\n setBenName(e.target.value.payeeName);\r\n setBenAcccNo(e.target.value.accountNumber);\r\n setBenAddress(e.target.value.PayeeAdd);\r\n setBenMobNo(e.target.value.payeeMobileNumber);\r\n setBenIFSC(e.target.value.ifscCode);\r\n }\r\n\r\n function handleSubmit() {\r\n debugger;\r\n if (Number(amount) < 1) {\r\n popUp({\r\n message: \"Invalid Amount\",\r\n icons: \"warning\",\r\n }).then(() => {\r\n setAmount(\"\");\r\n amtRef.current.focus();\r\n });\r\n return;\r\n }\r\n if (Number(amount) > Number(balance)) {\r\n popUp({\r\n message: \"Amount cannot be greater than balance\",\r\n icons: \"warning\",\r\n }).then(() => {\r\n setAmount(\"\");\r\n amtRef.current.focus();\r\n });\r\n return;\r\n }\r\n\r\n if (\r\n Object.keys(fromAcc1).length !== 0 &&\r\n Object.keys(benAccData).length !== 0 &&\r\n amount &&\r\n remarks &&\r\n tpin\r\n ) {\r\n if (trnsType === \"INTER\") {\r\n impsFundTransfer();\r\n } else {\r\n handleOtherBankTransfer();\r\n // if (trnsType === \"1\" && Number(amount) < 200000) {\r\n // popUp({\r\n // message: \"Amount must be greater than 200000\",\r\n // icons: \"warning\",\r\n // });\r\n // return;\r\n // } else if (trnsType === \"1\" && Number(amount) > 1000000) {\r\n // popUp({\r\n // message: \"Amount must be less than 1000000\",\r\n // icons: \"warning\",\r\n // });\r\n // return;\r\n // } else if (trnsType === \"2\" && Number(amount) > 1000000) {\r\n // popUp({\r\n // message: \"Amount must be less than 1000000\",\r\n // icons: \"warning\",\r\n // });\r\n // return;\r\n // }\r\n }\r\n } else {\r\n popUp({\r\n message: \"Fill all details\",\r\n icons: \"warning\",\r\n });\r\n }\r\n }\r\n\r\n function clearData() {\r\n setActiveStep(0);\r\n setOtpGrid(false);\r\n setFromAcc1(\"\");\r\n setOtp(\"\");\r\n setAmount(\"\");\r\n setBenAccData(\"\");\r\n setRemarks(\"\");\r\n setTPin(\"\");\r\n setDisableFields(false);\r\n }\r\n\r\n const handleFromAcc = (e) => {\r\n setFromAcc1(e.target.value);\r\n setMMID(e.target.value.Mmid);\r\n };\r\n\r\n const handleTransferAmount = (e) => {\r\n const rx = /^\\d*\\.?\\d*$/;\r\n if (rx.test(e.target.value)) {\r\n setAmount(e.target.value);\r\n } else {\r\n e.preventDefault();\r\n }\r\n };\r\n\r\n function getStepContent(step) {\r\n //console.log(\"getStepContent\", step);\r\n switch (step) {\r\n case 0:\r\n return functionOne();\r\n case 1:\r\n return functionTwo();\r\n default:\r\n return \"Unknown step\";\r\n }\r\n }\r\n\r\n function getSteps() {\r\n return [\"Enter Details\", \"Confirmation\"];\r\n }\r\n\r\n const handleBack = () => {\r\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\r\n clearData();\r\n };\r\n\r\n const handleNext = () => {\r\n if (activeStep == 0) {\r\n handleSubmit();\r\n }\r\n if (activeStep == 1) {\r\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\r\n clearData();\r\n }\r\n };\r\n\r\n const handleAmount = (e) => {\r\n const value = e.target.value;\r\n const regex = /^\\d*\\.?\\d{0,2}$/;\r\n if (regex.test(value) || value === \"\") {\r\n setAmount(value);\r\n }\r\n };\r\n\r\n const changeTransferType = (e) => {\r\n setTransferType(e.target.value);\r\n if (e.target.value === \"IMPS\") {\r\n setTrnsType(\"INTER\");\r\n } else if (e.target.value === \"NEFT\") {\r\n setTrnsType(\"2\");\r\n } else if (e.target.value === \"RTGS\") {\r\n setTrnsType(\"1\");\r\n } else {\r\n setTrnsType(\"\");\r\n }\r\n clearData();\r\n };\r\n\r\n function functionOne() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n Confirm transfer\r\n \r\n \r\n \r\n \r\n TRANSFER AMOUNT \r\n 12341234 \r\n \r\n \r\n TRANSFER TYPE \r\n NEFT \r\n \r\n \r\n \r\n \r\n TRANSFER FROM ACCOUNT \r\n 12341234 \r\n \r\n \r\n TRANSFER TO ACCOUNT \r\n 123412341412 \r\n \r\n \r\n REMARK \r\n some remark here \r\n \r\n \r\n {displayOtp === true ? \r\n Confirm\r\n \r\n \r\n \r\n
\r\n \r\n Time Remaining: {`0${minutes}`}:{\" \"}\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\n\r\n {getStepContent(activeStep)} \r\n \r\n {activeStep === steps.length - 1 && (\r\n \r\n \r\n \r\n {activeStep === steps.length - 1\r\n ? t(\"finish\")\r\n : t(\"next\")}\r\n \r\n \r\n )}\r\n {activeStep !== steps.length - 1 && (\r\n \r\n \r\n Clear\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n Time Remaining: {`0${minutes}`}:{\" \"}\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\n\r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Fund Transfer\r\n \r\n \r\n \r\n \r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n {/* \r\n {\r\n props.history.push(\"Beneficiary\");\r\n }}>\r\n Add Payee/beneficiary\r\n \r\n */}\r\n \r\n \r\n {\r\n handleClear();\r\n setSelectTab(\"WithIn Transfer\");\r\n }}\r\n >\r\n Within Bank\r\n \r\n {\r\n handleClear();\r\n setSelectTab(\"Own Account\");\r\n }}\r\n >\r\n Own Account\r\n \r\n {\r\n handleClear();\r\n setSelectTab(\"Other Bank\");\r\n }}\r\n >\r\n IMPS/NEFT/RTGS\r\n \r\n {\r\n handleClear();\r\n setSelectTab(\"MMID\");\r\n }}\r\n >\r\n MMID\r\n \r\n \r\n \r\n \r\n {selectTab === \"Own Account\" && ownAccNote ? (\r\n \r\n\r\n {activeStep == 0 && (\r\n \r\n \r\n {\r\n props.history.push(\"Beneficiary\");\r\n }}\r\n >\r\n Add Payee/beneficiary\r\n \r\n \r\n Recent Fund Transfer \r\n \r\n \r\n \r\n rowData.Amount\r\n ? rowData.Amount.toFixed(2)\r\n : rowData.Amount,\r\n cellStyle: (cellValue, rowData) => {\r\n return {\r\n color: rowData.Type === \"C\" ? \"green\" : \"red\",\r\n textAlign: \"right\",\r\n width: \"30px\",\r\n };\r\n },\r\n headerStyle: { textAlign: \"right\" },\r\n },\r\n ]}\r\n data={pastTxn}\r\n options={{\r\n sorting: false,\r\n filtering: false,\r\n search: false,\r\n toolbar: false,\r\n paging: true,\r\n pageSizeOptions: [5],\r\n cellStyle: {\r\n height: \"37px !important\",\r\n textAlign: \"left\",\r\n },\r\n headerStyle: {\r\n textAlign: \"left\",\r\n color: \"rgba(123, 123, 123, 1)\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n Payee List \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(FundTransfer);\r\n","import {\r\n Card,\r\n Container,\r\n Typography,\r\n Box,\r\n Button,\r\n Grid,\r\n } from \"@material-ui/core\";\r\n import Otp from \"./Otp\";\r\n import {\r\n TextField,\r\n Select,\r\n MenuItem,\r\n Input,\r\n FormControl,\r\n } from \"@material-ui/core\";\r\n import { FStrField } from \"../../fincore-ui/components/FStrField\";\r\n import { FNumField } from \"../../fincore-ui/components/FNumField\";\r\n import { Directions } from \"@material-ui/icons\";\r\n import { useState } from \"react\";\r\n\r\n\r\n \r\n const OtherBankStatement = (props) => { \r\n \r\n return (\r\n \r\n \r\n No muiltiple accounts linked, Kindly contact nearest\r\n branch.\r\n \r\n
\r\n ) : (\r\n \r\n {getStepContent(activeStep)} \r\n \r\n {activeStep === steps.length - 1 && (\r\n \r\n \r\n \r\n {activeStep === steps.length - 1\r\n ? t(\"finish\")\r\n : t(\"next\")}\r\n \r\n \r\n )}\r\n {activeStep !== steps.length - 1 && (\r\n \r\n \r\n Clear\r\n \r\n \r\n )}\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n Transfer Type \r\n Daily Limit \r\n Holiday Limit \r\n \r\n \r\n IMPS \r\n 5,00,000.00 \r\n 2,00,000.00 \r\n \r\n \r\n NEFT \r\n 5,00,000.00 \r\n 2,00,000.00 \r\n \r\n \r\n RTGS \r\n 10,00,000.00 \r\n 4,00,000.00 \r\n \r\n \r\n \r\n \r\n *Bank may revise the limits from time to time. Please\r\n visit website/branch or contact RM.\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n export default OtherBankStatement;\r\n ","export default __webpack_public_path__ + \"static/media/_Group_ 1.f23db397.png\";","import { Button, Container, Link, Tooltip } from \"@material-ui/core\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport React, { useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport LogoImg from \"../../img/bbk/bbkLogo.png\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\n\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport OutlinedInput from \"@material-ui/core/OutlinedInput\";\r\nimport Step from \"@material-ui/core/Step\";\r\nimport StepLabel from \"@material-ui/core/StepLabel\";\r\nimport Stepper from \"@material-ui/core/Stepper\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport SnipIcon from \"../../img/_Group_ 1.png\";\r\n\r\nconst ITEM_HEIGHT = 48;\r\nconst ITEM_PADDING_TOP = 8;\r\nconst MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 210,\r\n },\r\n },\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%\",\r\n },\r\n backButton: {\r\n marginRight: theme.spacing(1),\r\n background: \"#787878\",\r\n \"&:hover\": {\r\n background: \"#FFDE4F\",\r\n },\r\n },\r\n instructions: {\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n },\r\n}));\r\n\r\nconst ChangePassTpin = (props) => {\r\n const location = useLocation();\r\n //console.log(\"Location\", location);\r\n\r\n const classes = useStyles();\r\n const [activeStep, setActiveStep] = React.useState(0);\r\n\r\n const [custNum, setCustNum] = useState(\"\");\r\n const [mobileNo, setMobileNo] = useState(\"\");\r\n const [cardResp, setCardResp] = useState([]);\r\n // function one States\r\n\r\n const [oldPass, setOldPass] = useState(\"\");\r\n const [newPass, setNewPass] = useState(\"\");\r\n const [confirmPass, setConfirmPass] = useState(\"\");\r\n const { t } = useTranslation();\r\n const steps = getSteps();\r\n\r\n //funtion two States\r\n\r\n const [oldTpin, setOldTpin] = useState(\"\");\r\n const [newTpin, setNewTpin] = useState(\"\");\r\n const [confirmTpin, setConfirmTpin] = useState(\"\");\r\n\r\n // states for password field type\r\n const [passType1, setPassType1] = useState(\"password\");\r\n const [passType2, setPassType2] = useState(\"password\");\r\n const [passType3, setPassType3] = useState(\"password\");\r\n\r\n // states for tpin field type\r\n const [tpinType1, setTpinType1] = useState(\"password\");\r\n const [tpinType2, setTpinType2] = useState(\"password\");\r\n const [tpinType3, setTpinType3] = useState(\"password\");\r\n\r\n // funtions onmouse events for password fields\r\n function mouseDown1(e) {\r\n document\r\n .getElementById(\"pass\")\r\n .addEventListener(\"mousedown\", setPassType1(\"text\"));\r\n }\r\n\r\n function mouseUp1(e) {\r\n debugger;\r\n document\r\n .getElementById(\"pass\")\r\n .addEventListener(\"mouseup\", setPassType1(\"password\"));\r\n }\r\n\r\n function mouseDown2(e) {\r\n document\r\n .getElementById(\"newPass\")\r\n .addEventListener(\"mousedown\", setPassType2(\"text\"));\r\n }\r\n\r\n function mouseUp2(e) {\r\n debugger;\r\n document\r\n .getElementById(\"newPass\")\r\n .addEventListener(\"mouseup\", setPassType2(\"password\"));\r\n }\r\n\r\n function mouseDown3(e) {\r\n document\r\n .getElementById(\"confirmPass\")\r\n .addEventListener(\"mousedown\", setPassType3(\"text\"));\r\n }\r\n\r\n function mouseUp3(e) {\r\n document\r\n .getElementById(\"confirmPass\")\r\n .addEventListener(\"mouseup\", setPassType3(\"password\"));\r\n }\r\n\r\n // function handleClickOldPassword(e) {\r\n\r\n // setValues({ ...values, showPassword: !values.showPassword });\r\n\r\n // };\r\n\r\n // const handleClickNewPassword = () => {\r\n // setValues2({ ...values2, showPassword: !values2.showPassword });\r\n // };\r\n // const handleClickConNewPassword = () => {\r\n // setValues3({ ...values3, showPassword: !values3.showPassword });\r\n // };\r\n\r\n // funtions onmouse events for tpin fields\r\n function mouseDown4(e) {\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mousedown\", setTpinType1(\"text\"));\r\n }\r\n\r\n function mouseUp4(e) {\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mouseup\", setTpinType1(\"password\"));\r\n }\r\n\r\n function mouseDown5(e) {\r\n document\r\n .getElementById(\"newtPin\")\r\n .addEventListener(\"mousedown\", setTpinType2(\"text\"));\r\n }\r\n\r\n function mouseUp5(e) {\r\n debugger;\r\n document\r\n .getElementById(\"newtPin\")\r\n .addEventListener(\"mouseup\", setTpinType2(\"password\"));\r\n }\r\n\r\n function mouseDown6(e) {\r\n document\r\n .getElementById(\"confirmtPin\")\r\n .addEventListener(\"mousedown\", setTpinType3(\"text\"));\r\n }\r\n\r\n function mouseUp6(e) {\r\n document\r\n .getElementById(\"confirmtPin\")\r\n .addEventListener(\"mouseup\", setTpinType3(\"password\"));\r\n }\r\n\r\n // const handleClickOldTpin = () => {\r\n // setValuesTpin({ ...valuesTpin, showPassword: !valuesTpin.showPassword });\r\n // };\r\n\r\n // const handleClickNewTpin = () => {\r\n // setValues2Tpin({ ...values2Tpin, showPassword: !values2Tpin.showPassword });\r\n // };\r\n // const handleClickConNewTpin = () => {\r\n // setValues3Tpin({ ...values3Tpin, showPassword: !values3Tpin.showPassword });\r\n // };\r\n\r\n // const handleMouseDownPassword = (event) => {\r\n // //console.log(event, \"event===>>>>\")\r\n // event.preventDefault();\r\n // };\r\n\r\n const handleChange1 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n const handleChange2 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n const handleChange3 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n const handleChange4 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n const handleChange5 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n const handleChange6 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n function checkTpin(data) {\r\n // let re = /^[a-zA-Z0-9!@#^*]{14,20}$/;\r\n var re = /^(?=.*[A-Z])(?!.*[\\s%&$])(?=.*\\d.*\\d)(?=.*[!@#^*()_+=\\[{\\]};:<>|./?,-])(?!.*[\\s])[\\w!@#^*()_+=\\[{\\]};:<>|./?,-]{8,}$/\r\n\r\n let validTpin = re.test(data);\r\n\r\n if (validTpin) {\r\n passTpinChange();\r\n } else {\r\n popUp({\r\n html: \"\r\n \r\n \r\n Your payment has been successfully made. Below is the payment details.\r\n \r\n \r\n \r\n \r\n TRANSFER AMOUNT \r\n 10000000 \r\n \r\n \r\n TRANSFER TYPE \r\n NEFT \r\n \r\n \r\n \r\n \r\n TRANSFER FROM ACCOUNT \r\n 12341234 \r\n \r\n \r\n TRANSFER TO ACCOUNT \r\n 123512341423 \r\n \r\n \r\n REMARK \r\n some remark here \r\n \r\n \r\n \r\n \r\n Download Statement\r\n \r\n \r\n \r\n \r\n
\r\n Transaction Password Guidelines :
At least 8 character
at least one capital letter (A-Z)
should not have space
atleast 2 non-alphabetic characters
at least 1 special character except %, & and $
\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n }\r\n\r\n function checkPassword(data) {\r\n debugger;\r\n // let re = /^[a-zA-Z0-9!@#^*]{14,20}$/\r\n // var re = /[a-z][A-Z]{14,20}/;\r\n var re = /^(?=.*[A-Z])(?!.*[\\s%&$])(?=.*\\d.*\\d)(?=.*[!@#^*()_+=\\[{\\]};:<>|./?,-])(?!.*[\\s])[\\w!@#^*()_+=\\[{\\]};:<>|./?,-]{8,}$/\r\n\r\n let validPass = re.test(data);\r\n\r\n if (validPass) {\r\n passMpinChange();\r\n // //console.log(\"Password Accepted\");\r\n } else {\r\n popUp({\r\n html: \" Password Guidelines :
At least 8 character
at least one capital letter (A-Z)
should not have space
atleast 2 non-alphabetic characters
at least 1 special character except %, & and $
\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n }\r\n\r\n async function passMpinChange() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n var jsonRequest = JSON.stringify({\r\n OldMPin: oldPass,\r\n NewMpin: newPass,\r\n CustNo: location?.state[0],\r\n UserName:location?.state[2] ? location?.state[2] : null \r\n // CustNo: \"40012258438\",\r\n });\r\n const data = {\r\n servicename: \"MPINChangeIBService\",\r\n entitycode: \"WA\",\r\n user: location?.state[1],\r\n // user: \"9943767567\",\r\n request: jsonRequest,\r\n };\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n setOldPass(\"\");\r\n setNewPass(\"\");\r\n setConfirmPass(\"\");\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"success\",\r\n }).then((e) => {\r\n if (e.isConfirmed) {\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n }\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error.response.status === 500) {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n });\r\n }\r\n async function passTpinChange() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n var jsonRequest = JSON.stringify({\r\n OldTPin: oldTpin,\r\n NewTpin: newTpin,\r\n CustNo: location?.state[0],\r\n UserName:location?.state[2] ? location?.state[2] : null\r\n // CustNo: \"40012258438\",\r\n });\r\n const data = {\r\n servicename: \"TPINChangeIBService\",\r\n entitycode: \"WA\",\r\n user: location?.state[1],\r\n // user: \"9943767567\",\r\n request: jsonRequest,\r\n };\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n setNewTpin(\"\");\r\n setOldTpin(\"\");\r\n setConfirmTpin(\"\");\r\n return;\r\n } else {\r\n debugger;\r\n // var obj = JSON.parse(response.data.body);\r\n // setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"success\",\r\n }).then((e) => {\r\n if (e.isConfirmed) {\r\n props.history.push(\"/\");\r\n }\r\n });\r\n\r\n // setCardResp(obj);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error.response.status === 500) {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n });\r\n }\r\n\r\n const handleNext = () => {\r\n // setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n\r\n if (activeStep == 0) {\r\n if (oldPass || newPass || confirmPass) {\r\n if (newPass.length >= 8 || oldPass.length >= 8) {\r\n if (newPass == confirmPass) {\r\n checkPassword(newPass);\r\n // passMpinChange();\r\n // setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n } else {\r\n popUp({\r\n message: t(\"new_password_confirm_password_did_not_match\"),\r\n icons: \"error\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: \"Password cannot be less than 8 characters\",\r\n icons: \"error\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: t(\"please_fill_all_the_details\"),\r\n icons: \"error\",\r\n });\r\n }\r\n } else if (activeStep == 1) {\r\n if (oldTpin || newTpin || confirmTpin) {\r\n if (newTpin || oldTpin <= 8) {\r\n if (newTpin == confirmTpin) {\r\n checkTpin(newTpin);\r\n // passTpinChange();\r\n } else {\r\n popUp({\r\n message: t(\"new_password_confirm_password_did_not_match\"),\r\n icons: \"error\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: \"Password cannot be less than 8 characters\",\r\n icons: \"error\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: t(\"please_fill_all_the_details\"),\r\n icons: \"error\",\r\n });\r\n }\r\n }\r\n };\r\n\r\n const handleBack = () => {\r\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\r\n };\r\n\r\n const handleReset = () => {\r\n setActiveStep(0);\r\n };\r\n\r\n function getSteps() {\r\n return [t(\"change_password\"), t(\"change_transaction_password\")];\r\n }\r\n\r\n function getStepContent(step) {\r\n //console.log(\"getStepContent\", step);\r\n switch (step) {\r\n case 0:\r\n return functionOne();\r\n case 1:\r\n return functionTwo();\r\n default:\r\n return \"Unknown step\";\r\n }\r\n }\r\n\r\n function functionOne() {\r\n return (\r\n - \r\n
- At least 8-16 character \r\n
- at least one capital letter (A-Z) & should not have space \r\n
- atleast 2 non-alphabetic characters \r\n
- at least 1 special character except %, & and $ \r\n
At least 14 character
\r\n at least one capital letter (A-Z)
{\" \"}\r\n \r\n should not have space\r\n
\r\n atleast 2 non-alphabetic characters
\r\n at least 1 special character except %, & and $
\r\n \r\n }\r\n placement=\"bottom\"\r\n >\r\n - \r\n
- At least 8-16 character \r\n
- at least one capital letter (A-Z) & should not have space \r\n
- atleast 2 non-alphabetic characters \r\n
- at least 1 special character except %, & and $ \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ยฉ\r\n \r\n {\" \"}\r\n\r\n {new Date().getFullYear()}\r\n {\" \"}\r\n BBK | All Rights Reserved.\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\nexport default connect(mapStateToProps)(ChangePassTpin);\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport {\r\n Typography,\r\n Button,\r\n Card,\r\n Box,\r\n FormControl,\r\n Select,\r\n MenuItem,\r\n Link,\r\n Stepper,\r\n Step,\r\n StepLabel,\r\n InputLabel,\r\n OutlinedInput,\r\n IconButton,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport { Container } from \"@material-ui/core\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\n// import IconButton from \"@material-ui/core/IconButton\";\r\n// import Visibility from \"@material-ui/icons/Visibility\";\r\n// import VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\n// import OutlinedInput from '@material-ui/core/OutlinedInput';\r\n// import HttpService from '../../redux/Api'\r\n// import { trackPromise } from 'react-promise-tracker'\r\nimport { connect } from \"react-redux\";\r\n// import { JSEncrypt } from 'jsencrypt';\r\n// import { publicKey } from '../Login/Key';\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport { FDateField } from \"../../fincore-ui/components/FDateField\";\r\nimport MaterialTable from \"material-table\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\n\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport { FNumField } from \"../../fincore-ui/components/FNumField\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport postService from \"../../service/PostService\";\r\nimport Otp from \"../Login/Otp\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport ArrowBackIosIcon from \"@material-ui/icons/ArrowBackIos\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\nimport moment, { months } from \"moment\";\r\n\r\nfunction PositivePay(props) {\r\n const [name, setName] = useState(\"\");\r\n const [chequeNo, setChequeNO] = useState(\"\");\r\n const [Date, setDate] = useState(\"\");\r\n const [MICR, setMICR] = useState(\"\");\r\n const [amount, setAmount] = useState(\"\");\r\n const [accNo, setAccNo] = React.useState(\"\");\r\n const [minutes, setMinutes] = useState(0);\r\n const [seconds, setSeconds] = useState(59);\r\n const [otp, setOtp] = useState(\"\");\r\n const [otpGrid, setOtpGrid] = useState(false);\r\n const { t } = useTranslation();\r\n const [activeStep, setActiveStep] = React.useState(0);\r\n const steps = getSteps();\r\n const obj = props?.auth?.objData?.AccountDetailslst;\r\n const [tpinType, setTpinType] = useState(\"password\");\r\n const [tpin, setTPin] = useState(\"\");\r\n const tPinRef = useRef(null);\r\n\r\n\r\n const [time, setTime] = useState('');\r\n\r\n\r\n useEffect(() => {\r\n if (otpGrid === true) {\r\n const interval = setInterval(() => {\r\n if (seconds > 0) {\r\n setSeconds(seconds - 1);\r\n }\r\n if (seconds === 0 && minutes === 0) {\r\n clearInterval(interval);\r\n }\r\n }, 1000);\r\n\r\n return () => {\r\n clearInterval(interval);\r\n };\r\n }\r\n }, [seconds, otpGrid]);\r\n\r\n const resendOtp = () => {\r\n otpGeneration();\r\n };\r\n const clearData = () => {\r\n setAccNo(\"\");\r\n setAmount(\"\");\r\n setDate(\"\");\r\n setName(\"\");\r\n setChequeNO(\"\");\r\n setTPin(\"\");\r\n setTime('');\r\n setOtp(\"\");\r\n setOtpGrid(false);\r\n setActiveStep(0);\r\n\r\n }\r\n\r\n function submitData() {\r\n debugger;\r\n if (!name && !Date && !accNo && !amount && !chequeNo && !tpin) {\r\n popUp({\r\n message: \"Please fill all details\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n } else if (!accNo) {\r\n popUp({\r\n message: \"Please select Acount Number\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n } else if (!amount) {\r\n popUp({\r\n message: \"Please enter Amount\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n } else if (!Date) {\r\n popUp({\r\n message: \"Please select Date\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n } else if (!chequeNo) {\r\n popUp({\r\n message: \"Please enter Cheque Number\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n } else if (chequeNo.length < 6 || chequeNo == \"000000\") {\r\n popUp({\r\n message: \"Invalid Cheque Number\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n } else if (!name) {\r\n popUp({\r\n message: \"Please enter Payee Name\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n else if (Number(amount) < 50000) {\r\n popUp({\r\n message: \"Amount should atleast be 50000\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n } else if (!tpin) {\r\n popUp({\r\n message: \"Please enter transaction password\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n else {\r\n TPINValidation();\r\n }\r\n }\r\n\r\n // async function fateOfChqServiceCall() {\r\n // debugger;\r\n // let url = \"Entities/FSwitchServiceCall\";\r\n // let jsonRequest = JSON.stringify({\r\n // AccountNumber: accNo,\r\n // InstrumentNo: chequeNo,\r\n // CustNo: null,\r\n // });\r\n // const data = {\r\n // servicename: \"fateOfChqService\",\r\n // entitycode: \"WA\",\r\n // user: props.auth.MobileNo.trim(),\r\n // request: jsonRequest,\r\n // };\r\n // await postService(url, data)\r\n // .then((response) => {\r\n // if (response.data.error.code === 0) {\r\n // let obj = JSON.parse(response.data.body);\r\n // if (obj.InstrumentStatusDescription === \"Cheque is Unused\") {\r\n // otpGeneration();\r\n // return;\r\n // } else {\r\n // popUp({\r\n // message: obj.InstrumentStatusDescription,\r\n // icons: \"warning\",\r\n // });\r\n // return;\r\n // }\r\n // } else {\r\n // popUp({\r\n // message: response.data.error.message,\r\n // icons: \"error\",\r\n // });\r\n // }\r\n // })\r\n // .catch((error) => {\r\n // if (error?.response?.status === 500) {\r\n // popUp({\r\n // message: \"There is technical issue\",\r\n // icons: \"error\",\r\n // });\r\n // } else {\r\n // popUp({\r\n // message: \"Something went wrong\",\r\n // icons: \"error\",\r\n // });\r\n // }\r\n // });\r\n // }\r\n\r\n const TPINValidation = async () => {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n customerNumber: props.auth.CustomerNumber,\r\n TPin: tpin,\r\n });\r\n\r\n const data = {\r\n servicename: \"TPINValidationService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n\r\n if (response.data.error.code !== 0) {\r\n // clearState();\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n setTPin(\"\");\r\n if (tPinRef.current) {\r\n tPinRef.current.focus()\r\n }\r\n // clearData();\r\n });\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n //console.log(\"obj\", obj);\r\n // popUp({\r\n // message: response.data.error.message,\r\n // icons: \"success\",\r\n // });\r\n otpGeneration();\r\n\r\n // setOtpGrid(true);\r\n // otpGeneration();\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n };\r\n\r\n\r\n async function otpGeneration() {\r\n debugger;\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n RequestType: \"POSITIVEPAY\",\r\n variable1: chequeNo,\r\n });\r\n const data = {\r\n servicename: \"OTPGenerationService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n });\r\n } else {\r\n setOtpGrid(true);\r\n setSeconds(59);\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"There is Technical Issue\",\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: \"Something Went Wrong\",\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function OTPValidation() {\r\n if (!otp) {\r\n popUp({\r\n message: \"OTP is empty\",\r\n icons: \"error\",\r\n });\r\n } else if (otp.length < 6) {\r\n popUp({\r\n message: \"OTP is invalid\",\r\n icons: \"error\",\r\n });\r\n } else {\r\n OtpVerify();\r\n }\r\n }\r\n\r\n async function OtpVerify() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n OneTimePass: otp,\r\n RequestType: \"POSITIVEPAY\",\r\n variable1: chequeNo,\r\n });\r\n const data = {\r\n servicename: \"OTPValidationService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n });\r\n setOtp(\"\")\r\n return;\r\n } else if (response.data.error.code === 0) {\r\n debugger;\r\n setOtpGrid(false);\r\n PositivePayService();\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"There is Technical Issue\",\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: \"Something Went Wrong\",\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n const PositivePayService = async () => {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n let jsonRequest = JSON.stringify({\r\n CustomerNumber: props.auth.CustomerNumber,\r\n AccountNumber: accNo,\r\n InstrumentNo: chequeNo,\r\n DraweeBrachRoutingNumber: MICR,\r\n DDTRADDMK: props.auth.CustomerNumber,\r\n CustomerName: props.auth.CustomerName,\r\n BeneficiaryName: name,\r\n IssueDate: moment(Date).format(\"DD-MM-YYYY\"),\r\n Amount: amount,\r\n ChannelType: \"IBFinacus\",\r\n ReqType: \"INSERT\"\r\n });\r\n const data = {\r\n servicename: \"PositivePayService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n await postService(url, data)\r\n .then((response) => {\r\n\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n }).then(() => {\r\n clearData();\r\n });\r\n return;\r\n } else if (response.data.error.code === 0) {\r\n debugger;\r\n // let currentTime = new Date().toLocaleTimeString()\r\n // setTime(currentTime);\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"success\",\r\n }).then(() => {\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"There is Technical Issue\",\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: \"Something Went Wrong\",\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n };\r\n\r\n function getStepContent(step) {\r\n //console.log(\"getStepContent\", step);\r\n switch (step) {\r\n case 0:\r\n return functionOne();\r\n case 1:\r\n return functionTwo();\r\n // case 2:\r\n // return functionThree();\r\n // case 3:\r\n // return functionfour();\r\n default:\r\n return \"Unknown step\";\r\n }\r\n }\r\n\r\n function getSteps() {\r\n return [\"Enter Details and Verify\", \"Confirmation\"];\r\n }\r\n\r\n const handleBack = () => {\r\n if(activeStep == 0){\r\n props.history.push(\"/\")\r\n }else{\r\n\r\n clearData();\r\n }\r\n };\r\n\r\n const handleNext = () => {\r\n if (activeStep === 0 && !otpGrid) {\r\n submitData();\r\n }\r\n else if (activeStep === 0 && otpGrid) {\r\n OTPValidation();\r\n } else if (activeStep == 1) {\r\n clearData();\r\n }\r\n\r\n };\r\n\r\n const handleMICRCode = (e) => {\r\n let reg = /^\\d+$/;\r\n if (reg.test(e.target.value) || e.target.value === \"\") {\r\n setMICR(e.target.value);\r\n }\r\n };\r\n\r\n function mouseDown(e) {\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mousedown\", setTpinType(\"text\"));\r\n }\r\n\r\n function mouseUp(e) {\r\n debugger;\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mouseup\", setTpinType(\"password\"));\r\n }\r\n\r\n\r\n const handleAmount = (e) => {\r\n const value = e.target.value;\r\n const regex = /^\\d*\\.?\\d{0,2}$/;\r\n if (regex.test(value) || value === '') {\r\n setAmount(value);\r\n }\r\n };\r\n\r\n function functionOne() {\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {/* {t(\"change_password_transaction_Password\")} */}\r\n {activeStep == 0\r\n ? t(\"change_password\")\r\n : t(\"change_transaction_password\")}\r\n \r\n \r\n {activeStep === steps.length ? (\r\n \r\n \r\n \r\n {t(\"back_to_login\")}\r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n {t(\"all_steps_completed\")}\r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n {getStepContent(activeStep)}\r\n \r\n \r\n \r\n {t(\"back\")}\r\n \r\n \r\n {activeStep === steps.length - 1\r\n ? t(\"finish\")\r\n : t(\"next\")}\r\n \r\n \r\n
\r\n )}\r\n\r\n {activeStep == 0 ? (\r\n \r\n Time Remaining: {`0${minutes}`}:{\" \"}\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\n\r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Positive Pay\r\n \r\n \r\n \r\n \r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n Positive Pay History\r\n */}\r\n \r\n MORE INFORMATION \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(PositivePay);\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n {getStepContent(activeStep)} \r\n \r\n \r\n \r\n \r\n {activeStep === steps.length - 1\r\n ? t(\"finish\")\r\n : t(\"next\")}\r\n \r\n \r\n )}\r\n {activeStep !== steps.length - 1 && (\r\n \r\n \r\n Clear\r\n \r\n \r\n )}\r\n \r\n
\r\n - \r\n
- \r\n Positive pay is the step taken to sufeguard the issued\r\n cheques from alteration/forgry and to avoid any fraud\r\n \r\n
- \r\n Positive Pay is a fraud detection tool adopted by banks to\r\n protect customers against forged, altered or counterfeit\r\n cheque. it cross-verifies all the details of the issued\r\n cheque before it is encashed by the beneficiary.\r\n \r\n
- \r\n Customer, after issuance of cheque, will provide to the\r\n bank,the cheque details like Cheque Number , Cheque date,\r\n Payee name, Account Number, Cheque Amount\r\n \r\n
- \r\n When the beneficiary submit the cheque for encashment, the\r\n cheque details will be compared With the details provided to\r\n the Bank through Positive Pay. if the details match the\r\n cheque is honoured, else it will be returned.\r\n \r\n
\r\n \r\n */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n (\r\n \r\n \r\n {item.fieldName}\r\n \r\n \r\n {item.icons.map((field) => (\r\n \r\n props.setFieldData(field)}\r\n // onClick={(e) => childComponent()}\r\n className={`${classes.cardMargin} iconCard`}\r\n >\r\n \r\n \r\n\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n ))}\r\n \r\n {/* {newCard == \"\" ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n (\r\n \r\n \r\n {item.fieldName}\r\n \r\n \r\n {item.icons.map((field) => (\r\n \r\n selectedCard(field)}\r\n // onClick={(e) => childComponent()}\r\n className={`${classes.cardMargin} iconCard`}\r\n >\r\n \r\n \r\n\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n ))}\r\n \r\n \r\n ) : (\r\n \r\n
*/}\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\n\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps)(BillPayment)\r\n);\r\n","import { Button, Container, Typography } from \"@material-ui/core\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport MaterialTable from \"material-table\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport React, { useEffect, useState, useRef } from \"react\";\r\n\r\n\r\nfunction Billing(props) {\r\n const { t } = useTranslation();\r\n\r\n\r\n return (\r\n <>\r\n \r\n {field.name}\r\n
\r\n\r\n {field.name}\r\n
\r\n\r\n \r\n \r\n {t(\"mobile_number\")}\r\n \r\n \r\n setMobileNo(e.target.value)}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n {t(\"from_date\")}\r\n \r\n \r\n {\r\n setFromDate(e);\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n {t(\"to_date\")}\r\n \r\n \r\n setToDate(e)}\r\n />\r\n \r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n \r\n \r\n \r\n {t(\"mobile_number\")}\r\n \r\n \r\n setMobileNo(e.target.value)}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n {t(\"from_date\")}\r\n \r\n \r\n {\r\n setFromDate(e);\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n {t(\"to_date\")}\r\n \r\n \r\n setToDate(e)}\r\n />\r\n \r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t(\"billDetails\")}\r\n \r\n \r\n \r\n */}\r\n\r\n \r\n \r\n {t(\"billAmt\")}\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {t(\"txnPin\")}\r\n \r\n \r\n e.preventDefault()}\r\n onPaste={(e) => e.preventDefault()}\r\n name=\"password\"\r\n placeholder=\"Enter transaction password\"\r\n type={tpinType}\r\n inputProps={{ maxLength: 30 }}\r\n id=\"password\"\r\n value={tPin}\r\n autoComplete=\"off\"\r\n onChange={(e) => handleTpin(e)}\r\n InputProps={{\r\n endAdornment: (\r\n \r\n handleEvent(e)}\r\n onMouseUp={(e) => handleEvent(e)}\r\n edge=\"end\"\r\n >\r\n {tpinType == \"text\" ? (\r\n \r\n ),\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n {t(\"selectAccNo\")}\r\n \r\n \r\n \r\n SelectAccount(e)}\r\n >\r\n {userDetails?.map((item) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n Available Balance : โน {bal}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(BillDetails);\r\n","import { Card, Container, Grid, Paper, Typography } from \"@material-ui/core\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Item } from \"semantic-ui-react\";\r\nimport { bbpsApi } from \"./BBPSAPI\";\r\nimport { connect } from \"react-redux\";\r\nconst FetchBillReceipt = (props) => {\r\n const { t } = useTranslation();\r\n\r\n const [paramsValue, setParamsValue] = useState(props.paramVal);\r\n const [Receipt, setReceipt] = useState(\"\");\r\n // const [auth, setAuth] = useState([]);\r\n// const Receipt = { billDetails : [\r\n// {\r\n// Name: \"Late Payment Fee\",\r\n// Value: \"0.4\",\r\n// },\r\n// {\r\n// Name: \"Fixed Charges\",\r\n// Value: \"0.5\",\r\n// },\r\n// {\r\n// Name: \"Additional Charges\",\r\n// Value: \"0.6\",\r\n// }\r\n// ]\r\n// }\r\n\r\n // useEffect(() => {\r\n // debugger;\r\n // //console.log(\"Biller Params Value \", props.paramVal);\r\n // }, []);\r\n\r\n // useEffect(() => {\r\n // // props.setBillAmount(1000);\r\n // BillReceipt();\r\n \r\n // }, []);\r\n\r\n useEffect(() => {\r\n debugger\r\n const arrayOfObjects = [];\r\n\r\n for (const [key, value] of Object.entries(paramsValue)) {\r\n const obj = {\r\n authenticatorName: key,\r\n authenticatorValue: value,\r\n };\r\n arrayOfObjects.push(obj);\r\n }\r\n var a = arrayOfObjects\r\n BillReceipt(a);\r\n}, []);\r\n\r\n// //console.log(\".....arrayOfObjects\" ,auth);\r\n\r\n\r\n const BillReceipt = async (auth) => {\r\n debugger;\r\n // props.setBillAmount(1000);\r\n let jsonRequest = JSON.stringify({\r\n DeviceIp: \"192.168.4.192\",\r\n Imei: \"3c2802b23c6169e1\",\r\n os: \"ANDROID\",\r\n CustomerMobile: \"9898990084\",\r\n CustomerName: props.auth.CustomerName,\r\n CustomerEmail: \"\",\r\n CustomerPan: null,\r\n CustomerAdhaar: \"\",\r\n BillerId: props.BillerId,\r\n auth: auth,\r\n additional_validation_details: [],\r\n PaymentAmount: null,\r\n });\r\n //console.log(\"Billreceipt request\", jsonRequest);\r\n\r\n let serviceName = \"CCAvenueSendBillFetchRequestService\";\r\n let responce = await bbpsApi(jsonRequest, serviceName, props.auth.MobileNo);\r\n //console.log(\"Billreceipt response\", responce);\r\n debugger\r\n setReceipt(responce);\r\n props.setReceipt(responce);\r\n props.setBillAmount(responce.BillAmount);\r\n props.setTransactionId(responce.TransactionId);\r\n props.setReferenceId(responce.RefId);\r\n };\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(FetchBillReceipt);\r\n","import { Button, Card, Container, Grid, Paper, Typography } from \"@material-ui/core\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Item } from \"semantic-ui-react\";\r\nimport { bbpsApi } from \"./BBPSAPI\";\r\nimport { connect } from \"react-redux\";\r\nimport jsPDF from \"jspdf\";\r\nimport { Receipt } from \"@material-ui/icons\";\r\nimport moment from \"moment\";\r\nconst DownloadReceipt = (props) => {\r\n const { t } = useTranslation();\r\n \r\n const [dnReceipt , setDnReceipt] = useState(\"\");\r\n \r\n // {\\\"CustName\\\":\\\"\\\",\\\"Duedt\\\":\\\"\\\",\\\"Billdt\\\":\\\"\\\",\\\"BillNo\\\":\\\"\\\",\\\"BillPeriod\\\":\\\"\\\",\\\"BillerName\\\":\\\"\\\",\r\n // \\\"BillerCategory\\\":\\\"\\\",\\\"TxnReferenceId\\\":\\\"\\\",\\\"TxnStatus\\\":\\\"@1234\\\",\\\"TS\\\":\\\"\\\",\\\"RefId\\\":\\\"\\\",\r\n // \\\"ResponseCode\\\":\\\"\\\",\\\"ResponseMessage\\\":\\\"\\}\"}}\r\n\r\n // useEffect(()=> {\r\n // //console.log(\"debit response is.......\",props.debitResponse);\r\n // DownloadReceiptService()\r\n // },[])\r\n\r\n // async function DownloadReceiptService(){\r\n // let jsonRequest = JSON.stringify({\r\n // RequestType: \"tranid\",\r\n // RequestValue: props.BillPayment.TransactionRefId,\r\n // });\r\n // let serviceName = \"DownloadReceiptService\";\r\n // let responce = await bbpsApi(\r\n // jsonRequest,\r\n // serviceName,\r\n // props.auth.MobileNo\r\n // );\r\n // setDnReceipt(responce);\r\n // }\r\n\r\n function generatePDF() {\r\n debugger;\r\n var imageData = process.env.PUBLIC_URL + \"/images/SaptagiriNewLogo.png\";\r\n // var rupees = process.env.PUBLIC_URL + \"/images/rupee.png\";\r\n // const Amount = `${props.location.state.Amount}`;\r\n\r\n const options = {\r\n align: \"center\",\r\n width: 70,\r\n height: 70,\r\n margin: { top: 10 },\r\n };\r\n\r\n // Add the image to the PDF document\r\n const doc = new jsPDF({\r\n orientation: \"potrait\",\r\n });\r\n\r\n // doc.addImage(imageData, 'png', 50, 50, 50, 0);\r\n // doc.addImage(imageData, 'png', 50, 50, options.width, options.height, '', options.align);\r\n doc.addImage(imageData, \"png\", 20, 10, 75, 20);\r\n\r\n // Set the font size and style for the title\r\n doc.setFontSize(13);\r\n doc.setFont(\"helvetica\", \"bold\");\r\n\r\n doc.text(props.auth.CustomerName, 145, 15);\r\n\r\n doc.setFontSize(10);\r\n doc.setFont(\"helvetica\", \"normal\");\r\n\r\n // Add the title\r\n doc.text(\r\n `${props.auth.MobileNo}, ${props.auth.EmailId}`, \r\n 135,\r\n 20\r\n );\r\n\r\n doc.setFontSize(15);\r\n doc.setFont(\"helvetica\", \"bold\");\r\n\r\n doc.text(\"Transaction Receipt\", 20, 40);\r\n\r\n doc.setFontSize(10);\r\n doc.setFont(\"helvetica\", \"normal\");\r\n\r\n doc.text(`BBPS Txn ID. ${props.BillPayment.TransactionRefId}`, 20, 45);\r\n doc.text(\r\n `Receipt Date : ${moment().format(\"DD MMM YYYY, hh.mmA\")}`,\r\n 20,\r\n 50\r\n );\r\n\r\n var Assured = process.env.PUBLIC_URL + \"/images/Assured.png\";\r\n doc.addImage(Assured, \"png\", 160, 35, 15, 15);\r\n\r\n const headers = [[\"Bill Payment Number\", \"Operator\", \"Total Amount Paid\"]];\r\n const rows = [\r\n [\r\n props.BillPayment.BillNumber,\r\n \"Central Power Distribution Corporation of A.P Ltd (APCPDCL)\",\r\n props.BillPayment.BillAmount,\r\n ],\r\n ];\r\n const pageWidth = doc.internal.pageSize.getWidth();\r\n const margin = 20; // Define your margins\r\n const usablePageWidth = pageWidth - margin * 2;\r\n const columnCount = headers[0].length;\r\n const columnWidth = usablePageWidth / columnCount;\r\n // Add table to PDF\r\n doc.autoTable({\r\n head: headers,\r\n body: rows,\r\n startY: 60,\r\n styles: {\r\n font: \"helvetica\",\r\n fontSize: 10,\r\n fillColor: [255, 255, 255], // Set background color to white (no background)\r\n textColor: [0, 0, 0], // Set text color to black\r\n lineColor: [255, 255, 255], // Set line color to white (no border)\r\n lineWidth: 0, // Set line width to 0 (no border)\r\n },\r\n headStyles: { fontStyle: \"normal\" },\r\n bodyStyles: {\r\n fontStyle: \"bold\",\r\n fillColor: [255, 255, 255], // Set body background color to white\r\n textColor: [0, 0, 0], // Set body text color to black\r\n lineColor: [255, 255, 255], // Set body line color to white\r\n lineWidth: 0, // Set body line width to 0 (no border)\r\n },\r\n margin: 30,\r\n columnStyles: {\r\n 0: { cellWidth: columnWidth },\r\n 1: { cellWidth: columnWidth },\r\n 2: { cellWidth: columnWidth },\r\n },\r\n });\r\n\r\n // Set the font size and style for the content\r\n doc.setFontSize(12);\r\n doc.setFont(\"normal\");\r\n //${props.location?.state?.beneficiaryName}\r\n const data = [\r\n // {\\\"CustName\\\":\\\"\\\",\\\"Duedt\\\":\\\"\\\",\\\"Billdt\\\":\\\"\\\",\\\"BillNo\\\":\\\"\\\",\\\"BillPeriod\\\":\\\"\\\",\\\"BillerName\\\":\\\"\\\",\r\n // \\\"BillerCategory\\\":\\\"\\\",\\\"TxnReferenceId\\\":\\\"\\\",\\\"TxnStatus\\\":\\\"@1234\\\",\\\"TS\\\":\\\"\\\",\\\"RefId\\\":\\\"\\\",\r\n // \\\"ResponseCode\\\":\\\"\\\",\\\"ResponseMessage\\\":\\\"\\}\"}}\r\n {\r\n t: \"Amount Paid\",\r\n values: props.BillPayment.BillAmount,\r\n },\r\n {\r\n t: \"Payment Method\",\r\n values: \"Internet Banking\",\r\n },\r\n {\r\n t: \"Bill due amount\",\r\n values: props.BillPayment.BillAmount,\r\n },\r\n // { t: \"BillNo\", values: props.BillPayment.BillNumber },\r\n // {\r\n // t: \"BillPeriod\",\r\n // values: props.BillPayment.BillPeriod,\r\n // },\r\n // {\r\n // t: \"BillerName\",\r\n // values: dnReceipt.downloadReceipts?.BillerName,\r\n // },\r\n // {\r\n // t: \"BillerCategory\",\r\n // values: dnReceipt.downloadReceipts?.BillerCategory,\r\n // },\r\n // {\r\n // t: \"TxnReferenceId\",\r\n // values: props.BillPayment.TransactionRefId,\r\n // },\r\n // {\r\n // t: \"BillAmount\",\r\n // values: props.BillPayment.BillAmount,\r\n // },\r\n // {\r\n // t: \"PaymentRefId\",\r\n // values: props.BillPayment.PaymentRefId,\r\n // },\r\n // {\r\n // t: \"RefId\",\r\n // values: dnReceipt.downloadReceipts?.RefId,\r\n // },\r\n // {\r\n // t: \"ResponseCode\",\r\n // values: dnReceipt.downloadReceipts?.ResponseCode,\r\n // },\r\n // {\r\n // t: \"ResponseMessage\",\r\n // values: dnReceipt.ResponseMessage,\r\n // },\r\n ];\r\n // const columns = [\"t\", \"values\"];\r\n // const options = {\r\n // margin: { top: 10 },\r\n // };\r\n var options2 = {\r\n margin: { left: 25 },\r\n };\r\n\r\n doc.autoTable({\r\n //head: [columns],\r\n body: data.map((row) => [row.t, row.values]),\r\n startY: 90,\r\n // theme: \"striped\",\r\n columnStyles: {\r\n 0: { cellWidth: 80 }, // Adjust the width of the question column\r\n 1: { cellWidth: 80 }, // Adjust the width of the answer column\r\n },\r\n margin: 30,\r\n });\r\n\r\n doc.setFontSize(10);\r\n doc.setFont(\"helvetica\", \"bold\");\r\n\r\n doc.text(\"NOTE:\", 20, 120);\r\n\r\n doc.setFontSize(10);\r\n doc.setFont(\"helvetica\", \"normal\");\r\n\r\n doc.text(\r\n \"This is computer generated receipt and does not require physical signature.\",\r\n 32,\r\n 120\r\n );\r\n\r\n var titleLogo = process.env.PUBLIC_URL + \"/images/logo.jpg\";\r\n doc.addImage(titleLogo, \"png\", 20, 275, 20, 20);\r\n\r\n var web = process.env.PUBLIC_URL + \"/images/web_img.jpg\";\r\n doc.addImage(web, \"png\", 53, 279, 4, 4);\r\n\r\n var mail = process.env.PUBLIC_URL + \"/images/mail.jpg\";\r\n doc.addImage(mail, \"png\", 53, 284, 4, 4);\r\n\r\n const pageHeight = doc.internal.pageSize.getHeight();\r\n let linkYPosition = pageHeight - 15; // 10 units from the bottom\r\n const linkText1 = \"https://www.saptagirigrameenabank.in/\";\r\n const linkURL1 = \"https://www.saptagirigrameenabank.in/\";\r\n const preLinkText1 = \"Visit our website: \";\r\n\r\n // Calculate the width of the pre-link text\r\n const preLinkTextWidth1 = doc.getTextWidth(preLinkText1);\r\n\r\n // Calculate the width of the link text for underline\r\n const linkTextWidth1 = doc.getTextWidth(linkText1);\r\n\r\n // Calculate the total width of the text and link\r\n const totalWidth1 = preLinkTextWidth1 + linkTextWidth1;\r\n\r\n // Center the text and link horizontally\r\n const centerX1 = (pageWidth - totalWidth1) / 2;\r\n\r\n // Add the pre-link text\r\n doc.setTextColor(0, 0, 0); // Set text color to black\r\n doc.setFont(\"helvetica\", \"normal\");\r\n doc.text(preLinkText1, centerX1, linkYPosition);\r\n\r\n // Add the link with blue color\r\n doc.setTextColor(0, 0, 255); // Set text color to blue\r\n doc.textWithLink(linkText1, centerX1 + preLinkTextWidth1, linkYPosition, {\r\n url: linkURL1,\r\n });\r\n\r\n // Draw the underline\r\n // doc.setDrawColor(0, 0, 255); // Set the underline color to blue\r\n // doc.setLineWidth(0.5); // Set the underline thickness\r\n // doc.line(\r\n // centerX1 + preLinkTextWidth1,\r\n // linkYPosition + 1,\r\n // centerX1 + preLinkTextWidth1 + linkTextWidth1,\r\n // linkYPosition + 1\r\n // ); // Draw the underline\r\n\r\n // Add the \"email us\" text with email links\r\n const emailText = \"email us: \";\r\n const emailLink1 = \"ebanking@sgbank.in, customersupport@sgbank.in\";\r\n const emailYPosition = linkYPosition + 5; // Place below the previous link\r\n\r\n doc.setTextColor(0, 0, 0); // Set text color to black\r\n doc.setFont(\"helvetica\", \"normal\");\r\n doc.text(emailText, centerX1, emailYPosition);\r\n\r\n const emailTextWidth = doc.getTextWidth(emailText);\r\n\r\n // Add the first email link\r\n doc.setTextColor(0, 0, 255); // Set text color to blue\r\n doc.textWithLink(emailLink1, centerX1 + emailTextWidth, emailYPosition, {\r\n url: \"mailto:\" + emailLink1,\r\n });\r\n\r\n // doc.setDrawColor(0, 0, 255); // Set the underline color to blue\r\n // doc.setLineWidth(0.5); // Set the underline thickness\r\n // doc.line(\r\n // centerX1 + emailTextWidth,\r\n // linkYPosition + 1,\r\n // centerX1 + emailTextWidth + emailYPosition,\r\n // linkYPosition + 1\r\n // ); \r\n// Add the second email link\r\n// const emailLink1Width = doc.getTextWidth(emailLink1);\r\n// doc.setTextColor(0, 0, 255); // Set text color to blue\r\n// doc.textWithLink(email)\r\n\r\n const a = 60;\r\n const b = 292;\r\n doc.setDrawColor(0, 0, 0);\r\n doc.setFontSize(10);\r\n // doc.text(bottomline, a, b);\r\n // Save the PDF\r\n doc.save(\"TransactionRecipt.pdf\");\r\n };\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n {/* */}\r\n {/* */}\r\n {/* - */}\r\n \r\n
\r\n {t(\"billerDetails\")}\r\n \r\n \r\n \r\n \r\n {t(\"billNo\")}\r\n \r\n \r\n {Receipt?.BillNumber}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"billPeriod\")}\r\n \r\n \r\n {Receipt?.BillPeriod}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"billDate\")}\r\n \r\n \r\n {Receipt?.BillDate}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"dueDate\")}\r\n \r\n \r\n {Receipt?.BillDueDate}\r\n \r\n \r\n\r\n \r\n \r\n Bill Amount\r\n \r\n \r\n {Receipt?.BillAmount}\r\n \r\n \r\n\r\n {/* \r\n \r\n {t(\"billAmtDate\")}\r\n \r\n \r\n Rs 1000\r\n \r\n */}\r\n\r\n \r\n \r\n {t(\"latePayFee\")}\r\n \r\n \r\n {Receipt?.billDetails?.find(\r\n (item) => item.Name === \"Late Payment Fee\"\r\n ) &&\r\n Receipt?.billDetails?.find(\r\n (item) => item.Name === \"Late Payment Fee\"\r\n ).Value}\r\n {/* {Receipt?.billDetails?.Name === \"Late Payment Fee\"\r\n ? Receipt?.billDetails?.value\r\n : \"NA\"} */}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"fixedCharge\")}\r\n \r\n \r\n {Receipt?.billDetails?.find(\r\n (item) => item.Name === \"Fixed Charges\"\r\n ) &&\r\n Receipt?.billDetails?.find(\r\n (item) => item.Name === \"Fixed Charges\"\r\n ).Value}\r\n\r\n {/* {Receipt?.billDetails?.Name === \"Fixed Charges\"\r\n ? Receipt?.billDetails?.value\r\n : \"NA\"} */}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"addCharge\")}\r\n \r\n \r\n {Receipt?.billDetails?.find(\r\n (item) => item.Name === \"Additional Charges\"\r\n ) &&\r\n Receipt?.billDetails?.find(\r\n (item) => item.Name === \"Additional Charges\"\r\n ).Value}\r\n \r\n \r\n\r\n {paramsValue ? (\r\n \r\n {Object.entries(paramsValue).map(\r\n ([name, value], index) => (\r\n \r\n \r\n {name}\r\n \r\n \r\n {value}\r\n \r\n \r\n )\r\n )}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n \r\n {/* */}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(DownloadReceipt);\r\n","import {\r\n Button,\r\n Card,\r\n Container,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport Step from \"@material-ui/core/Step\";\r\nimport StepLabel from \"@material-ui/core/StepLabel\";\r\nimport Stepper from \"@material-ui/core/Stepper\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport BillDetails from \"./BillDetails\";\r\nimport FetchBillReceipt from \"./FetchBillReceipt\";\r\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\r\nimport { bbpsApi } from \"./BBPSAPI\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport BBPS from \"./BBPS\";\r\nimport BillPayment from \"./BillPayment\";\r\nimport jsPDF from \"jspdf\";\r\nimport moment from \"moment\";\r\nimport DownloadReceipt from \"./DownloadReceipt\";\r\nimport { Autocomplete } from \"@material-ui/lab\";\r\nconst ITEM_HEIGHT = 48;\r\nconst ITEM_PADDING_TOP = 8;\r\nconst MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n // width: 210,\r\n },\r\n },\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n backButton: {\r\n marginRight: theme.spacing(1),\r\n background: \"#787878\",\r\n \"&:hover\": {\r\n background: \"#787878\",\r\n },\r\n },\r\n instructions: {\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n },\r\n}));\r\n\r\nconst Biller = (props) => {\r\n const { t } = useTranslation();\r\n const classes = useStyles();\r\n const history = useHistory();\r\n const [responceData, setResponceData] = useState([]);\r\n const [activeStep, setActiveStep] = useState(0);\r\n const steps = getSteps();\r\n\r\n const [billerCategory, setBillerCategpry] = useState(props.fieldData.name);\r\n const [billerName, setBillerName] = useState();\r\n const [billerByCategory, setBillerByCategory] = useState([]);\r\n const [billerData, setBillerData] = useState();\r\n const [billerParams, setBillerParams] = useState();\r\n const [paramVal, setParamVal] = useState({});\r\n const [BillerId, setBillerID] = useState(\"\");\r\n const [BillAmount, setBillAmount] = useState(\"\");\r\n const [fromAcc, setFromAcc] = useState(\"\");\r\n const [Convfees, setConvfees] = useState(\"\");\r\n const [CouConFee, setCouConFee] = useState(\"\");\r\n const [TransactionId, setTransactionId] = useState(\"\");\r\n const [disabled, setDisabled] = useState(false);\r\n const [receipt, setReceipt] = useState();\r\n const [debitResponse, setDebitResponse] = useState(\"\");\r\n const [referenceId, setReferenceId] = useState(\"\");\r\n\r\n const [balance, setBalance] = useState(\"\");\r\n const [tpin, setTpin] = useState(\"\");\r\n\r\n const ifsc = props.auth.AccDeatils.IFSCCode;\r\n // const [BillPayment, setBillPayment] = useState();\r\n const [BillPayment, setBillPayment] = useState(\"\");\r\n\r\n // const dummyData = {\r\n // billerList: [\r\n\r\n // {\r\n // \"Id\": 1,\r\n // \"BillerCategory\": \"DTH\",\r\n // \"BillerCategoryDesc\": \"DTH\",\r\n // \"BillerMode\": null,\r\n // \"BillerId\": \"BHIM00000NAT78\",\r\n // \"BillerName\": \"Group Test 002 (V & P)\",\r\n // \"AcceptAdHocPayment\": false,\r\n // \"PaymentAmtExactness\": null,\r\n // \"BillerLogo\": null,\r\n // \"BillerBillCopy\": null\r\n // },\r\n // {\r\n // \"Id\": 1,\r\n // \"BillerCategory\": \"DTH\",\r\n // \"BillerCategoryDesc\": \"DTH\",\r\n // \"BillerMode\": null,\r\n // \"BillerId\": \"BHIM00000NAT52\",\r\n // \"BillerName\": \"BHIM Biller 52\",\r\n // \"AcceptAdHocPayment\": false,\r\n // \"PaymentAmtExactness\": null,\r\n // \"BillerLogo\": null,\r\n // \"BillerBillCopy\": null\r\n // },\r\n // {\r\n // \"Id\": 1,\r\n // \"BillerCategory\": \"DTH\",\r\n // \"BillerCategoryDesc\": \"DTH\",\r\n // \"BillerMode\": null,\r\n // \"BillerId\": \"BHIM00000NAT81\",\r\n // \"BillerName\": \"Group Test 005 (V & P)\",\r\n // \"AcceptAdHocPayment\": false,\r\n // \"PaymentAmtExactness\": null,\r\n // \"BillerLogo\": null,\r\n // \"BillerBillCopy\": null\r\n // },\r\n // {\r\n // \"Id\": 1,\r\n // \"BillerCategory\": \"DTH\",\r\n // \"BillerCategoryDesc\": \"DTH\",\r\n // \"BillerMode\": null,\r\n // \"BillerId\": \"OFME00007UPA63\",\r\n // \"BillerName\": \"OAFMEUP\",\r\n // \"AcceptAdHocPayment\": false,\r\n // \"PaymentAmtExactness\": null,\r\n // \"BillerLogo\": null,\r\n // \"BillerBillCopy\": null\r\n // },\r\n // ]\r\n // }\r\n\r\n // const dummyParams = [\r\n // {\r\n // \"name\": \"a\",\r\n // \"MinLength\": 1,\r\n // \"MaxLength\": 3,\r\n // \"FieldType\": \"NUMERIC\",\r\n // \"IsMandatory\": true\r\n // },\r\n // {\r\n // \"name\": \"a b\",\r\n // \"MinLength\": 1,\r\n // \"MaxLength\": 3,\r\n // \"FieldType\": \"NUMERIC\",\r\n // \"IsMandatory\": true\r\n // },\r\n // {\r\n // \"name\": \"a b c\",\r\n // \"MinLength\": 1,\r\n // \"MaxLength\": 3,\r\n // \"FieldType\": \"NUMERIC\",\r\n // \"IsMandatory\": true\r\n // },\r\n // {\r\n // \"name\": \"a b c d\",\r\n // \"MinLength\": 1,\r\n // \"MaxLength\": 3,\r\n // \"FieldType\": \"NUMERIC\",\r\n // \"IsMandatory\": true\r\n // },\r\n // {\r\n // \"name\": \"a b c d e\",\r\n // \"MinLength\": 1,\r\n // \"MaxLength\": 3,\r\n // \"FieldType\": \"NUMERIC\",\r\n // \"IsMandatory\": true\r\n // }\r\n // ]\r\n useEffect(() => {\r\n getBillerCategory();\r\n }, [billerCategory]);\r\n\r\n // useEffect(() => {\r\n // getBillerByCategory();\r\n // }, [billerCategory]);\r\n\r\n async function getBillerCategory() {\r\n let jsonRequest = JSON.stringify({\r\n Key: \"BILLERCATEGORY\",\r\n });\r\n let serviceName = \"CCAvenueGetBillerCategoriesService\";\r\n let responce = await bbpsApi(jsonRequest, serviceName, props.auth.MobileNo);\r\n\r\n // let getBillerId = responce.forEach(element => {\r\n // return element.Name == fieldData.name\r\n // });\r\n let getBillerId = responce?.find((item) => {\r\n return item.Name == billerCategory;\r\n });\r\n getBillerByCategory(getBillerId?.id);\r\n // setBillerCategory(responce);\r\n }\r\n\r\n useEffect(async () => {\r\n if (billerData) {\r\n let jsonRequest = JSON.stringify({\r\n billerId: billerData.BillerId,\r\n });\r\n let serviceName = \"CCAvenueGetCustomerParamsByBillerIdService\";\r\n let responce = await bbpsApi(\r\n jsonRequest,\r\n serviceName,\r\n props.auth.MobileNo\r\n );\r\n //console.log(\"Get Biller Parameter Service \", responce);\r\n if (responce) {\r\n setBillerParams(responce);\r\n } else {\r\n props.setFieldData(\"\");\r\n }\r\n // setBillerParams(dummyParams);\r\n }\r\n }, [billerData]);\r\n\r\n async function getBillerByCategory(Id) {\r\n //console.log(555, Id);\r\n\r\n let jsonRequest = JSON.stringify({\r\n CategoryId: Id,\r\n Coverage: \"IND\",\r\n BillerName: billerCategory,\r\n });\r\n //console.log(\"RRB get GetBiller BY CategoryService request \", jsonRequest);\r\n let serviceName = \"CCAvenueGetBillersByCategoriesService\";\r\n let responce = await bbpsApi(jsonRequest, serviceName, props.auth.MobileNo);\r\n debugger;\r\n //console.log(\"RRB get GetBiller BY CategoryService \", responce);\r\n if (responce) {\r\n setBillerByCategory(responce);\r\n } else {\r\n props.setFieldData(\"\");\r\n }\r\n // setBillerByCategory(dummyData);\r\n }\r\n\r\n const fundTransfer = async () => {\r\n debugger;\r\n if (Number(balance) < Number(BillAmount)) {\r\n popUp({\r\n message: \"Insufficient balance\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n } else {\r\n const arrayOfObjects = [];\r\n\r\n for (const [key, value] of Object.entries(paramVal)) {\r\n var obj = {\r\n paramName: key,\r\n paramValue: value,\r\n };\r\n arrayOfObjects.push(obj);\r\n }\r\n\r\n var CustParambillpayment = arrayOfObjects;\r\n\r\n var jsonRequest = JSON.stringify({\r\n TxnType: \"INTRA\",\r\n FromAccountNumber: fromAcc.PrdAcctId15Digit,\r\n BeneficiaryAccountNumber: props.accDetials.BBPSGLACCNUM,\r\n IfscCode: props.accDetials.BBPSGLIFSC,\r\n FromAccountType: fromAcc.AccountType,\r\n ToAccountType: null,\r\n Amount: BillAmount,\r\n TPin: tpin,\r\n MMID: fromAcc.Mmid,\r\n OTP: \"999999\",\r\n Remark: \"\",\r\n ToName: null,\r\n });\r\n\r\n let serviceName = \"FundTransferService\";\r\n\r\n let responce = await bbpsApi(\r\n jsonRequest,\r\n serviceName,\r\n props.auth.MobileNo\r\n );\r\n setDebitResponse(responce);\r\n if (responce) {\r\n BillPaymentRequestService(CustParambillpayment);\r\n } else {\r\n props.setFieldData(\"\");\r\n }\r\n }\r\n };\r\n\r\n async function BillPaymentRequestService(Paramval) {\r\n var jsonRequest = JSON.stringify({\r\n billerAdhoc: \"\",\r\n deviceIp: \"\",\r\n imei: \"\",\r\n os: \"\",\r\n customerMobile: props.auth.MobileNo,\r\n customerEmail: props.auth.objData.EmailId,\r\n customerAdhaar: \"\",\r\n customerPan: \"\",\r\n billerId: BillerId,\r\n amount: BillAmount,\r\n currency: \"\",\r\n custConvFee: \"\",\r\n amountTags: \"\",\r\n paymentMode: \"\",\r\n quickPay: \"\",\r\n splitPay: \"\",\r\n input: Paramval,\r\n remarks: \"\",\r\n mobileNumber: props.auth.MobileNo,\r\n mmid: \"\",\r\n referenceId: referenceId,\r\n paymentFlag: \"ONLINE\",\r\n billerResponse: {\r\n amountOptions: receipt.billDetails,\r\n billAmount: BillAmount,\r\n billDate: receipt.BillDate,\r\n billNumber: receipt.BillNumber,\r\n billPeriod: receipt.BillPeriod,\r\n customerName: receipt.CustomerName,\r\n dueDate: receipt.BillDueDate,\r\n },\r\n additionalInfo: {\r\n additionBBPS: receipt.additionalInfo,\r\n },\r\n });\r\n\r\n let serviceName = \"CCAvenueMakePaymentService\";\r\n let responce = await bbpsApi(jsonRequest, serviceName, props.auth.MobileNo);\r\n debugger;\r\n if (responce) {\r\n setBillPayment(responce);\r\n popUp({\r\n message: \"Success\",\r\n icons: \"success\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n }\r\n });\r\n } else {\r\n props.setFieldData(\"\");\r\n }\r\n }\r\n\r\n const handleNext = () => {\r\n // setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n if (activeStep === 0) {\r\n if (!billerCategory || !billerData) {\r\n popUp({\r\n message: \"Please fill all the details\",\r\n icons: \"info\",\r\n });\r\n return;\r\n } else if (\r\n billerCategory &&\r\n billerData &&\r\n billerParams.length !== Object.keys(paramVal).length\r\n ) {\r\n popUp({\r\n message: \"Please fill all the details\",\r\n icons: \"info\",\r\n });\r\n return;\r\n } else {\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n }\r\n } else if (activeStep === 1) {\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n } else if (activeStep === 2) {\r\n if (tpin && Object.keys(fromAcc).length !== 0) {\r\n fundTransfer();\r\n } else {\r\n popUp({\r\n message: \"Please fill all the details\",\r\n icons: \"warning\",\r\n });\r\n }\r\n } else if (activeStep === 3) {\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n }\r\n };\r\n\r\n const handleBack = () => {\r\n if (activeStep == 0) {\r\n props.setFieldData(\"\");\r\n } else {\r\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\r\n }\r\n };\r\n\r\n const handleReset = () => {\r\n setActiveStep(0);\r\n // history.push(\"/BBPS\");\r\n };\r\n\r\n const handleParamChange = (name, value) => {\r\n setParamVal((prevState) => ({\r\n ...prevState,\r\n [name]: value,\r\n }));\r\n };\r\n\r\n function getSteps() {\r\n return [t(\"step\") + 1, t(\"step\") + 2, t(\"step\") + 3, t(\"step\") + 4];\r\n }\r\n\r\n function getStepContent(step) {\r\n switch (step) {\r\n case 0:\r\n return functionOne();\r\n case 1:\r\n return functionTwo();\r\n case 2:\r\n return functionThree();\r\n case 3:\r\n return fuctionFour();\r\n default:\r\n return \"\";\r\n }\r\n }\r\n\r\n const GoToDashBoard = (e) => {\r\n history.push(\"/\");\r\n };\r\n\r\n function functionOne() {\r\n return (\r\n \r\n {/* */}\r\n \r\n \r\n {/* */}\r\n - \r\n
\r\n {t(\"billerDetails\")}\r\n \r\n \r\n \r\n {t(\"CustName\")}\r\n \r\n \r\n {props.BillPayment.respCustomerName}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"Duedt\")}\r\n \r\n \r\n {props.BillPayment.respDueDate}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"Billdt\")}\r\n \r\n \r\n {props.BillPayment.respBillDate}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"BillNo\")}\r\n \r\n \r\n {props.BillPayment.respBillNumber}\r\n \r\n \r\n\r\n \r\n \r\n Bill Amount\r\n \r\n \r\n {props.BillPayment.respAmount}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"BillPeriod\")}\r\n \r\n \r\n {props.BillPayment.respBillPeriod}\r\n \r\n \r\n\r\n {/* \r\n \r\n {t(\"PaymentRefId\")}\r\n \r\n \r\n {props.BillPayment.txnRefId}\r\n \r\n */}\r\n\r\n {/* \r\n \r\n {t(\"BillerName\")}\r\n \r\n \r\n {dnReceipt?.downloadReceipts?.BillerName}\r\n \r\n */}\r\n\r\n {/* \r\n \r\n {t(\"BillerCategory\")}\r\n \r\n \r\n {dnReceipt?.downloadReceipts?.BillerCategory}\r\n \r\n */}\r\n\r\n \r\n \r\n {t(\"TxnReferenceId\")}\r\n \r\n \r\n {props.BillPayment.txnRefId}\r\n \r\n \r\n\r\n {/* \r\n \r\n {t(\"TxnStatus\")}\r\n \r\n \r\n {dnReceipt?.downloadReceipts?.TxnStatus}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"TS\")}\r\n \r\n \r\n {dnReceipt?.downloadReceipts?.TS}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"RefId\")}\r\n \r\n \r\n {dnReceipt?.downloadReceipts?.RefId}\r\n \r\n */}\r\n\r\n {/* \r\n \r\n {t(\"ResponseCode\")}\r\n \r\n \r\n {dnReceipt?.ResponseMessage}\r\n \r\n \r\n\r\n \r\n \r\n {t(\"ResponseMessage\")}\r\n \r\n \r\n {dnReceipt?.ResponseCode}\r\n \r\n */}\r\n\r\n {/* \r\n \r\n Download Receipt\r\n \r\n */}\r\n \r\n {/* */}\r\n \r\n \r\n {/* */}\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n function functionThree() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n function fuctionFour() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n function fetchBill() {}\r\n\r\n // const handleBillerData = (event) => {\r\n // event.preventDefault()\r\n // setBillerData(event.target.value);\r\n // setBillerID(event.target.value.BillerId);\r\n // };\r\n\r\n const handleBillerData = (newValue) => {\r\n setBillerData(newValue);\r\n // console.log(1111, newValue);\r\n\r\n setBillerID(newValue?.BillerId);\r\n };\r\n\r\n return (\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n {getStepContent(activeStep)}\r\n \r\n {activeStep !== steps.length - 1 ? (\r\n \r\n \r\n {t(\"back\")}\r\n \r\n \r\n {activeStep === steps.length - 1 ? t(\"finish\") : t(\"next\")}\r\n \r\n \r\n ) : (\r\n \r\n \r\n Home Page\r\n \r\n \r\n )}\r\n
\r\n )}\r\n \r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n {view == \"BBPS Payments\" ? \"Bharat Bill Payment System\" : view}\r\n \r\n \r\n \r\n \r\n {view == \"BBPS Payments\" ? (\r\n <>\r\n {fieldData ? (\r\n \r\n \r\n {\r\n setView(\"Payment History\");\r\n }}\r\n >\r\n Payment History\r\n \r\n\r\n {\r\n setView(\"Complaint Management\");\r\n }}\r\n >\r\n Complaint Management\r\n \r\n\r\n {\r\n setView(\"Track Complaints\");\r\n }}\r\n >\r\n Track Complaints\r\n \r\n\r\n {\r\n setView(\"Transaction Search\");\r\n }}\r\n >\r\n Transaction Search\r\n \r\n\r\n {/* \r\n MORE INFORMATION \r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(BBPS);\r\n","export default __webpack_public_path__ + \"static/media/slideImage1.fdb1db0e.png\";","export default __webpack_public_path__ + \"static/media/slideImage2.0d4864a9.png\";","export default __webpack_public_path__ + \"static/media/slideImage3.a01599dd.png\";","import Carousel from 'react-bootstrap/Carousel';\r\nimport slideImage1 from \"../../img/bbk/slideImage1.png\";\r\nimport slideImage2 from \"../../img/bbk/slideImage2.png\";\r\nimport slideImage3 from \"../../img/bbk/slideImage3.png\";\r\nimport { connect } from 'react-redux';\r\nimport { useHistory } from 'react-router-dom/cjs/react-router-dom.min';\r\n\r\nfunction LoanCarousel(props) {\r\n\r\n\r\n const history = useHistory();\r\n const array = [\r\n { name: \"Personal Loan\" },\r\n { name: \"Housing Loan\" },\r\n { name: \"Other Loan\" }\r\n ]\r\n\r\n const handleClick = (e) => {\r\n //console.log(e, \"Event Val\");\r\n history.push(\"/ApplyLoanView\", { name: e });\r\n }\r\n\r\n return (\r\n {array[0].name}
\r\n{array[1].name}
\r\n{array[2].name}
\r\nOffer 1
\r\nOffer 2
\r\nOffer 3
\r\nLoading...
;\r\n\r\n return (\r\n <>\r\n - \r\n
- Minimum deposit amount is โน.10,000. \r\n
- \r\n {\" \"}\r\n Deposit amount should be less than โน.5,00,00,000. For any amount\r\n equal to or greater than โน.5,00,00,000 , kindly contact your\r\n nearest BBK branch.\r\n \r\n
- \r\n
- \r\n For booking Fixed deposits of tenure greater than or equal to 1 year, please enter tenure in โMONTHSโ and โDAYSโ.Tenure of minimum 7 Days and Maximum 10 years/120 months is allowed\r\n \r\n
- \r\n
- Minimum deposit amount is โน.10,000. \r\n
- \r\n {\" \"}\r\n Deposit amount should be less than โน.5,00,00,000. For any amount\r\n equal to or greater than โน.5,00,00,000 , kindly contact your\r\n nearest BBK branch.\r\n \r\n
\r\n \r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Open a Fixed Deposit\r\n \r\n \r\n \r\n \r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n { activeStep !== 0 &&\r\n \r\n \r\n 
\r\n \r\n \r\n }\r\n \r\n \r\n All fixed Deposit \r\n \r\n \r\n\r\n \r\n Pending transacton \r\n \r\n \r\n\r\n \r\n more enquiry \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(FixedDeposit);\r\n","export default __webpack_public_path__ + \"static/media/loanVector.b0a283d1.svg\";","import { AccordionDetails, Button } from \"@material-ui/core\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n Accordion,\r\n AccordionSummary,\r\n} from \"@material-ui/core\";\r\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\r\nimport loanVector from \"../../img/bbk/loanVector.svg\";\r\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\n\r\nconst LoanAppLeft = (props) => {\r\n const { t } = useTranslation();\r\n const [expanded, setExpanded] = React.useState(false);\r\n const history = useHistory();\r\n const [loanAccData, setLoanAccData] = useState(props.auth.loanData);\r\n\r\n const handleChange = (panel) => {\r\n setExpanded(expanded === panel ? false : panel);\r\n };\r\n\r\n const fetchData = async () => {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n Key: \"LoanView\",\r\n CustNo: props.auth.CustomerNumber\r\n });\r\n\r\n const data = {\r\n servicename: \"LoanViewService\",\r\n entitycode: \"WA\",\r\n user: props.auth?.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n try {\r\n const response = await postService(url, data);\r\n //console.log(\"result\", response.data);\r\n\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n });\r\n return\r\n }\r\n\r\n var obj = JSON.parse(response.data.body);\r\n props.onLoanData(obj.LoanRecordList);\r\n setLoanAccData(obj.LoanRecordList);\r\n } catch (error) {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"Something Went Wrong !!! Please retry...\",\r\n icons: \"error\",\r\n });\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (props.auth.loanData.length == 0) {\r\n fetchData();\r\n }\r\n }, [])\r\n\r\n\r\n const dummyLoan = [\r\n {\r\n \"CustomerId\": null,\r\n \"AccountHolderName\": \"MHbKM NMTMHMH JMGMHK\",\r\n \"SanctionDate\": null,\r\n \"LoanPeriod\": null,\r\n \"LastPaymentDate\": null,\r\n \"LastPaymentAmount\": null,\r\n \"NextEmiDate\": null,\r\n \"NextEmiAmount\": null,\r\n \"accountType\": \"LAA\",\r\n \"BrchCd\": null,\r\n \"BranchName\": null,\r\n \"AccNo\": \"0015020169710001\",\r\n \"digit15AccNo\": null,\r\n \"PricplAmt\": 0,\r\n \"SationLimit\": 0,\r\n \"DisburseAmount\": 1200000,\r\n \"EMIAmount\": 0,\r\n \"OutStandingBal\": 0,\r\n \"RateOfInterest\": 2,\r\n \"OverdueAmt\": 0,\r\n \"ExpiraryDate\": null,\r\n \"MaturityValue\": null,\r\n \"MaturityDate\": null,\r\n \"principleAmount\": null,\r\n \"sanctionLimit\": null,\r\n \"DisburstAmount\": null,\r\n \"emiAmountField\": null,\r\n \"outstandingBalanceAmount\": null,\r\n \"overDueAmount\": null,\r\n \"InterestOutstandingBalance\": 0,\r\n \"PrdDisc\": null,\r\n \"AccOpeningDate\": \"2014-08-14T00:00:00.000\",\r\n \"LoanPeriodMonths\": \"182\",\r\n \"LoanProductCode\": \"402\",\r\n \"JointHolder1\": null,\r\n \"JointHolder2\": null,\r\n \"JointHolder3\": null,\r\n \"Currency\": null,\r\n \"LedgerBalance\": null,\r\n \"ModeOfOp\": null,\r\n \"AccNo32Dig\": null,\r\n \"DisburseDate\": null\r\n },\r\n {\r\n \"CustomerId\": null,\r\n \"AccountHolderName\": \"MHbKM NMTMHMH JMGMHK\",\r\n \"SanctionDate\": null,\r\n \"LoanPeriod\": null,\r\n \"LastPaymentDate\": null,\r\n \"LastPaymentAmount\": null,\r\n \"NextEmiDate\": null,\r\n \"NextEmiAmount\": null,\r\n \"accountType\": \"LAA\",\r\n \"BrchCd\": null,\r\n \"BranchName\": null,\r\n \"AccNo\": \"0015020169710001\",\r\n \"digit15AccNo\": null,\r\n \"PricplAmt\": 0,\r\n \"SationLimit\": 0,\r\n \"DisburseAmount\": 1200000,\r\n \"EMIAmount\": 0,\r\n \"OutStandingBal\": 0,\r\n \"RateOfInterest\": 2,\r\n \"OverdueAmt\": 0,\r\n \"ExpiraryDate\": null,\r\n \"MaturityValue\": null,\r\n \"MaturityDate\": null,\r\n \"principleAmount\": null,\r\n \"sanctionLimit\": null,\r\n \"DisburstAmount\": null,\r\n \"emiAmountField\": null,\r\n \"outstandingBalanceAmount\": null,\r\n \"overDueAmount\": null,\r\n \"InterestOutstandingBalance\": 0,\r\n \"PrdDisc\": null,\r\n \"AccOpeningDate\": \"2014-08-14T00:00:00.000\",\r\n \"LoanPeriodMonths\": \"182\",\r\n \"LoanProductCode\": \"402\",\r\n \"JointHolder1\": null,\r\n \"JointHolder2\": null,\r\n \"JointHolder3\": null,\r\n \"Currency\": null,\r\n \"LedgerBalance\": null,\r\n \"ModeOfOp\": null,\r\n \"AccNo32Dig\": null,\r\n \"DisburseDate\": null\r\n }\r\n ]\r\n\r\n\r\n return (\r\n <>\r\n\r\n \r\n {getStepContent(activeStep)} \r\n \r\n \r\n \r\n \r\n {activeStep === steps.length - 1\r\n ? t(\"finish\")\r\n : t(\"next\")}\r\n \r\n \r\n )}\r\n {activeStep !== steps.length - 1 && (\r\n \r\n \r\n Cancel\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Loans\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n objData: (obj) => dispatch({ type: \"USER_DETAILS\", value: obj }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(LoanAppStatus);\r\n","export default __webpack_public_path__ + \"static/media/slideImage4.aea9a98c.png\";","export const loanAccData = [\r\n {\r\n id: 1,\r\n panel:\"panel1\",\r\n accountNo: \"10-3604/59004576/2\",\r\n status: \"Active\",\r\n principalAmt: \"21,00,00.00\",\r\n icon:true\r\n },\r\n {\r\n id: 2,\r\n panel:\"panel2\",\r\n accountNo: \"10-3604/59004576/2\",\r\n status: \"Active\",\r\n principalAmt: \"21,00,00.00\",\r\n icon:true\r\n },\r\n ];\r\n ","import { CardContent, CardMedia, Button } from \"@material-ui/core\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport PropTypes from \"prop-types\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport MaterialTable from \"material-table\";\r\nimport slideImage1 from \"../../img/bbk/slideImage1.png\";\r\nimport slideImage2 from \"../../img/bbk/slideImage2.png\";\r\nimport slideImage3 from \"../../img/bbk/slideImage3.png\";\r\nimport slideImage4 from \"../../img/bbk/slideImage4.png\";\r\nimport { loanAccData } from \"./loanAccData\";\r\nimport {\r\n Accordion,\r\n AccordionDetails,\r\n AccordionSummary,\r\n} from \"@material-ui/core\";\r\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\r\nimport loanVector from \"../../img/bbk/loanVector.svg\";\r\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\r\n\r\n\r\nconst LoanAccViewLeft = (props) => {\r\n const { t } = useTranslation();\r\n const [expanded, setExpanded] = React.useState(false);\r\n const history = useHistory();\r\n const handleChange = (panel) => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\r\n\r\n const handleLoanView = () => {\r\n history.push(\"/LoanAccView\");\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n back()}>\r\n \r\n \r\n \r\n \r\n Loan Account View\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n objData: (obj) => dispatch({ type: \"USER_DETAILS\", value: obj }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(LoanAccView);\r\n\r\n","import { Button } from \"@material-ui/core\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n Accordion,\r\n AccordionSummary\r\n} from \"@material-ui/core\";\r\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\r\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport loanVector from \"../../img/bbk/loanVector.svg\";\r\nimport { loanAccData } from \"./loanAccData\";\r\n\r\n\r\nconst ApplyLoanLeft = (props) => {\r\n const { t } = useTranslation();\r\n const [expanded, setExpanded] = React.useState(false);\r\n const history = useHistory();\r\n const handleChange = (panel) => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\r\n\r\n const handleLoanView = () => {\r\n history.push(\"/LoanAccView\");\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Loan Application Status\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {/* */}\r\n */}\r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n objData: (obj) => dispatch({ type: \"USER_DETAILS\", value: obj }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ApplyLoan);\r\n","import { Button, FormControl, MenuItem, Select } from \"@material-ui/core\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\n\r\nconst ApplyLoanViewLeft = (props) => {\r\n\r\n const ITEM_HEIGHT = 48;\r\n const ITEM_PADDING_TOP = 8;\r\n const MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 210,\r\n },\r\n },\r\n };\r\n const { t } = useTranslation();\r\n\r\n const [amount, setAmount] = useState(\"\");\r\n const [remarks, setRemarks] = useState(\"\");\r\n const [loanType, setLoanType] = useState(\"\");\r\n\r\n useEffect(() => {\r\n setLoanType(props.loanType);\r\n }, [])\r\n\r\n const handlClear = () => {\r\n setAmount(\"\");\r\n setRemarks(\"\");\r\n setLoanType(\"\");\r\n }\r\n\r\n async function handleSubmit() {\r\n if (!amount || !remarks || !loanType) {\r\n popUp({\r\n message: \"Please fill all the details\",\r\n icons: 'warning'\r\n })\r\n return\r\n }\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n Key: \"LOANENQUIRYREQUEST\",\r\n Amount: amount,\r\n LoanPurpose: remarks,\r\n Email: props.auth.objData.EmailId,\r\n LoanType: loanType\r\n });\r\n const data = {\r\n servicename: \"LoanEnquiryService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n var obj = JSON.parse(response.data.body);\r\n popUp({\r\n message: response.data.error.message,\r\n icons: 'success'\r\n }).then(() => {\r\n handlClear();\r\n })\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n });\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Loan Amount \r\n \r\n \r\n \r\n handleLoanAmount(e)}\r\n InputProps={{\r\n startAdornment: (\r\n โน \r\n ),\r\n }}\r\n />\r\n {/* โน {principal} */}\r\n \r\n \r\n \r\n \r\n handleSliderChange(setPrincipal, newValue)\r\n }\r\n aria-labelledby=\"loan-amount-slider\"\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Rate of interest (p.a) \r\n \r\n\r\n \r\n \r\n handleLoanRate(e)}\r\n InputProps={{\r\n endAdornment: (\r\n % \r\n ),\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setRate(newValue);\r\n debugger\r\n updateChartData(principal, newValue, term);\r\n }}\r\n aria-labelledby=\"continuous-slider\"\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Loan Tenure \r\n \r\n\r\n \r\n \r\n {\" \"}\r\n \r\n handleLoanTerm(e)}\r\n InputProps={{\r\n endAdornment: (\r\n \r\n yrs\r\n \r\n ),\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setTerm(newValue);\r\n updateChartData(principal, rate, newValue);\r\n }}\r\n aria-labelledby=\"continuous-slider\"\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {isCalculated && (\r\n \r\n \r\n \r\n \r\n \r\n Total Amount\r\n \r\n \r\n \r\n \r\n โน {totalRepayment}\r\n \r\n \r\n \r\n\r\n \r\n \r\n (Principal Amount+Interest)\r\n \r\n \r\n\r\n \r\n \r\n \r\n Principal Amount\r\n \r\n \r\n \r\n \r\n โน {principal}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Interest\r\n \r\n \r\n\r\n \r\n \r\n โน {totalInterest}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Loan Tenure\r\n \r\n \r\n\r\n \r\n \r\n {term} Years\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Rate of Interest\r\n \r\n \r\n\r\n \r\n \r\n {rate}%\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n Your Monthly EMI is:\r\n \r\n \r\n\r\n \r\n \r\n โน {emi}\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n objData: (obj) => dispatch({ type: \"USER_DETAILS\", value: obj }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ApplyLoanViewRight);\r\n","import { Box, Card } from \"@material-ui/core\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\r\nimport ApplyLoanViewLeft from \"./ApplyLoanViewLeft\";\r\nimport ApplyLoanViewRight from \"./ApplyLoanViewRight\";\r\nimport { useLocation } from \"react-router-dom/cjs/react-router-dom\";\r\n\r\nconst ApplyLoanView = (props) => {\r\n const [state, setState] = useState({});\r\n const history = useHistory();\r\n const location = useLocation();\r\n\r\n const { t } = useTranslation();\r\n\r\n const back = () => {\r\n history.push(\"/\")\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Apply Loan\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n objData: (obj) => dispatch({ type: \"USER_DETAILS\", value: obj }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ApplyLoanView);\r\n\r\n","import { Button } from \"@material-ui/core\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport React, { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\r\n\r\nconst KYCLeft = (props) => {\r\n const ITEM_HEIGHT = 48;\r\n const ITEM_PADDING_TOP = 8;\r\n const MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 210,\r\n },\r\n },\r\n };\r\n const { t } = useTranslation();\r\n const history = useHistory();\r\n const [state, setState] = useState({\r\n card1: true,\r\n card2: false,\r\n card3: false,\r\n });\r\n\r\n const handleBack = () => {\r\n setState({\r\n card1: true,\r\n card2: false,\r\n card3: false,\r\n });\r\n };\r\n\r\n const handleRenew = () => {\r\n setState({\r\n card1: false,\r\n card2: true,\r\n card3: false,\r\n });\r\n };\r\n\r\n const handleUpdate = () => {\r\n setState({\r\n card1: false,\r\n card2: false,\r\n card3: true,\r\n });\r\n };\r\n\r\n console.log(1111, props.auth);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n Primary Holder\r\n \r\n \r\n {props.auth.CustomerName ? props.auth.CustomerName : \"NA\"}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n IFSC\r\n \r\n \r\n {props.auth.objData.IFSCCode\r\n ? props.auth.objData.IFSCCode\r\n : \"NA\"}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n MICR\r\n \r\n \r\n {props.auth.objData.MICR ? props.auth.objData.MICR : \"400150002\"}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n MOBILE NUMBER\r\n \r\n \r\n {props.auth.MobileNo ? props.auth.MobileNo : \"NA\"}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Address\r\n \r\n \r\n {props.auth.objData.CustomerAddress\r\n ? props.auth.objData.CustomerAddress\r\n : \"NA\"}\r\n \r\n \r\n \r\n\r\n {/* \r\n \r\n \r\n NOMINEE\r\n \r\n \r\n JONATHAN MARTIN\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n DOCUMENT\r\n \r\n \r\n VERIFIED\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n KYC EXPIRATION DATE\r\n \r\n \r\n 26/04/2024\r\n \r\n \r\n */}\r\n \r\n\r\n \r\n {/* \r\n \r\n */}\r\n \r\n \r\n Update\r\n \r\n \r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n {state.card2 ? (\r\n \r\n \r\n \r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n My Profile\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n objData: (obj) => dispatch({ type: \"USER_DETAILS\", value: obj }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(KYC);\r\n","import {\r\n Button,\r\n Card,\r\n FormControl,\r\n MenuItem,\r\n Select\r\n} from \"@material-ui/core\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\nimport MaterialTable from \"material-table\";\r\nimport moment from \"moment\";\r\nimport React, { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport { FDateField } from \"../../fincore-ui/components/FDateField\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\n\r\nfunction PositivePayHistory(props) {\r\n const { t } = useTranslation();\r\n const [fDate, setFDate] = useState(\"\");\r\n const [eDate, setEDate] = useState(\"\");\r\n const [keyword, setKeyword] = useState(\"\");\r\n const obj = props?.auth?.objData?.AccountDetailslst;\r\n const [tableData, setTableData] = useState([]);\r\n\r\n\r\n async function handleSubmit() {\r\n if (!fDate || !eDate) {\r\n popUp({\r\n message: 'Please select from & to date',\r\n icons: 'warning'\r\n })\r\n return;\r\n }\r\n else {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n FromDate: moment(fDate).format(\"DD/MM/YYYY\"),\r\n ToDate: moment(eDate).format(\"DD/MM/YYYY\"),\r\n CustNo: props.auth.CustomerNumber,\r\n KeyWord: keyword,\r\n });\r\n const data = {\r\n servicename: \"ServiceHistory\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n var obj = JSON.parse(response.data.body);\r\n setTableData(obj);\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n });\r\n }\r\n }\r\n\r\n const clearData = () => {\r\n setEDate('');\r\n setFDate('');\r\n setKeyword(\"\");\r\n setTableData([]);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Service History\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n From Date\r\n \r\n\r\n \r\n {\r\n setFDate(e);\r\n }}\r\n />\r\n \r\n \r\n To Date\r\n \r\n \r\n {\r\n setEDate(e);\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Keyword\r\n \r\n \r\n \r\n setKeyword(e.target.value)\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n Clear\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(PositivePayHistory);\r\n","import {\r\n Accordion,\r\n AccordionDetails,\r\n AccordionSummary,\r\n Typography\r\n} from \"@material-ui/core\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport React from \"react\";\r\nconst CloseFixedDepositRight = () => {\r\n return (\r\n \r\n \r\n\r\n \r\n props.history.push(\"/\")}\r\n />\r\n Close/Renew Fixed Deposit\r\n \r\n \r\n\r\n \r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(CloseFixedDeposit);\r\n","import {\r\n Box,\r\n Button,\r\n Card,\r\n Link,\r\n Typography\r\n} from \"@material-ui/core\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport OutlinedInput from \"@material-ui/core/OutlinedInput\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\n\r\nconst ITEM_HEIGHT = 48;\r\nconst ITEM_PADDING_TOP = 8;\r\nconst MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 210,\r\n },\r\n },\r\n};\r\n\r\n\r\nconst ChangeTpin = (props) => {\r\n const [oldTpin, setOldTpin] = useState(\"\");\r\n const [newTpin, setNewTpin] = useState(\"\");\r\n const [confirmTpin, setConfirmTpin] = useState(\"\");\r\n const [otpVerify, setotpVeryfy] = useState(false);\r\n const [otpGrid, setOtpGrid] = useState(false);\r\n const [minutes, setMinutes] = useState(0);\r\n const [seconds, setSeconds] = useState(59);\r\n const [otp, setOtp] = useState(\"\");\r\n\r\n // states for tpin field type\r\n const [tpinType1, setTpinType1] = useState(\"password\");\r\n const [tpinType2, setTpinType2] = useState(\"password\");\r\n const [tpinType3, setTpinType3] = useState(\"password\");\r\n\r\n const { t } = useTranslation();\r\n const oldTpinFocus = React.useRef();\r\n const mobileNo = props.auth.MobileNo;\r\n const url = \"Entities/FSwitchServiceCall\";\r\n\r\n useEffect(() => {\r\n const interval = setInterval(() => {\r\n if (seconds > 0) {\r\n setSeconds(seconds - 1);\r\n }\r\n if (seconds === 0 && minutes === 0) {\r\n clearInterval(interval);\r\n }\r\n }, 1000);\r\n\r\n return () => {\r\n clearInterval(interval);\r\n };\r\n }, [seconds, otpGrid]);\r\n\r\n const resendOtp = () => {\r\n // let otpFlag = true;\r\n otpGeneration();\r\n };\r\n\r\n const passTpinChange = async () => {\r\n const jsonRequest = JSON.stringify({\r\n OldTPin: oldTpin,\r\n NewTpin: newTpin,\r\n CustNo: props.auth.CustomerNumber,\r\n UserName: props.auth.LoginUsername\r\n });\r\n const data = {\r\n servicename: \"TPINChangeIBService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n clearData();\r\n })\r\n return;\r\n } else {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"success\",\r\n }).then(() => {\r\n clearData();\r\n })\r\n return;\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error.response.status === 500) {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n });\r\n };\r\n\r\n\r\n function checkTpin(data) {\r\n // var re = /^[a-zA-Z0-9!@#^*]{14,20}$/;\r\n // var re = /^[a-z][A-Z][0-9][!@#^*]{14,20}$/;\r\n var re = /^(?=.*[A-Z])(?!.*[\\s%&$])(?=.*\\d.*\\d)(?=.*[!@#^*()_+=\\[{\\]};:<>|./?,-])(?!.*[\\s])[\\w!@#^*()_+=\\[{\\]};:<>|./?,-]{8,}$/\r\n\r\n\r\n let validTpin = re.test(data);\r\n\r\n if (validTpin) {\r\n otpGeneration();\r\n // passTpinChange();\r\n } else {\r\n popUp({\r\n html: \"\r\n {getStepContent(activeStep)} \r\n \r\n \r\n \r\n \r\n {activeStep === steps.length - 1\r\n ? t(\"finish\")\r\n : t(\"next\")}\r\n \r\n \r\n )}\r\n {activeStep !== steps.length - 1 && (\r\n \r\n \r\n Cancel\r\n \r\n \r\n )}\r\n \r\n
\r\n Transaction Password Guidelines :
At least 8 character
at least one capital letter (A-Z)
should not have space
atleast 2 non-alphabetic characters
at least 1 special character except %, & and $
\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n }\r\n\r\n\r\n const handleChangeTPIN = () => {\r\n if (oldTpin || newTpin || confirmTpin) {\r\n if (newTpin.length >= 8 || oldTpin.length >= 8) {\r\n if (newTpin == confirmTpin) {\r\n checkTpin(newTpin)\r\n } else {\r\n popUp({\r\n message: \"New password & Confirm password did not match\",\r\n icons: \"error\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: \"Password cannot be less than 8 characters\",\r\n icons: \"error\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: \"Please fill all the details\",\r\n icons: \"error\",\r\n });\r\n }\r\n };\r\n\r\n\r\n function clearData() {\r\n setOldTpin(\"\");\r\n setNewTpin(\"\");\r\n setConfirmTpin(\"\");\r\n setOtp(\"\");\r\n setOtpGrid(false);\r\n oldTpinFocus.current.focus();\r\n }\r\n\r\n async function otpGeneration() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n RequestType: \"CHANGEPASS\",\r\n });\r\n const data = {\r\n servicename: \"OTPGenerationService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else if (response.data.error.code == 0) {\r\n setOtpGrid(true)\r\n setSeconds(59);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function OtpVerify() {\r\n if (otp) {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n OneTimePass: otp,\r\n RequestType: \"CHANGEPASS\",\r\n });\r\n const data = {\r\n servicename: \"OTPValidationService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo,\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n }).then(() => {\r\n clearData();\r\n })\r\n return;\r\n } else if (response.data.error.code == 0) {\r\n debugger;\r\n passTpinChange();\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"enter_otp\"),\r\n icons: \"warning\",\r\n });\r\n }\r\n }\r\n\r\n const handleChange4 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n const handleChange5 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n const handleChange6 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n\r\n // funtions onmouse events for tpin fields\r\n function mouseDown4(e) {\r\n document.getElementById(\"tPin\").addEventListener(\"mousedown\", setTpinType1(\"text\"));\r\n }\r\n\r\n function mouseUp4(e) {\r\n document.getElementById(\"tPin\").addEventListener(\"mouseup\", setTpinType1(\"password\"));\r\n }\r\n\r\n function mouseDown5(e) {\r\n document.getElementById(\"newtPin\").addEventListener(\"mousedown\", setTpinType2(\"text\"));\r\n }\r\n\r\n function mouseUp5(e) {\r\n debugger;\r\n document.getElementById(\"newtPin\").addEventListener(\"mouseup\", setTpinType2(\"password\"));\r\n }\r\n\r\n function mouseDown6(e) {\r\n document.getElementById(\"confirmtPin\").addEventListener(\"mousedown\", setTpinType3(\"text\"));\r\n }\r\n\r\n function mouseUp6(e) {\r\n document.getElementById(\"confirmtPin\").addEventListener(\"mouseup\", setTpinType3(\"password\"));\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Change Transaction Password\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {t(\"old_transaction_pin\")}\r\n \r\n \r\n mouseDown4(e)}\r\n onMouseUp={(e) => mouseUp4(e)}\r\n edge=\"end\"\r\n >\r\n {tpinType1 == \"text\" ? \r\n }\r\n />\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n {t(\"new_transaction_pin\")}\r\n \r\n \r\n mouseDown5(e)}\r\n onMouseUp={(e) => mouseUp5(e)}\r\n edge=\"end\"\r\n >\r\n {tpinType2 == \"text\" ? \r\n }\r\n />\r\n \r\n \r\n\r\n \r\n \r\n \r\n {t(\"confirm_new_transaction_pin\")}\r\n \r\n \r\n mouseDown6(e)}\r\n onMouseUp={(e) => mouseUp6(e)}\r\n edge=\"end\"\r\n >\r\n {tpinType3 == \"text\" ? \r\n }\r\n />\r\n \r\n\r\n \r\n\r\n {otpGrid == true && (\r\n\r\n \r\n \r\n setOtp(e.target.value)}\r\n />\r\n\r\n {seconds > 0 ? (\r\n \r\n \r\n {t(\"resend_otp\")}\r\n \r\n \r\n )}\r\n \r\n \r\n\r\n )}\r\n \r\n {otpGrid === true ? (\r\n \r\n \r\n {t(\"OTP Verify\")}\r\n \r\n \r\n ) : (\r\n \r\n \r\n {t(\"Change Tpin\")}\r\n \r\n \r\n )}\r\n \r\n \r\n {t(\"Cancel\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t(\"password_must_contain\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {\r\n props.history.push(\"ChangePassword\");\r\n }}\r\n >\r\n Change Login Password\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(ChangeTpin);\r\n","import {\r\n Accordion,\r\n AccordionDetails,\r\n AccordionSummary,\r\n Box,\r\n Button,\r\n Card,\r\n Checkbox,\r\n FormControlLabel,\r\n InputLabel,\r\n Link,\r\n MenuItem,\r\n OutlinedInput,\r\n Radio,\r\n RadioGroup,\r\n Select,\r\n Step,\r\n StepLabel,\r\n Stepper,\r\n TextField,\r\n Typography,\r\n} from \"@material-ui/core\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport ArrowBackIosIcon from \"@material-ui/icons/ArrowBackIos\";\r\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\nimport MaterialTable from \"material-table\";\r\nimport moment from \"moment/moment\";\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport { FDateField } from \"../../fincore-ui/components/FDateField\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\n\r\nconst ITEM_HEIGHT = 48;\r\nconst ITEM_PADDING_TOP = 8;\r\nconst MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 210,\r\n },\r\n },\r\n};\r\n\r\nfunction ScheduleTransfer(props) {\r\n const mobileNo = props.auth.MobileNo;\r\n const [amount, setAmount] = useState(\"\");\r\n const [fromAcc1, setFromAcc1] = useState(\"\");\r\n const [remarks, setRemarks] = useState(\"\");\r\n const [benAccData, setBenAccData] = useState([]);\r\n const [benAccNo, setBenAcccNo] = useState(\"\");\r\n const [benName, setBenName] = useState(\"\");\r\n const [beneficiaryData, setBeneficiaryData] = useState([]);\r\n const { t } = useTranslation();\r\n const [otpGrid, setOtpGrid] = useState(false);\r\n const [minutes, setMinutes] = useState(0);\r\n const [seconds, setSeconds] = useState(59);\r\n const [otp, setOtp] = useState(\"\");\r\n const [tpin, setTPin] = useState(\"\");\r\n const [activeStep, setActiveStep] = React.useState(0);\r\n const steps = getSteps();\r\n const [ScheduleFrequencyType, setScheduleFrequencyType] = useState(\"OneTime\");\r\n const [onetime, setOneTime] = useState(false);\r\n const [recurring, setRecurring] = useState(false);\r\n const [date, setDate] = useState(\"\");\r\n const [frequency, setFrequency] = useState(\"\");\r\n const [dispalyInterval, setDisplayInterval] = useState(\"\");\r\n const [noOfPayment, setNoOfPayment] = useState(\"\");\r\n const [trnsType, setTrnsType] = useState(\"INTRA\");\r\n const [tpinType, setTpinType] = useState(\"password\");\r\n\r\n const [balance, setBalance] = useState(\"\");\r\n const [rrn, setRRN] = useState(\"\");\r\n const [pastTxn, setPastTxn] = useState();\r\n\r\n const DateFormat = \"DD-MMM-YYYY\";\r\n const [beneIFSC, setBeneIFSC] = useState(\"\");\r\n const [selectAccount, setSelectAccount] = useState(\"\");\r\n const [transferTypeArr, setTransferTypeArr] = useState();\r\n const [toAccNoList, setToAccNoList] = useState([]);\r\n\r\n const [transferList, setTransferList] = useState();\r\n const fromAccRef = useRef(null);\r\n const amtRef = useRef(null);\r\n const tPinRef = useRef(null);\r\n const otpRef = useRef(null);\r\n\r\n // UseEffect for from Account Details\r\n useEffect(() => {\r\n setBenAccData(props.auth.objData?.AccountDetailslst);\r\n setTransferTypeArr(TransferTypeArr);\r\n }, [props.auth.objData.AccountDetailslst]);\r\n\r\n const handleToAcc = (e) => {\r\n // setBenName(e.target.value?.AccountHolderName);\r\n\r\n setBenAcccNo(e.target.value);\r\n };\r\n\r\n const TransferTypeArr = [\r\n { transferTypeCode: \"INTRA\", transferType: \"Self\" },\r\n { transferTypeCode: \"INTRA\", transferType: \"Within\" },\r\n { transferTypeCode: \"INTER\", transferType: \"IMPS\" },\r\n { transferTypeCode: \"NEFT\", transferType: \"NEFT\" },\r\n ];\r\n\r\n function changeTransferType(e) {\r\n setDate(\"\");\r\n setFromAcc1(\"\");\r\n setAmount(\"\");\r\n setRemarks(\"\");\r\n setTPin(\"\");\r\n setDisplayInterval(\"\");\r\n setFrequency(\"\");\r\n setRecurring(false);\r\n setNoOfPayment(\"\");\r\n setSelectAccount(e.target.value);\r\n }\r\n\r\n // useEffect for getting recent fund transfers\r\n useEffect(() => {\r\n if (fromAcc1.PrdAcctId15Digit) {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n var jsonRequest = JSON.stringify({\r\n AccountNumber: fromAcc1.PrdAcctId15Digit,\r\n BranchCode: fromAcc1.BranchCode,\r\n });\r\n\r\n const data = {\r\n servicename: \"IMPSTransactionHisoryService\",\r\n entitycode: \"WA\",\r\n user: mobileNo?.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n // popUp({\r\n // message: response.data.error.message,\r\n // icons: \"info\",\r\n // });\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n setPastTxn(obj);\r\n }\r\n })\r\n .catch((error) => {\r\n if (error.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n }, [fromAcc1]);\r\n\r\n // useEffect for getting balance of from account\r\n useEffect(() => {\r\n if (fromAcc1) {\r\n viewBalance();\r\n }\r\n }, [fromAcc1]);\r\n\r\n // balance API call\r\n function viewBalance() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n AccountNumber: fromAcc1.PrdAcctId15Digit,\r\n CustNo: props.auth?.CustomerNumber,\r\n });\r\n\r\n const data = {\r\n servicename: \"BalanceEnquiryService\",\r\n entitycode: \"WA\",\r\n user: props.auth?.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n });\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n\r\n setBalance(obj.ClearBalance);\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"Something Went Wrong !!! Please retry...\",\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n });\r\n }\r\n\r\n // UseEffect for Beneficiary Details for INTRA\r\n useEffect(() => {\r\n if (selectAccount.transferType !== \"Self\") {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n var jsonRequest = JSON.stringify({\r\n requestType: \"VIEW\",\r\n mobileNumber: props.auth.MobileNo,\r\n customerNumber: props.auth.CustomerNumber,\r\n payeeType: \"MBINTER\",\r\n payeeSubType: \"P2A\",\r\n payeeName: null,\r\n payeeMobileNumber: null,\r\n payeeMmid: null,\r\n accountNumber: null,\r\n ifscCode: null,\r\n accountType: null,\r\n TPin: null,\r\n });\r\n\r\n const data = {\r\n servicename: \"ManagePayeeService\",\r\n entitycode: \"WA\",\r\n user: mobileNo?.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n });\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n if (\r\n selectAccount.transferTypeCode === \"INTRA\" &&\r\n selectAccount.transferType === \"Within\"\r\n ) {\r\n const biforcation = obj.filter((e) => {\r\n return e.payeeType == \"MBINTRA\";\r\n });\r\n setBeneficiaryData(biforcation);\r\n } else if (\r\n selectAccount.transferTypeCode === \"INTER\" ||\r\n selectAccount.transferTypeCode === \"NEFT\"\r\n ) {\r\n const biforcation = obj.filter((e) => {\r\n return e.payeeType == \"MBINTER\";\r\n });\r\n setBeneficiaryData(biforcation);\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n if (error.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n }, [selectAccount]);\r\n\r\n const resendOtp = () => {\r\n otpGeneration();\r\n };\r\n\r\n async function otpGeneration() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n RequestType: \"SCHEDULETRANSFER\",\r\n variable1: ScheduleFrequencyType === \"Recurring\" ? frequency : \"One Time\",\r\n variable2: amount,\r\n variable3: fromAcc1.PrdAcctId15Digit,\r\n variable4: benAccNo.PrdAcctId15Digit,\r\n });\r\n const data = {\r\n servicename: \"OTPGenerationService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n });\r\n return;\r\n } else if (response.data.error.code === 0) {\r\n setSeconds(59);\r\n setOtpGrid(true);\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n async function otpVerify() {\r\n if (otp) {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n OneTimePass: otp,\r\n RequestType: \"SCHEDULETRANSFER\",\r\n });\r\n const data = {\r\n servicename: \"OTPValidationService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n }).then(() => {\r\n setOtp(\"\");\r\n otpRef.current.focus();\r\n });\r\n return;\r\n } else if (response.data.error.code === 0) {\r\n gotowithinBankTransfer();\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"enter_otp\"),\r\n icons: \"warning\",\r\n });\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (otpGrid === true) {\r\n const interval = setInterval(() => {\r\n if (seconds > 0) {\r\n setSeconds(seconds - 1);\r\n }\r\n if (seconds === 0 && minutes === 0) {\r\n clearInterval(interval);\r\n }\r\n }, 1000);\r\n\r\n return () => {\r\n clearInterval(interval);\r\n };\r\n }\r\n }, [seconds, otpGrid]);\r\n\r\n function handleBeneData(e) {\r\n setBenAcccNo(e.target.value);\r\n setBenName(e.target.value.payeeName);\r\n setBeneIFSC(e.target.value.ifscCode);\r\n setRemarks(e.target.value.remarks);\r\n }\r\n\r\n const handleFromAcc = (e) => {\r\n setFromAcc1(e.target.value);\r\n let temp = e.target.value;\r\n if (selectAccount.transferType === \"Self\") {\r\n let toAccList = props.auth?.objData?.AccountDetailslst.filter(\r\n (item) => item.PrdAcctId15Digit !== temp.PrdAcctId15Digit\r\n );\r\n setToAccNoList(toAccList);\r\n }\r\n };\r\n\r\n function handleClear() {\r\n setSelectAccount(\"\");\r\n setFromAcc1(\"\");\r\n setBenName(\"\");\r\n setBenAcccNo(\"\");\r\n setAmount(\"\");\r\n setRemarks(\"\");\r\n setTPin(\"\");\r\n setScheduleFrequencyType(\"OneTime\");\r\n setDate(\"\");\r\n setDisplayInterval(\"\");\r\n setFrequency(\"\");\r\n setNoOfPayment(\"\");\r\n setOtp(\"\");\r\n setOtpGrid(false);\r\n setBalance(\"\");\r\n setRRN(\"\");\r\n fromAccRef.current.focus();\r\n }\r\n\r\n function getStepContent(step) {\r\n switch (step) {\r\n case 0:\r\n return functionOne();\r\n case 1:\r\n return functionTwo();\r\n default:\r\n return \"Unknown step\";\r\n }\r\n }\r\n\r\n function getSteps() {\r\n return [\"Enter Details\", \"Confirmation\"];\r\n }\r\n\r\n const handleBack = () => {\r\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\r\n handleClear();\r\n };\r\n\r\n // Submit Data Handler to check validations & creating the schedule transfer data list\r\n async function handleSheduleTransfer(e) {\r\n if (\r\n Object.keys(selectAccount).length == 0 &&\r\n Object.keys(fromAcc1).length == 0 &&\r\n Object.keys(benAccNo).length == 0 &&\r\n !amount &&\r\n !remarks &&\r\n !tpin\r\n ) {\r\n popUp({\r\n message: \"Please fill all the details\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n if (Object.keys(selectAccount).length == 0) {\r\n popUp({\r\n message: \"Please select transfer type\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n if (Object.keys(fromAcc1).length == 0) {\r\n popUp({\r\n message: \"Please select from account\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n if (Object.keys(benAccNo).length == 0) {\r\n popUp({\r\n message: \"Please select to account\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n\r\n if (Number(amount) < 1) {\r\n popUp({\r\n message: \"Please Enter a valid amount\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n if (Number(amount) > Number(balance)) {\r\n popUp({\r\n message: \"Amount cannot be greater than balance\",\r\n icons: \"warning\",\r\n }).then(() => {\r\n setAmount(\"\");\r\n amtRef.current.focus();\r\n });\r\n return;\r\n }\r\n\r\n if (!remarks) {\r\n popUp({\r\n message: \"Please enter remarks\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n if (!tpin) {\r\n popUp({\r\n message: \"Please enter transaction pin\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n if (!date) {\r\n popUp({\r\n message: \"Please select start date\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n if (ScheduleFrequencyType === \"Recurring\" && !frequency) {\r\n popUp({\r\n message: \"Please select frequency\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n if (ScheduleFrequencyType === \"Recurring\" && !noOfPayment) {\r\n popUp({\r\n message: \"Please enter number of payments\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n\r\n let selectedDate = moment(date);\r\n let noOfPayments = noOfPayment;\r\n\r\n let period = \"\";\r\n let abc = [\r\n {\r\n SrNo: 1,\r\n date: selectedDate.format(DateFormat),\r\n desc: `Amount ${amount} will be deposit to ${benName}`,\r\n },\r\n ];\r\n let ScheduleTransferList = [\r\n {\r\n SrNo: 1,\r\n ScheduleDate: selectedDate.format(DateFormat),\r\n Status: \"E\",\r\n UtrNo: \"\",\r\n Remarks: remarks,\r\n },\r\n ];\r\n if (ScheduleFrequencyType === \"Recurring\") {\r\n if (noOfPayment >= 2) {\r\n let freq = dispalyInterval;\r\n let increment;\r\n if (freq === \"Daily\") {\r\n period = \"days\";\r\n increment = 1;\r\n } else if (freq === \"Weekly\") {\r\n period = \"weeks\";\r\n increment = 1;\r\n } else if (freq === \"Monthly\") {\r\n period = \"months\";\r\n increment = 1;\r\n } else if (freq === \"Quarterly\") {\r\n period = \"months\";\r\n increment = 3;\r\n } else if (freq === \"Half Yearly\") {\r\n period = \"months\";\r\n increment = 6;\r\n } else if (freq === \"Yearly\") {\r\n period = \"months\";\r\n increment = 12;\r\n }\r\n for (let i = 2; i <= noOfPayments; i++) {\r\n let nextDate;\r\n nextDate = moment(date).add((i - 1) * increment, period);\r\n abc.push({\r\n SrNo: i,\r\n // date: moment(date).add(i - 1, period).format(DateFormat),\r\n date: nextDate.format(DateFormat),\r\n desc: `Amount ${amount} will be deposit to ${benName}`,\r\n });\r\n ScheduleTransferList.push({\r\n SrNo: i,\r\n // ScheduleDate: moment(date).add(i - 1, period).format(DateFormat),\r\n ScheduleDate: nextDate.format(DateFormat),\r\n Status: \"E\",\r\n UtrNo: \"\",\r\n Remarks: remarks,\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: \"Number of payment should be greather than 1 time\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n }\r\n handleWithinBankTransfer(JSON.stringify(abc));\r\n setTransferList(JSON.stringify(ScheduleTransferList));\r\n }\r\n\r\n function handleWithinBankTransfer() {\r\n if (Number(amount) > 0) {\r\n fetchBal();\r\n } else {\r\n popUp({\r\n message: \"Enter valid amount\",\r\n icons: \"warning\",\r\n });\r\n return;\r\n }\r\n }\r\n\r\n // Fetch Balance API to check amount is less than balance\r\n async function fetchBal() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n AccountNumber: fromAcc1.PrdAcctId15Digit,\r\n CustNo: props.auth.CustomerNumber,\r\n });\r\n\r\n const data = {\r\n servicename: \"BalanceEnquiryService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n });\r\n return;\r\n } else {\r\n let obj = JSON.parse(response.data.body);\r\n if (parseFloat(amount) > obj.ClearBalance) {\r\n popUp({\r\n message: \"Insufficient Balance\",\r\n icons: \"info\",\r\n });\r\n return;\r\n } else {\r\n validateTpin();\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"There is Technical Issue\",\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: \"Something Went Wrong\",\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n // Tpin Validation API call\r\n async function validateTpin() {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n customerNumber: props.auth.CustomerNumber,\r\n TPin: tpin,\r\n });\r\n\r\n const data = {\r\n servicename: \"TPINValidationService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n }).then(() => {\r\n setTPin(\"\");\r\n tPinRef.current.focus();\r\n });\r\n return;\r\n } else {\r\n let obj = JSON.parse(response.data.body);\r\n otpGeneration();\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"There is Technical Issue\",\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: \"Something Went Wrong\",\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n //Final API call for Schedule transfer\r\n async function gotowithinBankTransfer(\r\n scheduleDatesArr,\r\n ScheduleTransferList\r\n ) {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n let len = \"\";\r\n let abc = \"\";\r\n len = JSON.parse(transferList).length;\r\n abc = JSON.parse(transferList)[len - 1].ScheduleDate;\r\n\r\n var jsonRequest = JSON.stringify({\r\n Startdate: moment(date).format(DateFormat),\r\n Enddate:\r\n ScheduleFrequencyType === \"Recurring\"\r\n ? abc\r\n : moment(date).format(DateFormat),\r\n ScheduleFrequency:\r\n ScheduleFrequencyType === \"Recurring\" ? frequency : \"1\",\r\n PaymentType: selectAccount.transferTypeCode,\r\n FromAccountNumber: fromAcc1.PrdAcctId15Digit,\r\n FromAcctType: props.auth.objData.AccountType,\r\n BenName: benName,\r\n BenfAccountNo:\r\n selectAccount.transferType === \"Self\"\r\n ? benAccNo.PrdAcctId15Digit\r\n : benAccNo.accountNumber,\r\n ToaccountType: \"\",\r\n ToIfsc:\r\n selectAccount.transferType === \"Self\"\r\n ? props.auth.objData?.IFSCCode\r\n : beneIFSC,\r\n amount: amount,\r\n RemAcctNo: fromAcc1.PrdAcctId15Digit,\r\n CustNo: props.auth.CustomerNumber,\r\n Status: \"\",\r\n MobileNo: props.auth.MobileNo,\r\n BranchCode: fromAcc1.BranchCode,\r\n RRN: \"\",\r\n ScheduleType:\r\n ScheduleFrequencyType === \"Recurring\" ? \"recurring\" : \"onetime\",\r\n RequestType: \"ADD\",\r\n Occurrence: ScheduleFrequencyType === \"Recurring\" ? noOfPayment : \"1\",\r\n ScheduleTransferList: JSON.parse(transferList),\r\n TPIN: tpin,\r\n });\r\n\r\n const data = {\r\n servicename: \"ScheduleTransferService\",\r\n entitycode: \"WA\",\r\n user: mobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n handleClear();\r\n return;\r\n } else if (response.data.error.code === 0) {\r\n let obj = JSON.parse(response.data.body);\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"success\",\r\n });\r\n handleClear();\r\n return;\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"There is Technical Issue\",\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: \"Something Went Wrong\",\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n const handleNext = () => {\r\n if (activeStep == 0) {\r\n handleSheduleTransfer();\r\n }\r\n if (activeStep == 1) {\r\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\r\n handleClear();\r\n }\r\n };\r\n\r\n const scheduleTime = [\r\n { time: \"Daily\" },\r\n { time: \"Weekly\" },\r\n { time: \"Montly\" },\r\n { time: \"Quarterly\" },\r\n { time: \"Half Yearly\" },\r\n { time: \"Yearly\" },\r\n ];\r\n\r\n const handleScheduleTimer = (value) => {\r\n setDisplayInterval(value);\r\n setFrequency(value);\r\n };\r\n\r\n const handleRedio = (e) => {\r\n setScheduleFrequencyType(e.target.value);\r\n if (e.target.value === \"OneTime\") {\r\n setOneTime(!onetime);\r\n } else if (e.target.value === \"Recurring\") {\r\n setRecurring(!recurring);\r\n }\r\n };\r\n\r\n // funtions onmouse events for password fields\r\n function mouseDown(e) {\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mousedown\", setTpinType(\"text\"));\r\n }\r\n\r\n function mouseUp(e) {\r\n document\r\n .getElementById(\"tPin\")\r\n .addEventListener(\"mouseup\", setTpinType(\"password\"));\r\n }\r\n\r\n const handleAmount = (e) => {\r\n const value = e.target.value;\r\n const regex = /^\\d*\\.?\\d{0,2}$/;\r\n if (regex.test(value) || value === \"\") {\r\n setAmount(value);\r\n }\r\n };\r\n\r\n function functionOne() {\r\n return (\r\n <>\r\n \r\n Time Remaining: {`0${minutes}`}:{\" \"}\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\n- \r\n
- At least 8-16 character \r\n
- at least one capital letter (A-Z) & should not have space \r\n
- atleast 2 non-alphabetic characters \r\n
- at least 1 special character except %, & and $ \r\n
\r\n Time Remaining: {`0${minutes}`}:{\" \"}\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\n\r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n Schedule Transfer\r\n \r\n \r\n \r\n \r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n Recent Fund Transfer \r\n \r\n \r\n \r\n rowData.Amount\r\n ? rowData.Amount.toFixed(2)\r\n : rowData.Amount,\r\n cellStyle: (cellValue, rowData) => {\r\n return {\r\n color: rowData.Type === \"C\" ? \"green\" : \"red\",\r\n textAlign: \"right\",\r\n whiteSpace: \"nowrap\",\r\n };\r\n },\r\n headerStyle: { textAlign: \"right\" },\r\n },\r\n ]}\r\n data={pastTxn}\r\n options={{\r\n sorting: false,\r\n filtering: false,\r\n search: false,\r\n toolbar: false,\r\n paging: true,\r\n pageSizeOptions: [5],\r\n cellStyle: {\r\n height: \"37px !important\",\r\n textAlign: \"left\",\r\n },\r\n headerStyle: {\r\n textAlign: \"left\",\r\n color: \"rgba(123, 123, 123, 1)\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n Payee List \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(ScheduleTransfer);\r\n","import { Container, Typography } from \"@material-ui/core\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport MaterialTable from \"material-table\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport moment from \"moment/moment\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\n\r\nfunction ViewScheduleTransfer(props) {\r\n\r\n const [scheduleTransferArr, setScheduleTransferrArr] = useState([]);\r\n // // ByPassCode\r\n // const [scheduleTransferArr, setScheduleTransferrArr] = useState([\r\n // {\r\n // MobNo: \"8007449443\",\r\n // Custno: \"15490230\",\r\n // RemAccno: \"027330050000009\",\r\n // Benaccno: \"024330010003913\",\r\n // Benname: \"ABC\",\r\n // BenIfsc: \"NICB0000024\",\r\n // Transfertype: \"INTRA\",\r\n // Schedulefrequency: \"1\",\r\n // Scheduletype: \"onetime\",\r\n // Startdate: \"18 Dec 2023\",\r\n // enddate: \"19 Dec 2023\",\r\n // amt: 2,\r\n // status: \"Deleted\",\r\n // occurrence: \"1\",\r\n // DID: 0,\r\n // HID: 1033,\r\n // ScheduleTransferList: [\r\n // {\r\n // SrNo: 1,\r\n // ScheduleDate: \"19-Dec-2023\",\r\n // UtrNo: null,\r\n // Remarks: null,\r\n // Status: \"Deleted\",\r\n // ResponseCode: null,\r\n // ResponseMessage: null,\r\n // DID: 22,\r\n // HID: 0,\r\n // },\r\n // ],\r\n // },\r\n // {\r\n // MobNo: \"8007449443\",\r\n // Custno: \"15490230\",\r\n // RemAccno: \"027330050000009\",\r\n // Benaccno: \"024330010003915\",\r\n // Benname: \"Sandeep\",\r\n // BenIfsc: \"NICB0000024\",\r\n // Transfertype: \"INTRA\",\r\n // Schedulefrequency: \"Daily\",\r\n // Scheduletype: \"recurring\",\r\n // Startdate: \"05 Jan 2024\",\r\n // enddate: \"08 Jan 2024\",\r\n // amt: 2,\r\n // status: \"Pending\",\r\n // occurrence: \"3\",\r\n // DID: 0,\r\n // HID: 1038,\r\n // ScheduleTransferList: [\r\n // {\r\n // SrNo: 1,\r\n // ScheduleDate: \"06-Jan-2024\",\r\n // UtrNo: null,\r\n // Remarks: null,\r\n // Status: \"Pending\",\r\n // ResponseCode: null,\r\n // ResponseMessage: null,\r\n // DID: 133,\r\n // HID: 0,\r\n // },\r\n // {\r\n // SrNo: 2,\r\n // ScheduleDate: \"07-Jan-2024\",\r\n // UtrNo: null,\r\n // Remarks: null,\r\n // Status: \"Pending\",\r\n // ResponseCode: null,\r\n // ResponseMessage: null,\r\n // DID: 134,\r\n // HID: 0,\r\n // },\r\n // {\r\n // SrNo: 3,\r\n // ScheduleDate: \"08-Jan-2024\",\r\n // UtrNo: null,\r\n // Remarks: null,\r\n // Status: \"Pending\",\r\n // ResponseCode: null,\r\n // ResponseMessage: null,\r\n // DID: 135,\r\n // HID: 0,\r\n // },\r\n // ],\r\n // },\r\n // ]);\r\n\r\n useEffect(() => {\r\n // // ByPassCode\r\n // const ScheduleTransferArrT = scheduleTransferArr\r\n // .filter((item) => item.status !== \"Deleted\")\r\n // .map((item, i) => {\r\n // return {\r\n // ...item,\r\n // displayStartDate: item.Startdate,\r\n // displayTransactionType:\r\n // item.Transfertype === \"INTRA\" ? \"Within Bank\" : \"NEFT\",\r\n // displayAmount: ConvertToAmount(item.amt),\r\n // Schedulefrequency:\r\n // item.Schedulefrequency === \"1\" ? \"Once\" : item.Schedulefrequency,\r\n // displaySchedule:\r\n // item.Schedulefrequency === \"1\"\r\n // ? \"1 day\"\r\n // : item?.occurrence + \" \" + item.Schedulefrequency,\r\n\r\n // };\r\n // });\r\n // setScheduleTransferrArr(ScheduleTransferArrT);\r\n // ByPassCode END\r\n\r\n let url = \"Entities/FSwitchServiceCall\";\r\n let jsonRequest = JSON.stringify({\r\n RequestType: \"GET\",\r\n MobileNo: props.auth.MobileNo.trim(),\r\n CustNo: props.auth.CustomerNumber,\r\n PaymentType: \"\",\r\n RemAcctNo: \"\",\r\n BenfAccountNo: \"\",\r\n BenName: \"\",\r\n amount: 0,\r\n ToIfsc: \"\",\r\n Status: \"\",\r\n Startdate: \"\",\r\n Enddate: \"\",\r\n ScheduleType: \"\",\r\n ScheduleFrequency: \"\",\r\n });\r\n const data = {\r\n servicename: \"ScheduleTransferService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n // //console.log(\"ScheduleTransferService request \", data);\r\n postService(url, data)\r\n .then((response) => {\r\n // //console.log(\"ScheduleTransferService response \", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n let obj = JSON.parse(response.data.body);\r\n // //console.log(\"ScheduleTransferService response \", obj);\r\n const ScheduleTransferArr = obj.map((item, i) => {\r\n return {\r\n ...item,\r\n displayStartDate: moment(item.Startdate).format(\"DD-MMM-YY\"),\r\n displayTransactionType:\r\n item.Transfertype ? item.Transfertype : \"\",\r\n displayAmount: ConvertToAmount(item.amt),\r\n Schedulefrequency:\r\n item.Schedulefrequency === \"1\" ? \"Once\" : item.Schedulefrequency,\r\n displaySchedule:\r\n item.Schedulefrequency === \"1\"\r\n ? \"1 day\"\r\n : item?.occurrence + \" \" + item.Schedulefrequency,\r\n // ScheduleTransferList: item.ScheduleTransferList.filter(\r\n // (item) => item.Status !== \"Deleted\"\r\n // ),\r\n };\r\n });\r\n setScheduleTransferrArr(ScheduleTransferArr);\r\n })\r\n .catch((error) => {\r\n // //console.log(\"ScheduleTransferService Error \", error);\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"There is Technical Issue\",\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: \"Something Went Wrong\",\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }, []);\r\n\r\n function ConvertToAmount(temp) {\r\n let regexDecimalAndOneDigit = /^\\d+\\.\\d{1}$/;\r\n let regexFloat = /^\\d+\\.\\d+$/;\r\n\r\n if (regexFloat.test(temp)) {\r\n if (regexDecimalAndOneDigit.test(temp)) {\r\n return \"โน \" + Number(temp).toLocaleString(\"en-IN\") + \"0\";\r\n } else {\r\n return \"โน \" + Number(temp).toLocaleString(\"en-IN\");\r\n }\r\n } else {\r\n return \"โน \" + Number(temp).toLocaleString(\"en-IN\") + \".00\";\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {getStepContent(activeStep)} \r\n \r\n {activeStep === steps.length - 1 && (\r\n \r\n \r\n \r\n {activeStep === steps.length - 1\r\n ? t(\"finish\")\r\n : t(\"next\")}\r\n \r\n \r\n )}\r\n {activeStep !== steps.length - 1 && (\r\n \r\n \r\n Clear\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n Schedule Transfer recurring frequency is executed daily\r\n at 8:00 AM. Please contact Customer Care for any\r\n clarification or queries.\r\n \r\n \r\n
\r\n \r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n View Schedule Transfer\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n props.history.push(\"/ScheduleTransfer\")}>\r\n Add Schedule Transfer \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n );\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n // custId: state.login.custId,\r\n // UName: state.login.loginInfo.username\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(ViewScheduleTransfer);\r\n","import { Container, Typography } from \"@material-ui/core\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport ArrowBackIosIcon from \"@material-ui/icons/ArrowBackIos\";\r\nimport MaterialTable from \"material-table\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\n\r\nfunction ViewDetailScheduleTransfer(props) {\r\n\r\n const [scheduleDetail, setScheduleDetail] = useState([]);\r\n const [scheduleDetailArr, setScheduleDetailArr] = useState([]);\r\n\r\n const url = \"Entities/FSwitchServiceCall\";\r\n\r\n useEffect(() => {\r\n\r\n setScheduleDetail([props.location.state])\r\n setScheduleDetailArr(props.location.state.ScheduleTransferList);\r\n\r\n }, []);\r\n\r\n function ConvertToAmount(temp) {\r\n let regexDecimalAndOneDigit = /^\\d+\\.\\d{1}$/;\r\n let regexFloat = /^\\d+\\.\\d+$/;\r\n\r\n if (regexFloat.test(temp)) {\r\n if (regexDecimalAndOneDigit.test(temp)) {\r\n return \"โน \" + Number(temp).toLocaleString(\"en-IN\") + \"0\";\r\n } else {\r\n return \"โน \" + Number(temp).toLocaleString(\"en-IN\");\r\n }\r\n } else {\r\n return \"โน \" + Number(temp).toLocaleString(\"en-IN\") + \".00\";\r\n }\r\n }\r\n\r\n\r\n async function DeleteScheduleTransfer(rowData) {\r\n let jsonRequest = JSON.stringify({\r\n RequestType: \"DELETE\",\r\n DID: rowData ? rowData.DID : 0,\r\n HID: scheduleDetail[0].HID,\r\n CustNo: props.auth.CustomerNumber,\r\n });\r\n const data = {\r\n servicename: \"ScheduleTransferService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else if (response.data.error.code === 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"success\",\r\n }).then(() => {\r\n fetchScheduleTransfer(scheduleDetail[0].HID);\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"There is Technical Issue\",\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: \"Something Went Wrong\",\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function fetchScheduleTransfer(headerId) {\r\n\r\n let jsonRequest = JSON.stringify({\r\n RequestType: \"GET\",\r\n MobileNo: props.auth.MobileNo.trim(),\r\n CustNo: props.auth.CustomerNumber,\r\n PaymentType: \"\",\r\n RemAcctNo: \"\",\r\n BenfAccountNo: \"\",\r\n BenName: \"\",\r\n amount: 0,\r\n ToIfsc: \"\",\r\n Status: \"\",\r\n Startdate: \"\",\r\n Enddate: \"\",\r\n ScheduleType: \"\",\r\n ScheduleFrequency: \"\",\r\n });\r\n const data = {\r\n servicename: \"ScheduleTransferService\",\r\n entitycode: \"WA\",\r\n user: props.auth.MobileNo.trim(),\r\n request: jsonRequest,\r\n };\r\n postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n let obj = JSON.parse(response.data.body).filter((item) => item.HID === headerId);\r\n const ScheduleTransferArr = obj.map((item, i) => {\r\n return {\r\n ...item,\r\n displayStartDate: item.Startdate,\r\n displayTransactionType:\r\n item.Transfertype ? item.Transfertype : \"\",\r\n displayAmount: ConvertToAmount(item.amt),\r\n Schedulefrequency:\r\n item.Schedulefrequency === \"1\" ? \"Once\" : item.Schedulefrequency,\r\n displaySchedule:\r\n item.Schedulefrequency === \"1\"\r\n ? \"1 day\"\r\n : item?.occurrence + \" \" + item.Schedulefrequency,\r\n };\r\n });\r\n //console.log(\"ScheduleTransferArr :-\", ScheduleTransferArr);\r\n //console.log(\"ScheduleTransferArr.ScheduleTransferList :-\", ScheduleTransferArr.ScheduleTransferList);\r\n setScheduleDetail(ScheduleTransferArr);\r\n setScheduleDetailArr(ScheduleTransferArr[0].ScheduleTransferList);\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"There is Technical Issue\",\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: \"Something Went Wrong\",\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n Schedule Transfer recurring frequency is executed daily at 8:00 AM. Please contact Customer Care for any clarification or queries.\r\n \r\n \r\n
\r\n \r\n \r\n \r\n props.history.push(\"/ViewScheduleTransfer\")}\r\n />\r\n \r\n View Detailed Schedule Transfer\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n );\r\n}\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(ViewDetailScheduleTransfer);\r\n","//import Main from \"../components/Main\";\r\nimport AccountDetails from \"../views/AccountSummary/AccountDetails\";\r\nimport AccountStatement from \"../views/AccountSummary/AccountStatement\";\r\nimport ChangePassword from \"../views/OtherServices/ChangePassword\";\r\nimport ChequeBookRequest from \"../views/Request/ChequeBookRequest\";\r\nimport StopChequeRequest from \"../views/Request/StopChequeRequest\";\r\n// import Dashboard from \"../views/Dashboard\";\r\nimport Help from \"../views/ContactUs/Help\";\r\nimport FateOfCheque from \"../views/Enquiry/FateOfCheque\";\r\nimport NewUser from \"../views/Login/NewUser\";\r\nimport Menual from \"../views/Menual\";\r\n\r\nimport CommingSoon from \"../util/CommingSoon\";\r\nimport MiniStatement from \"../views/AccountSummary/MiniStatement\";\r\nimport Beneficiary from \"../views/Benificiary/Beneficiary\";\r\nimport ManageBeneficiary from \"../views/Benificiary/ManageBeneficiary\";\r\nimport ChannelWiseBlocking from \"../views/DebitCard/ChannelWiseBlocking\";\r\nimport DebitCard from \"../views/DebitCard/DebitCard\";\r\nimport GeneratePin from \"../views/DebitCard/GeneratePin\";\r\nimport ConfirmTransfer from \"../views/FundTransfer/ConfirmTransfer\";\r\nimport FundTransfer from \"../views/FundTransfer/FundTransfer\";\r\nimport OtherBankStatement from \"../views/FundTransfer/OtherBankStatement\";\r\nimport OtherBankTransfer from \"../views/FundTransfer/OtherBankTransfer\";\r\nimport ChangePassTpin from \"../views/Login/ChangePassTpin\";\r\nimport PositivePay from \"../views/PositivePay/PositivePay\";\r\n// import BillPayment from \"../views/BillPayment/BillPayment\";\r\nimport BBPS from \"../views/BBPS/BBPS\";\r\nimport Billing from \"../views/BBPS/Billing\";\r\nimport OnlinePayment from \"../views/BBPS/OnlinePayment\";\r\nimport PaymentHistory from \"../views/BBPS/PaymentHistory\";\r\n// import AccountDashboard from \"../views/AccountSummary/AccountDashboard.JS\";\r\nimport Accounts from \"../views/Dashboard/Accounts\";\r\nimport FixedDeposit from \"../views/Deposit/OpenFD/FixedDeposit\";\r\nimport LoanAppStatus from \"../views/Loans/LoanAppStatus\";\r\nimport LoanAccView from \"../views/Loans/LoanAccView\";\r\nimport LoanAccViewLeft from \"../views/Loans/LoanAccViewLeft\";\r\nimport ApplyLoan from \"../views/Loans/ApplyLoan\";\r\nimport ApplyLoanView from \"../views/Loans/ApplyLoanView\";\r\nimport KYC from \"../views/Deposit/KYC/KYC\";\r\nimport PositivePayHistory from \"../views/PositivePay/PositivePayHistory\";\r\nimport CloseFixedDeposit from \"../views/Deposit/CloseFD/CloseFixedDeposit\";\r\nimport ChangeTpin from \"../views/OtherServices/ChangeTpin\";\r\nimport ScheduleTransfer from \"../views/FundTransfer/ScheduleTransfer\";\r\nimport ViewScheduleTransfer from \"../views/FundTransfer/ViewScheduleTransfer\";\r\nimport ViewDetailScheduleTransfer from \"../views/FundTransfer/ViewDetailScheduleTransfer\";\r\nimport ViewDepositDetails from \"../views/Deposit/KYC/ViewDepositDetails\";\r\n\r\nexport const DashboardRoute = [\r\n {\r\n path: \"/PositivePayHistory\",\r\n Component: PositivePayHistory,\r\n },\r\n {\r\n path: '/ViewDepositDetails',\r\n Component: ViewDepositDetails\r\n },\r\n {\r\n path: \"/ViewDetailScheduleTransfer\",\r\n Component: ViewDetailScheduleTransfer\r\n },\r\n {\r\n path: \"/ViewScheduleTransfer\",\r\n // Component: CommingSoon,\r\n Component: ViewScheduleTransfer,\r\n },\r\n {\r\n path: \"/ScheduleTransfer\",\r\n Component: ScheduleTransfer\r\n },\r\n {\r\n path: \"/KYC\",\r\n Component: KYC\r\n },\r\n\r\n {\r\n // path: \"/FixedDeposit\",\r\n // Component: FixedDeposit,\r\n path: \"/FixedDeposit\",\r\n Component: CommingSoon, \r\n // path:\"/ViewScheduleTransfer\",\r\n // Component:ViewScheduleTransfer,\r\n },\r\n {\r\n path: \"/ApplyLoanView\",\r\n Component: ApplyLoanView,\r\n },\r\n {\r\n path: \"/ApplyLoan\",\r\n Component: ApplyLoan,\r\n },\r\n {\r\n path: \"/LoanAccViewLeft\",\r\n Component: LoanAccViewLeft,\r\n },\r\n {\r\n path: \"/LoanAppStatus\",\r\n Component: LoanAppStatus,\r\n },\r\n {\r\n path: \"/LoanAccView\",\r\n Component: LoanAccView,\r\n },\r\n {\r\n path: \"/Accounts\",\r\n Component: Accounts,\r\n // path:\"/ViewScheduleTransfer\",\r\n // Component:ViewScheduleTransfer,\r\n },\r\n {\r\n path: \"/ChangePassTpin\",\r\n Component: ChangePassTpin,\r\n },\r\n {\r\n path: \"/MiniStatement\",\r\n Component: MiniStatement,\r\n },\r\n {\r\n path: \"/OtherBankTransfer\",\r\n Component: OtherBankTransfer,\r\n // path:\"/OtherBankTransfer\",\r\n // Component:OtherBankTransfer,\r\n },\r\n\r\n {\r\n path: \"/FundTransfer\",\r\n Component: FundTransfer,\r\n },\r\n {\r\n path: \"/ConfirmTransfer\",\r\n Component: ConfirmTransfer,\r\n },\r\n {\r\n path: \"/OtherBankStatement\",\r\n Component: OtherBankStatement,\r\n },\r\n {\r\n path: \"/LimitManagement\",\r\n Component: CommingSoon,\r\n // path:\"/LimitManagement\",\r\n // Component:LimitManagement,\r\n },\r\n {\r\n path: \"/ManageBeneficiary\",\r\n Component: ManageBeneficiary,\r\n },\r\n {\r\n path: \"/Beneficiary\",\r\n Component: Beneficiary,\r\n },\r\n {\r\n path: \"/ResetProfile\",\r\n Component: CommingSoon,\r\n // path:\"/ResetProfile\",\r\n // Component:ResetProfile,\r\n },\r\n {\r\n // path: \"/PositivePay\",\r\n // Component: CommingSoon,\r\n path: \"/PositivePay\",\r\n Component: PositivePay,\r\n },\r\n {\r\n path: \"/ChequeInquiry\",\r\n Component: CommingSoon,\r\n // path:\"/ChequeInquiry\",\r\n // Component :ChequeInquiry,\r\n },\r\n {\r\n path: \"/ChangePin\",\r\n Component: CommingSoon,\r\n // path:\"/ChangePin\",\r\n // Component:ChangePin\r\n },\r\n {\r\n // path: \"/DebitCard\",\r\n // Component: CommingSoon,\r\n path: \"/DebitCard\",\r\n Component: DebitCard,\r\n },\r\n {\r\n // path: \"/ChannelWiseBlocking\",\r\n // Component: CommingSoon,\r\n path: \"/ChannelWiseBlocking\",\r\n Component: ChannelWiseBlocking,\r\n },\r\n\r\n {\r\n // path: \"/GeneratePin\",\r\n // Component: CommingSoon,\r\n path: \"/GeneratePin\",\r\n Component: GeneratePin,\r\n },\r\n {\r\n path: \"/AccountDetails\",\r\n Component: AccountDetails,\r\n },\r\n {\r\n path: \"/CashAccount\",\r\n Component: CommingSoon,\r\n // path:\"/CashAccount\",\r\n // Component: CashAccount,\r\n },\r\n {\r\n path: \"/DepositAccount\",\r\n Component: CommingSoon,\r\n // path:\"/DepositAccount\",\r\n // Component: DepositAccount,\r\n },\r\n\r\n {\r\n path: \"/NewUser\",\r\n Component: NewUser,\r\n },\r\n {\r\n path: \"/AccountStatement\",\r\n Component: AccountStatement,\r\n },\r\n {\r\n path: \"/GuarantorDetails\",\r\n Component: CommingSoon,\r\n // path: \"/GuarantorDetails\",\r\n // Component: GuarantorDetails,\r\n },\r\n {\r\n // path: \"/ChequeBookRequest\",\r\n // Component: CommingSoon,\r\n path: \"/ChequeBookRequest\",\r\n Component: ChequeBookRequest,\r\n },\r\n {\r\n path: \"/ViewChequeBookRequest\",\r\n Component: CommingSoon,\r\n // path: \"/ViewChequeBookRequest\",\r\n // Component: ViewChequeBookRequest,\r\n },\r\n {\r\n // path: \"/StopChequeRequest\",\r\n // Component: CommingSoon,\r\n path: \"/StopChequeRequest\",\r\n Component: StopChequeRequest,\r\n },\r\n {\r\n path: \"/ViewStopCheque\",\r\n Component: CommingSoon,\r\n // path: \"/ViewStopCheque\",\r\n // Component: ViewStopCheque,\r\n },\r\n {\r\n path: \"/InwardChequeClearing\",\r\n Component: CommingSoon,\r\n // path: \"/InwardChequeClearing\",\r\n // Component: InwardChequeClearing,\r\n },\r\n {\r\n path: \"/ChangePassword\",\r\n Component: ChangePassword,\r\n },\r\n {\r\n path: \"/UserAccountLimit\",\r\n Component: CommingSoon,\r\n // path: \"/UserAccountLimit\",\r\n // Component: UserAccLimit,\r\n },\r\n {\r\n path: \"/LienEnquiry\",\r\n Component: CommingSoon,\r\n // path: \"/LienEnquiry\",\r\n // Component: LienEnquiry,\r\n },\r\n {\r\n path: \"/TDSEnquiry\",\r\n Component: CommingSoon,\r\n // path: \"/TDSEnquiry\",\r\n // Component: TDSEnquiry,\r\n },\r\n {\r\n path: \"/RequestEnquiry\",\r\n Component: CommingSoon,\r\n // path: \"/RequestEnquiry\",\r\n // Component: RequestEnquiry,\r\n },\r\n {\r\n path: \"/ChequebookStatus\",\r\n Component: CommingSoon,\r\n // path: \"/ChequebookStatus\",\r\n // Component: ChequebookStatus,\r\n },\r\n {\r\n path: \"/help\",\r\n Component: Help,\r\n },\r\n {\r\n // path: \"/FateOfCheque\",\r\n // Component: CommingSoon,\r\n path: \"/FateOfCheque\",\r\n Component: FateOfCheque,\r\n },\r\n {\r\n path: \"/Menual\",\r\n Component: Menual,\r\n },\r\n // {\r\n // path: \"/Details\",\r\n // Component: DebitCard,\r\n // },\r\n\r\n {\r\n path: \"/BBPS\",\r\n Component: BBPS,\r\n },\r\n {\r\n path: \"/OnlinePayment\",\r\n Component: OnlinePayment,\r\n },\r\n {\r\n path: \"/Billing\",\r\n Component: Billing,\r\n },\r\n {\r\n path: \"/PaymentHistory\",\r\n Component: PaymentHistory,\r\n },\r\n {\r\n path: \"/comingsoon\",\r\n Component: CommingSoon,\r\n },\r\n {\r\n path: \"/CloseFixedDeposit\",\r\n Component: CloseFixedDeposit,\r\n },\r\n \r\n {\r\n path: \"/ChangeTpin\",\r\n Component: ChangeTpin,\r\n },\r\n];\r\n","import {\r\n Accordion,\r\n AccordionDetails,\r\n AccordionSummary,\r\n Card,\r\n Typography,\r\n} from \"@material-ui/core\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\r\nimport KeyboardArrowLeftIcon from \"@mui/icons-material/KeyboardArrowLeft\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport LoanRightImg from \"../../../img/bbk/LoanRightImg.png\";\r\nimport postService from \"../../../service/PostService\";\r\nimport { popUp } from \"../../../util/Helper\";\r\n\r\nconst ViewDepositDetails = (props) => {\r\n const [expanded, setExpanded] = React.useState(false);\r\n const [depositData, setDepositData] = useState(props.auth.depositData);\r\n const handleChange = (panel) => {\r\n setExpanded(expanded === panel ? false : panel);\r\n };\r\n\r\n console.log(555, props.auth.depositData);\r\n\r\n const fetchData = async () => {\r\n let url = \"Entities/FSwitchServiceCall\";\r\n var jsonRequest = JSON.stringify({\r\n Key: \"FdView\",\r\n CustNo: props.auth.CustomerNumber,\r\n });\r\n\r\n const data = {\r\n servicename: \"FDViewService\",\r\n entitycode: \"WA\",\r\n user: props.auth?.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n try {\r\n const response = await postService(url, data);\r\n //console.log(\"result\", response.data);\r\n\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n });\r\n return;\r\n }\r\n\r\n var obj = JSON.parse(response.data.body);\r\n props.onFDView(obj.RecordLists);\r\n setDepositData(obj.RecordLists);\r\n } catch (error) {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: \"Something Went Wrong !!! Please retry...\",\r\n icons: \"error\",\r\n });\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (props.auth.depositData.length == 0) {\r\n fetchData();\r\n }\r\n }, []);\r\n\r\n const handleClick = (e) => {\r\n return;\r\n // if (e == \"Open FD\") {\r\n // props.history.push(\"/FixedDeposit\");\r\n // } else if (e == \"Close FD\") {\r\n // props.history.push(\"/CloseFixedDeposit\");\r\n // } else if (e == \"Open Recurring\") {\r\n // // props.history.push();\r\n // } else {\r\n // // props.history.push();\r\n // }\r\n };\r\n\r\n return (\r\n \r\n \r\n ({\r\n icon: \"delete\",\r\n tooltip: \"Delete schedule transfer\",\r\n disabled: rowData.status === \"Pending\" ? false : true,\r\n onClick: (event, rowData) => {\r\n popUp({\r\n message: `Do you want to delete schedule transfer`,\r\n icons: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Yes\",\r\n cancelButtonText: \"No\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n //Call delete api\r\n DeleteScheduleTransfer();\r\n }\r\n });\r\n },\r\n }),\r\n ]}\r\n options={{\r\n draggable: false,\r\n search: false,\r\n actionsColumnIndex: -1,\r\n showTitle: false,\r\n toolbar: false,\r\n paging: false,\r\n pageSize: 5,\r\n padding: \"dense\",\r\n headerStyle: {\r\n color: 'black'\r\n }\r\n }}\r\n />\r\n\r\n\r\n {scheduleDetailArr.length > 0 ?\r\n ({\r\n icon: \"delete\",\r\n tooltip: \"Delete\",\r\n disabled: rowData.Status === \"In Process\" || rowData.Status === \"Pending\" ? false : true,\r\n\r\n onClick: (event, rowData) => {\r\n debugger;\r\n popUp({\r\n message: `Do you want to delete schedule transfer`,\r\n icons: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Yes\",\r\n cancelButtonText: \"No\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n //Call delete api\r\n DeleteScheduleTransfer(rowData);\r\n }\r\n });\r\n },\r\n }),\r\n ]}\r\n options={{\r\n draggable: false,\r\n search: false,\r\n actionsColumnIndex: -1,\r\n showTitle: false,\r\n toolbar: false,\r\n paging: scheduleDetailArr.length > 5 ? true : false,\r\n pageSize: 5,\r\n padding: \"dense\",\r\n headerStyle: {\r\n color: 'black'\r\n }\r\n }}\r\n /> : null}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n props.history.push(\"/\")}\r\n />\r\n \r\n View Deposits\r\n \r\n \r\n \r\n \r\n \r\n \r\n Your Deposits\r\n \r\n \r\n\r\n \r\n {depositData.length !== 0 ? (\r\n <>\r\n \r\n \r\n {/* */}\r\n \r\n Account Holder Name \r\n Account Number \r\n Principal Amount \r\n Maturity Amount \r\n \r\n \r\n {depositData?.map((elem, index) => (\r\n \r\n \r\n {\r\n //console.log(index)\r\n handleChange(index);\r\n }}\r\n />\r\n }\r\n aria-controls={`panel-content-${elem.panel}`}\r\n id={`panel-header-${elem.panel}`}\r\n >\r\n \r\n \r\n {elem.LongName}\r\n \r\n \r\n {elem.AccNo}\r\n \r\n \r\n โน {elem.principleAmount}\r\n \r\n \r\n โน {elem.MaturityValueAmount}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Account Holder Name\r\n \r\n \r\n {elem.LongName}\r\n \r\n \r\n Account No.\r\n \r\n \r\n {elem.AccNo}\r\n \r\n\r\n \r\n Balance\r\n \r\n \r\n {elem.mainBalance}\r\n \r\n \r\n Joint Holder 1\r\n \r\n \r\n {elem.JointHolder1}\r\n \r\n\r\n \r\n Joint Holder 2\r\n \r\n \r\n {elem?.JointHolder2}\r\n \r\n \r\n Joint Holder 3\r\n \r\n \r\n {elem?.JointHolder3}\r\n \r\n\r\n \r\n Open Date\r\n \r\n \r\n {elem?.OpenDate}\r\n \r\n\r\n \r\n Principal Amount\r\n \r\n \r\n {elem?.principleAmount}\r\n \r\n\r\n \r\n Interest Amount\r\n \r\n \r\n {elem?.principleIntAmt}\r\n \r\n\r\n \r\n Rate Of Interest\r\n \r\n \r\n {elem?.RateOfInterest} %\r\n \r\n\r\n \r\n Term Period\r\n \r\n \r\n {elem?.DepositPeriodMonths}\r\n \r\n\r\n \r\n Maturity Date\r\n \r\n \r\n {elem?.MaturityDate}\r\n \r\n\r\n \r\n Maturity Amount\r\n \r\n \r\n {elem?.MaturityValueAmount}\r\n \r\n\r\n \r\n Auto Renewal\r\n \r\n \r\n {elem?.AutoRenewal}\r\n \r\n\r\n \r\n Nominee\r\n \r\n \r\n {elem?.Nominee}\r\n \r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n Only Open Accounts are visible. Please contact Customer\r\n Care for any clarification or queries on Deposit\r\n Account.\r\n \r\n \r\n \r\n ) : (\r\n \r\n No records to display.\r\n \r\n )}\r\n \r\n \r\n \r\n\r\n \r\n <>\r\n {/* \r\n handleClick(\"Open FD\")}>\r\n Open FD \r\n \r\n handleClick(\"Close FD\")}>\r\n Close FD \r\n \r\n handleClick(\"Open Recurring\")}>\r\n Open Recurring \r\n \r\n handleClick(\"Close Rcurring\")}>\r\n Close Rcurring \r\n \r\n */}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onFDView: (depositData) =>\r\n dispatch({ type: \"DEPOSIT_DATA\", value: depositData }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ViewDepositDetails);\r\n","import AppBar from \"@material-ui/core/AppBar\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport PropTypes from \"prop-types\";\r\nimport React, { Suspense, useEffect, useRef, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\n// import Accounts from \"./Accounts\";\r\nimport DashboardRight from \"./DashboardRight\";\r\n// import Deposit from \"./Deposit\";\r\n// import Loan from \"./Loan\";\r\nimport { DabitCardApi } from \"../DebitCard/DabitCardApi\";\r\nimport { Button } from \"@material-ui/core\";\r\n// import ActiveCard from \"./ActiveCard\";\r\n// import InactiveCard from \"./InactiveCard\";\r\n\r\n\r\nconst Accounts = React.lazy(() => import('./Accounts'));\r\nconst Deposit = React.lazy(() => import('./Deposit'));\r\nconst Loan = React.lazy(() => import('./Loan'));\r\nconst ActiveCard = React.lazy(() => import('./ActiveCard'));\r\nconst InactiveCard = React.lazy(() => import('./InactiveCard'));\r\n\r\nconst Dashboard = (props) => {\r\n debugger\r\n const [state, setState] = useState({\r\n accType: \"one\",\r\n responseOperative: [],\r\n responseDeposit: [],\r\n responseLoan: [],\r\n });\r\n\r\n const [accountNumber, setAccountNumber] = useState(\"\");\r\n\r\n const [cardInfo, setCardInfo] = useState(\"one\");\r\n const [activeStatus, setActiveStatus] = useState([]);\r\n const [inActiveStatus, setInActiveStatus] = useState([]);\r\n const { t } = useTranslation();\r\n const [loading, setLoading] = useState(true);\r\n const [showCardData, setShowCardData] = useState(false);\r\n\r\n\r\n const handleChange = (event, newValue) => {\r\n setState({\r\n accType: newValue,\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n let filter = props.auth.objData?.AccountDetailslst.filter((item) => {\r\n return item.PrimaryFlag === \"P\";\r\n });\r\n setAccountNumber(filter[0].PrdAcctId15Digit);\r\n if (props.auth.debitCardDetails.length !== 0) {\r\n // setLoading(false);\r\n const activeResponce = props.auth.debitCardDetails?.filter((item) => {\r\n if (item.CardStatus == \"2\") return item;\r\n });\r\n const inActiveResponce = props.auth.debitCardDetails?.filter((item) => {\r\n if (item.CardStatus == \"1\") return item;\r\n });\r\n\r\n setActiveStatus(activeResponce);\r\n setInActiveStatus(inActiveResponce);\r\n }\r\n }, []);\r\n\r\n const handleFetchCard = () => {\r\n debugger\r\n let corporateValue = props?.auth?.objData?.AccountDetailslst[0]?.CorporateCustNo;\r\n if (!corporateValue) {\r\n fetchDebitCardDetails();\r\n }\r\n }\r\n\r\n const fetchDebitCardDetails = async () => {\r\n debugger\r\n\r\n let filterData = props.auth.objData.AccountDetailslst.filter(\r\n (elem, index) => elem.PrimaryFlag == \"P\"\r\n );\r\n debugger\r\n let jsonRequest = JSON.stringify({\r\n BranchCode: filterData[0].BranchCode,\r\n AccountNo: filterData[0].PrdAcctId15Digit,\r\n AccountNo15Dig: filterData[0].PrdAcctId15Digit,\r\n CustNo: props.auth.CustomerNumber,\r\n });\r\n let serviceName = \"GetCardDetailsService\";\r\n\r\n let responce = await DabitCardApi(\r\n jsonRequest,\r\n serviceName,\r\n props.auth?.MobileNo\r\n );\r\n //console.log(\"GetCardDetailsService\", responce);\r\n // setLoading(false);\r\n if (responce) {\r\n const activeResponce = responce?.filter((item) => {\r\n if (item.CardStatus == \"2\") return item;\r\n });\r\n const inActiveResponce = responce?.filter((item) => {\r\n if (item.CardStatus == \"1\") return item;\r\n });\r\n\r\n setActiveStatus(activeResponce);\r\n setInActiveStatus(inActiveResponce);\r\n const cardStatus = {\r\n activeResponce: activeResponce,\r\n inActiveResponce: inActiveResponce,\r\n };\r\n setShowCardData(true);\r\n props.onCardStatus(cardStatus);\r\n props.onDebitCardDetails(responce)\r\n }\r\n\r\n };\r\n\r\n\r\n // if (loading) return (\r\n // \r\n //
\r\n // )\r\n\r\n return (\r\n \r\n // Loading Dashboard...\r\n //
\r\n //\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n Loading Accounts...
}>\r\n \r\n \r\n \r\n \r\n \r\n Branch locator\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n Mumbai Branch\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n Hyderabad Branch\r\n \r\n \r\n \r\n\r\n \r\n \r\n Aluva Branch\r\n \r\n \r\n \r\n\r\n \r\n \r\n Delhi Branch\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Feedback\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n handleChange(e)}\r\n style={{ display: \"inline\" }}\r\n >\r\n \r\n \r\n\r\n\r\n \r\n\r\n handleDispute(e)}\r\n />\r\n\r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n Online Dispute\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {/* */}\r\n \r\n \r\n Service Name\r\n \r\n\r\n \r\n setServiceName(event.target.value)\r\n }\r\n input={ */}\r\n\r\n */}\r\n setComplaint(e.target.value)}\r\n />\r\n {/* */}\r\n\r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n - \r\n {props.children.map((item, index) => {\r\n {\r\n return props.generateNextLevel(item, index);\r\n }\r\n })}\r\n
- \r\n {props.children.map((item, index) => {\r\n {\r\n return props.generateNextLevel(item, index);\r\n }\r\n })}\r\n
- \r\n {props.item.add ? (\r\n
- \r\n {item.Children.map((item, index) => {\r\n {\r\n return this.generateNextLevel(item, index);\r\n }\r\n })}\r\n
- \r\n {item.Children.map((item, index) => {\r\n {\r\n return this.generateNextLevel(item, index);\r\n }\r\n })}\r\n
- {subMenus}
\r\n\r\n - \r\n // {props.children.map((item, index) => {\r\n // { return props.generateNextLevel(item, index) }\r\n // })}\r\n //
- \r\n // {props.children.map((item, index) => {\r\n // { return props.generateNextLevel(item, index) }\r\n // })}\r\n //
- \r\n {subMenus}\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n 
\r\n {/* */}\r\n \r\n \r\n \r\n Hi {props.auth?.CustomerName}\r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n Last Logged in : {props.auth.objData?.LastLoginDate} IST \r\n \r\n \r\n Your Password will expire in: {props?.auth?.objData?.PwdPendingDays} days\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nSearchAppBar.propTypes = {\r\n /**\r\n * Injected by the documentation to work in an iframe.\r\n * You won't need it on your project.\r\n */\r\n window: PropTypes.func,\r\n};\r\n\r\n//export default SearchAppBar;\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\nexport default connect(mapStateToProps)(SearchAppBar);\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n Session timer limit expired \r\n
\r\n )\r\n\r\n toast.warn(expiredMsg, {\r\n autoClose: 30000,\r\n onClose: () => {\r\n onLogout();\r\n },\r\n hideProgressBar: false,\r\n pauseOnHover: false,\r\n draggable: false,\r\n })\r\n } else {\r\n const sessionMsg = () => (\r\n \r\n Do you wish to continue the session? \r\n \r\n \r\n\r\n \r\n \r\n
\r\n )\r\n\r\n toast.warn(sessionMsg, {\r\n autoClose: 30000,\r\n onClose: () => {\r\n handleOnAction();\r\n },\r\n hideProgressBar: false,\r\n toastId: '2',\r\n pauseOnHover: false,\r\n draggable: false,\r\n })\r\n }\r\n }\r\n };\r\n\r\n const handleOnActive = (event) => {\r\n if (getRemainingTime() == 0) {\r\n // alert(\"Logging Out\");\r\n handleLogout(true);\r\n }\r\n };\r\n\r\n const handleOnAction = (e) => {\r\n reset();\r\n };\r\n\r\n const { getRemainingTime, getLastActiveTime, reset } = useIdleTimer({\r\n timeout: 300000,\r\n onIdle: handleOnIdle,\r\n // onActive: handleOnActive,\r\n onAction: handleOnAction,\r\n debounce: 500,\r\n });\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n {DashboardRoute.map((Item, index) => (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {/* \r\n \r\n */}\r\n {/* */}\r\n {/* */}\r\n \r\n \r\n {/* \r\n
\r\n )\r\n};","import React, { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Container from \"@material-ui/core/Container\";\r\nimport Link from \"@material-ui/core/Link\";\r\nimport { Grid, Dialog, List, ListItem } from \"@material-ui/core\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\r\n\r\nconst drawerWidth = \"19rem\";\r\n\r\nconst HiddenFooter = () => {\r\n const [open4, setOpen4] = useState(false);\r\n const [open2, setOpen2] = useState(false);\r\n const [open3, setOpen3] = useState(false);\r\n const { t, i18n } = useTranslation();\r\n\r\n\r\n const handleOpen1 = () => {\r\n window.open(\"https://www.saptagirigrameenabank.in/loans.php\", 'blank')\r\n };\r\n\r\n\r\n const handleOpen2 = () => {\r\n window.open(\"https://www.saptagirigrameenabank.in/deposits.php\", 'blank')\r\n };\r\n\r\n\r\n return (\r\n - \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {/* */}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n MobileNo: state.auth.MobileNo,\r\n CustomerNumber: state.auth.CustomerNumber,\r\n CustomerName: state.auth.CustomerName,\r\n LoginUsername: state.auth.LoginUsername,\r\n BranchCode: state.auth.BranchCode,\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n return {\r\n onMobileNo: (MobileNo) =>\r\n dispatch({ type: \"SAVE_MOBILENO\", value: MobileNo }),\r\n onCustNum: (CustomerNumber) =>\r\n dispatch({ type: \"SAVE_CUSTNUM\", value: CustomerNumber }),\r\n onCustName: (CustomerName) =>\r\n dispatch({ type: \"SAVE_CUSTNAME\", value: CustomerName }),\r\n onBranchCode: (BranchCode) =>\r\n dispatch({ type: \"SAVE_BRANCH_CODE\", value: BranchCode }),\r\n onLoginUserName: (LoginUsername) =>\r\n dispatch({ type: \"SAVE_LOGIN_USERNAME\", value: LoginUsername }),\r\n onRefAccData: (AccDetails) =>\r\n dispatch({ type: \"SAVE_ACCDETAILS\", value: AccDetails }),\r\n onCustMMID: (MMID) => dispatch({ type: \"SAVE_CUSTMMID\", value: MMID }),\r\n objData: (obj) => dispatch({ type: \"USER_DETAILS\", value: obj }),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Login);\r\n","export default __webpack_public_path__ + \"static/media/Group 13080.bb6a5fed.png\";","import React, { useState, useEffect, useRef } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Box from \"@material-ui/core/Box\";\r\nimport { Container } from \"@material-ui/core\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Grid from \"@material-ui/core/Grid\";\r\nimport MaterialTable from \"material-table\";\r\nimport Card from \"@material-ui/core/Card\";\r\nimport { withStyles } from \"@material-ui/core/styles\";\r\nimport { connect } from \"react-redux\";\r\nimport compose from \"recompose/compose\";\r\nimport { trackPromise } from \"react-promise-tracker\";\r\nimport SendIcon from \"@material-ui/icons/Send\";\r\nimport { Button, Link, Select } from \"@material-ui/core\";\r\nimport { SyncDisabled } from \"@material-ui/icons\";\r\nimport SearchBar from \"material-ui-search-bar\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport LogoImg from \"../../img/Group 13080.png\";\r\nimport SnipIcon from \"../../img/_Group_ 1.png\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Stepper from \"@material-ui/core/Stepper\";\r\nimport Step from \"@material-ui/core/Step\";\r\nimport StepLabel from \"@material-ui/core/StepLabel\";\r\nimport { FNumField } from \"../../fincore-ui/components/FNumField\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport Otp from \"./Otp\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogContentText from \"@material-ui/core/DialogContentText\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport ListItemText from \"@material-ui/core/ListItemText\";\r\nimport ListItemAvatar from \"@material-ui/core/ListItemAvatar\";\r\nimport Avatar from \"@material-ui/core/Avatar\";\r\nimport ErrorIcon from \"@material-ui/icons/Error\";\r\nimport { yellow, red, blue } from \"@material-ui/core/colors\";\r\nimport List from \"@material-ui/core/List\";\r\nimport ListItem from \"@material-ui/core/ListItem\";\r\nimport OutlinedInput from \"@material-ui/core/OutlinedInput\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport InputLabel from \"@material-ui/core/InputLabel\";\r\nimport MenuItem from \"@material-ui/core/MenuItem\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport Visibility from \"@material-ui/icons/Visibility\";\r\nimport VisibilityOff from \"@material-ui/icons/VisibilityOff\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst ITEM_HEIGHT = 48;\r\nconst ITEM_PADDING_TOP = 8;\r\nconst MenuProps = {\r\n PaperProps: {\r\n style: {\r\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\r\n width: 210,\r\n },\r\n },\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%\",\r\n },\r\n backButton: {\r\n marginRight: theme.spacing(1),\r\n background: \"#787878\",\r\n \"&:hover\": {\r\n background: \"#FFDE4F\",\r\n },\r\n },\r\n instructions: {\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n },\r\n}));\r\n\r\nconst ForgotPassword = (props) => {\r\n const location = useLocation();\r\n //console.log(\"Location\", location);\r\n\r\n const classes = useStyles();\r\n const [activeStep, setActiveStep] = React.useState(0);\r\n\r\n const [custNum, setCustNum] = useState(\"\");\r\n const [mobileNo, setMobileNo] = useState(\"\");\r\n const [cardResp, setCardResp] = useState([]);\r\n // function one States\r\n\r\n const [oldPass, setOldPass] = useState(\"\");\r\n const [newPass, setNewPass] = useState(\"\");\r\n const [confirmPass, setConfirmPass] = useState(\"\");\r\n const { t } = useTranslation();\r\n\r\n //funtion two States\r\n\r\n const [oldTpin, setOldTpin] = useState(\"\");\r\n const [newTpin, setNewTpin] = useState(\"\");\r\n const [confirmTpin, setConfirmTpin] = useState(\"\");\r\n\r\n // states for password field type\r\n const [passType1, setPassType1] = useState(\"password\");\r\n const [passType2, setPassType2] = useState(\"password\");\r\n const [passType3, setPassType3] = useState(\"password\");\r\n\r\n\r\n\r\n // funtions onmouse events for password fields \r\n function mouseDown1(e) {\r\n document.getElementById(\"pass\").addEventListener('mousedown', setPassType1(\"text\"));\r\n }\r\n\r\n function mouseUp1(e) {\r\n document.getElementById(\"pass\").addEventListener('mouseup', setPassType1(\"password\"));\r\n }\r\n\r\n\r\n function mouseDown2(e) {\r\n document.getElementById(\"newPass\").addEventListener('mousedown', setPassType2(\"text\"));\r\n }\r\n\r\n function mouseUp2(e) {\r\n debugger\r\n document.getElementById(\"newPass\").addEventListener('mouseup', setPassType2(\"password\"));\r\n }\r\n\r\n function mouseDown3(e) {\r\n document.getElementById(\"confirmPass\").addEventListener('mousedown', setPassType3(\"text\"));\r\n }\r\n\r\n function mouseUp3(e) {\r\n document.getElementById(\"confirmPass\").addEventListener('mouseup', setPassType3(\"password\"));\r\n }\r\n\r\n\r\n\r\n const handleChange1 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n const handleChange2 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n const handleChange3 = (e) => {\r\n e.preventDefault();\r\n };\r\n\r\n function checkPassword() {\r\n\r\n if (oldPass || newPass || confirmPass) {\r\n debugger\r\n if (newPass.length > 8 || oldPass.length > 8) {\r\n popUp({\r\n message: \"Password should contain min 8 letter password, with at least a symbol, upper and lower case letters and a number\",\r\n icons: \"warning\"\r\n })\r\n if (newPass == confirmPass) {\r\n passMpinChange()\r\n\r\n // var re = /^(?=.*\\d)(?=.*[!@#$%^&*])(?=.*[a-z])(?=.*[A-Z]).{8,}$/;\r\n // let validPass = re.test(newPass);\r\n\r\n // if (validPass) {\r\n // // passMpinChange()\r\n // }\r\n // else {\r\n // popUp({\r\n // message: \"Password should contain min 8 letter password, with at least a symbol, upper and lower case letters and a number\",\r\n // icons: \"warning\"\r\n // })\r\n // return\r\n // }\r\n // checkPassword(newPass);\r\n } else {\r\n popUp({\r\n message: t(\"new_password_confirm_password_did_not_match\"),\r\n icons: \"error\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: t(\"password_cannot_be_less_than_8_characters\"),\r\n icons: \"error\",\r\n });\r\n }\r\n } else {\r\n popUp({\r\n message: t(\"please_fill_all_the_details\"),\r\n icons: \"error\",\r\n });\r\n }\r\n }\r\n\r\n\r\n\r\n async function passMpinChange() {\r\n\r\n\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n var jsonRequest = JSON.stringify({\r\n OldMPin: oldPass,\r\n NewMpin: newPass,\r\n CustNo: location?.state[0],\r\n // CustNo: \"40012258438\",\r\n });\r\n const data = {\r\n servicename: \"MPINChangeIBService\",\r\n entitycode: \"WA\",\r\n user: location?.state[1],\r\n // user: \"9943767567\",\r\n request: jsonRequest,\r\n };\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n setOldPass(\"\");\r\n setNewPass(\"\");\r\n setConfirmPass(\"\");\r\n return;\r\n } else {\r\n var obj = JSON.parse(response.data.body);\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n popUp({\r\n message: response.data.message,\r\n icons: \"success\",\r\n });\r\n // setCardResp(obj);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error.response.status === 500) {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n return;\r\n }\r\n });\r\n }\r\n\r\n\r\n function onBack() {\r\n props.history.push(\"/\");\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n Welcome to BBK\r\n \r\n {/* \r\n Please login below with your personal infomartion\r\n */}\r\n\r\n \r\n \r\n \r\n \r\n {t(\"forgot_userid\")}\r\n \r\n \r\n\r\n e.preventDefault()}\r\n onPaste={(e) => e.preventDefault()}\r\n inputRef={PassFocus}\r\n name=\"password\"\r\n label={t(\"enter_password\")}\r\n type={type1}\r\n inputProps={{ maxLength: 16 }}\r\n id=\"password\"\r\n value={state.password}\r\n autoComplete=\"off\"\r\n onChange={handlePassOnKeyboardEnabled}\r\n onKeyDown={disableKeyboard}\r\n InputProps={{\r\n endAdornment: (\r\n \r\n handleEvent(e)}\r\n onMouseUp={(e) => handleEvent(e)}\r\n onTouchStart={(e) => handleTouch(e)}\r\n onTouchEnd={(e) => handleTouch(e)}\r\n edge=\"end\"\r\n >\r\n {type1 === \"text\" ? (\r\n \r\n ),\r\n }}\r\n />\r\n\r\n \r\n \r\n {t(\"forgot_password\")}\r\n \r\n \r\n\r\n\r\n \r\n \r\n\r\n \r\n {t(\"login\")}\r\n \r\n\r\n {/* */}\r\n \r\n \r\n {t(\"new_customer_register\")}\r\n \r\n \r\n\r\n\r\n \r\n \r\n\r\n \r\n By submitting your information, you indicate that you agree to the Terms of service.\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Alert\r\n \r\n \r\n FAQ\r\n \r\n \r\n Help\r\n \r\n \r\n Security tips\r\n \r\n \r\n T&C\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ยฉ\r\n {\" \"}\r\n 2007 \r\n BBK | All Rights Reserved | Licensed by the Central Bank of Bahrain as a conventional retail bank\r\n {'.'}\r\n {t(\"puduvai_bharathiar_grama_bank\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state,\r\n };\r\n};\r\nexport default connect(mapStateToProps)(ForgotPassword);\r\n","import { Button, Grid, Link, Typography } from \"@material-ui/core\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { connect } from \"react-redux\";\r\nimport \"react-simple-keyboard/build/css/index.css\";\r\nimport { FStrField } from \"../../fincore-ui/components/FStrField\";\r\nimport LogoImg from \"../../img/bbk/LoginImage.png\";\r\nimport postService from \"../../service/PostService\";\r\nimport { popUp } from \"../../util/Helper\";\r\nimport LoginCarousel from \"./LoginCarousel\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nconst OtpVerification = (props) => {\r\n const { window } = props;\r\n\r\n const { t } = useTranslation();\r\n const [otp, setOtp] = useState(\"\");\r\n const [disableOtp, setDisableOtp] = useState(true);\r\n const [minutes, setMinutes] = useState(0);\r\n const [seconds, setSeconds] = useState(59);\r\n // const [tncFlag, setTNCFlag] = useState(\"\");\r\n const location = useLocation();\r\n let url = \"Entities/FSwitchServiceCall\";\r\n\r\n useEffect(() => {\r\n\r\n if (location.state.obj.TNCFlag == \"N\") {\r\n termsAndConditions();\r\n }else{\r\n otpGeneration();\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (disableOtp == false) {\r\n const interval = setInterval(() => {\r\n if (seconds > 0) {\r\n setSeconds(seconds - 1);\r\n }\r\n if (seconds === 0 && minutes === 0) {\r\n clearInterval(interval);\r\n }\r\n }, 1000);\r\n\r\n return () => {\r\n clearInterval(interval);\r\n };\r\n }\r\n }, [seconds, disableOtp]);\r\n\r\n async function otpGeneration() {\r\n var jsonRequest = JSON.stringify({\r\n RequestType: \"LOGINPIN\",\r\n variable1: location.state.obj.CustomerNumber,\r\n });\r\n const data = {\r\n servicename: \"OTPGenerationService\",\r\n entitycode: \"WA\",\r\n user: location.state.obj.MobileNo,\r\n request: jsonRequest,\r\n };\r\n\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n }).then(() => {\r\n onLogout();\r\n });\r\n return;\r\n } else if (response.data.error.code == 0) {\r\n setDisableOtp(false);\r\n setSeconds(59);\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function onLogout(obj) {\r\n var jsonRequest = JSON.stringify({\r\n UserName: props.auth.LoginUsername,\r\n });\r\n const data = {\r\n servicename: \"LogOutValidateIBService\",\r\n entitycode: \"WA\",\r\n user: location.state.obj.MobileNo,\r\n request: jsonRequest,\r\n };\r\n debugger\r\n await postService(url, data)\r\n .then((response) => {\r\n if (response.data.error.code !== 0) {\r\n return;\r\n } else {\r\n props.history.push(\"/\");\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n\r\n async function otpVerify() {\r\n if (otp) {\r\n var jsonRequest = JSON.stringify({\r\n OneTimePass: otp,\r\n RequestType: \"LOGINPIN\",\r\n variable1: location.state.obj.CustomerNumber,\r\n });\r\n const data = {\r\n servicename: \"OTPValidationService\",\r\n entitycode: \"WA\",\r\n user: location.state.obj.MobileNo,\r\n request: jsonRequest,\r\n };\r\n await postService(url, data)\r\n .then((response) => {\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"info\",\r\n });\r\n return;\r\n } else if (response.data.error.code == 0) {\r\n // props.history.push(\"/main\");\r\n let corporateValue =\r\n props?.auth?.objData?.AccountDetailslst[0]?.CorporateCustNo;\r\n if (corporateValue) {\r\n props.history.push(\"/main\");\r\n \r\n } else {\r\n refreshAccountDetails();\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"enter_otp\"),\r\n icons: \"warning\",\r\n });\r\n }\r\n }\r\n\r\n async function termsConditionService(tncFlag) {\r\n var jsonRequest = JSON.stringify({\r\n CustNo: location.state.obj.CustomerNumber,\r\n MobileNo: location.state.obj.MobileNo,\r\n TNC: tncFlag,\r\n RequestDateTime: \"\",\r\n });\r\n const data = {\r\n servicename: \"TNCService\",\r\n entitycode: \"WA\",\r\n user: location.state.obj.MobileNo,\r\n request: jsonRequest,\r\n };\r\n debugger;\r\n await postService(url, data)\r\n .then((response) => {\r\n debugger;\r\n if (response.data.error.code !== 0) {\r\n debugger\r\n return;\r\n } else {\r\n if (tncFlag == \"No\") {\r\n onLogout();\r\n } else {\r\n debugger\r\n otpGeneration();\r\n }\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n }\r\n const termsAndConditions = () => {\r\n popUp({\r\n html: ``,\r\n icons: \"warning\",\r\n showCancelButton: true,\r\n confirmButtonText: \"Yes\",\r\n cancelButtonText: \"No\",\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n termsConditionService(\"Yes\");\r\n } else {\r\n termsConditionService(\"No\");\r\n }\r\n });\r\n };\r\n\r\n const refreshAccountDetails = async () => {\r\n var jsonRequest = JSON.stringify({\r\n MobileNo: location.state.obj.MobileNo,\r\n CustomerNo: location.state.obj.CustomerNumber,\r\n });\r\n const data = {\r\n servicename: \"RefreshAccountDetailsService\",\r\n entitycode: \"WA\",\r\n user: location.state.obj.MobileNo,\r\n request: jsonRequest,\r\n };\r\n //console.log(data, \"data...\");\r\n await postService(url, data)\r\n .then((response) => {\r\n debugger;\r\n //console.log(response, \"Resposne data....\");\r\n //console.log(\"result\", response.data);\r\n\r\n if (response.data.error.code !== 0) {\r\n popUp({\r\n message: response.data.error.message,\r\n icons: \"error\",\r\n });\r\n return;\r\n } else {\r\n debugger;\r\n var obj = JSON.parse(response.data.body);\r\n props.onRefAccData(obj.AccountDetailslst);\r\n props.history.push(\"/main\");\r\n \r\n }\r\n })\r\n .catch((error) => {\r\n //console.log(error, \"Response error.....\");\r\n if (error?.response?.status === 500) {\r\n popUp({\r\n message: t(\"there_is_technical_issue\"),\r\n icons: \"error\",\r\n });\r\n } else {\r\n popUp({\r\n message: t(\"something_went_wrong\"),\r\n icons: \"error\",\r\n });\r\n }\r\n });\r\n };\r\n\r\n const handleBack = () => {\r\n props.history.push(\"/\");\r\n };\r\n\r\n const resendOtp = () => {\r\n otpGeneration();\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {t(\"change_password_transaction_Password\")}\r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n {t(\"old_password\")}\r\n \r\n {\r\n setOldPass(event.target.value);\r\n }}\r\n endAdornment={\r\n \r\n mouseDown1(e)}\r\n onMouseUp={(e) => mouseUp1(e)}\r\n edge=\"end\"\r\n >\r\n {passType1 == \"text\" ? \r\n }\r\n // labelWidth={70}\r\n />\r\n \r\n {/* */}\r\n {/* */}\r\n \r\n \r\n {t(\"new_password\")}\r\n \r\n \r\n mouseDown2(e)}\r\n onMouseUp={(e) => mouseUp2(e)}\r\n // onClick={handleClickNewPassword}\r\n // onMouseDown={handleMouseDownPassword}\r\n edge=\"end\"\r\n >\r\n {passType2 == \"text\" ? \r\n }\r\n // labelWidth={70}\r\n />\r\n \r\n {/* */}\r\n\r\n {/* // */}\r\n \r\n \r\n {t(\"confirm_new_password\")}\r\n \r\n \r\n mouseDown3(e)}\r\n onMouseUp={(e) => mouseUp3(e)}\r\n // onClick={handleClickConNewPassword}\r\n // onMouseDown={handleMouseDownPassword}\r\n edge=\"end\"\r\n >\r\n {passType3 == \"text\" ? \r\n }\r\n // labelWidth={70}\r\n />\r\n \r\n\r\n\r\n\r\n \r\n {t(\"back_to_login\")}\r\n \r\n\r\n\r\n\r\n \r\n {t(\"submit\")}\r\n \r\n\r\n\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Help\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Welcome to BBK\r\n \r\n\r\n \r\n \r\n setOtp(e.target.value)}\r\n autoFocus\r\n />\r\n\r\n otpVerify(e)}\r\n >\r\n Verify OTP\r\n \r\n\r\n {seconds > 0 ? (\r\n \r\n \r\n {t(\"resend_otp\")}\r\n \r\n \r\n )}\r\n\r\n \r\n handleBack(e)}\r\n style={{\r\n cursor: \"pointer\",\r\n padding: \"5px\",\r\n color: \"black\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n }}\r\n variant=\"contained\"\r\n >\r\n Back to login\r\n \r\n \r\n \r\n \r\n\r\n \r\n By submitting your information, you indicate that you agree\r\n to the Terms of service\r\n \r\n \r\n FAQ\r\n
\r\n \r\n Time Remaining: {`0${minutes}`}:{\" \"}\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\n\r\n \r\n Alert\r\n
\r\n | Account Holder Name | \r\nAccount No. | \r\nAccount Type | \r\nBalance | \r\n|
|---|---|---|---|---|
| \r\n {props.auth.CustomerName}\r\n | \r\n\r\n\r\n {item.PrdAcctId15Digit}\r\n | \r\n\r\n{item.AccountType} | \r\n\r\n INR{\" \"}\r\n {balances[item.PrdAcctId15Digit] === 0\r\n ? 0\r\n : balances[item.PrdAcctId15Digit] || \"*****\"}\r\n | \r\n\r\n | \r\n
| \r\n Jason Louis Martin | ||||
| Savings | \r\nINR {balances} | \r\n\r\n \r\n | \r\n */}\r\n {/*||
| \r\n Jason Louis Martin | ||||
| Savings | \r\nINR {balances} | \r\n\r\n \r\n | \r\n */}\r\n