\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n\r\n
\r\n \r\n
\r\n{this.state.GlobalOptions[0].LoginPageLine1}
\r\n\r\n
{this.state.GlobalOptions[0].LoginPageLine2}
\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default Loader;\r\n","import React, { Component } from \"react\";\nimport PropTypes from \"prop-types\";\nimport MetaTags from \"react-meta-tags\";\nimport { Link } from \"react-router-dom\";\nimport { Col, Container, Row, Alert, Label, Card,\n CardBody, } from \"reactstrap\";\nimport { connect } from \"react-redux\";\nimport { withRouter } from \"react-router-dom\";\nimport { Formik, Field, Form, ErrorMessage } from \"formik\";\nimport * as Yup from \"yup\";\nimport {\n AvForm,\n AvField,\n} from \"availity-reactstrap-validation\";\n// import images\n//import logodark from \"../../assets/images/logo-dark.png\";\nimport logodark from \"../../components/Print/printlogo.png\"\nimport logolight from \"../../assets/images/logo-light.png\";\nimport CarouselPage from \"./CarouselPage\";\n// actions\nimport { apiError, loginUser, socialLogin } from \"../../store/actions\";\nimport Loader from \"pages/loader\";\nimport axios from \"axios\";\n\n\nclass Login extends Component {\n\n\n\n\n\n constructor(props) {\n super(props);\n this.state = {\n id: 0,\n formData: {},\n prov : false,\n type : \"password\",\n loading : false,\n ipaddress : ''\n };\n this.obj = this;\n \n this.API_URL_SAVE = \"UserLogin/0/token\";\n this.pushFormName = \"/persontoperson\";\n this.show = this.show.bind(this);\n }\n\n componentDidMount() {\n this.props.apiError(\"\");\n this.getip();\n }\n\n\n getip = async()=> {\n \n const res = await axios.get(\"https://api.ipify.org/?format=json\");\n this.setState({ipaddress : res.data.ip});\n } \n\n\n\n\n signIn = (res, type) => {\n const { socialLogin } = this.props;\n if (type === \"google\" && res) {\n const postData = {\n name: res.profileObj.name,\n email: res.profileObj.email,\n token: res.tokenObj.access_token,\n idToken: res.tokenId,\n };\n socialLogin(postData, this.props.history, type);\n } else if (type === \"facebook\" && res) {\n const postData = {\n name: res.name,\n email: res.email,\n token: res.accessToken,\n idToken: res.tokenId,\n };\n socialLogin(postData, this.props.history, type);\n }\n };\n\n //handleGoogleLoginResponse\n googleResponse = response => {\n this.signIn(response, \"google\");\n };\n\n //handleTwitterLoginResponse\n twitterResponse = () => {};\n\n //handleFacebookLoginResponse\n facebookResponse = response => {\n this.signIn(response, \"facebook\");\n };\n\n\n show() {\n\n if (this.state.type == \"password\")\n {\n this.setState({\n type : \"text\"\n });\n }\n\n else {\n this.setState({\n type : \"password\"\n });\n }\n \n \n }\n\n\n\n\n render() {\n return (\n \r\n 
\r\n
\r\n Loading...
\r\n \n {this.state.loading ? \n Login | RSEVA KENDRA \n \n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n\n \n
\n\n \n
\n\n Welcome Back !
\n\n Sign in to continue.\n
\n\n {this.props.error && this.props.error ? (\n {this.props.error} \n ) : null}\n \n {\n // this.setState({loading : true});\n \n // let vformData = new FormData();\n // //Information\n // vformData.append(\"UserName\", values.email);\n // vformData.append(\"UserPassword\", values.password);\n\n\n // Fn_UserLogin(this.obj, { arguList: { id: 0, formData: vformData } }, this.API_URL_SAVE, this.pushFormName, true);\n \n this.props.loginUser(values, this.props.history, this.state.ipaddress);\n }}\n >\n {({ errors, status, touched }) => (\n \n \n )}\n \n\n
\n \n
\n \n Don't have an account ?{\" \"}\n
\n
\n \n © {new Date().getFullYear()} © rsevakendra.in.\n All rights Reserved\n
\n\n \n \n \n
\n \n \n \n \n \n \n \n
\n \n
\n \n \n 
\n \n
\n
\n \n
\n \n Free Register
\nGet your free Skote account now.
\n\n \n
\n \n \n
\n \n \n {\n this.props.registerUser(values);\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n
\n \n
\n \n \n Already have an account ?{\" \"}\n \n {\" \"}\n Login\n {\" \"}\n
\n\n © {new Date().getFullYear()} Skote. Crafted with{\" \"}\n by Themesbrand\n
\n\n {this.state.loading ?
\n \n \n \n \n \n \n \n
\n \n
\n \n \n 
\n \n
\n
\n \n
\n \n Welcome Back !
\nSign in to continue to Skote.
\n\n \n
\n \n \n
\n \n \n {this.props.forgetError && this.props.forgetError ? (\n \n {this.props.forgetError}\n \n ) : null}\n {this.props.forgetSuccessMsg ? (\n \n {this.props.forgetSuccessMsg}\n \n ) : null}\n {this.state.isValidUserName == false ?\n {\n this.checkusername(values);\n //this.props.userForgetPassword(values, this.props.history);\n }}\n >\n {({ errors, status, touched }) => (\n \n )}\n \n : \n \n this.state.isOTPChecked == false ?\n \n \n \n \n \n Dight 1\n \n this.setState({inputValue : e})}\n className=\"form-control form-control-lg text-center\"\n allowedCharacters=\"^[0-9]\"\n inputStyle={{\n width: \"69px\",\n height: \"calc(1.5em + 1rem + 2px)\",\n padding: \".5rem 1rem\",\n borderRadius: \"8px\",\n fontSize: \"1.01562rem\",\n textAlign: \"center\",\n marginTop : \"20px\",\n marginRight: \"15px\",\n border: \"1px solid #ced4da\",\n textTransform: \"uppercase\",\n borderRadius: \".4rem\"\n }}\n />\n \n \n
\n \n \n : \n <>\n (this.form = c)} className=\"needs-validation\" onValidSubmit={this.btnSave_onClick}>\n \n \n\n
\n \n\n \n\n
\n \n
\n \n \n \n \n }\n
\n \n \n Confirm\n \n
\n \n {\" \"}\n
\n \n
\n \n \n Go back to{\" \"}\n \n Login\n {\" \"}\n
\n {/*\n © {new Date().getFullYear()} Skote. Crafted with{\" \"}\n by Themesbrand\n
*/}\n\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n
\n \n
\n Change Password
\n\n
\n \n \n (this.form = c)} className=\"needs-validation\" onValidSubmit={this.btnSave_onClick}>\n \n \n \n \n \n\n \n\n
\n\n\n \n\n
\n \n\n \n\n
\n\n\n \n\n\n\n\n\n \n \n \n \n
\n \n \n
\n \n {\" \"}\n \n
\n\n\n
\n \n \n\n \n \n {nameIcon}\n \n
\n {this.props.shop.Name}
\nThis month
\nRs.34,252
\n\n \n {\" \"}\n 50% {\" \"}\n {\" \"}\n From previous period\n
\n\n \n View More \n \n
\n \n \n
\n \n \n We craft digital, graphic and dimensional thinking.\n
\n\r\n
\r\n \r\n\r\n \r\n \r\n {this.props.name}\r\n \r\n
\r\n{formatNumber(this.props.data)}
\r\n{'('+this.props.count+')'}
\r\n\r\n{b} : {c} ({d}%)\",\r\n },\r\n legend: {\r\n orient: \"vertical\",\r\n left: \"left\",\r\n data: [\"AEPS\", \"DMR\", \"RECHARGE\", \"INDONEPAL\"],\r\n textStyle: {\r\n color: [\"#74788d\"],\r\n },\r\n },\r\n color: [\"#f46a6a\", \"#34c38f\", \"#50a5f1\", \"#f1b44c\", \"#556ee6\"],\r\n series: [\r\n {\r\n name: \"Total sales\",\r\n type: \"pie\",\r\n radius: \"55%\",\r\n center: [\"50%\", \"60%\"],\r\n data: [\r\n { value: this.props.AEPS, name: \"AEPS\" },\r\n { value: this.props.DMR, name: \"DMR\" },\r\n { value: this.props.RECHARGE, name: \"RECHARGE\" },\r\n { value: this.props.INDONEPAL, name: \"INDONEPAL\" }\r\n ],\r\n itemStyle: {\r\n emphasis: {\r\n shadowBlur: 10,\r\n shadowOffsetX: 0,\r\n shadowColor: \"rgba(0, 0, 0, 0.5)\",\r\n },\r\n },\r\n },\r\n ],\r\n }\r\n }\r\n render() {\r\n return (\r\n
\r\n \r\n {this.props.name}\r\n \r\n
\r\n\r\nPaid
\r\n \r\n\r\n{formatNumber(this.props.PaidAmount)} {'('+this.props.PaidCount+')'}
\r\n \r\nFailure
\r\n \r\n\r\n{formatNumber(this.props.FailureAmount)} {'('+this.props.FailureCount+')'}
\r\n \r\nPending
\r\n \r\n\r\n{formatNumber(this.props.PendingAmount)} {'('+this.props.PendingCount+')'}
\r\n \r\n\n \n
\n \n Dashboard | R Seva kendra \n \n \n \n {/* Reports Render */}\n\n {obj.roleid == 4 ?\n <>\n {obj.IsAEPS ?\n
\n\n {this.state.kycmessage ? (\n \n\n \n ) : null}\n {this.state.kycpending ? (\n \n\n\n Please wait we will complete as soon as possible.!\n\n \n ) : null}\n \n \n \n Latest Transactions \n\n\n \n \n \n : null}\n\n\n\n\n\n {obj.isAdmin ?\n\n \n \n Ledger Balance \n\n\n \n \n \n : null}\n\n\n\n\n\n
\n \n
\n \n \n \n
\n {this.state.GlobalOptions[0].DashboardLine}
\nDashboard
\n\n\n \n \n
\n
\n | # | \nDate | \nNarration | \nAmount | \n\n
|---|---|---|---|
| {item.Id} | \n{item.Date} | \n{item.Narration} | \n{item.Amount} | \n
\n \n \n
\n
\n | Name | \nAction | \n\n\n
|---|---|
| {item.Name} | \n\n\n {this.state.balances[item.Id] !== undefined && this.state.balances[item.Id] != 0 ? (\n \n {formatNumber(this.state.balances[item.Id])}\n \n ) : (\n | \n\n
\n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n Save\n \n\n \n Cancel\n \n\n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n
\n \n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n ``\n \n\n \n
\n\n \n
\n \n \n
\n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n Save\n \n\n \n Cancel\n \n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n
\n */}\n \n {this.props.Isbreadcrumb ? ( \n \n \n {/* Search Container */}\n {this.props.isSearchBox || this.props.isAdd ? (\n \n {this.props.isSearchBox ? (\n
\n ):null}\n {/* Table Data */}\n \n \n \n \n \n 1\n \n \n \n ):null}\n \n \n \n
\n \n {/*
*/}\n\n \n\n \n
\n \n ):null}\n {this.props.isAdd ? (\n \n \n \n
\n \n \n
\n \n ):null}\n \n{this.props.isProgress ? () : null}\n \n \n \n
\n
\n {/* Pagination */}\n {this.props.isPagination ? (\n | \n \n \n \n \n | \n ):null}\n {this.props.isSNo ? (\n S. No. | \n ):null}\n {this.props.gridHeader()}\n {this.props.isViewDetails ? (\nView Details | \n ):null}\n {(this.props.isEdit || this.props.isDelete) ? (\nAction | \n ):null}\n
|---|---|---|---|
| \n \n \n \n \n | \n ):null}\n {this.props.isSNo ? (\n {key+1} | \n ):null}\n {this.props.gridBody(formData)}\n {this.props.isViewDetails ? (\n\n \n | \n ):null}\n {/* {(this.props.isEdit || this.props.isDelete) ? ( */}\n\n \n {this.props.isEdit ? (\n this.props.togglemodal(this.props.obj,formData)}>\n \n \n {/* | */}\n {this.props.confirm_alert ? (\n
\n In Diff: {selectedFormData.InDiff}\n
\n\n Out Diff: {selectedFormData.OutDiff}\n
\n \n );\n }\n render() {\n return (\n\n\n\n\n <>\n\n\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n */}\n\n\n \n\n \n \n {this.state.company\n ? this.state.company.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n\n \n View\n \n\n \n \n \n
\n\n \n \n\n \n \n {/* \n */}\n \n
\n \n\n \n \n\n
\n \n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n
\n \n
\n - \n
\n \n \n \n \n \n \n \n
\n \n
\n \n \n \n {this.state.gender\n ? this.state.gender.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n \n
\n \n
\n\n\n \n
\n\n \n
\n\n\n \n\n\n\n \n \n \n \n\n\n\n \n \n \n \n \n \n \n {/*
\n\n \n
\n\n\n \n
\n\n \n \n \n {this.state.state \n ? this.state.state.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n \n
\n\n\n \n
\n\n \n
\n\n \n
\n \n
\n \n \n \n \n \n
\n \n
\n\n\n\n\n\n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n \n \n \n \n 0 ? true : false} type=\"select\" className=\"form-select\" >\n \n {this.state.usertype\n ? this.state.usertype.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n\n {\n this.state.isDistributor == true ? \n \n \n {this.state.distributor\n ? this.state.distributor.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
: null\n }\n\n\n{\n this.state.isSDistributor == true ? \n \n \n {this.state.superdistributor\n ? this.state.superdistributor.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
: null\n }\n {\n this.state.isMDistributor == true ? \n \n \n {this.state.masterdistributor\n ? this.state.masterdistributor.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
: null\n }\n\n{ this.state.isAdmin == true ?\n \n \n \n {this.state.planmaster\n ? this.state.planmaster.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
: null\n }\n\n
\n \n \n \n
\n \n \n \n \n \n \n
\n\n\n \n \n \n {this.state.relation\n ? this.state.relation.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n \n
\n\n\n\n \n
\n\n\n \n\n\n \n \n \n
\n \n \n \n \n \n \n
\n Information
\n \nShop Details
\nId Proof
\nUser Details
\nNominee Detail
\n\n\n\n \n
\n \n \n \n {this.state.typeofRegCert\n ? this.state.typeofRegCert.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n 
\n \n */}\n Fn_ChangeStateValue(this.obj, 'BrowseImage1', e.target.files[0])} accept=\".gif,.jpg,.jpeg,.png\" type=\"file\" className=\"form-control\" />\n \n
\n \n {/* \n \n {this.state.typeofRegCert\n ? this.state.typeofRegCert.map(\n (option, key) => (\n \n )\n )\n : null}\n \n */}\n 
*/}\n\n Fn_ChangeStateValue(this.obj, 'BrowseImage2', e.target.files[0])} accept=\".gif,.jpg,.jpeg,.png\" type=\"file\" className=\"form-control\" />\n\n \n \n
\n \n 
*/}\n Fn_ChangeStateValue(this.obj, 'UserImage', e.target.files[0])} accept=\".gif,.jpg,.jpeg,.png\" type=\"file\" className=\"form-control\" />\n \n
\n
\n \n {this.state.iskycdone == false ? (\n \n Save\n ) : null\n }\n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n\n{this.state.update_msg ? (\n \n You clicked the button!\n \n ) : null}\n\n{this.state.kycprocess_msg ? (\n \n We will let you know after review.!\n \n ) : null}\n
\n \n
\n - \n\n \n
\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n */}\n \n \n \n {this.state.company\n ? this.state.company.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n\n \n View\n \n \n \n \n
\n\n \n \n\n \n \n {/* \n */}\n \n
\n \n\n \n \n\n
\n\n\n\n \n \n \n \n \n \n */}\n \n\n \n Add\n \n\n \n \n \n
\n\n \n \n\n \n \n {/* \n */}\n \n
\n \n\n \n \n\n
\n\n\n\n\n\n \n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n \n
\n \n
\n\n \n
\n\n \n
\n\n \n
\n\n \n
\n\n \n
\n\n \n
\n \n
\n\n \n
\n\n \n
\n \n
\n\n \n
\n\n \n
\n\n \n \n \n {this.state.DMRBankList\n ? this.state.DMRBankList.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n\n \n \n \n {this.state.DMRBankList\n ? this.state.DMRBankList.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n\n \n \n \n \n \n \n \n \n
\n\n\n \n
\n\n\n\n \n
\n\n\n \n
\n\n\n \n
\n\n \n
\n\n \n\n \n
\n\n \n \n \n {this.state.loanaccounttypescheme\n ? this.state.loanaccounttypescheme.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n \n
\n\n \n
\n\n \n Fn_ChangeStateValue(this.obj, 'LoginIMG1', e.target.files[0])} accept=\".gif,.jpg,.jpeg,.png\" type=\"file\" className=\"form-control\" />\n \n
\n\n \n Fn_ChangeStateValue(this.obj, 'LoginIMG2', e.target.files[0])} accept=\".gif,.jpg,.jpeg,.png\" type=\"file\" className=\"form-control\" />\n \n
\n\n\n \n Fn_ChangeStateValue(this.obj, 'LoginIMG3', e.target.files[0])} accept=\".gif,.jpg,.jpeg,.png\" type=\"file\" className=\"form-control\" />\n \n
\n\n \n Fn_ChangeStateValue(this.obj, 'LoginIMG4', e.target.files[0])} accept=\".gif,.jpg,.jpeg,.png\" type=\"file\" className=\"form-control\" />\n \n
\n \n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n Update\n \n\n \n Cancel\n \n\n \n Backup\n \n\n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n\n\n{this.state.success_msg2 ? (\n \n {this.state.Name}\n \n ) : null}\n\n{this.state.failed ? (\n \n {this.state.Name}\n \n ) : null}\n
\n \n \n
\n );\n }\n}\nexport default compose(container)(pageList_Test);\n","import React, { Component } from \"react\";\nimport {\n Container,\n Row,\n Col,\n Form,\n FormGroup,\n Input,\n Card,\n CardBody,\n CardTitle,\n CardSubtitle,\n Button,\n Label,\n Alert,\n NavItem,\n NavLink,\n TabContent,\n TabPane\n} from \"reactstrap\";\n\nimport classnames from \"classnames\";\nimport SweetAlert from \"react-bootstrap-sweetalert\"\n\n\n// availity-reactstrap-validation\nimport {\n AvForm,\n AvField,AvRadioGroup,AvRadio\n} from \"availity-reactstrap-validation\";\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\nimport { withRouter, Link } from \"react-router-dom\";\n//Constants\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\n//Store\nimport { compose } from \"recompose\";\nimport { container } from \"../../store/Containers/cntCommon\";\nimport { Fn_DisplayData, Fn_AddEditData } from \"../../store/functions\";\n\nclass pageAddEdit_ShiftMaster extends Component {\n constructor(props) {\n super(props);\n this.state = {\n id: 0,\n formData: {},\n };\n this.obj = this;\n this.formTitle = \"Shift\";\n this.breadCrumbTitle = \"Masters\";\n this.breadCrumbItem = \"Add \" + this.formTitle;\n this.API_URL_SAVE = API_WEB_URLS.SHIFT + \"/0/token\";\n this.pushFormName = \"/masters-shiftmaster\";\n\n //Event Binding\n this.btnSave_onClick = this.btnSave_onClick.bind(this);\n this.btnCancel_onClick = this.btnCancel_onClick.bind(this);\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/ShiftMaster\";\n }\n componentDidMount() {\n const { id } = this.props.match.params;\n if (id) {\n this.setState({ id: id });\n this.breadCrumbItem = \"Edit \" + this.formTitle;\n Fn_DisplayData(this.obj, id, this.API_URL + \"/Id\");\n } else {\n this.setState({ id: 0 });\n }\n }\n btnSave_onClick(event, formData) {\n\n const obj = JSON.parse(localStorage.getItem(\"authUser\"));\n\n if (!this.state.id)\n Fn_AddEditData(\n this.obj,\n { arguList: { id: 0, name: formData.Name , intime : formData.InTime , outtime : formData.OutTime , F_CustomerMaster : obj.uid } },\n this.API_URL_SAVE,\n this.pushFormName\n );\n else\n Fn_AddEditData(\n this.obj,\n { arguList: { id: this.state.id, name: formData.Name , intime : formData.InTime , outtime : formData.OutTime , F_CustomerMaster : obj.uid} },\n this.API_URL_SAVE,\n this.pushFormName\n );\n }\n\n btnCancel_onClick = event => {\n event.preventDefault();\n //this.props.history.goBack();\n this.props.history.push(this.pushFormName);\n };\n render() {\n return (\n \n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n\n \n
\n\n \n
\n\n \n
\n \n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n Save\n \n\n \n Cancel\n \n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n
\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\nexport default AddDeleteTableRowsPly","import React, { Component } from \"react\";\nimport {\n Container,\n Row,\n Col,\n Form,\n FormGroup,\n Input,\n Card,\n CardBody,\n CardTitle,\n CardSubtitle,\n Button,\n Label,\n Alert,\n NavItem,\n NavLink,\n TabContent,\n TabPane,\n UncontrolledTooltip\n} from \"reactstrap\";\nimport Switch from \"react-switch\"\nimport classnames from \"classnames\";\nimport SweetAlert from \"react-bootstrap-sweetalert\"\nimport Select from \"react-select\";\nimport Dropzone from \"react-dropzone\";\nimport { useSelector } from \"react-redux\";\n// Redux\nimport { withRouter, Link } from \"react-router-dom\";\n\n\n// Editable\nimport BootstrapTable from \"react-bootstrap-table-next\"\nimport cellEditFactory from \"react-bootstrap-table2-editor\"\n// availity-reactstrap-validation\nimport {\n AvForm,\n AvField,AvRadioGroup,AvRadio\n} from \"availity-reactstrap-validation\";\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\n//Constants\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\n//Store\nimport { compose } from \"recompose\";\nimport { container } from \"../../store/Containers/cntCommon\";\nimport { Fn_DisplayData, Fn_AddEditData, Fn_FillListData, Fn_ChangeStateValue, Fn_DeleteData, Fn_GetReport } from \"../../store/functions\";\nimport AddDeleteTableRowsPly from \"pages/Transaction/AddDeleteTableRowPly\";\n\n\nfunction getCurrentDate() {\n const currentDate = new Date();\n const year = currentDate.getFullYear();\n const month = String(currentDate.getMonth() + 1).padStart(2, '0'); // Month is 0-indexed\n const day = String(currentDate.getDate()).padStart(2, '0');\n\n return `${year}-${month}-${day}`;\n}\nexport const DateString = (dd) =>{\n\nlet d1 = dd.replace('-', '');\nlet d2 = d1.replace('-', '');\n\nreturn d2;\n\n}\n\nfunction getCurrentTime() {\n const now = new Date();\n const hours = String(now.getHours()).padStart(2, '0');\n const minutes = String(now.getMinutes()).padStart(2, '0');\n return `${hours}:${minutes}`;\n}\n\nclass pageAddEdit_Voucher extends Component {\n constructor(props) {\n super(props);\n this.state = {\n id: 0,\n formData: {},\n activeTab: 1,\n passedSteps: [1],\n VoucherNo : [{}],\n Time : getCurrentTime(),\n \n save : false , cancel:false , add:true,\n \n //dropdowns\n \n \n VoucherL: [{\n F_LedgerMasterCr:'',\n F_LedgerMasterDr : '',\n Amount : ''\n }],\n F_VoucherH : 0,\n confirm_alert : false\n };\n this.obj = this;\n this.formTitle = \"Manage Voucher\";\n this.breadCrumbTitle = \"Vouchers\";\n this.breadCrumbItem = \" \" + this.formTitle;\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/City\";\n this.API_URL_SAVE = API_WEB_URLS.AddEdit + \"/0/token\";\n this.pushFormName = \"/voucherslist\";\n this.rtPage_Print = \"/#\";\n\n //Event Binding\n this.btnSave_onClick = this.btnSave_onClick.bind(this);\n this.btnCancel_onClick = this.btnCancel_onClick.bind(this);\n this.btnGoBack_onClick = this.btnGoBack_onClick.bind(this);\n this.addrow = this.addrow.bind(this);\n this.editrow = this.editrow.bind(this);\n this.deleterow = this.deleterow.bind(this);\n this.onVoucherNoChange = this.onVoucherNoChange.bind(this);\n this.OnVoucherChange = this.OnVoucherChange.bind(this);\n this.btnDelete = this.btnDelete.bind(this);\n this.OnVoucherTypeChange = this.OnVoucherTypeChange.bind(this);\n }\n\n btnDelete () {\n Fn_DeleteData(this.obj , this.state.id, API_WEB_URLS.MASTER + \"/0/token/Vouchers\", \"\");\n // Fn_GetReport(this.obj, { arguList: { id: 0 } }, \"SearchVoucher/0/token\", \"vouchers\", true);\n this.props.history.push(this.pushFormName);\n }\n\n componentDidMount() {\n\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n this.setState({ name: obj.username, email: obj.email, aid: obj.uid , role:obj.role });\n \n\n Fn_FillListData(this.obj, \"Ledger\", API_WEB_URLS.MASTER + \"/0/token/LedgerMaster/Id/0\");\n Fn_FillListData(this.obj, \"vouchertype\", API_WEB_URLS.MASTER + \"/0/token/VoucherType/Id/0\");\n\n Fn_GetReport(this.obj, { arguList: { id: 0 } }, \"SearchVoucher/0/token\", \"vouchers\", true);\n\n\n\n const { id } = this.props.match.params;\n if (id) {\n this.setState({ id: id });\n this.breadCrumbItem = \"Edit \" + this.formTitle;\n Fn_DisplayData(this.obj, id, API_WEB_URLS.MASTER + \"/0/token/GetVoucherHDetails\" + \"/Id\");\n\n // Fn_DisplayData(this.obj, id, this.API_URL + \"/Id\");\n } else {\n this.setState({ id: 0 });\n } \n }\n\n\n onVoucherNoChange (event) {\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n let vformData = new FormData();\n vformData.append(\"Search\", event.target.value);\n Fn_GetReport(this.obj, { arguList: { id: obj.uid, formData: vformData } }, \"SearchVoucher/0/token\", \"vouchers\", true);\n\n }\n\n OnVoucherChange (event) {\n\n this.setState({F_VoucherH : event.target.value});\n Fn_DisplayData(this.obj, event.target.value, API_WEB_URLS.MASTER + \"/0/token/GetVoucherHDetails\" + \"/Id\");\n \n\n\n }\n\n OnVoucherTypeChange (event) {\n\n \n \n Fn_FillListData(this.obj, \"VoucherNo\", API_WEB_URLS.MASTER + \"/0/token/VoucherNo/Id/\"+event.target.value);\n\n\n }\n\nbtnSave_onClick(event, formData) {\n\n\n \n let vformData1 = new FormData();\n vformData1.append(\"F_VoucherTypeMaster\", formData.F_VoucherTypeMaster);\n vformData1.append(\"VoucherDate\", formData.VoucherDate+'T'+formData.VoucherTime);\n vformData1.append(\"VoucherNo\", this.state.VoucherNo[0].Id == undefined || this.state.VoucherNo[0].Id == 0 ? formData.VoucherNo : this.state.VoucherNo[0].Id);\n vformData1.append(\"Remarks\", formData.Remarks);\n vformData1.append(\"UserId\", this.state.aid);\n vformData1.append(\"TotalAmount\", this.state.TotalAmount);\n \n Fn_AddEditData(this.obj, { arguList: { id: this.state.id, formData: vformData1 } }, \"AddEditVoucherH/0/token\", this.pushFormName, true, \"VoucherL\", this.state.VoucherL);\n\n \n\n\n}\n\n\ndeleterow(Id , index) {\n\n const rows = [...this.state.VoucherL];\n rows.splice(index, 1);\n this.setState({VoucherL: rows});\n \n}\n\n\n\n\n\n\nbtnGoBack_onClick = event => {\n event.preventDefault();\n //this.props.history.goBack();\n this.props.history.push(this.pushFormName);\n};\n\n\n\n btnCancel_onClick = event => {\n this.setState ({ VoucherL: [{\n F_LedgerMasterCr:'',\n F_LedgerMasterDr : '',\n Amount : ''\n }],\n F_VoucherH : 0,\n TotalAmount : 0,\n formData : {F_VoucherH : -1 , SearchVoucherNo : '' , F_VoucherTypeMaster : -1 ,VoucherDate : getCurrentDate(),VoucherNo : '', Remarks : '' }\n \n })\n\n this.props.history.push('/voucherslist');\n };\n\n\n addrow() {\n\n \n let VoucherL = {\n F_LedgerMasterCr:'',\n F_LedgerMasterDr : '',\n Amount : ''\n \n }\n this.setState({VoucherL: [...this.state.VoucherL, VoucherL]});\n \n \n }\n \n\n add () {\n this.setState({save : false , cancel:false , add:true});\n this.setState({ VoucherL: [{\n F_LedgerMasterCr:'',\n F_LedgerMasterDr : '',\n Amount : ''\n }]});\n }\n\n\n\n\n\n\n editrow = (index, evnt) =>{\n const { name, value } = evnt.target;\n \n const rowsInput = [...this.state.VoucherL];\n rowsInput[index][name] = value;\n \n this.setState({VoucherL: rowsInput});\n\n const totalAmount = this.state.VoucherL.reduce((total, voucher) => total + parseInt(voucher.Amount, 10), 0);\n this.setState({TotalAmount : totalAmount});\n\n }\n \n\n \n render() { \n return (\n | Cr Ledger | \r\nDr Ledger | \r\nAmount | \r\n\r\n |
|---|
\n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n
\n \n \n \n \n\n \n \n \n \n \n{/* \n\n \n {this.state.vouchers\n ? this.state.vouchers.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
*/}\n\n \n \n \n {this.state.vouchertype\n ? this.state.vouchertype.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n\n
\n \n \n
\n \n \n \n
\n \n \n \n \n \n \n\n \n \n \n
\n \n \n \n \n
\n \n\n \n\n \n Save\n \n \n \n\n \n Go Back\n \n \n \n Cancel\n \n\n \n this.setState({confirm_alert : true})}\n >\n Delete\n \n {this.state.confirm_alert ? (\n this.btnDelete()}\n onCancel={() =>this.setState({confirm_alert : false})}\n >\n \n It wil Never Come back!\n \n \n ) : null}\n
\n \n Audit Att.: {selectedFormData.Name}\n
\n \n );\n }\n render() {\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n const columns = [\n\n {\n dataField: 'ShopName',\n text: 'ShopName',\n sort: true,\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n }, \n \n {\n dataField: 'Name',\n text: 'Name',\n sort: true,\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n }, {\n dataField: 'UserType',\n text: 'User Type',\n sort: true\n },\n {\n dataField: 'UserName',\n text: 'UserName',\n sort: true,\n \n },\n {\n dataField: \"action\",\n text: \"Password\",\n hidden: !obj.isAdmin,\n formatter: (cellContent, row) => {\n return (\n\n \n \n \n\n \n \n \n Excel\n \n\n\n \n View\n \n\n \n\n \n \n Add\n \n \n \n \n\n\n \n
\n \n \n \n \n \n
\n {this.state.success_dlg ? (\n \n Done\n \n ) : null}\n\n{this.state.confirm_alert_Approve ? (\n this.btnApprove_onClick(this.state.selectedFormData)}\n onCancel={() =>this.btnReject_onClick(this.state.selectedFormData)}\n >\n Do you really wanna approve ?\n \n ) : null}\n \n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n \n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n \n\n {/* */}\n
\n \n );\n }\n}\nexport default compose(container)(pageList_MemberMaster);\n","import React, { Component } from \"react\";\n\n//Import Breadcrumb\nimport RCDisplayPage from \"../../components/Common/RCDisplayPage\";\n//Constants\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\n//Store\nimport { compose } from \"recompose\";\nimport { container } from \"../../store/Containers/cntCommon\";\nimport {\n Fn_FillListData,\n togglemodal,\n toggleDeleteConfirm,\n toggleDeleteSuccess,\n Fn_DeleteData,\n} from \"../../store/functions\";\nimport * as XLSX from 'xlsx';\nimport ToolkitProvider, { Search } from 'react-bootstrap-table2-toolkit';\nimport './datatables.scss';\nimport BootstrapTable from 'react-bootstrap-table-next';\nimport paginationFactory, {\n PaginationProvider, PaginationListStandalone,\n SizePerPageDropdownStandalone\n} from 'react-bootstrap-table2-paginator';\nimport {\n Container,\n Row,\n Col,\n Form,\n FormGroup,\n Input,\n Card,\n CardBody,\n CardTitle,\n CardSubtitle,\n Button,\n Label,\n Alert,\n NavItem,\n NavLink,\n TabContent,\n TabPane,\n Modal\n} from \"reactstrap\";\n\nclass pageList_LedgerMaster extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n modal: false,\n selectedFormData: {},\n gridData: [],\n confirm_alert: false,\n success_dlg: false,\n dynamic_title: \"\",\n dynamic_description: \"\",\n productData : []\n };\n this.obj = this;\n this.breadCrumbTitle = \"Masters\";\n this.breadCrumbItem = \"Ledger Master\";\n this.modalTitle = \"Ledger Master\";\n this.rtPage_Add = \"add-ledgermaster\";\n this.rtPage_Edit = \"edit-ledgermaster\";\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/LedgerMaster/Id/0\";\n\n //Event Binding\n this.exportToExcel = this.exportToExcel.bind(this);\n this.btnAdd_onClick = this.btnAdd_onClick.bind(this);\n this.btnEdit_onClick = this.btnEdit_onClick.bind(this);\n this.btnDelete_onClick = this.btnDelete_onClick.bind(this);\n }\n componentDidMount() {\n \n \n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n Fn_FillListData(this.obj, \"productData\", this.API_URL);\n \n }\n btnAdd_onClick(event, values) {\n this.props.history.push(`${this.rtPage_Add}`);\n }\n btnEdit_onClick(formData) {\n this.props.history.push(`${this.rtPage_Edit}/${formData.ID}`, {});\n }\n btnDelete_onClick(formData) {\n Fn_DeleteData(this.obj, formData.Id, this.API_URL, this.API_URL + \"/Id/0\");\n }\n\n\n\n exportToExcel = () => {\n\n // let vformData = new FormData();\n \n // vformData.append(\"FromDate\", this.state.FromDate);\n // vformData.append(\"ToDate\", this.state.ToDate);\n \n // Fn_ExportExcel(this.obj, { arguList: { id: 0, formData: vformData } }, \"DMRExcel/0/token\", \"DMRTransaction\", true);\n \n\n const worksheet = XLSX.utils.json_to_sheet(this.state.productData);\n const workbook = XLSX.utils.book_new();\n XLSX.utils.book_append_sheet(workbook, worksheet, 'Ledger');\n XLSX.writeFile(workbook, `Ledger.xlsx`);\n\n\n };\n \n renderGridHeader() {\n return (\n <>\n \n
\n Show Password
\n \n\n \n Fn_ChangeStateValue(this.obj, 'PassKey', e.target.value)} placeholder=\"Enter PassKey .\" type=\"text\" className=\"form-control\" />\n \n
\n \n \n \n
\n \n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n \n
\n \n );\n }\n render() {\n\n\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n\n\n const sumcr = this.state.productData.reduce((total, row) => total + row.CrAmount, 0);\n\n const columns = [\n \n {\n\n\n dataField: 'ID',\n text: 'Id',\n sort: true,\n footer: columnData => (\n\n \n
\n )\n \n },{\n\n\n dataField: 'Name',\n text: 'Name',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'LedgerGroup',\n text: 'LedgerGroup',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'Remarks',\n text: 'Remarks',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n }, {\n dataField: \"Edit\",\n text: \"Edit\",\n formatter: (cellContent, row) => {\n return (\n \n\n\n\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n \n \n Add\n \n \n \n <>\n \n \n Excel\n \n \n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n {/* */}\n
\n );\n }\n}\nexport default compose(container)(pageList_LedgerMaster);\n","import React, { Component } from \"react\"\r\nimport CarouselPage from \"./CarouselPage\"\r\nimport MetaTags from 'react-meta-tags';\r\n\r\n//Verification code package\r\nimport AuthCode from \"react-auth-code-input\"\r\n\r\n// import images\r\n//import logodark from \"../../assets/images/logo-dark.png\"\r\nimport logodark from \"../../components/Print/printlogo.png\"\r\nimport logolight from \"../../assets/images/logo-light.png\"\r\nimport { Button, Col, Form, FormGroup, Label, Row } from \"reactstrap\"\r\n\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter, Link } from \"react-router-dom\";\r\nimport speakeasy from 'speakeasy';\r\nimport QRCode from 'qrcode';\r\nimport CryptoJS from 'crypto-js';\r\nimport { API_HELPER } from \"helpers/ApiHelper\";\r\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\r\nimport SweetAlert from \"react-bootstrap-sweetalert\";\r\nimport Loader from \"pages/loader\";\r\nimport axios from \"axios\";\r\n\r\n class OTP extends Component {\r\n\r\n\r\n \r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n id: 0,\r\n formData: {},\r\n prov : false,\r\n type : \"password\",\r\n inputValue : '',\r\n image: '',\r\n secret: '',\r\n validCode: '',\r\n isCodeValid: null,\r\n IsGoogleQrScanned : false,\r\n confirm_alert : true,\r\n loading : false,\r\n ipaddress : ''\r\n };\r\n this.obj = this;\r\n \r\n this.proceed = this.proceed.bind(this);\r\n this.redirect = this.redirect.bind(this);\r\n this.sms = this.sms.bind(this);\r\n this.authenticator = this.authenticator.bind(this);\r\n this.getip = this.getip.bind(this);\r\n }\r\n\r\n componentDidMount = async()=> {\r\n\r\n if(sessionStorage.getItem(\"authUser\"))\r\n {\r\n this.props.history.push(\"/dashboard\");\r\n }\r\n\r\n else {\r\n const obj = JSON.parse(sessionStorage.getItem(\"authUser1\"));\r\n \r\n this.setState({IsGoogleQrScanned : obj.IsGoogleQrScanned})\r\n\r\n const secret = JSON.parse(localStorage.getItem(\"secret\"));\r\n this.getip();\r\n \r\n // const secret = {\r\n // ascii: '?:SD%oDD\n
\n \n\n \n
\n \n \n
\n \n \n
\n \n
\n \n \r\n {this.state.loading ? \r\n Two Step Verification 2 | RSEVA - React Admin & Dashboard Template \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 
: null }\r\n\r\n \r\n\r\n \r\n {this.state.confirm_alert ? (\r\n this.sms()}\r\n onCancel={() =>this.authenticator()}\r\n >\r\n \r\n \r\n ) : null}\r\n
\r\n Verify by OTP / Authenticator
\r\n\r\n Please enter the 6 digit code \r\n
\r\n\r\n {IsGoogleQrScanned == false ?\r\n \r\n Confirm\r\n \r\n
\r\n \r\n
\r\n \r\n © {new Date().getFullYear()} © rsevakendra.in.\r\n All rights Reserved\r\n
\r\n\n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n \n \n \n {this.state.ledgergroupmaster\n ? this.state.ledgergroupmaster.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n \n \n {this.state.ledgermaster\n ? this.state.ledgermaster.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
: null}\n\n {obj.isAdmin == true ? \n \n \n {this.state.usertype\n ? this.state.usertype.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
: null}\n\n\n {\n this.state.isDistributor == true ? \n \n \n {this.state.distributor\n ? this.state.distributor.map(\n (option, key) => (\n \n )\n )\n : null}\n */}\n \n
: null\n }\n\n\n{\n this.state.isSDistributor == true ? \n \n \n {this.state.superdistributor\n ? this.state.superdistributor.map(\n (option, key) => (\n \n )\n )\n : null}\n */}\n \n
: null\n }\n {\n this.state.isMDistributor == true ? \n \n \n {this.state.masterdistributor\n ? this.state.masterdistributor.map(\n (option, key) => (\n \n )\n )\n : null}\n */}\n \n
: null\n }\n\n{\n this.state.isRetailer == true ? \n \n \n {this.state.retailer\n ? this.state.retailer.map(\n (option, key) => (\n \n )\n )\n : null}\n */}\n \n
: null\n }\n\n\n\n\n\n \n \n
\n \n\n \n
\n\n\n \n
\n \n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n {this.state.switch9 ? 'Debit' : 'Credit'}\n \n\n \n Cancel\n \n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n\n\n{this.state.failed ? (\n \n Balance - {this.state.ReBalance}\n \n ) : null}\n {this.state.confirm_alert ? (\n this.props.btnDelete_onClick(this.props.selectedFormData)}\n // onCancel={() =>this.props.toggleDeleteConfirm(this.props.obj,formData,false)}\n >\n \n \n ) : null}\n
\n \n Audit Att.: {selectedFormData.Name}\n
\n \n );\n }\n render() {\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n\n\n const sumcr = this.state.productData.reduce((total, row) => total + row.CrAmount, 0);\n\n const columns = [{\n\n\n dataField: 'DateOfCreation',\n text: 'Date/Time',\n sort: true,\n footer: columnData => (\n\n \n
\n )\n \n },\n {\n dataField: 'VoucherNo',\n text: 'TransactionCode',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'Narration',\n text: 'Narration',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'From',\n text: 'From',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n \n },\n {\n dataField: 'To',\n text: 'To',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n \n },\n {\n dataField: 'ShopName',\n text: 'ShopName',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n \n\n },\n {\n dataField: 'PAN',\n text: 'PAN',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n \n },\n\n \n {\n dataField: 'AadhaarNo',\n text: 'AadharNo',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n \n },\n \n {\n dataField: 'CrAmount',\n text: 'Cr',\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n footer: columnData => (\n \n {sumcr}\n
\n )\n \n },\n {\n dataField: 'DrAmount',\n text: 'Dr',\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n footer: columnData => (\n \n \n
\n )\n \n }\n ,\n\n {\n dataField: 'Remarks',\n text: 'Remarks',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n \n },\n\n {\n dataField: \"AdminName\",\n text: \"User\",\n hidden: !obj.isAdmin ,\n \n } ,\n {\n dataField: \"action\",\n text: \"delete\",\n hidden: !obj.isAdmin || obj.IsStaff,\n formatter: (cellContent, row) => {\n return (\n \n {this.state.loading ? \n \n \n \n \n \n\n\n \n \n
\n\n {this.state.success_msg == true ? (\n \n \n \n ) : null}\n\n{this.state.productData.length > 0 ? \n\n\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n : this.state.productData2.length > 0 ?\n\n \n\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n: null}\n\n\n\n\n\n\n\n {/* */}\n
\n );\n }\n}\nexport default compose(container)(pageList_BalanceAdd);\n","import React, { Component } from \"react\";\n\n//Import Breadcrumb\nimport RCDisplayPage from \"../../components/Common/RCDisplayPage\";\n//Constants\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\n//Store\nimport { compose } from \"recompose\";\nimport { container } from \"../../store/Containers/cntCommon\";\nimport {\n Fn_FillListData,\n togglemodal,\n toggleDeleteConfirm,\n toggleDeleteSuccess,\n Fn_DeleteData,\n toggleApproveConfirm,\n Fn_AddEditData\n} from \"../../store/functions\";\n\nclass pageList_SMSAPI extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n modal: false,\n selectedFormData: {},\n gridData: [],\n confirm_alert: false,\n confirm_alert_Approve : false,\n success_dlg: false,\n dynamic_title: \"Success\",\n dynamic_description: \"\",\n IsApproved : true\n };\n this.obj = this;\n this.breadCrumbTitle = \"Masters\";\n this.breadCrumbItem = \"SMS API\";\n this.modalTitle = \"SMS API\";\n this.rtPage_Add = \"add-smsapi\";\n this.rtPage_Edit = \"edit-smsapi\";\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/SMSAPI\";\n\n //Event Binding\n this.btnAdd_onClick = this.btnAdd_onClick.bind(this);\n this.btnEdit_onClick = this.btnEdit_onClick.bind(this);\n this.btnDelete_onClick = this.btnDelete_onClick.bind(this);\n \n }\n componentDidMount() {\n \n \n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n Fn_FillListData(this.obj, \"gridData\", this.API_URL+'/Id/0');\n \n }\n btnAdd_onClick(event, values) {\n this.props.history.push(`${this.rtPage_Add}`);\n }\n btnEdit_onClick(formData) {\n this.props.history.push(`${this.rtPage_Edit}/${formData.Id}`, {});\n }\n \n\n\n btnDelete_onClick(formData) {\n Fn_DeleteData(this.obj, formData.Id, this.API_URL, this.API_URL + \"/Id/0\");\n }\n renderGridHeader() {\n return (\n <>\n \n
\n\n \n \n \n \n \n \n \n \n \n View\n \n\n<>\n \n Add\n \n\n \n Excel\n \n \n\n \n \n \n \n
\n\n\n\n \n Fn_ChangeStateValue(this.obj, \"File\", event.target.files[0])} errorMessage=\"Select file \" type=\"file\" className=\"form-control\" />\n \n\n \n View\n \n \n \n \n Upload\n \n \n\n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n \n Audit Att.: {selectedFormData.Name}\n
\n \n );\n }\n render() {\n return (\n\n \n
\n );\n }\n}\nexport default compose(container)(pageList_SMSAPI);\n","import React, { Component } from \"react\";\nimport {\n Container,\n Row,\n Col,\n Form,\n FormGroup,\n Input,\n Card,\n CardBody,\n CardTitle,\n CardSubtitle,\n Button,\n Label,\n Alert,\n NavItem,\n NavLink,\n TabContent,\n TabPane\n} from \"reactstrap\";\n\nimport classnames from \"classnames\";\nimport SweetAlert from \"react-bootstrap-sweetalert\"\n\n\n// availity-reactstrap-validation\nimport {\n AvForm,\n AvField,AvRadioGroup,AvRadio\n} from \"availity-reactstrap-validation\";\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\nimport { withRouter, Link } from \"react-router-dom\";\n//Constants\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\n//Store\nimport { compose } from \"recompose\";\nimport { container } from \"../../store/Containers/cntCommon\";\nimport { Fn_DisplayData, Fn_AddEditData, Fn_FillListData } from \"../../store/functions\";\nimport Switch from \"react-switch\";\n\nclass pageAddEdit_SMSAPI extends Component {\n constructor(props) {\n super(props);\n this.state = {\n id: 0,\n formData: {},\n isMDistributor : false,\n isSDistributor : false,\n isDistributor : false,\n isRetailer : false,\n switch9 : true,\n success_msg:false,\n confirm_alert: false,\n IsActive : true\n };\n this.obj = this;\n this.formTitle = \"SMS API\";\n this.breadCrumbTitle = \"SMS API\";\n this.breadCrumbItem = \"Add \" + this.formTitle;\n this.API_URL_SAVE = API_WEB_URLS.SMSAPIADD + \"/0/token\";\n this.pushFormName = \"/smsapi\";\n this.rtPage_Redirect = \"/smsapi\";\n\n //Event Binding\n this.btnSave_onClick = this.btnSave_onClick.bind(this);\n this.btnCancel_onClick = this.btnCancel_onClick.bind(this);\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/SMSAPIEdit\";\n this.syno = this.syno.bind(this);\n \n }\n componentDidMount() {\n\n\n //Filing Dropdown\n Fn_FillListData(this.obj, \"accountusage\", API_WEB_URLS.MASTER + \"/0/token/AccountUsage/Id/0\");\n \n\n\n\n const { id } = this.props.match.params;\n\n if (id) {\n this.setState({ id: id });\n this.breadCrumbItem = \"Edit \" + this.formTitle;\n Fn_DisplayData(this.obj, id, this.API_URL + \"/Id\");\n } else {\n this.setState({ id: 0 });\n }\n }\n\n\n\n\n\n\n\n\n\n \n syno () {\n this.setState({success_msg : false ,update_msg : false})\n \n this.props.history.push(`${this.rtPage_Redirect}`, {});\n }\n\n\n btnSave_onClick(event, formData) {\n\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n\n\n let vformData = new FormData();\n //Information\n vformData.append(\"F_AccountUsage\", formData.F_AccountUsage);\n vformData.append(\"IsDefault\", this.state.switch9 ? true : false);\n vformData.append(\"IsActive\", this.state.IsActive ? true : false );\n vformData.append(\"Url\", formData.Url);\n \n \n\n\n\n if (!this.state.id) {\n Fn_AddEditData(this.obj, { arguList: { id: 0, formData: vformData } }, this.API_URL_SAVE, \"#\", true , \"SMSId\");\n }\n\n else {\n Fn_AddEditData(this.obj, { arguList: { id: this.state.id, formData: vformData } }, this.API_URL_SAVE, \"#\", true , \"kuku\" , \"update_msg\");\n }\n }\n\n btnCancel_onClick = event => {\n event.preventDefault();\n //this.props.history.goBack();\n this.props.history.push(this.pushFormName);\n };\n\n\n\n render() {\n\n\n\n\n \nconst Offsymbolb = () => {\n return (\n \n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n\n \n \n \n {this.state.accountusage\n ? this.state.accountusage.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n \n\n \n
\n \n
\n\n \n
\n\n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n SAVE\n \n\n \n Cancel\n \n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n \n
\n \n \n
\n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n \n \n \n
\n \n {this.state.InActiveBanks[0].Name}\n
\nBasic Wizard
*/}\n\n
\n \n \n \n \n \n Hi there!{\" \"}\n 👋 ,{\" \"}\n
\n \n
\n\n \n \n Enter Customer Mobile No.{\" \"}\n \n \n Fn_ChangeStateValue(this.obj, 'MobileNo', e.target.value)}\n\n onChange={e => {\n var inputValue = e.target.value;\n\n Fn_ChangeStateValue(\n this.obj,\n \"MobileNo\",\n inputValue\n );\n if (inputValue.length == 10) {\n this.btnSave_onClick(inputValue);\n }\n }}\n placeholder=\"Enter 10 digits Mobile No.\"\n type=\"number\"\n disabled={this.state.isRegistered}\n className=\"form-control\"\n />\n \n
\n )}\n \n
\n\n {this.state.isRegistered ? (\n \n ) : null}\n\n \n \n \n \n \n \n Add Beneficiary\n \n \n \n {\n Fn_ChangeStateValue(this.obj, 'F_BankMaster', e.target.value);\n this.onChangeBank(e);\n }} type=\"select\" className=\"form-select\" >\n \n {this.state.bankmaster\n ? this.state.bankmaster.map(\n (option, key) => (\n \n )\n )\n : null}\n */}\n \n
\n\n \n \n Fn_ChangeStateValue(\n this.obj,\n \"IFSC\",\n e.target.value\n )\n }\n placeholder=\"IFSC Code\"\n type=\"text\"\n className=\"form-control\"\n />\n \n
\n\n \n \n Fn_ChangeStateValue(\n this.obj,\n \"AccountHolderName\",\n e.target.value\n )\n }\n placeholder=\"AccountHolderName\"\n type=\"text\"\n className=\"form-control\"\n />\n \n
\n\n \n \n Fn_ChangeStateValue(\n this.obj,\n \"AccountNo\",\n e.target.value\n )\n }\n placeholder=\"AccountNo\"\n type=\"text\"\n className=\"form-control\"\n />\n \n
\n \n \n\n \n \n \n \n \n
\n\n
\n \n Hi there!{\" \"}\n 👋 ,{\" \"}\n \n {this.state.SenderId[0].Name +\n \"(\" +\n this.state.SenderMobileNo +\n \")\"}\n
{\" \"}\n
\n \n \n Your Daily Limit -{\" \"}\n {this.state.SenderId[0].DailyLimit}\n
\n \n\n Total Benficiary -{\" \"}\n {\n this.state.SenderId[0]\n .TotalBeneficiary\n }\n
\n \n\n \n Add Beneficiary\n \n\n \n Reset\n \n
\n \n \n ) : (\n \n \n this.setState({ commissionmodal: false })\n }\n aria-label=\"Close\"\n >\n
\n \n UPDATE AccountNo\n
\n\n \n \n AccountNo\n \n \n \n Fn_ChangeStateValue(\n this.obj,\n \"NewAccountNo\",\n e.target.value\n )\n }\n placeholder=\"Enter NewAccountNo\"\n type=\"text\"\n className=\"form-control\"\n />\n \n
\n
\n \n \n Update\n \n
\n \n \n \n Proceed\n \n <>\n\n \n {this.state.IsBenVerified\n ? \"Verified\"\n : \"Verify\"}\n \n
\n \n \n Verify Sender\n \n \n this.setState({\n modal_backdrop: false,\n })\n }\n aria-label=\"Close\"\n >\n
\n \n \n Fn_ChangeStateValue(\n this.obj,\n \"Name\",\n e.target.value\n )\n }\n placeholder=\"Enter Name .\"\n type=\"text\"\n className=\"form-control\"\n />\n \n Fn_ChangeStateValue(\n this.obj,\n \"Otp\",\n e.target.value\n )\n }\n placeholder=\"Enter Otp .\"\n type=\"number\"\n className=\"form-control\"\n />\n {timer > 0 ? (\n \n Resend OTP in{\" \"}\n {this.formatTime(timer)}\n \n ) : (\n \n )}\n
\n \n Sender is not Registered.\n
\n\n \n this.setState({\n modal_backdrop: false,\n })\n }\n >\n Cancel\n \n \n Proceed\n \n
\n \n\n \n \n this.setState({ pay_modal: false })\n }\n aria-label=\"Close\"\n >\n
\n \n Verify Details\n
\n\n
\n
\n
\n
\n\n {this.state.BenDetails[0].IsVerified\n ? \"VERIFIED\"\n : \"NOT VERIFIED\"}\n \n \n Fn_ChangeStateValue(\n this.obj,\n \"Amount\",\n e.target.value\n )\n }\n placeholder=\"Enter Amount\"\n type=\"number\"\n className=\"form-control\"\n />\n
\n \n Account Holder Name :{\" \"}\n {\n this.state.BenDetails[0]\n .AccountHolderName\n }\n
\n\n
\n Account No :{\" \"}\n {this.state.BenDetails[0].AccountNo}\n
\n\n
\n IFSC : {this.state.BenDetails[0].IFSC}\n
\n\n
\n Bank Name :{\" \"}\n {this.state.BenDetails[0].Name}{\" \"}\n
\n\n
\n this.confirm(\"NEFT\")}\n >\n NEFT\n \n this.confirm(\"IMPS\")}\n className=\"btn btn-primary\"\n >\n IMPS\n \n
\n \n \n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n\n {this.state.success_msg_Ben ? (\n \n ) : null}\n\n {this.state.success_verify ? (\n \n ) : null}\n\n {this.state.error_ben ? (\n \n {this.state.Reasonun}\n \n ) : null}\n\n {this.state.limitexceeded ? (\n \n ) : null}\n\n {this.state.insufficienfund ? (\n \n ) : null}\n\n {this.state.accountnomonthly ? (\n \n ) : null}\n\n {this.state.accountnodaily ? (\n \n ) : null}\n\n {this.state.tranfailed ? (\n \n TRANSACTION CODE -{\" \"}\n {this.state.transactioncode}
\n {this.state.faildata}\n \n ) : null}\n\n {this.state.sameamount ? (\n\n Transaction Failed due to same amount with\n same Beneficiary.\n \n ) : null}\n\n {this.state.transuccess ? (\n \n TRANSACTION CODE -{\" \"}\n {this.state.transactioncode}
\n UTR - {this.state.utr}
\n\n Reset\n \n \n ) : null}\n\n {this.state.confirm_alert ? (\n \n You won`t be able to revert this! Amount -{\" \"}\n {this.state.Amount}\n \n ) : null}\n
\n \n \n {this.state.faildata}\n \n ) : null}\n\n {this.state.sameamount ? (\n
\n UTR - {this.state.utr}
\n
\n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n \n \n\n \n Fn_ChangeStateValue(this.obj, 'F_PlanMaster', e.target.value , \"Plan\")} type=\"select\" className=\"form-select\" >\n \n {this.state.planmaster\n ? this.state.planmaster.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n \n \n Add\n \n \n \n Fn_ChangeStateValue(this.obj, 'F_ServiceMaster', e.target.value, \"Plan\")} type=\"select\" className=\"form-select\" >\n \n {this.state.servicemaster\n ? this.state.servicemaster.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n\n Fn_ChangeStateValue(this.obj, 'F_UserType', e.target.value,\"Plan\")} type=\"select\" className=\"form-select\" >\n \n {this.state.usertypemaster\n ? this.state.usertypemaster.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n \n
\n\n\n \n
\n\n \n
\n \n \n \n \n \n
\n\n\n\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n \n \n
\n \n Range
\n \n\n \n Add\n \n\n \n Cancel\n \n\n \n Excel\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n Add Plan
\n \n\n Fn_ChangeStateValue(this.obj, 'Name', e.target.value)} placeholder=\"Enter Plan Name .\" type=\"text\" className=\"form-control\" />\n
\n \n \n \n
\n \n\n\n\n \n \n \n \n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n {this.state.confirm_alert ? (\n this.props.btnDelete_onClick(this.props.selectedFormData)}\n // onCancel={() =>this.props.toggleDeleteConfirm(this.props.obj,formData,false)}\n >\n \n \n ) : null}\n
\n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n\n\n\n\n\n\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n {this.state.productData.length > 0 ? \n \n
: null}\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n \n View\n \n\n \n Excel\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n \n
\n ₹{this.state.OpeningClosing[0].OpeningBalance}
\nOpening Balance
\n\n \n
\n ₹{this.state.OpeningClosing[0].TotalCredit}
\nTotal Credit
\n\n \n
\n ₹{this.state.OpeningClosing[0].TotalDebit}
\nTotal Debit
\n\n \n
\n ₹{this.state.OpeningClosing[0].ClosingBalance}
\nClosing Balance
\n\n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \r\n \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n \r\n Fill all information below\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Save Changes\r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n \n Name: {selectedFormData.Name}\n
\n \n \n );\n }\n render() {\n return (\n\n\n \n
\n );\n }\n}\nexport default compose(container)(pageList_PlanMaster);\n","import React, { Component } from \"react\";\n\n//Import Breadcrumb\nimport RCDisplayPage from \"../../components/Common/RCDisplayPage\";\n//Constants\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\n//Store\nimport { compose } from \"recompose\";\nimport { container } from \"../../store/Containers/cntCommon\";\nimport {\n Fn_FillListData,\n togglemodal,\n toggleDeleteConfirm,\n toggleDeleteSuccess,\n Fn_DeleteData,\n toggleApproveConfirm,\n Fn_AddEditData\n} from \"../../store/functions\";\nimport Switch from \"react-switch\";\nimport ToolkitProvider, { Search } from 'react-bootstrap-table2-toolkit';\nimport './datatables.scss';\nimport BootstrapTable from 'react-bootstrap-table-next';\nimport paginationFactory, {\n PaginationProvider, PaginationListStandalone,\n SizePerPageDropdownStandalone\n} from 'react-bootstrap-table2-paginator';\nimport {\n \n Row,\n Col,\n \n Card,\n CardBody,\n Button\n \n} from \"reactstrap\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\n\n\n\n\nclass pageList_BankMaster extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n modal: false,\n selectedFormData: {},\n gridData: [],\n confirm_alert: false,\n confirm_alert_Approve : false,\n success_dlg: false,\n dynamic_title: \"Success\",\n dynamic_description: \"\",\n IsApproved : true,\n productData : []\n };\n this.obj = this;\n this.breadCrumbTitle = \"Masters\";\n this.breadCrumbItem = \"Bank Master\";\n this.modalTitle = \"Bank Master\";\n this.rtPage_Add = \"add-bankmaster\";\n this.rtPage_Edit = \"edit-bankmaster\";\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/BankMaster\";\n this.API_URL_SAVE = 'UpdateBankType/0/token';\n\n //Event Binding\n this.btnAdd_onClick = this.btnAdd_onClick.bind(this);\n this.btnEdit_onClick = this.btnEdit_onClick.bind(this);\n this.btnDelete_onClick = this.btnDelete_onClick.bind(this);\n this.updateNEFT = this.updateNEFT.bind(this);\n this.updateIMPS = this.updateIMPS.bind(this);\n this.update = this.update.bind(this);\n \n }\n componentDidMount() {\n \n \n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n Fn_FillListData(this.obj, \"productData\", this.API_URL+'/Id/0');\n \n }\n\n update () {\n this.setState({success_dlg : false})\n Fn_FillListData(this.obj, \"productData\", this.API_URL+'/Id/0');\n\n }\n btnAdd_onClick(event, values) {\n this.props.history.push(`${this.rtPage_Add}`);\n }\n btnEdit_onClick(Id) {\n this.props.history.push(`${this.rtPage_Edit}/${Id}`, {});\n }\n\n\n updateNEFT = (id , valueN, valueI)=>{\n\n const gridData = this.state.gridData;\n\n for (let i = 0; i < gridData.length; i++) {\n if (gridData[i].Id === id) {\n gridData[i].NEFT_IsActive = !valueN;\n break;\n }\n }\n\n this.setState({ gridData });\n\n let vformData = new FormData();\n vformData.append(\"NEFT_IsActive\", !valueN);\n vformData.append(\"IMPS_IsActive\", valueI);\n\n Fn_AddEditData(this.obj, { arguList: { id: id, formData: vformData } }, this.API_URL_SAVE, \"#\", true , \"kuku\" , \"update_msg\");\n \n } \n\n updateIMPS = (id , valueN, valueI)=>{\n\n const gridData = this.state.gridData;\n\n for (let i = 0; i < gridData.length; i++) {\n if (gridData[i].Id === id) {\n gridData[i].IMPS_IsActive = !valueI;\n break;\n }\n }\n\n this.setState({ gridData });\n\n let vformData = new FormData();\n vformData.append(\"NEFT_IsActive\", valueN);\n vformData.append(\"IMPS_IsActive\", !valueI);\n\n Fn_AddEditData(this.obj, { arguList: { id: id, formData: vformData } }, this.API_URL_SAVE, \"#\", true , \"kuku\" , \"update_msg\");\n } \n \n\n\n btnDelete_onClick(formData) {\n Fn_DeleteData(this.obj, formData.Id, this.API_URL, this.API_URL + \"/Id/0\");\n }\n\n\n render() {\n\n\n\n const Offsymbolb = () => {\n return (\n \n\n\n\n \n\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n \n Add\n \n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n {this.state.success_dlg ? (\n \n Changed Succesfully!\n \n ) : null}\n {/* ):null} */}\n\n
\n );\n }\n}\nexport default compose(container)(pageList_BankMaster);\n","import React, { Component } from \"react\";\nimport {\n Container,\n Row,\n Col,\n Form,\n FormGroup,\n Input,\n Card,\n CardBody,\n CardTitle,\n CardSubtitle,\n Button,\n Label,\n Alert,\n NavItem,\n NavLink,\n TabContent,\n TabPane\n} from \"reactstrap\";\n\nimport classnames from \"classnames\";\nimport SweetAlert from \"react-bootstrap-sweetalert\"\n\n\n// availity-reactstrap-validation\nimport {\n AvForm,\n AvField,AvRadioGroup,AvRadio\n} from \"availity-reactstrap-validation\";\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\nimport { withRouter, Link } from \"react-router-dom\";\n//Constants\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\n//Store\nimport { compose } from \"recompose\";\nimport { container } from \"../../store/Containers/cntCommon\";\nimport { Fn_DisplayData, Fn_AddEditData, Fn_FillListData } from \"../../store/functions\";\nimport Switch from \"react-switch\";\n\nclass pageAddEdit_BankMaster extends Component {\n constructor(props) {\n super(props);\n this.state = {\n id: 0,\n formData: {},\n isMDistributor : false,\n isSDistributor : false,\n isDistributor : false,\n isRetailer : false,\n switch9 : true,\n success_msg:false,\n confirm_alert: false,\n IsActive : true,\n IsNEFTActive : true,\n IsIMPSActive : true\n };\n this.obj = this;\n this.formTitle = \"SMS API\";\n this.breadCrumbTitle = \"SMS API\";\n this.breadCrumbItem = \"Add \" + this.formTitle;\n this.API_URL_SAVE = API_WEB_URLS.BANKADD + \"/0/token\";\n this.pushFormName = \"/masters-bankmaster\";\n this.rtPage_Redirect = \"/masters-bankmaster\";\n\n //Event Binding\n this.btnSave_onClick = this.btnSave_onClick.bind(this);\n this.btnCancel_onClick = this.btnCancel_onClick.bind(this);\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/BankMaster\";\n this.syno = this.syno.bind(this);\n \n }\n componentDidMount() {\n\n\n\n\n const { id } = this.props.match.params;\n\n if (id) {\n this.setState({ id: id });\n this.breadCrumbItem = \"Edit \" + this.formTitle;\n Fn_DisplayData(this.obj, id, this.API_URL + \"/Id\");\n } else {\n this.setState({ id: 0 });\n }\n }\n\n\n\n\n\n\n\n\n\n \n syno () {\n this.setState({success_msg : false ,update_msg : false})\n \n this.props.history.push(`${this.rtPage_Redirect}`, {});\n }\n\n\n btnSave_onClick(event, formData) {\n\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n\n\n let vformData = new FormData();\n //Information\n vformData.append(\"Name\", formData.Name);\n vformData.append(\"IFSC\", formData.IFSC);\n vformData.append(\"IsNEFTActive\", this.state.IsNEFTActive ? true : false );\n vformData.append(\"IsIMPSActive\", this.state.IsIMPSActive ? true : false);\n \n \n\n\n\n if (!this.state.id) {\n Fn_AddEditData(this.obj, { arguList: { id: 0, formData: vformData } }, this.API_URL_SAVE, \"#\", true , \"SMSId\");\n }\n\n else {\n Fn_AddEditData(this.obj, { arguList: { id: this.state.id, formData: vformData } }, this.API_URL_SAVE, \"#\", true , \"kuku\" , \"update_msg\");\n }\n }\n\n btnCancel_onClick = event => {\n event.preventDefault();\n //this.props.history.goBack();\n this.props.history.push(this.pushFormName);\n };\n\n\n\n render() {\n\n\n\n\n \n const Offsymbolb = () => {\n return (\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n \n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n\n \n
\n\n \n
\n \n\n \n
\n\n \n
\n \n\n \n\n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n SAVE\n \n\n \n Cancel\n \n\n {this.state.success_msg ? (\n \n Bank Saved!\n \n ) : null}\n \n
\n \n Name: {selectedFormData.Name}\n
\n \n \n );\n }\n render() {\n return (\n\n\n \n
\n );\n }\n}\nexport default compose(container)(pageList_TransactionStatusCode);\n","import React, { Component } from \"react\";\r\nimport {\r\n Container,\r\n Row,\r\n Col,\r\n Form,\r\n FormGroup,\r\n Input,\r\n Card,\r\n CardBody,\r\n CardTitle,\r\n CardSubtitle,\r\n Button,\r\n Label,\r\n Alert,\r\n} from \"reactstrap\";\r\nimport Select from \"react-select\";\r\nimport Dropzone from \"react-dropzone\";\r\nimport { useSelector } from \"react-redux\";\r\n// Redux\r\nimport { withRouter, Link } from \"react-router-dom\";\r\n// availity-reactstrap-validation\r\nimport {\r\n AvForm,\r\n AvField,\r\n AvCheckboxGroup,\r\n AvCheckbox,\r\n AvGroup,\r\n AvInput,\r\n} from \"availity-reactstrap-validation\";\r\n\r\n//Import Breadcrumb\r\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\r\n//Constants\r\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\r\n//Store\r\nimport { compose } from \"recompose\";\r\nimport { container } from \"../../store/Containers/cntCommon\";\r\nimport { Fn_DisplayData, Fn_AddEditData } from \"../../store/functions\";\r\n\r\nclass pageAddEdit_TransactionStatusCode extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n id: 0,\r\n formData: {},\r\n };\r\n this.obj = this;\r\n this.formTitle = \"Transaction Status\";\r\n this.breadCrumbTitle = \"Masters\";\r\n this.breadCrumbItem = \"Add \" + this.formTitle;\r\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/StatusCode\";\r\n this.API_URL_SAVE = \"TransactionStatusCode/0/token\";\r\n this.pushFormName = \"/transactioncodemaster\";\r\n\r\n //Event Binding\r\n this.btnSave_onClick = this.btnSave_onClick.bind(this);\r\n this.btnCancel_onClick = this.btnCancel_onClick.bind(this);\r\n }\r\n componentDidMount() {\r\n const { id } = this.props.match.params;\r\n if (id) {\r\n this.setState({ id: id });\r\n this.breadCrumbItem = \"Edit \" + this.formTitle;\r\n Fn_DisplayData(this.obj, id, this.API_URL + \"/Id\");\r\n } else {\r\n this.setState({ id: 0 });\r\n }\r\n }\r\n btnSave_onClick(event, formData) {\r\n \r\n let vformData = new FormData();\r\n //Information\r\n vformData.append(\"F_ServiceTypeMaster\", this.state.formData.F_ServiceTypeMaster);\r\n vformData.append(\"TransactionAPICode\", formData.TransacionAPICode);\r\n vformData.append(\"StatusAPICode\", formData.StatusAPICode );\r\n vformData.append(\"F_TransactionStatusMaster\", this.state.formData.F_TransactionStatusMaster);\r\n \r\n if (!this.state.id)\r\n Fn_AddEditData(\r\n this.obj,\r\n { arguList: { id: 0, name: formData.Name } },\r\n this.API_URL_SAVE,\r\n this.pushFormName\r\n );\r\n else\r\n Fn_AddEditData(this.obj, { arguList: { id: this.state.id, formData: vformData } }, this.API_URL_SAVE, this.pushFormName, true , \"\" , \"\");\r\n }\r\n\r\n btnCancel_onClick = event => {\r\n event.preventDefault();\r\n //this.props.history.goBack();\r\n this.props.history.push(this.pushFormName);\r\n };\r\n render() {\r\n return (\r\n \r\n \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n \r\n Fill all information below\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Save Changes\r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n \n Name: {selectedFormData.Name}\n
\n \n \n );\n }\n render() {\n return (\n\n\n \n
\n );\n }\n}\nexport default compose(container)(pageList_IFSCSwap);\n","import React, { Component } from \"react\";\r\nimport {\r\n Container,\r\n Row,\r\n Col,\r\n Form,\r\n FormGroup,\r\n Input,\r\n Card,\r\n CardBody,\r\n CardTitle,\r\n CardSubtitle,\r\n Button,\r\n Label,\r\n Alert,\r\n} from \"reactstrap\";\r\nimport Select from \"react-select\";\r\nimport Dropzone from \"react-dropzone\";\r\nimport { useSelector } from \"react-redux\";\r\n// Redux\r\nimport { withRouter, Link } from \"react-router-dom\";\r\n// availity-reactstrap-validation\r\nimport {\r\n AvForm,\r\n AvField,\r\n AvCheckboxGroup,\r\n AvCheckbox,\r\n AvGroup,\r\n AvInput,\r\n} from \"availity-reactstrap-validation\";\r\n\r\n//Import Breadcrumb\r\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\r\n//Constants\r\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\r\n//Store\r\nimport { compose } from \"recompose\";\r\nimport { container } from \"../../store/Containers/cntCommon\";\r\nimport { Fn_DisplayData, Fn_AddEditData } from \"../../store/functions\";\r\n\r\nclass pageAddEdit_IFSCSwapMaster extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n id: 0,\r\n formData: {},\r\n };\r\n this.obj = this;\r\n this.formTitle = \" BANK API SWITCH IFSC\";\r\n this.breadCrumbTitle = \"Masters\";\r\n this.breadCrumbItem = \"Add \" + this.formTitle;\r\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/IFScSwap\";\r\n this.API_URL_SAVE = \"IFSCSwap/0/token\";\r\n this.pushFormName = \"/ifscswap\";\r\n\r\n //Event Binding\r\n this.btnSave_onClick = this.btnSave_onClick.bind(this);\r\n this.btnCancel_onClick = this.btnCancel_onClick.bind(this);\r\n }\r\n componentDidMount() {\r\n const { id } = this.props.match.params;\r\n if (id) {\r\n this.setState({ id: id });\r\n this.breadCrumbItem = \"Edit \" + this.formTitle;\r\n Fn_DisplayData(this.obj, id, this.API_URL + \"/Id\");\r\n } else {\r\n this.setState({ id: 0 });\r\n }\r\n }\r\n btnSave_onClick(event, formData) {\r\n \r\n let vformData = new FormData();\r\n //Information\r\n vformData.append(\"IFSC\", formData.IFSC);\r\n \r\n if (!this.state.id)\r\n Fn_AddEditData(\r\n this.obj,\r\n { arguList: { id: 0, name: formData.Name } },\r\n this.API_URL_SAVE,\r\n this.pushFormName\r\n );\r\n else\r\n Fn_AddEditData(this.obj, { arguList: { id: this.state.id, formData: vformData } }, this.API_URL_SAVE, this.pushFormName, true , \"\" , \"\");\r\n }\r\n\r\n btnCancel_onClick = event => {\r\n event.preventDefault();\r\n //this.props.history.goBack();\r\n this.props.history.push(this.pushFormName);\r\n };\r\n render() {\r\n return (\r\n \r\n \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n \r\n Fill all information below\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Save Changes\r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n \n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n Hi there! 👋 ,
\n \n
\n\n\n \n\n\n {/* \n
\n\n \n \n
*/}\n \n Fn_ChangeStateValue(this.obj, 'MobileNo', e.target.value)} placeholder=\"Enter 10 digits Mobile No.\" type=\"number\" disabled={this.state.isRegistered} className=\"form-control\" />\n \n
}\n \n \n
\n \n \n \n \n \n Add Beneficiary\n \n \n\n\n\n\n \n Fn_ChangeStateValue(this.obj, 'Name', e.target.value)} placeholder=\"Name\" type=\"text\" className=\"form-control\" />\n \n
\n\n\n \n Fn_ChangeStateValue(this.obj, 'Address', e.target.value)} placeholder=\"Address\" type=\"text\" className=\"form-control\" />\n \n
\n\n \n Fn_ChangeStateValue(this.obj, 'BenMobileNo', e.target.value)} placeholder=\"BenMobileNo\" type=\"text\" className=\"form-control\" />\n \n
\n \n\n\n\n \n {\n Fn_ChangeStateValue(this.obj, 'GenderId', e.target.value);\n \n }} type=\"select\" className=\"form-select\" >\n \n {this.state.genderData\n ? this.state.genderData.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n\n \n {\n Fn_ChangeStateValue(this.obj, 'RelationshipId', e.target.value);\n \n }} type=\"select\" className=\"form-select\" >\n \n {this.state.relationshipData\n ? this.state.relationshipData.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n\n \n {\n Fn_ChangeStateValue(this.obj, 'ModeId', e.target.value);\n \n }} type=\"select\" className=\"form-select\" >\n \n {this.state.modeData\n ? this.state.modeData.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n {this.state.ModeId == \"Account Deposit\" ? \n <>\n \n {\n Fn_ChangeStateValue(this.obj, 'BankId', e.target.value);\n this.onChangeBank(e)\n \n }} type=\"select\" className=\"form-select\" >\n \n {this.state.bankData\n ? this.state.bankData.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n \n \n {\n Fn_ChangeStateValue(this.obj, 'BranchId', e.target.value);\n this.onChangeBranch(e);\n \n }} type=\"select\" className=\"form-select\" >\n \n {this.state.branchData\n ? this.state.branchData.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n\n \n Fn_ChangeStateValue(this.obj, 'benCity', e.target.value)} placeholder=\"benCity\" type=\"text\" className=\"form-control\" />\n \n
\n\n \n Fn_ChangeStateValue(this.obj, 'benAccountNo', e.target.value)} placeholder=\"benAccountNo\" type=\"text\" className=\"form-control\" />\n \n
\n \n\n : null\n \n } \n\n\n \n\n \n \n \n \n\n\n\n \n \n {this.state.loading ? \n \n \n \n \n
\n \n \n
\n \n Hi there! 👋 , {this.state.CustomerData.name}
\n \n Total Transactions - {this.state.CustomerData.year}
\n \nYour Daily Limit - {this.state.SenderId[0].DailyLimit}
\n \n \nTotal Benficiary - {this.state.SenderId[0].TotalBeneficiary}
\n \n \n\n {this.state.CustomerData.ekycStatus == 'Unverified' ?\n \n Get Verify\n \n : null }\n \n Add Beneficiary\n \n \n \n Reset\n \n \n \n
\n \n \n : \n \n Proceed\n \n <>\n\n {/* \n Verify\n */}\n \n \n \n \n
\n \n\n\n \n
\n Verify Sender
\n \n\n\n \n Fn_ChangeStateValue(this.obj, 'SenFirstName', e.target.value)} placeholder=\"Enter SenFirstName .\" type=\"text\" className=\"form-control\" />\n Fn_ChangeStateValue(this.obj, 'SenLastName', e.target.value)} placeholder=\"Enter SenLastName .\" type=\"text\" className=\"form-control\" />\n Fn_ChangeStateValue(this.obj, 'SenDOB', e.target.value)} placeholder=\"Enter SenDOB .\" type=\"date\" className=\"form-control\" />\n {\n Fn_ChangeStateValue(this.obj, 'SenGenderId', e.target.value);\n \n }} type=\"select\" className=\"form-select\" >\n \n {this.state.genderData\n ? this.state.genderData.map(\n (option, key) => (\n \n )\n )\n : null}\n \n\n\n {\n Fn_ChangeStateValue(this.obj, 'SenStateId', e.target.value);\n this.onChangeState(e);\n }} type=\"select\" className=\"form-select\" >\n \n {this.state.state\n ? this.state.state.map(\n (option, key) => (\n \n )\n )\n : null}\n \n\n\n {\n Fn_ChangeStateValue(this.obj, 'SenDistrictId', e.target.value);\n \n }} type=\"select\" className=\"form-select\" >\n \n {this.state.District\n ? this.state.District.map(\n (option, key) => (\n \n )\n )\n : null}\n \n Fn_ChangeStateValue(this.obj, 'SenCity', e.target.value)} placeholder=\"Enter SenCity .\" type=\"text\" className=\"form-control\" />\n\n Fn_ChangeStateValue(this.obj, 'SenAddress', e.target.value)} placeholder=\"Enter SenAddress .\" type=\"text\" className=\"form-control\" />\n\n Fn_ChangeStateValue(this.obj, 'SenEmployer', e.target.value)} placeholder=\"Enter SenEmployer .\" type=\"text\" className=\"form-control\" />\n\n \n \n Fn_ChangeStateValue(this.obj, 'SenNationaltityId', e.target.value)} placeholder=\"Enter SenNationaltityId .\" type=\"text\" className=\"form-control\" disabled />\n\n {\n Fn_ChangeStateValue(this.obj, 'SenIncomeSourceId', e.target.value);\n \n }} type=\"select\" className=\"form-select\" >\n \n {this.state.incomeSourceData\n ? this.state.incomeSourceData.map(\n (option, key) => (\n \n )\n )\n : null}\n \n\n\n {\n Fn_ChangeStateValue(this.obj, 'SenDocId', e.target.value);\n \n }} type=\"select\" className=\"form-select\" >\n \n\n \n \n \n Fn_ChangeStateValue(this.obj, 'SenIdNumber', e.target.value)} placeholder=\"Enter Id Number .\" type=\"text\" className=\"form-control\" />\n {/* Fn_ChangeStateValue(this.obj, 'SenIdIssuedPlace', e.target.value)} placeholder=\"Enter SenIdIssuedPlace .\" type=\"text\" className=\"form-control\" />\n Fn_ChangeStateValue(this.obj, 'SenIdExpiryDate', e.target.value)} placeholder=\"Enter SenIdExpiryDate .\" type=\"text\" className=\"form-control\" /> */}\n\n\n Fn_ChangeStateValue(this.obj, 'Otp', e.target.value)} placeholder=\"Enter Otp .\" type=\"number\" className=\"form-control\" />\n \n
\n Sender is not Registered.
\n\n \n \n \n
\n \n\n\n\n\n\n \n
\n Verify Details
\n \n\n \n
\n
\n
\n
\n
\n \n Fn_ChangeStateValue(this.obj, 'Amount', e.target.value)} placeholder=\"Enter Amount\" type=\"number\" className=\"form-control\" />\n {\n Fn_ChangeStateValue(this.obj, 'ReasonId', e.target.value);\n \n }} type=\"select\" className=\"form-select\" >\n \n \n \n \n \n \n \n \n \n \n
\n Account Holder Name : {this.state.BenDetails[0].name}
\n\n
Mobile No : {this.state.BenDetails[0].mobile}
\n\n
Payment Mode : {this.state.BenDetails[0].paymentMode}
\n\n
Account No : {this.state.BenDetails[0].acNumber}
\n\n
Bank Name : {this.state.BenDetails[0].bankName}
\n\n \n
\n \n \n
\n \n\n\n\n\n \n
\n Verify Details
\n \n\n\n
\n
\n
\n
\n
\n
\n
\n \n Fn_ChangeStateValue(this.obj, 'VerifyOTP', e.target.value)} placeholder=\"Enter OTP\" type=\"number\" className=\"form-control\" />\n\n\n\n\n
\n\n\n \n CollectionAmount : {this.state.collectionAmount}
\n\n
CollectionCurrency : {this.state.collectionCurrency}
\n\n
ServiceCharge : {this.state.serviceCharge}
\n\n
TransferAmount : {this.state.transferAmount}
\n\n
ExchangeRate : {this.state.exchangeRate}
\n\n
PayoutAmount : {this.state.payoutAmount}
\n\n
PayoutCurrency : {this.state.payoutCurrency}
\n\n \n
\n \n \n
\n \n \n \n \n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n\n{this.state.success_msg_Ben ? (\n \n \n \n ) : null}\n\n\n\n{this.state.success_verify ? (\n \n \n \n ) : null}\n\n\n{this.state.error_ben ? (\n \n \n \n ) : null}\n\n\n\n\n\n {this.state.limitexceeded ? (\n \n \n \n ) : null}\n\n{this.state.insufficienfund ? (\n \n \n \n ) : null}\n\n\n{this.state.tranfailed ? (\n \n TRANSACTION CODE - {this.state.transactioncode}\n {this.state.faildata}\n \n \n ) : null}\n\n\n{this.state.transuccess ? (\n \n TRANSACTION CODE - {this.state.transactioncode}\n PinNo = {this.state.utr}\n \n \n ) : null}\n\n \n\n{this.state.confirm_alert ? (\n \n You won`t be able to revert this!\n Amount - {this.state.Amount}\n \n ) : null}\n
\n \n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n */}\n \n \n\n \n \n \n Fn_ChangeStateValue(this.obj, 'CustMobileNO', e.target.value)} placeholder=\"MobileNo\" type=\"number\" className=\"form-control\" />\n \n\n {this.state.CustMobileNO.length == 10 ? \n <>\n Fn_ChangeStateValue(this.obj, 'CustAadharNo', e.target.value)} placeholder=\"AadharNo\" type=\"number\" className=\"form-control\" />\n \n \n \n \n \n\n\n \n \n \n \n \n \n\n\n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n\n\n
\n\n \n {this.state.selectedOption == \"1\" ?\n <>\n \n Fn_ChangeStateValue(this.obj, 'Amount', e.target.value)} placeholder=\"Amount\" type=\"number\" className=\"form-control\" />\n : null\n }\n
\n\n\n\n\n\n \n \n \n \n {/* \n \n \n \n \n \n \n \n \n {this.state.banklist\n ? this.state.banklist.map(\n (option, key) => (\n \n )\n )\n : null}\n \n */}\n\n
\n\n\n {/* \n \n Fn_ChangeStateValue(this.obj, 'AadharNo', e.target.value)} placeholder=\"AadharNo\" type=\"number\" className=\"form-control\" />\n \n
*/}\n {/* \n \n Fn_ChangeStateValue(this.obj, 'CustMobileNO', e.target.value)} placeholder=\"CustMobileNo\" type=\"number\" className=\"form-control\" />\n \n
*/}\n{/* \n \n\n \n \n \n \n \n \n \n \n
*/}\n\n\n {/* {this.state.isPay == true ? \n\n \n Fn_ChangeStateValue(this.obj, 'Amount', e.target.value)} placeholder=\"Amount\" type=\"number\" className=\"form-control\" />\n \n
\n\n : null } */}\n\n \n \n\n\n \n\n \n {/* \n */}\n \n \n
\n\n {(this.state.selectedOption == \"1\" && this.state.Amount > 0) || (this.state.selectedOption==\"2\") ?<>\n \n \n Proceed\n \n \n
: null}\n\n\n {this.state.reset ?<>\n \n this.setState({productData : [], accbalance : 0, accholder : '', reset : false})}\n >\n Reset\n \n \n
: null}\n\n \n\n \n \n \n\n{this.state.TransactionTypeId == 4 ?\n this.props.history.push('/printministatement', { data: this.state.minidata })}\n >\n Print\n : null }\n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n \n\n \n Account Holder : {this.state.accholder}
\n \n Acc. Balance : {this.state.accbalance}
\n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n \n \n
\n \n Customer Details
\n\n I give my consent for being authenticated for this transaction initiated by myself using my above mentioned Aadhaar number.\n
\n \n \n : null}\n \nBank Details
\n\n{this.state.CustAadharNo.length == 12 ? <>\n\nTransaction Details
\n\n\n\n\n\n \n
\n \n
\n \n\n \n \n Cash Withdraw\n \n
\n {/*{user.designation}
*/}\n\n \n
\n \n
\n \n\n \n \n Balance and Statement\n \n
\n {/*{user.designation}
*/}\n\n \n Proceed\n \n \n Check Device\n \n\n \n Capture\n \n\n \n Cancel\n \n
*/}\n \n \n {/* \n
\n \n \n
\n Account Holder : {this.state.accholder}
\n \n Acc. Balance : {this.state.accbalance}
\n \n
\n \n \n
\n \n
\n \n \n
\n Daily AEPS Authenticate
\n \n\n \n \n
\n \n \n
\n \n \n \n \n \n \n
\n\n \n \n Fn_ChangeStateValue(this.obj, 'RetailerMobileNo', e.target.value)} placeholder=\"Enter Mobile No.\" type=\"number\" className=\"form-control\" />\n \n
\n\n\n \n
\n \n
\n\n \n
\n \n \n Verification
\n \n\n Hi , {this.state.RetailerName}, Complete verification with your registered Mobile No. with Aadhaar *** *** {this.state.RetailerAadhaarNo}\n
\n \n\n\n {this.state.IsNoDone ? \n\n this.state.fingerprint == '' ? \n\n \n : <>
\n \n\n\n\n\n\n Scanned
\n \n\n \n :\n \n }\n \n\n
\n AEPS Authenticate
\n \n\n \n \n
\n \n \n
\n \n \n \n \n \n \n
\n\n \n \n Fn_ChangeStateValue(this.obj, 'RetailerMobileNo', e.target.value)} placeholder=\"Enter Mobile No.\" type=\"number\" className=\"form-control\" />\n \n
\n\n\n \n
\n \n
\n\n \n
\n \n \n Verification
\n \n\n Hi , {this.state.RetailerName}, Complete verification with your registered Mobile No. with Aadhaar *** *** {this.state.RetailerAadhaarNo}\n
\n \n\n\n {this.state.IsNoDone ? \n\n this.state.fingerprint == '' ? \n\n \n : <>
\n \n\n\n \n\n\n Scanned
\n \n\n \n :\n \n }\n \n\n
\n Confirm and Scan
\n \n\n \n \n Aadhaar : {this.state.CustAadharNo}
\n \n \n
\n\n \n \n \n \n \n
\n \n \n\n
\n\n \n \n \n \n \n\n\n {this.state.selectedOption == \"1\" ? <>\n \n\n : }\n \n
\n\n \n\n\n \n
\n Aadhaar : {this.state.CustAadharNo}
\n Mobile : {this.state.CustMobileNO}
\n Bank : {this.state.selectedGroup.label}
\n {this.state.selectedOption == \"1\" ? 'Amount :' + this.state.Amount : null}\n \n
\n \n \n \n\n\n {this.state.fingerprint == '' ?\n : \n\n <>
\n \n\n\n\n \n\n \n\n\n\n \n \n Scanned
\n \n\n \n }\n \n \n\n \n\n {this.state.success_balance ? (\n \n Balance - {this.state.balance}\n \n ) : null}\n\n\n{this.state.success_tran ? (\n \n \n \n ) : null}\n\n\n\n\n{this.state.success_tranp ? (\n \n \n BANK RRN : {this.state.bankrrn}\n \n ) : null}\n\n\n{this.state.success_auth ? (\n \n Now you can use AEPS services today!\n \n ) : null}\n {this.state.confirm_alert ? (\n this.props.btnDelete_onClick(this.props.selectedFormData)}\n // onCancel={() =>this.props.toggleDeleteConfirm(this.props.obj,formData,false)}\n >\n \n \n ) : null}\n
\n \n \n
\n );\n }\n}\nexport default compose(container)(pageList_RechargeOperator);\n","import React, { Component } from \"react\";\nimport {\n Container,\n Row,\n Col,\n Form,\n FormGroup,\n Input,\n Card,\n CardBody,\n CardTitle,\n CardSubtitle,\n Button,\n Label,\n Alert,\n NavItem,\n NavLink,\n TabContent,\n TabPane\n} from \"reactstrap\";\n\nimport classnames from \"classnames\";\nimport SweetAlert from \"react-bootstrap-sweetalert\"\n\n\n// availity-reactstrap-validation\nimport {\n AvForm,\n AvField,AvRadioGroup,AvRadio\n} from \"availity-reactstrap-validation\";\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\nimport { withRouter, Link } from \"react-router-dom\";\n//Constants\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\n//Store\nimport { compose } from \"recompose\";\nimport { container } from \"../../store/Containers/cntCommon\";\nimport { Fn_DisplayData, Fn_AddEditData, Fn_FillListData } from \"../../store/functions\";\nimport Switch from \"react-switch\";\n\nclass pageAddEdit_RechargeOperator extends Component {\n constructor(props) {\n super(props);\n this.state = {\n id: 0,\n formData: {},\n isMDistributor : false,\n isSDistributor : false,\n isDistributor : false,\n isRetailer : false,\n switch9 : true,\n success_msg:false,\n confirm_alert: false,\n IsActive : true\n };\n this.obj = this;\n this.formTitle = \"Recharge Operator\";\n this.breadCrumbTitle = \"Recharge Operator\";\n this.breadCrumbItem = \"Add \" + this.formTitle;\n this.API_URL_SAVE = API_WEB_URLS.RECHARGEOPERATOR + \"/0/token\";\n this.pushFormName = \"/masters-rechargeoperator\";\n this.rtPage_Redirect = \"/masters-rechargeoperator\";\n\n //Event Binding\n this.btnSave_onClick = this.btnSave_onClick.bind(this);\n this.btnCancel_onClick = this.btnCancel_onClick.bind(this);\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/RechargeOperator\";\n this.syno = this.syno.bind(this);\n \n }\n componentDidMount() {\n\n\n\n\n const { id } = this.props.match.params;\n\n Fn_FillListData(this.obj, \"rechargetype\", API_WEB_URLS.MASTER + \"/0/token/Rechargetype/Id/0\");\n Fn_FillListData(this.obj, \"rechargeapi\", API_WEB_URLS.MASTER + \"/0/token/RechargeAPI/Id/0\");\n\n\n if (id) {\n this.setState({ id: id });\n this.breadCrumbItem = \"Edit \" + this.formTitle;\n Fn_DisplayData(this.obj, id, this.API_URL + \"/Id\");\n } else {\n this.setState({ id: 0 });\n }\n }\n\n\n\n\n\n\n\n\n\n \n syno () {\n this.setState({success_msg : false ,update_msg : false})\n \n this.props.history.push(`${this.rtPage_Redirect}`, {});\n }\n\n\n btnSave_onClick(event, formData) {\n\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n\n\n let vformData = new FormData();\n //Information\n vformData.append(\"Name\", formData.Name);\n vformData.append(\"F_RechargeType\", formData.F_RechargeType);\n vformData.append(\"OPID\", formData.OPID );\n vformData.append(\"IsActive\", this.state.IsActive ? true : false);\n vformData.append(\"F_RechargeAPIMaster\", formData.F_RechargeAPIMaster);\n \n\n if (!this.state.id) {\n Fn_AddEditData(this.obj, { arguList: { id: 0, formData: vformData } }, this.API_URL_SAVE, this.pushFormName, true , \"Id\");\n }\n\n else {\n Fn_AddEditData(this.obj, { arguList: { id: this.state.id, formData: vformData } }, this.API_URL_SAVE, this.pushFormName, true );\n }\n }\n\n btnCancel_onClick = event => {\n event.preventDefault();\n //this.props.history.goBack();\n this.props.history.push(this.pushFormName);\n };\n\n\n\n render() {\n\n\n\n\n \n const Offsymbolb = () => {\n return (\n \n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n\n \n
\n\n \n \n \n {this.state.rechargetype\n ? this.state.rechargetype.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n\n\n \n \n \n {this.state.rechargeapi\n ? this.state.rechargeapi.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n\n\n \n
\n \n\n \n
\n\n \n\n \n\n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n SAVE\n \n\n \n Cancel\n \n\n {this.state.success_msg ? (\n \n Bank Saved!\n \n ) : null}\n \n
\n \n \n
\n );\n }\n}\nexport default compose(container)(pageList_RechargeAPI);\n","import React, { Component } from \"react\";\nimport {\n Container,\n Row,\n Col,\n Form,\n FormGroup,\n Input,\n Card,\n CardBody,\n CardTitle,\n CardSubtitle,\n Button,\n Label,\n Alert,\n NavItem,\n NavLink,\n TabContent,\n TabPane\n} from \"reactstrap\";\n\nimport classnames from \"classnames\";\nimport SweetAlert from \"react-bootstrap-sweetalert\"\n\n\n// availity-reactstrap-validation\nimport {\n AvForm,\n AvField,AvRadioGroup,AvRadio\n} from \"availity-reactstrap-validation\";\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\nimport { withRouter, Link } from \"react-router-dom\";\n//Constants\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\n//Store\nimport { compose } from \"recompose\";\nimport { container } from \"../../store/Containers/cntCommon\";\nimport { Fn_DisplayData, Fn_AddEditData, Fn_FillListData } from \"../../store/functions\";\nimport Switch from \"react-switch\";\n\nclass pageAddEdit_RechargeAPI extends Component {\n constructor(props) {\n super(props);\n this.state = {\n id: 0,\n formData: {},\n isMDistributor : false,\n isSDistributor : false,\n isDistributor : false,\n isRetailer : false,\n switch9 : true,\n success_msg:false,\n confirm_alert: false,\n IsDefault : true\n };\n this.obj = this;\n this.formTitle = \"RECHARGE API\";\n this.breadCrumbTitle = \"RECHARGE API\";\n this.breadCrumbItem = \"Add \" + this.formTitle;\n this.pushFormName = \"/masters-rechargeapi\";\n this.rtPage_Redirect = \"/masters-rechargeapi\";\n\n //Event Binding\n this.btnSave_onClick = this.btnSave_onClick.bind(this);\n this.btnCancel_onClick = this.btnCancel_onClick.bind(this);\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/RechargeApi\";\n this.API_URL_SAVE = API_WEB_URLS.RECHARGEAPI + \"/0/token\";\n this.syno = this.syno.bind(this);\n \n }\n componentDidMount() {\n\n\n\n\n const { id } = this.props.match.params;\n\n Fn_FillListData(this.obj, \"rechargetype\", API_WEB_URLS.MASTER + \"/0/token/Rechargetype/Id/0\");\n\n if (id) {\n this.setState({ id: id });\n this.breadCrumbItem = \"Edit \" + this.formTitle;\n Fn_DisplayData(this.obj, id, this.API_URL + \"/Id\");\n } else {\n this.setState({ id: 0 });\n }\n }\n\n\n\n\n\n\n\n\n\n \n syno () {\n this.setState({success_msg : false ,update_msg : false})\n \n this.props.history.push(`${this.rtPage_Redirect}`, {});\n }\n\n\n btnSave_onClick(event, formData) {\n\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n\n\n let vformData = new FormData();\n //Information\n vformData.append(\"Name\", formData.Name);\n vformData.append(\"Url\", formData.Url);\n vformData.append(\"IsDefault\", this.state.IsDefault ? true : false );\n vformData.append(\"F_RechargeTypeMaster\", formData.F_RechargeType);\n vformData.append(\"SuccessCode\", formData.SuccessCode);\n vformData.append(\"ErrorCode\", formData.ErrorCode);\n \n\n\n if (!this.state.id) {\n Fn_AddEditData(this.obj, { arguList: { id: 0, formData: vformData } }, this.API_URL_SAVE, this.pushFormName, true , \"Id\");\n }\n\n else {\n Fn_AddEditData(this.obj, { arguList: { id: this.state.id, formData: vformData } }, this.API_URL_SAVE, this.pushFormName, true );\n }\n }\n\n btnCancel_onClick = event => {\n event.preventDefault();\n //this.props.history.goBack();\n this.props.history.push(this.pushFormName);\n };\n\n\n\n render() {\n\n\n\n\n \n const Offsymbolb = () => {\n return (\n \n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n\n \n
\n\n\n \n
\n\n \n \n \n {this.state.rechargetype\n ? this.state.rechargetype.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n \n
\n\n \n
\n\n \n\n \n
\n\n \n\n \n\n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n SAVE\n \n\n \n Cancel\n \n\n {this.state.success_msg ? (\n \n Bank Saved!\n \n ) : null}\n \n
\n \n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n
\n - \n
\n \n \n \n\n \n \n \n\n \n Fn_ChangeStateValue(this.obj, 'PrepaidMobileNo', e.target.value)} placeholder=\"Enter MobileNo\" type=\"number\" className=\"form-control\" />\n \n\n\n\n Fn_ChangeStateValue(this.obj, 'PrepaidAmount', e.target.value)} placeholder=\"Enter Amount\" type=\"number\" className=\"form-control\" />\n \n\n
\n\n\n \n\n \n Fn_ChangeStateValue(this.obj, 'PrepaidOperatorId', e.target.value)} type=\"select\" className=\"form-select\" >\n \n {this.state.operator\n ? this.state.operator.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n \n \n \n \n \n
\n \n \n\n\n \n \n\n\n\n \n \n \n\n \n Fn_ChangeStateValue(this.obj, 'PostpaidMobileNo', e.target.value)} placeholder=\"Enter MobileNo\" type=\"number\" className=\"form-control\" />\n \n\n\n\n Fn_ChangeStateValue(this.obj, 'PostpaidAmount', e.target.value)} placeholder=\"Enter Amount\" type=\"number\" className=\"form-control\" />\n \n\n
\n\n\n \n\n \n Fn_ChangeStateValue(this.obj, 'PostpaidOperatorId', e.target.value)} type=\"select\" className=\"form-select\" >\n \n {this.state.operator\n ? this.state.operator.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n \n \n \n \n \n
\n \n \n \n \n \n\n \n \n\n\n\n \n \n \n \n \n Fn_ChangeStateValue(this.obj, 'DTHNo', e.target.value)} placeholder=\"Enter DTHNo\" type=\"number\" className=\"form-control\" />\n \n \n \n \n Fn_ChangeStateValue(this.obj, 'DTHAmount', e.target.value)} placeholder=\"Enter DTHAmount\" type=\"number\" className=\"form-control\" />\n \n \n
\n \n \n \n \n \n Fn_ChangeStateValue(this.obj, 'DTHOperatorId', e.target.value)} type=\"select\" className=\"form-select\" >\n \n {this.state.operator\n ? this.state.operator.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \n \n\n\n\n{this.state.isLoading ? \n \n Loading\n : \n Recharge\n }\n \n \n \n\n \n Cancel\n \n\n {this.state.success_recharge ? (\n \n \n \n ) : null}\n\n{this.state.error_recharge ? (\n \n {this.state.error};\n \n ) : null}\n\n{this.state.insufficienfund ? (\n \n \n \n ) : null}\n\n \n \n
\n \n \n
\n )\n }, {\n dataField: 'TransactionCode',\n text: 'TransactionCode',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n }, {\n dataField: 'Amount',\n text: 'Amount',\n sort: true,\n footer: columnData => (\n \n {sumAmount}\n
\n )\n }, {\n dataField: 'CrComm',\n text: 'Cr Comm.',\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n footer: columnData => (\n \n {Number(sumCrComm).toFixed(2)}\n
\n )\n }, \n {\n dataField: 'DrComm',\n text: 'Dr Comm.',\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n footer: columnData => (\n \n {Number(sumDrComm).toFixed(2)}\n
\n )\n }, \n {\n dataField: 'TDS',\n text: 'TDS',\n sort: true,\n footer: columnData => (\n \n {Number(sumTDS).toFixed(2)}\n
\n )\n },\n \n {\n dataField: 'Remarks',\n text: 'Remarks',\n sort: true\n },\n {\n dataField: 'AgentId',\n text: 'AgentId',\n sort: true\n }\n ,\n {\n dataField: 'Service',\n text: 'Service',\n sort: true\n }\n \n\n \n \n ];\n\n const defaultSorted = [{\n dataField: 'id',\n order: 'asc'\n }];\n\n const pageOptions = {\n sizePerPage: 50,\n totalSize: this.state.productData.length, // replace later with size(customers),\n custom: true,\n }\n\n // Custom Pagination Toggle\n const sizePerPageList = [\n { text: '5', value: 5 },\n { text: '10', value: 10 },\n { text: '15', value: 15 },\n { text: '20', value: 20 },\n { text: '25', value: 25 },\n { text: 'All', value: (this.state.productData).length }];\n\n\n // Select All Button operation\n const selectRow = {\n mode: 'checkbox'\n }\n\n const { SearchBar } = Search;\n\n return (\n\n\n\n\n <>\n\n\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n \n \n
\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n \n \n {this.state.usertype\n ? this.state.usertype.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n \n\n {\n this.state.isDistributor == true ?\n\n <>\n
: null}\n \n \n\n\n\n \n View\n \n\n \n Excel\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n\n
\n\n\n \n \n Fn_ChangeStateValue(this.obj, 'AadharNo', e.target.value)} placeholder=\"AadharNo\" type=\"number\" className=\"form-control\" />\n \n
\n \n \n Fn_ChangeStateValue(this.obj, 'MobileNo', e.target.value)} placeholder=\"MobileNo\" type=\"number\" className=\"form-control\" />\n \n
\n\n \n\n \n \n \n \n \n \n
\n\n\n \n\n\n \n\n \n \n \n \n \n
\n\n\n\n\n \n\n \n\n\n\n \n \n \n
\n \n \n \n Proceed\n \n\n \n Check Device\n \n\n \n Capture\n \n\n \n Cancel\n \n
\n \n \n \n \n\n {this.state.success_msg ? (\n \n Now please Authenticate to use AEPS!\n \n ) : null}\n\n{this.state.success_auth ? (\n \n Now you can use AEPS services today!\n \n ) : null}\n {this.state.confirm_alert ? (\n this.props.btnDelete_onClick(this.props.selectedFormData)}\n // onCancel={() =>this.props.toggleDeleteConfirm(this.props.obj,formData,false)}\n >\n \n \n ) : null}\n
\n {sumAmount}
\n )\n },\n {\n dataField: 'APIName',\n text: 'API',\n sort: true\n },\n {\n dataField: 'RPId',\n text: 'RPId',\n sort: true\n },\n {\n dataField: \"action\",\n text: \"Dispute\",\n formatter: (cellContent, row) => {\n return (\n \n \n {/* Render Breadcrumb */}\n \n \n \n\n \n \n\n\n\n \n
\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n {this.state.productData.length > 0 ?\n\n \n
: null}\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n\n \n\n\n\n \n \n\n \n ) : null}\n\n {this.state.dispute_msg == true ? (\n \n {this.state.DisputeMessage}\n \n ) : null}\n\n {this.state.confirm_alert ? (\n this.refund()}\n onCancel={() => this.setState({ confirm_alert: false, RReason: false, Id: 0 })}\n >\n\n
\n this.undorefund()}\n onCancel={() => this.setState({ confirm_undorefund: false, Id: 0 })}\n >\n The Credited Amount will be deduct!\n \n ) : null}\n\n\n {this.state.success_dlg == true ? (\n \n\n \n ) : null}\n
\n \n
\n\n\n\n \n\n \n\n \n \n \n View\n \n\n\n \n Excel\n \n \n\n\n
\n\n\n\n\n\n\n \n
\n\n\n\n \n\n
\n\n\n\n\n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n Comissions
\n \n\n \n
\n \n
\n \n
\n \n
\n \n
\n\n\n \n
\n\n \n
\n\n\n
\n \n \n\n
\n \n\n\n {this.state.success_msg == true ? (\n \n
\n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n \n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n\n \n\n \n\n {this.state.success_msg == true ? (\n \n \n \n ) : null}\n\n {this.state.confirm_alert ? (\n this.refund()}\n onCancel={() =>this.setState({confirm_alert : false, RReason : false , Id : 0})}\n >\n \n
\n\n \n \n ) : null}\n
\n \n
\n\n \n \n \n \n \n \n \n \n \n Fn_ChangeStateValue(this.obj, \"F_Type\", event.target.value)} value={this.state.formData.F_Type === null ? '-1' : this.state.formData.F_Type} type=\"select\" className=\"form-select\" >\n \n \n \n \n \n\n
\n {this.state.F_Type == 2 ? \n\n <>\n \n \n Fn_ChangeStateValue(this.obj, \"F_DMRBankMaster\", event.target.value)} type=\"select\" className=\"form-select\" >\n \n {this.state.bank\n ? this.state.bank.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n \n Fn_ChangeStateValue(this.obj, \"SheetName\", event.target.value)} placeholder=\"Enter SheetName\" type=\"text\" className=\"form-control\" />\n \n\n\n Fn_ChangeStateValue(this.obj, \"targetAmount\", event.target.value)} placeholder=\"Enter targetAmount\" type=\"number\" className=\"form-control\" />\n \n\n
\n\n \n \n View\n \n \n\n \n Export Excel\n \n \n\n \n Clear\n \n \n\n
\n \n\n : this.state.F_Type == 1 ?\n\n <>\n \n\n Fn_ChangeStateValue(this.obj, \"F_DMRBankMaster\", event.target.value)} type=\"select\" className=\"form-select\" >\n \n {this.state.bank\n ? this.state.bank.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n\n Fn_ChangeStateValue(this.obj, \"File\", event.target.files[0])} placeholder=\"From Date\" errorMessage=\"Select file \" validate={{ required: { value: true } }} type=\"file\" className=\"form-control\" />\n \n \n View\n \n \n \n Upload\n \n \n\n\n
\n\n \n \n : null\n\n }\n \n \n\n \n\n \n
\n\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n )\n }, {\n dataField: 'TransactionCode',\n text: 'TransactionCode',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n },\n {\n dataField: 'Sender',\n text: 'Sender',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'AccountHolderName',\n text: 'Bene Name',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'AccountNo',\n text: 'AccountNo',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'IFSC',\n text: 'IFSC',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n\n {\n dataField: 'Amount',\n text: 'Amount',\n sort: true,\n footer: columnData => (\n \n {sumAmount}\n
\n )\n },\n \n {\n dataField: 'Charges',\n text: 'Charges',\n sort: true,\n footer: columnData => (\n \n {sumCharges}\n
\n )\n \n },\n \n {\n dataField: 'Mode',\n text: 'Tran. Type',\n sort: true,\n \n },\n {\n dataField: 'UTR',\n text: 'UTR',\n sort: true,\n \n },\n {\n dataField: 'TransactionStatus',\n text: 'TransactionStatus',\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n },\n\n {\n dataField: 'RefundDate',\n text: 'RefundDate',\n sort: true,\n \n },\n\n\n {\n dataField: 'Remarks',\n text: 'Remarks',\n sort: true,\n \n },\n\n {\n dataField: 'UserName',\n text: 'Retailer',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n\n \n\n {\n dataField: 'F_DistributorCommission',\n text: 'Dist. Com.',\n sort: true,\n hidden: !obj.isAdmin\n }\n ,\n\n {\n dataField: 'F_SuperDistributorCommission',\n text: 'SDist. Com.',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n\n {\n dataField: 'F_MasterDistributorCommission',\n text: 'MDist. Com.',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n\n {\n dataField: 'DistributorTDS',\n text: 'Dist. TDS',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n\n {\n dataField: 'SDistributorTDS',\n text: 'SDist. TDS',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n\n {\n dataField: 'MDistributorTDS',\n text: 'MDist. TDS',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n\n {\n dataField: 'AdminName',\n text: 'User',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n {\n dataField: 'IsApp',\n text: 'type',\n sort: true,\n formatter: (cell, row) => (\n {cell ? 'App' : 'Web'}\n ),\n } \n,\n \n {\n dataField: \"action\",\n text: \"Refund\",\n hidden: !obj.isAdmin ,\n formatter: (cellContent, row) => {\n return (\n \n {this.state.loadings ?\n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n {this.state.productData.length > 0 ? \n\n \n
: null}\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n\n \n\n \n \n \n \n ) : null}\n\n {this.state.confirm_alert ? (\n this.refund()}\n onCancel={() =>this.setState({confirm_alert : false, RReason : false , Id : 0})}\n >\n \n
\nthis.undorefund()}\n onCancel={() =>this.setState({confirm_undorefund : false, Id : 0})}\n >\n The Credited Amount will be deduct! \n \n ) : null}\n\n\n{this.state.success_dlg == true ? (\n \n \n \n ) : null}\n
\n \n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n \n \n {this.state.status\n ? this.state.status.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n\n \n \n {this.state.bank\n ? this.state.bank.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n\n
\n\n\n \n \n {this.state.usertype\n ? this.state.usertype.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n\n\n\n \n \n {this.state.users\n ? this.state.users.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n \n \n : null }\n \n \n \n View\n \n \n\n \n\n\n \n Excel\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n Comissions
\n \n\n \n
\n \n
\n \n
\n \n
\n \n
\n\n\n \n
\n\n \n
\n\n \n
\n\n\n
\n \n \n \n
\n \n\n\n {this.state.success_msg == true ? (\n \n
\n \n
\n )\n }, \n {\n dataField: 'TransactionCode',\n text: 'TransactionCode',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n },\n {\n dataField: 'Sender',\n text: 'SenderMobile',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n \n {\n dataField: 'SenderName',\n text: 'SenderName',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'ReceiverMobile',\n text: 'ReceiverMobile',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'ReceiverName',\n text: 'ReceiverName',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'PaymentMode',\n text: 'PaymentMode',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'AccountNo',\n text: 'AccountNo',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n\n {\n dataField: 'Amount',\n text: 'Amount',\n sort: true,\n footer: columnData => (\n \n {sumAmount}\n
\n )\n \n },\n\n {\n dataField: 'Charges',\n text: 'Charges',\n sort: true,\n footer: columnData => (\n \n {sumCharges}\n
\n )\n \n },\n {\n dataField: 'UTR',\n text: 'UTR',\n sort: true,\n \n },\n {\n dataField: 'NMRTransactionId',\n text: 'NMRTransactionId',\n sort: true,\n \n },\n \n {\n dataField: 'RefundDate',\n text: 'RefundDate',\n sort: true,\n \n },\n {\n dataField: 'Remarks',\n text: 'Remarks',\n sort: true,\n \n },\n {\n dataField: 'Status',\n text: 'Status',\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n },\n {\n dataField: 'F_RetailerComission',\n text: 'Ret. Com.',\n sort: true,\n hidden: !obj.isAdmin\n } ,\n {\n dataField: 'F_DistributorCommission',\n text: 'Dist. Com.',\n sort: true,\n hidden: !obj.isAdmin\n } \n,\n {\n dataField: 'F_SuperDistributorCommission',\n text: 'SDist. Com.',\n sort: true,\n hidden: !obj.isAdmin\n } \n,\n {\n dataField: 'F_MasterDistributorCommission',\n text: 'MDist. Com.',\n sort: true,\n hidden: !obj.isAdmin\n } \n,\n {\n dataField: 'UserName',\n text: 'Retailer',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n {\n dataField: 'RetailerTDS',\n text: 'Ret. TDS',\n sort: true,\n hidden: !obj.isAdmin\n } ,\n \n {\n dataField: 'DistributorTDS',\n text: 'Dist. TDS',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n\n{\n dataField: 'SDistributorTDS',\n text: 'SDist. TDS',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n\n{\n dataField: 'MDistributorTDS',\n text: 'MDist. TDS',\n sort: true,\n hidden: !obj.isAdmin\n } ,\n {\n dataField: 'AdminName',\n text: 'User',\n sort: true,\n hidden: !obj.isAdmin\n } ,\n \n \n\n {\n dataField: \"action\",\n text: \"Refund\",\n formatter: (cellContent, row) => {\n return (\n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n\n \n\n \n \n \n \n ) : null}\n\n {this.state.confirm_alert ? (\n this.refund()}\n onCancel={() =>this.setState({confirm_alert : false, RReason : false , Id : 0})}\n >\n \n
\nthis.undorefund()}\n onCancel={() =>this.setState({confirm_undorefund : false, Id : 0})}\n >\n The Credited Amount will be deduct! \n \n ) : null}\n\n\n{this.state.success_dlg == true ? (\n \n \n \n ) : null}\n
\n \n
\n\n \n \n \n \n \n \n \n \n \n View\n \n\n \n Excel\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n Comissions
\n \n\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n\n\n \n
\n\n \n
\n\n \n
\n\n\n
\n \n \n \n
\n \n\n\n {this.state.success_msg == true ? (\n \n
\n \n
\n )\n }, {\n dataField: 'TransactionCode',\n text: 'TransactionCode',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n },\n {\n dataField: 'AEPSType',\n text: 'AEPS Type',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'AadharNo',\n text: 'AadharNo',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'Amount',\n text: 'Amount',\n sort: true,\n footer: columnData => (\n \n {sumAmount}\n
\n )\n \n },\n {\n dataField: 'Status',\n text: 'Status',\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n footer: columnData => (\n \n \n
\n )\n },\n\n {\n dataField: 'UTR',\n text: 'UTR',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n \n {\n dataField: 'Charges',\n text: 'Charges',\n sort: true,\n footer: columnData => (\n \n {sumCharges}\n
\n )\n \n },\n \n {\n dataField: 'RefundDate',\n text: 'RefundDate',\n sort: true,\n \n },\n {\n dataField: 'Remarks',\n text: 'RefundReason',\n sort: true,\n },\n\n {\n dataField: 'UserName',\n text: 'Retailer',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n\n{\n dataField: 'F_RetailerComission',\n text: 'Ret. Com.',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n\n {\n dataField: 'F_DistributorComission',\n text: 'Dist. Com.',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n\n {\n dataField: 'F_SDistributorComission',\n text: 'SDist. Com.',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n\n {\n dataField: 'F_MDistributorComission',\n text: 'MDist. Com.',\n sort: true,\n hidden: !obj.isAdmin\n }\n ,\n {\n dataField: 'RetailerTDS',\n text: 'Ret. TDS',\n sort: true,\n hidden: !obj.isAdmin\n } ,\n \n {\n dataField: 'DistributorTDS',\n text: 'Dist. TDS',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n \n {\n dataField: 'SDistributorTDS',\n text: 'SDist. TDS',\n sort: true,\n hidden: !obj.isAdmin\n } \n ,\n \n {\n dataField: 'MDistributorTDS',\n text: 'MDist. TDS',\n sort: true,\n hidden: !obj.isAdmin\n } ,\n {\n dataField: 'AdminName',\n text: 'User',\n sort: true,\n hidden: !obj.isAdmin\n } ,\n\n {\n dataField: \"action\",\n text: \"Refund\",\n formatter: (cellContent, row) => {\n return (\n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n\n \n\n \n \n \n \n ) : null}\n\n {this.state.confirm_alert ? (\n this.refund()}\n onCancel={() =>this.setState({confirm_alert : false, RReason : false , Id : 0})}\n >\n \n
\nthis.undorefund()}\n onCancel={() =>this.setState({confirm_undorefund : false, Id : 0})}\n >\n The Credited Amount will be deduct! \n \n ) : null}\n\n\n{this.state.success_dlg == true ? (\n \n \n \n ) : null}\n
\n \n
\n\n \n \n \n \n \n \n \n \n \n View\n \n \n\n \n\n\n \n Excel\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n Comissions
\n \n\n \n
\n \n\n\n {this.state.F_AEPStype == 2 ? \n<>\n \n
\n \n
\n \n
\n \n
: \n
}\n \n\n
\n \n \n \n
\n \n\n\n {this.state.success_msg == true ? (\n \n
\n \n
\n )\n }, {\n dataField: 'AgentId',\n text: 'AgentId',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n },\n {\n dataField: 'ShopName',\n text: 'ShopName',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'PAN',\n text: 'PAN',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'ServicName',\n text: 'ServicName',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'TDS',\n text: 'TDS',\n sort: true,\n footer: columnData => (\n \n {Number(TDS).toFixed(2)}\n
\n )\n \n },\n\n {\n dataField: 'Comission',\n text: 'Comission',\n sort: true,\n footer: columnData => (\n \n {Number(Comission).toFixed(2)}\n
\n )\n },\n \n {\n dataField: 'Charges',\n text: 'Charges',\n sort: true,\n footer: columnData => (\n \n
\n )\n \n },\n \n {\n dataField: 'Mode',\n text: 'Tran. Type',\n sort: true,\n \n },\n {\n dataField: 'UTR',\n text: 'UTR',\n sort: true,\n \n }\n \n \n\n \n \n ];\n\n const defaultSorted = [{\n dataField: 'id',\n order: 'asc'\n }];\n\n const pageOptions = {\n sizePerPage: 25,\n totalSize: this.state.productData.length, // replace later with size(customers),\n custom: true,\n }\n\n // Custom Pagination Toggle\n const sizePerPageList = [\n { text: '5', value: 5 },\n { text: '10', value: 10 },\n { text: '15', value: 15 },\n { text: '20', value: 20 },\n { text: '25', value: 25 },\n { text: 'All', value: (this.state.productData).length }];\n\n\n // Select All Button operation\n const selectRow = {\n mode: 'checkbox'\n }\n\n const { SearchBar } = Search;\n\n return (\n\n\n\n\n <>\n\n\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n \n \n
\n\n \n
\n {this.state.productData.length > 0 ? \n \n
: null}\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n\n \n\n \n\n {this.state.success_msg == true ? (\n \n \n \n ) : null}\n\n {this.state.confirm_alert ? (\n this.refund()}\n onCancel={() =>this.setState({confirm_alert : false, RReason : false , Id : 0})}\n >\n \n
\n\n \n \n ) : null}\n
\n \n
\n\n \n \n \n \n \n\n \n \n \n View\n \n\n\n \n\n \n\n\n \n Excel\n \n \n \n \n
\n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n
\n \n \n \n View\n \n\n\n \n Excel\n \n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n \n
\n )\n }, {\n dataField: 'TransactionCode',\n text: 'TransactionCode',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n },\n {\n dataField: 'Mode',\n text: 'Mode',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'Amount',\n text: 'Amount',\n sort: true,\n footer: columnData => (\n \n {sumAmount}\n
\n )\n \n },\n {\n dataField: 'UTR',\n text: 'UTR',\n sort: true,\n \n },\n \n {\n dataField: 'TransactionStatus',\n text: 'TransactionStatus',\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n },\n {\n dataField: 'SenderMobile',\n text: 'SenderMobile',\n sort: true,\n \n },\n\n {\n dataField: 'AccountHolderName',\n text: 'AccountHolderName',\n sort: true,\n \n },\n \n {\n dataField: 'AccountNo',\n text: 'AccountNo',\n sort: true,\n \n },\n \n {\n dataField: 'IFSC',\n text: 'IFSC',\n sort: true,\n \n },\n {\n dataField: 'TransactionFrom',\n text: 'TransactionFrom',\n sort: true,\n \n }\n\n \n \n ];\n\n const defaultSorted = [{\n dataField: 'id',\n order: 'asc'\n }];\n\n const pageOptions = {\n sizePerPage: 10,\n totalSize: this.state.productData.length, // replace later with size(customers),\n custom: true,\n }\n\n // Custom Pagination Toggle\n const sizePerPageList = [\n { text: '5', value: 5 },\n { text: '10', value: 10 },\n { text: '15', value: 15 },\n { text: '20', value: 20 },\n { text: '25', value: 25 },\n { text: 'All', value: (this.state.productData).length }];\n\n\n // Select All Button operation\n const selectRow = {\n mode: 'checkbox'\n }\n\n const { SearchBar } = Search;\n\n return (\n\n\n\n\n <>\n\n\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n\n \n\n \n \n \n \n ) : null}\n\n \n\n\n\n\n\n\n{this.state.success_dlg == true ? (\n \n \n \n ) : null}\n\n\n\n \n{this.state.updateutrdlg == true ? (\n \n {this.state.message}\n \n ) : null}\n
\n \n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {this.state.users\n ? this.state.users.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n\n \n\n\n
\n\n \n \n View\n \n \n\n \n\n\n \n Excel\n \n\n \n Update UTR\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n UPDATE UTR
\n \n\n \n \n \n
\n\n \n\n\n
\n \n \n \n
\n \n\n\n {this.state.success_msg == true ? (\n \r\n {this.state.loading ? \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n \r\n Fill all information below\r\n \r\n \r\n \r\n Fn_ChangeStateValue(this.obj,\"F_LedgerGroupMaster\", e.target.value)} type=\"select\" className=\"form-select\" >\r\n \r\n {this.state.ledgergroup\r\n ? this.state.ledgergroup.map(\r\n (option, key) => (\r\n \r\n )\r\n )\r\n : null}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n {this.state.F_LedgerGroupMaster == 12 ? <>\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n Fn_ChangeStateValue(this.obj, 'QRImage', e.target.files[0])} accept=\".gif,.jpg,.jpeg,.png\" type=\"file\" className=\"form-control\" />\r\n \r\n
\r\n : null}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Save Changes\r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n \r\n {this.state.isloading ? \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n \r\n {this.state.bank\r\n ? this.state.bank.map(\r\n (option, key) => (\r\n \r\n )\r\n )\r\n : null}\r\n \r\n \r\n\r\n\r\n \r\n \r\n {this.state.paymentmode\r\n ? this.state.paymentmode.map(\r\n (option, key) => (\r\n \r\n )\r\n )\r\n : null}\r\n \r\n \r\n\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n\r\n\r\n\r\n \r\n
\r\n \r\n \r\n\r\n\r\n
\r\n \r\n \r\n\r\n\r\n \r\n 
\r\n \r\n {/*
\r\n : null} \r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Proceed\r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n \n \n
\n )\n },\n\n obj.isAdmin\n ? \n {\n dataField: 'AgentId',\n text: 'AgentId',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n } : '',\n \n {\n dataField: 'VoucherNo',\n text: 'VoucherNo',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n },\n {\n dataField: 'PaymentMode',\n text: 'PaymentMode',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n // {\n // dataField: 'SenderAccountNo',\n // text: 'SenderAccountNo',\n // sort: true,\n \n // },\n {\n dataField: 'Status',\n text: 'Status',\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n footer: columnData => (\n \n \n
\n )\n }\n , {\n dataField: 'Amount',\n text: 'Amount',\n sort: true,\n footer: columnData => (\n \n {sumAmount}\n
\n )\n \n },\n\n {\n dataField: 'BankName',\n text: 'BankName',\n sort: true,\n \n },\n \n {\n dataField: 'TransactionCode',\n text: 'TransactionCode',\n sort: true,\n \n },\n \n \n\n // {\n // dataField: 'Narration',\n // text: 'Narration',\n // sort: true,\n \n // },\n {\n dataField: 'Remarks',\n text: 'Remarks',\n sort: true,\n \n },\n\n\n obj.isAdmin\n ? {\n dataField: \"Edit\",\n text: \"Edit\",\n formatter: (cellContent, row) => {\n return (\n \n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n\n \n\n \n \n \n \n ) : null}\n\n \n\n\n\n\n\n\n{this.state.success_dlg == true ? (\n \n \n \n ) : null}\n
\n \n
\n\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n\n \n\n
\n\n \n \n \n View\n \n \n \n Excel\n \n \n\n\n {/* \n Excel\n */}\n \n \n \n
\n \n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n Accept/Reject Request
\n \n\n \n\n \n
\n\n\n
\n \n \n
\n \n \n
\n \n\n\n {this.state.success_msg == true ? (\n \n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n \n
\n \n \n \n \n {this.state.memberlist\n ? this.state.memberlist.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n \n
\n\n \n
\n\n\n\n \n
\n\n\n \n
\n\n\n \n
\n\n \n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n Update\n \n\n \n Cancel\n \n\n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n
\n \r\n \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n \r\n {obj.IsDMR ? : null }\r\n \r\n {obj.IsIndoNepal ? \r\n : null}\r\n\r\n {obj.IsAEPS ? \r\n : null}\r\n {obj.IsRecharge ? \r\n : null}\r\n \r\n \r\n \r\n\r\n
\r\n\r\n\r\n \r\n \r\n\r\n\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Raise \r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n {obj.isAdmin ?\n <>\n \n\n\n \n {this.state.usertype\n ? this.state.usertype.map(\n (option, key) => (\n \n )\n )\n : null}\n \n\n\n\n\n\n \n {this.state.users\n ? this.state.users.map(\n (option, key) => (\n \n )\n )\n : null}\n \n\n
: null \n }\n \n \n \n View\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n \r\n \r\n \r\n {/* Render Breadcrumb */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n Ticket No. - #{this.state.ticketdetails[0].Id}\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n SERVICE - {this.state.ticketdetails[0].Service}\r\n
\r\n \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 CODE - {this.state.ticketdetails[0].TransactionCode}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n {this.state.ticketdetails[0].UserName}\r\n
\r\n\r\n\r\n
- \r\n {this.state.ticketdetails[0].F_Status == 1 || this.state.ticketdetails[0].F_Status == 2 ?\r\n <>\r\n
- \r\n
- \r\n
\r\n
\r\n \r\n
\r\n\r\n {this.state.ticketdetails[0].F_Status == 1 || this.state.ticketdetails[0].F_Status == 2 ?\r\n - \r\n
- \r\n \r\n Today\r\n\r\n \r\n {this.state.test &&\r\n this.state.test.map(message => (\r\n
\r\n \r\n
\r\n \r\n ))}\r\n \r\n \r\n {/*
\r\n \r\n {message.sender}\r\n
*/}\r\n {message.message}
\r\n\r\n {\" \"}\r\n {moment(message.createdAt).format(\r\n \"hh:mm\"\r\n )}\r\n
\r\n\r\n \r\n \r\n \r\n Send\r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n
\r\n : null}\r\n \r\n {\r\n this.setState({\r\n curMessage: e.target.value,\r\n });\r\n }}\r\n className=\"form-control chat-input\"\r\n placeholder=\"Enter Message...\"\r\n />\r\n {/*
\r\n \r\n \r\n
*/}\r\n - \r\n
- \r\n \r\n
- \r\n \r\n
- \r\n \r\n
\r\n \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n Back\r\n \r\n \r\n
\r\n \r\n
\r\n \n \n
\n )\n } ,\n \n {\n dataField: 'Name',\n text: 'Name',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n },\n \n {\n dataField: 'ShopName',\n text: 'ShopName',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n },\n {\n dataField: 'Balance',\n text: 'Balance',\n sort: true,\n footer: columnData => (\n \n {sumAmount}\n
\n )\n }\n\n \n \n ];\n\n const defaultSorted = [{\n dataField: 'id',\n order: 'asc'\n }];\n\n const pageOptions = {\n sizePerPage: 25,\n totalSize: this.state.productData.length, // replace later with size(customers),\n custom: true,\n }\n\n // Custom Pagination Toggle\n const sizePerPageList = [\n { text: '25', value: 25 },\n { text: '50', value: 50 },\n { text: '100', value: 100 },\n { text: 'All', value: (this.state.productData).length }];\n\n\n // Select All Button operation\n const selectRow = {\n mode: 'checkbox'\n }\n\n const { SearchBar } = Search;\n\n return (\n\n\n\n\n <>\n\n\n {this.state.loadings ?\n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n {this.state.productData.length > 0 ? \n\n \n
: null}\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n\n \n\n \n\n\n\n\n
\n \n
\n\n \n \n \n \n \n \n \n \n \n \n View\n \n \n \n Excel\n \n \n \n\n
\n\n \n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n \n
\n )\n \n },\n {\n dataField: 'Name',\n text: 'Name',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'TotalDMR',\n text: 'TotalDMR',\n sort: true,\n footer: columnData => (\n \n {sumDMR}\n
\n )\n \n },\n {\n dataField: 'TotalAEPS',\n text: 'TotalAEPS',\n sort: true,\n footer: columnData => (\n \n {sumAEPS}\n
\n )\n \n \n },\n {\n dataField: \"TotalIndo\",\n text: \"TotalIndo\",\n footer: columnData => (\n \n {sumIndo}\n
\n )\n } ,\n {\n dataField: \"TotalRecharge\",\n text: \"TotalRecharge\",\n footer: columnData => (\n \n {sumRecharge}\n
\n )\n } \n \n\n];\n\n\n\n const defaultSorted = [{\n dataField: 'id',\n order: 'asc'\n }];\n\n const pageOptions = {\n sizePerPage: 100,\n totalSize: this.state.productData.length, // replace later with size(customers),\n custom: true,\n }\n\n // Custom Pagination Toggle\n const sizePerPageList = [\n { text: '100', value: 100},\n { text: '200', value: 200 },\n { text: '300', value: 300 },\n { text: '400', value: 400 },\n { text: '500', value: 500 },\n { text: 'All', value: (this.state.productData).length }];\n\n\n // Select All Button operation\n const selectRow = {\n mode: 'checkbox'\n }\n\n const { SearchBar } = Search;\n\n const {selectedGroup} = this.state;\n\n return (\n\n\n\n\n <>\n\n\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n \n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n\n \n\n \n\n\n\n
\n \n
\n\n \n \n \n \n \n\n\n \n \n \n {this.state.usertype\n ? this.state.usertype.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n \n\n {\n this.state.isDistributor == true ?\n\n <>\n
\n\n \n \n View\n \n \n\n \n\n\n \n Excel\n \n \n \n \n
\n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \r\n \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n Back\r\n \r\n \r\n
\r\n \r\n
\r\n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n\n\n\n\n\n\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n \n View\n \n\n \n Excel\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n \n
\n ₹{this.state.OpeningClosing[0].OpeningBalance}
\nOpening Balance
\n\n \n
\n ₹{this.state.OpeningClosing[0].TotalCredit}
\nTotal Credit
\n\n \n
\n ₹{this.state.OpeningClosing[0].TotalDebit}
\nTotal Debit
\n\n \n
\n ₹{this.state.OpeningClosing[0].ClosingBalance}
\nClosing Balance
\n\n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n \n
\n )\n \n \n }, {\n dataField: 'TransactionCode',\n text: 'TransactionCode',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'Description',\n text: 'Description',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n \n },\n \n \n {\n dataField: 'LedgerName',\n text: 'LedgerName',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n \n },\n\n {\n dataField: 'Dr',\n text: 'Dr',\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n footer: columnData => (\n \n {Number(sumdr).toFixed(2)}\n \n
\n )\n \n \n },\n {\n dataField: 'Cr',\n text: 'Cr',\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n footer: columnData => (\n \n {Number(sumcr).toFixed(2)}\n
\n )\n \n },\n {\n dataField: 'ClosingBalance',\n text: 'ClosingBalance',\n sort: true,\n // footer: columnData => (\n // \n // {Number(balance).toFixed(2)}\n //
\n // )\n \n \n },\n {\n dataField: 'Narration',\n text: 'Narration',\n sort: true\n \n },\n \n \n \n\n \n \n ];\n\n const defaultSorted = [{\n dataField: 'id',\n order: 'asc'\n }];\n\n const pageOptions = {\n sizePerPage: 25,\n totalSize: this.state.productData.length, // replace later with size(customers),\n custom: true,\n }\n\n // Custom Pagination Toggle\n const sizePerPageList = [\n { text: '5', value: 5 },\n { text: '10', value: 10 },\n { text: '15', value: 15 },\n { text: '20', value: 20 },\n { text: '25', value: 25 },\n { text: 'All', value: (this.state.productData).length }];\n\n\n // Select All Button operation\n const selectRow = {\n mode: 'checkbox'\n }\n\n const { SearchBar } = Search;\n\n\n\n return (\n\n\n\n\n <>\n\n\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n\n \n\n\n\n\n\n\n\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n Fn_ChangeStateValue(this.obj, \"F_BankMaster\", event.target.value)} type=\"select\" className=\"form-select\" >\n \n {this.state.bank\n ? this.state.bank.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n\n
\n \n \n \n View\n \n\n \n Excel\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n {\n console.log('Search Text:', text);\n paginationProps.onPageChange(1);\n this.setState({ SearchString: text });\n toolkitProps.searchProps.onSearch(text);\n }}\n />\n \n
\n \n
\n \n \n
\n \n
\n \n \n \n
\n )\n \n }, {\n dataField: 'TransactionCode',\n text: 'TransactionCode',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n },\n {\n dataField: 'Description',\n text: 'Description',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n \n \n {\n dataField: 'LedgerName',\n text: 'LedgerName',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n\n {\n dataField: 'Dr',\n text: 'Dr',\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n footer: columnData => (\n \n {Number(sumDr).toFixed(2)}\n
\n )\n },\n {\n dataField: 'Cr',\n text: 'Cr',\n sort: true,\n formatter: (cell, row) => (\n {cell}\n ),\n footer: columnData => (\n \n {Number(sumcr).toFixed(2)}\n
\n )\n },\n {\n dataField: 'ClosingBalance',\n text: 'ClosingBalance',\n sort: true,\n // footer: columnData => (\n // \n // {Number(balance).toFixed(2)}\n //
\n // )\n \n },\n {\n dataField: 'Narration',\n text: 'Narration',\n sort: true\n \n },\n \n \n \n\n \n \n ];\n\n const defaultSorted = [{\n dataField: 'id',\n order: 'asc'\n }];\n\n const pageOptions = {\n sizePerPage: 25,\n totalSize: this.state.productData.length, // replace later with size(customers),\n custom: true,\n }\n\n // Custom Pagination Toggle\n const sizePerPageList = [\n { text: '5', value: 5 },\n { text: '10', value: 10 },\n { text: '15', value: 15 },\n { text: '20', value: 20 },\n { text: '25', value: 25 },\n { text: 'All', value: (this.state.productData).length }];\n\n\n // Select All Button operation\n const selectRow = {\n mode: 'checkbox'\n }\n\n const { SearchBar } = Search;\n\n\n\n return (\n\n\n\n\n <>\n\n\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n\n \n\n\n\n\n\n\n\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n \n View\n \n\n \n Excel\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n\n\n\n\n\n\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n \n \n {this.state.usertype\n ? this.state.usertype.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n \n\n {\n this.state.isDistributor == true ?\n\n <>\n
\n\n \n \n \n View\n \n\n \n Excel\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n \n
\n ₹{this.state.OpeningClosing[0].OpeningBalance}
\nOpening Balance
\n\n \n
\n ₹{this.state.OpeningClosing[0].TotalCredit}
\nTotal Credit
\n\n \n
\n ₹{this.state.OpeningClosing[0].TotalDebit}
\nTotal Debit
\n\n \n
\n ₹{this.state.OpeningClosing[0].ClosingBalance}
\nClosing Balance
\n\n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \r\n \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n Back\r\n \r\n \r\n
\r\n \r\n
\r\n \n Audit Att.: {selectedFormData.Name}\n
\n \n );\n }\n render() {\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n\n\n const sum = this.state.productData.reduce((total, row) => total + row.Amount, 0);\n\n const columns = [{\n\n\n dataField: 'VoucherDate',\n text: 'Date/Time',\n sort: true,\n footer: columnData => (\n\n \n
\n )\n \n },\n {\n dataField: 'VoucherNo',\n text: 'VoucherNo',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'Amount',\n text: 'Amount',\n sort: true,\n footer: columnData => (\n \n {sum}\n
\n )\n \n },\n {\n dataField: 'Remarks',\n text: 'Remarks',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n \n },\n {\n dataField: \"AdminName\",\n text: \"User\",\n hidden: !obj.isAdmin\n } ,\n {\n dataField: \"Edit\",\n text: \"Edit\",\n formatter: (cellContent, row) => {\n return (\n \n\n\n \n \n \n \n \n\n\n \n \n
\n\n\n\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n\n\n {/* */}\n
\n );\n }\n}\nexport default compose(container)(pageList_VouchersList);\n","import React, { Component } from \"react\";\nimport {\n Container,\n Row,\n Col,\n Form,\n FormGroup,\n Input,\n Card,\n CardBody,\n CardTitle,\n CardSubtitle,\n Button,\n Label,\n Alert,\n NavItem,\n NavLink,\n TabContent,\n TabPane,\n UncontrolledTooltip\n} from \"reactstrap\";\nimport Switch from \"react-switch\"\nimport classnames from \"classnames\";\nimport SweetAlert from \"react-bootstrap-sweetalert\"\nimport Select from \"react-select\";\nimport Dropzone from \"react-dropzone\";\nimport { useSelector } from \"react-redux\";\n// Redux\nimport { withRouter, Link } from \"react-router-dom\";\n\n\n// Editable\nimport BootstrapTable from \"react-bootstrap-table-next\"\nimport cellEditFactory from \"react-bootstrap-table2-editor\"\n// availity-reactstrap-validation\nimport {\n AvForm,\n AvField,AvRadioGroup,AvRadio\n} from \"availity-reactstrap-validation\";\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\n//Constants\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\n//Store\nimport { compose } from \"recompose\";\nimport { container } from \"../../store/Containers/cntCommon\";\nimport { Fn_DisplayData, Fn_AddEditData, Fn_FillListData, Fn_ChangeStateValue, Fn_DeleteData, Fn_GetReport } from \"../../store/functions\";\nimport AddDeleteTableRowsPly from \"pages/Transaction/AddDeleteTableRowPly\";\n\n\nfunction getCurrentDate() {\n const currentDate = new Date();\n const year = currentDate.getFullYear();\n const month = String(currentDate.getMonth() + 1).padStart(2, '0'); // Month is 0-indexed\n const day = String(currentDate.getDate()).padStart(2, '0');\n\n return `${year}-${month}-${day}`;\n}\nexport const DateString = (dd) =>{\n\nlet d1 = dd.replace('-', '');\nlet d2 = d1.replace('-', '');\n\nreturn d2;\n\n}\n\nclass pagelist_BalanceCheck extends Component {\n constructor(props) {\n super(props);\n this.state = {\n id: 0,\n formData: {},\n activeTab: 1,\n passedSteps: [1],\n gridData : [{}], \n //dropdowns\n };\n this.obj = this;\n this.formTitle = \"Check Balance\";\n this.breadCrumbTitle = \"Balance\";\n this.breadCrumbItem = \" \" + this.formTitle;\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/City\";\n this.API_URL_SAVE = API_WEB_URLS.AddEdit + \"/0/token\";\n this.pushFormName = \"/#\";\n this.rtPage_Print = \"/#\";\n\n //Event Binding\n \n \n this.LedgerChange = this.LedgerChange.bind(this);\n \n }\n\n \n\n componentDidMount() {\n\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n this.setState({ name: obj.username, email: obj.email, aid: obj.uid , role:obj.role });\n \n\n }\n\n\n\n\n LedgerChange (event) {\n\n this.setState({F_LedgerMaster : event.target.value});\n Fn_FillListData(this.obj, \"gridData\", API_WEB_URLS.MASTER + \"/0/token/GetBalance/Id/\"+event.target.value);\n\n\n }\n\n\n\n\n\n\n\n\n\n// btnGoBack_onClick = event => {\n// event.preventDefault();\n// //this.props.history.goBack();\n// this.props.history.push(this.pushFormName);\n// };\n\n\n\n\n\n\n\n\n\n \n render() { \n return (\n \n
\n\n \n \n \n \n \n \n \n \n \n View\n \n\n<>\n \n Add\n \n \n\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n \n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n
\n \n \n \n \n\n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n \n \n\n \n \n
\n\n \n \n \n \n
\n \n \n \n \n \n \n\n \n \n \n
\n \n \n \n \n \n \n
\n \r\n \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n Back\r\n \r\n \r\n
\r\n \r\n
\r\n \n \n
\n )\n }, {\n dataField: 'TransactionCode',\n text: 'TransactionCode',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n }, {\n dataField: 'Request',\n text: 'Request',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n }, {\n dataField: 'Response',\n text: 'Response',\n sort: true,\n \n footer: columnData => (\n \n \n
\n )\n }, {\n dataField: 'APIName',\n text: 'APIName',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n }\n \n\n \n \n ];\n\n const defaultSorted = [{\n dataField: 'id',\n order: 'asc'\n }];\n\n const pageOptions = {\n sizePerPage: 50,\n totalSize: this.state.productData.length, // replace later with size(customers),\n custom: true,\n }\n\n // Custom Pagination Toggle\n const sizePerPageList = [\n { text: '5', value: 5 },\n { text: '10', value: 10 },\n { text: '15', value: 15 },\n { text: '20', value: 20 },\n { text: '25', value: 25 },\n { text: 'All', value: (this.state.productData).length }];\n\n\n // Select All Button operation\n const selectRow = {\n mode: 'checkbox'\n }\n\n const { SearchBar } = Search;\n\n return (\n\n\n\n\n <>\n\n\n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n \n \n
\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n \n \n {this.state.apis\n ? this.state.apis.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n\n\n
\n\n \n\n \n View\n \n\n \n Excel\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n\n\n\n\n\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n {this.state.productData.length > 0 ? \n \n
: null}\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n\n\n \n View\n \n\n \n Excel\n \n \n \n \n
\n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n */}\n \n \n\n \n \n \n \n \n \n \n\n\n \n \n\n\n {this.state.pro?\n\n<>\n \n\n \n {\n Fn_ChangeStateValue(this.obj, 'CustomerTypeId', e.target.value);\n \n }} type=\"select\" className=\"form-select\" >\n \n \n \n \n \n \n \n \n\n
\n\n \n\n\n {\n Fn_ChangeStateValue(this.obj, 'SourceIncomeId', e.target.value);\n \n }} type=\"select\" className=\"form-select\" >\n \n \n \n \n \n \n \n \n \n \n\n\n\n\n
\n\n\n\n\n\n \n\n\n \n {\n Fn_ChangeStateValue(this.obj, 'TransactionTypeId', e.target.value);\n \n }} type=\"select\" className=\"form-select\" >\n \n \n \n \n \n \n \n \n\n
\n\n\n \n\n
\n\n\n\n \n\n : null} \n\n \n\n\n \n \n \n \n\n\n \n \n\n
\n\n\n \n \n \n \n \n \n
\n\n \n \n \n
\n \n Capture Fingureprint
\nScanned
\n \n\n\n:\n\n}\n \n \n\n \n \nFill Details
\n\n\n \n\n {this.state.success_balance ? (\n \n Balance - {this.state.balance}\n \n ) : null}\n\n\n{this.state.success_tran ? (\n \n \n \n ) : null}\n\n\n\n\n{this.state.success_tranp ? (\n \n \n BANK RRN : {this.state.bankrrn}\n \n ) : null}\n\n\n{this.state.success_auth ? (\n \n Now you can use AEPS services today!\n \n ) : null}\n {this.state.confirm_alert ? (\n this.props.btnDelete_onClick(this.props.selectedFormData)}\n // onCancel={() =>this.props.toggleDeleteConfirm(this.props.obj,formData,false)}\n >\n \n \n ) : null}\n
\n \n \n
\n \n );\n }\n render() {\n return (\n\n \n
\n );\n }\n}\nexport default compose(container)(pageList_Users);\n","import React, { Component } from \"react\";\nimport {\n Container,\n Row,\n Col,\n\n Card,\n CardBody,\n\n Button,\n UncontrolledTooltip,\n Modal,\n ModalBody\n} from \"reactstrap\";\n\n\nimport SweetAlert from \"react-bootstrap-sweetalert\"\n\n\n// datatable related plugins\nimport BootstrapTable from 'react-bootstrap-table-next';\nimport paginationFactory, {\n PaginationProvider, PaginationListStandalone,\n SizePerPageDropdownStandalone\n} from 'react-bootstrap-table2-paginator';\n\nimport ToolkitProvider, { Search } from 'react-bootstrap-table2-toolkit';\n\n// availity-reactstrap-validation\nimport {\n AvForm,\n AvField\n} from \"availity-reactstrap-validation\";\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\nimport { withRouter, Link } from \"react-router-dom\";\n//Constants\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\n//Store\nimport { compose } from \"recompose\";\nimport { container } from \"../../store/Containers/cntCommon\";\nimport { Fn_DisplayData, Fn_AddEditData, Fn_FillListData, Fn_CheckIsActive, Fn_DeleteData, Fn_ChangeStateValue } from \"../../store/functions\";\nimport Switch from \"react-switch\";\nimport './datatables.scss'\nimport * as XLSX from 'xlsx';\n\n\n\n\n\nclass pageAddEdit_UserMaster extends Component {\n constructor(props) {\n super(props);\n this.state = {\n id: 0,\n formData: {},\n isMDistributor : false,\n isSDistributor : false,\n isDistributor : false,\n isRetailer : false,\n switch9 : false,\n success_msg:false,\n confirm_alert: false,\n balance : [{\n AvailableBalance : 0\n }],\n CalType : true,\n page: 1,\n sizePerPage: 10,\n productData: [],\n isTDS : false,\n modal_backdrop : false,\n F_PlanMaster : -1,\n F_UserType : -1,\n F_ServiceMaster : -1\n\n };\n this.obj = this;\n this.formTitle = \"Plan\";\n this.breadCrumbTitle = \"Plan\";\n this.breadCrumbItem = \"Add \" + this.formTitle;\n this.API_URL_SAVE = API_WEB_URLS.USERMASTER + \"/0/token\";\n this.pushFormName = \"/users\";\n this.rtPage_Redirect = \"/users\";\n\n //Event Binding\n this.btnSave_onClick = this.btnSave_onClick.bind(this);\n this.btnCancel_onClick = this.btnCancel_onClick.bind(this);\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/Userslist\";\n \n \n \n \n \n }\n componentDidMount() {\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n Fn_CheckIsActive(this.obj, obj.uid);\n //Filing Dropdown\n\n \n \n\n const { id } = this.props.match.params;\n\n if (id) {\n this.setState({ id: id });\n this.breadCrumbItem = \"Edit \" + this.formTitle;\n Fn_DisplayData(this.obj, id, this.API_URL + \"/Id\");\n } else {\n this.setState({ id: 0 });\n }\n }\n \n\n \n\n\n\n\n\n\n\n\n\n \n \n\n \n\n\n\n btnSave_onClick(event, formData) {\n\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n\n\n \n\n \n \n let vformData = new FormData();\n \n //Information\n vformData.append(\"UserName\", formData.UserName);\n vformData.append(\"UserPassword\", formData.Password);\n vformData.append(\"MobileNo\", formData.MobileNo);\n vformData.append(\"IsStaff\", this.state.switch9 ? true : false );\n \n \n\n if (!this.state.id) {\n Fn_AddEditData(this.obj, { arguList: { id: 0, formData: vformData } }, this.API_URL_SAVE, \"/users\", true , \"\");\n }\n\n else if (obj.isAdmin == true) {\n Fn_AddEditData(this.obj, { arguList: { id: this.state.id, formData: vformData } }, this.API_URL_SAVE, \"/users\", true , \"kuku\" , \"update_msg\");\n }\n\n\n }\n\n btnCancel_onClick = event => {\n event.preventDefault();\n //this.props.history.goBack();\n this.props.history.push(this.pushFormName);\n };\n\n saveplanname () {\n\n }\n \n render() {\n\n \nconst Offsymbolb = () => {\n return (\n \n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n \n \n\n \n \n\n \n \n
\n\n
\n\n\n \n
\n\n\n \n
\n\n \n \n \n \n \n \n
\n\n\n\n\n\n \n\n\n\n \n \n \n
\n \n \n \n Add\n \n\n \n Cancel\n \n\n \n
\n \n \n \n \n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n \n
\n \n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n \n \n\n\n\n \n \n Fn_ChangeStateValue(this.obj, 'MerchantCode', e.target.value)} placeholder=\"MerchantCode\" type=\"text\" className=\"form-control\" />\n \n
\n \n \n Fn_ChangeStateValue(this.obj, 'MobileNo', e.target.value)} placeholder=\"MobileNo\" type=\"number\" className=\"form-control\" />\n \n
\n\n \n Fn_ChangeStateValue(this.obj, 'Email', e.target.value)} placeholder=\"Email\" type=\"text\" className=\"form-control\" />\n \n\n Fn_ChangeStateValue(this.obj, 'Firm', e.target.value)} placeholder=\"Firm\" type=\"text\" className=\"form-control\" />\n \n \n
\n\n\n \n\n\n \n\n \n \n \n \n \n
\n\n\n\n\n \n\n \n\n\n\n \n \n \n
\n \n \n \n Proceed\n \n\n \n \n Cancel\n \n
\n \n \n \n \n\n {this.state.success_msg ? (\n \n Now please Authenticate to use AEPS!\n \n ) : null}\n\n{this.state.success_auth ? (\n \n Now you can use AEPS services today!\n \n ) : null}\n {this.state.confirm_alert ? (\n this.props.btnDelete_onClick(this.props.selectedFormData)}\n // onCancel={() =>this.props.toggleDeleteConfirm(this.props.obj,formData,false)}\n >\n \n \n ) : null}\n
\n \n \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n{!this.state.isRegistered ?\n \n \n \n \n
\n \n \n \n
\n\n :\n\n\n<>\n\n \n \n \n \n \n \n this.setState({CustomerName : e.target.value})} label=\"\" value={this.state.formData.FirstName === null ? '' : this.state.formData.FirstName} placeholder=\"Enter FirstName\" errorMessage=\"fill field\" validate={{ required: { value: true } }} type=\"text\" className=\"form-control\" />\n \n\n
\n\n \n this.setState({CustomerName : this.state.CustomerName+' ' +e.target.value})} label=\"\" value={this.state.formData.MiddleName === null ? '' : this.state.formData.MiddleName} placeholder=\"Enter MiddleName\" type=\"text\" className=\"form-control\" />\n \n\n
\n\n\n \n this.setState({CustomerName : this.state.CustomerName+' ' +e.target.value})} value={this.state.formData.LastName === null ? '' : this.state.formData.LastName} placeholder=\"Enter LastName\" errorMessage=\"fill field\" validate={{ required: { value: true } }} type=\"text\" className=\"form-control\" />\n \n\n\n
\n\n\n \n
\n\n\n \n this.sendOTP(e)} value={this.state.formData.MobileNo === null ? '' : this.state.formData.MobileNo} placeholder=\"Enter MobileNo\" errorMessage=\"fill field\" validate={{ required: { value: true } }} type=\"text\" className=\"form-control\" />\n \n\n this.setState({OTP : e.target.value})} value={this.state.formData.OTP === null ? '' : this.state.formData.OTP} placeholder=\"Enter OTP\" errorMessage=\"fill field\" validate={{ required: { value: true } }} type=\"text\" className=\"form-control\" />\n \n\n \n Send OTP\n \n \n
\n\n\n \n
\n\n \n
\n\n\n \n
\n\n\n \n
\n\n\n \n
\n\n \n \n \n \n \n \n \n \n \n
\n\n\n \n \n \n \n \n \n \n \n \n
\n\n\n \n
\n\n\n \n \n \n \n \n \n \n
\n\n\n\n \n {/* \n \n \n \n \n \n \n \n \n
\n\n\n \n {/* \n \n \n \n \n \n \n \n \n
\n\n \n {/*
\n\n\n \n
\n\n\n \n
\n \n\n \n \n \n {/* \n \n */}\n \n \n \n\n
\n \n\n\n\n \n \n \n \n \n \n \n \n\n
\n \n\n\n\n\n \n \n \n \n \n \n \n \n \n\n
\n \n\n\n\n \n \n \n \n \n \n \n \n \n \n\n
\n \n\n\n \n \n \n \n \n \n \n\n \n \n \n \n \n \n
\n \n\n\n \n
\n \n\n\n \n \n \n \n \n \n \n
\n \n\n\n {/* \n
*/}\n \n\n \n \n \n \n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n}\n
\n \n \n \n Save\n \n\n \n Cancel\n \n\n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n
\n \n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n \n \n \n \n {this.state.accounttype\n ? this.state.accounttype.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n \n\n \n
\n\n\n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n Save\n \n\n \n Cancel\n \n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n\n\n{this.state.failed ? (\n \n Balance - {this.state.ReBalance}\n \n ) : null}\n {this.state.confirm_alert ? (\n this.props.btnDelete_onClick(this.props.selectedFormData)}\n // onCancel={() =>this.props.toggleDeleteConfirm(this.props.obj,formData,false)}\n >\n \n \n ) : null}\n
\n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n \n\n
\n \n \n \n \n View\n \n\n\n \n \n \n Add\n \n\n\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n \n \n \n \n {this.state.accounttype\n ? this.state.accounttype.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n\n\n \n \n \n {this.state.accounttypescheme\n ? this.state.accounttypescheme.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n
\n\n \n \n \n \n \n \n \n \n \n
\n\n \n\n \n
\n\n\n \n
\n\n \n
\n \n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n Save\n \n\n \n Cancel\n \n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n\n\n{this.state.failed ? (\n \n Balance - {this.state.ReBalance}\n \n ) : null}\n {this.state.confirm_alert ? (\n this.props.btnDelete_onClick(this.props.selectedFormData)}\n // onCancel={() =>this.props.toggleDeleteConfirm(this.props.obj,formData,false)}\n >\n \n \n ) : null}\n
\n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n \n\n
\n \n \n \n \n View\n \n\n\n \n \n\n \n Add\n \n\n\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n\n
\n \n \n\n \n \n \n\n \n this.getinterest(e.target.value)} disabled={!obj.isAdmin} type=\"select\" className=\"form-select\" >\n \n {this.state.accounttypescheme\n ? this.state.accounttypescheme.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n\n
\n\n\n {!obj.isAdmin ? null :\n\n \n \n \n {this.state.memberlist\n ? this.state.memberlist.map(\n (option, key) => (\n \n )\n )\n : null}\n \n\n \n
}\n\n \n \n \n \n \n \n \n \n\n {\n Fn_ChangeStateValue(this.obj, \"Tenure\", e.target.value);\n this.getMaturityDate(e.target.value); // Call your second function here\n }} placeholder=\"Enter Tenure\" errorMessage=\"Enter \" validate={{ required: { value: true } }} type=\"text\" className=\"form-control\" />\n \n\n
\n\n\n \n this.handleCalculate(e.target.value)} placeholder=\"Enter LoanAmount\" errorMessage=\"Enter \" validate={{ required: { value: true } }} type=\"numeric\" className=\"form-control\" />\n \n\n
\n\n\n\n \n this.onChageEMI(e.target.value)} placeholder=\"FirstEMIDate\" type=\"date\" className=\"form-control\" />\n \n\n
\n\n\n\n\n \n\n this.setState({ Mode: e.target.value })} type=\"select\" className=\"form-select\" >\n \n \n \n \n \n\n
\n\n \n {this.state.Mode == 2 && obj.isAdmin ?\n <>\n this.setState({ BankLedger: e.target.value })} type=\"select\" className=\"form-select\" >\n \n {this.state.bankledgerlist\n ? this.state.bankledgerlist.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n : null\n\n }\n\n\n
\n\n\n \n \n \n\n
\n \n
\n\n\n\n\n this.setState({ amortizationmodal: false })}\n scrollable={true}\n backdrop={'static'}\n id=\"staticBackdrop2\"\n className=\"modal-fullscreen\"\n >\n \n
\n\n \n
\n Salary Class
\n \n\n \n \n \n Loan Amortization Schedule \n\n \n \n \n
\n\n\n\n\n
\n \n \n\n \n \n \n
\n
\n | Period | \nEMI Date | \nEMI | \nInterest | \nAmount | \n\n\n
|---|---|---|---|---|
| {item.PERIOD} | \n{item.PAYDATE} | \n{item.PAYMENT} | \n{item.INTEREST} | \n{item.CURRENT_BALANCE} | \n
\n \n Save\n \n\n \n Cancel\n \n\n {this.state.LoanAmount > 0 ?\n this.setState({ amortizationmodal: true })}\n className=\"mr-1 waves-effect waves-light\"\n >\n Amortization\n : null}\n\n {this.state.success_msg ? (\n \n You clicked the button!\n \n ) : null}\n\n\n {this.state.failed ? (\n \n Balance - {this.state.ReBalance}\n \n ) : null}\n {this.state.confirm_alert ? (\n this.props.btnDelete_onClick(this.props.selectedFormData)}\n // onCancel={() =>this.props.toggleDeleteConfirm(this.props.obj,formData,false)}\n >\n\n \n ) : null}\n
\n \n \n
\n )\n }, {\n dataField: 'AccountScheme',\n text: 'SchemeName',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n },\n {\n dataField: 'MemberName',\n text: 'ShopName',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n }, {\n dataField: 'DoneBy',\n text: 'DoneBy',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n }, {\n dataField: 'LoanAmount',\n text: 'LoanAmount',\n sort: true,\n footer: columnData => (\n \n {sumAmount}\n
\n )\n \n }, \n , {\n dataField: 'OpeningDate',\n text: 'OpeningDate',\n sort: true,\n \n }, \n obj.isAdmin\n ? {\n dataField: \"Edit\",\n text: \"Edit\",\n \n formatter: (cellContent, row) => {\n if (row.IsLoan_Approve == 0 || row.IsClosed == 0) {\n return (\n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n {this.state.productData.length > 0 ? \n\n \n
: null}\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n\n \n \n \n \n \n ) : null}\n\n{this.state.dispute_msg == true ? (\n \n {this.state.DisputeMessage}\n \n ) : null}\n\n {this.state.confirm_alert ? (\n this.refund()}\n onCancel={() =>this.setState({confirm_alert : false, RReason : false , Id : 0})}\n >\n \n
\nthis.undorefund()}\n onCancel={() =>this.setState({confirm_undorefund : false, Id : 0})}\n >\n The Credited Amount will be deduct! \n \n ) : null}\n\n\n{this.state.success_dlg == true ? (\n \n \n \n ) : null}\n
\n \n
\n\n \n \n \n \n \n \n \n \n \n \n {this.state.accounttypescheme\n ? this.state.accounttypescheme.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n\n
\n\n\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n
\n \n\n\n \n\n\n \n View\n \n\n \n \n Excel\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n Accept/Reject Request
\n \n\n \n\n \n
\n\n\n
\n \n \n
\n \n \n
\n \n\n\n {this.state.success_msg == true ? (\n \n
\n \n
\n )\n \n },\n {\n dataField: 'MemberAccountNo',\n text: 'MemberAccountNo',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'SchemeName',\n text: 'SchemeName',\n sort: true,\n footer: columnData => (\n \n \n
\n )\n \n },\n {\n dataField: 'LoanAmount',\n text: 'LoanAmount',\n sort: true,\n footer: columnData => (\n \n {sumloanamount}\n
\n )\n \n \n },\n {\n dataField: \"LoanEMI\",\n text: \"LoanEMI\",\n footer: columnData => (\n \n {sumloanemi}\n
\n )\n } ,\n {\n dataField: \"DueAmount\",\n text: \"DueAmount\",\n footer: columnData => (\n \n {dueamount}\n
\n )\n } ,\n {\n dataField: \"PenaltyAmount\",\n text: \"PenaltyAmount\",\n footer: columnData => (\n \n {PenaltyAmount}\n
\n )\n } ,\n {\n dataField: \"PenaltyInterest\",\n text: \"PenaltyInterest\",\n footer: columnData => (\n \n \n
\n )\n } ,\n {\n dataField: \"MainInterest\",\n text: \"MainInterest\",\n footer: columnData => (\n \n \n
\n )\n } ,\n {\n dataField: \"TotalDueAmount\",\n text: \"TotalDueAmount\",\n footer: columnData => (\n \n {TotalDueAmount}\n
\n )\n } ,\n {\n dataField: \"OpeningDate\",\n text: \"OpeningDate\",\n footer: columnData => (\n \n \n
\n )\n } ,\n {\n dataField: \"EMIDate\",\n text: \"EMIDate\",\n footer: columnData => (\n \n \n
\n )\n } ,\n {\n dataField: \"Edit\",\n text: \"Edit\",\n formatter: (cellContent, row) => {\n return (\n \n\n\n \n \n \n \n \n\n\n \n \n
\n\n\n\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n\n\n \n
\n );\n }\n}\nexport default compose(container)(pageList_VouchersList);\n","import React, { Component } from \"react\";\nimport {\n Container,\n Row,\n Col,\n Form,\n FormGroup,\n Input,\n Card,\n CardBody,\n CardTitle,\n CardSubtitle,\n Button,\n Label,\n Alert,\n NavItem,\n NavLink,\n TabContent,\n TabPane\n} from \"reactstrap\";\n\nimport classnames from \"classnames\";\nimport SweetAlert from \"react-bootstrap-sweetalert\"\n\n\n// availity-reactstrap-validation\nimport {\n AvForm,\n AvField,AvRadioGroup,AvRadio\n} from \"availity-reactstrap-validation\";\n\n//Import Breadcrumb\nimport Breadcrumbs from \"../../components/Common/Breadcrumb\";\nimport { withRouter, Link } from \"react-router-dom\";\n//Constants\nimport { API_WEB_URLS } from \"../../constants/constAPI\";\n//Store\nimport { compose } from \"recompose\";\nimport { container } from \"../../store/Containers/cntCommon\";\nimport { Fn_DisplayData, Fn_AddEditData, Fn_FillListData, Fn_CheckIsActive, Fn_GetReport, Fn_ChangeStateValue } from \"../../store/functions\";\nimport Switch from \"react-switch\";\nimport Select from 'react-select';\nimport Loader from \"pages/loader\";\nimport { callGet_Data } from \"store/common-actions\";\nimport { API_HELPER } from \"helpers/ApiHelper\";\n\n\n\n\nfunction getCurrentDate() {\n const currentDate = new Date();\n const year = currentDate.getFullYear();\n const month = String(currentDate.getMonth() + 1).padStart(2, '0'); // Month is 0-indexed\n const day = String(currentDate.getDate()).padStart(2, '0');\n\n return `${year}-${month}-${day}`;\n}\n\nfunction getEMIDate(Periodicity, tenure) {\n\n\n if (Periodicity == 1){\n \n\n const date = new Date(getCurrentDate());\n \n return date.setDate(date.getDate() + 1);\n }\n else {\n const currentDate = new Date();\n let year = currentDate.getFullYear();\n let month = currentDate.getMonth() + 1; // Month is 0-indexed, so add 1\n let day = currentDate.getDate();\n\n if (day > 5) {\n month += 1;\n if (month > 12) {\n month = 1;\n year += 1;\n }\n }\n\n // Set the day to the 5th\n day = '05';\n\n // Convert month to 2-digit format\n month = String(month).padStart(2, '0');\n\n return `${year}-${month}-${day}`;\n}\n}\n\n\n\n\nexport const DateString = (dd) =>{\n\nlet d1 = dd.replace('-', '');\nlet d2 = d1.replace('-', '');\n\nreturn d2;\n\n}\n\nfunction getCurrentTime() {\n const now = new Date();\n const hours = String(now.getHours()).padStart(2, '0');\n const minutes = String(now.getMinutes()).padStart(2, '0');\n return `${hours}:${minutes}`;\n}\n\n\n\n\n\nclass pageAddEdit_LoanEMI extends Component {\n constructor(props) {\n super(props);\n this.state = {\n id: 0,\n formData: {},\n isMDistributor : false,\n isSDistributor : false,\n isDistributor : false,\n isRetailer : false,\n switch9 : false,\n success_msg:false,\n confirm_alert: false,\n accounttypeschemeinterest : [{}],\n Time : getCurrentTime(),\n balance : [{\n AvailableBalance : 0\n }],\n ReBalance : 0,\n failed : false,\n loading : false,\n DefaultScheme : [{}],\n GetDues : [{}]\n };\n this.obj = this;\n this.formTitle = \"Loan EMI\";\n this.breadCrumbTitle = \"Loan EMI\";\n this.breadCrumbItem = \"Add \" + this.formTitle;\n this.API_URL_SAVE = \"PayLoanEMI/0/token\";\n this.pushFormName = \"/loanreport\";\n this.rtPage_Redirect = \"/loanreport\";\n\n //Event Binding\n this.btnSave_onClick = this.btnSave_onClick.bind(this);\n this.btnCancel_onClick = this.btnCancel_onClick.bind(this);\n this.API_URL = API_WEB_URLS.MASTER + \"/0/token/BalanceEdit\";\n this.syno = this.syno.bind(this);\n this.searchmember = this.searchmember.bind(this);\n this.getdues = this.getdues.bind(this);\n this.PenaltyDiscount = this.PenaltyDiscount.bind(this);\n \n }\n componentDidMount() {\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n Fn_CheckIsActive(this.obj, obj.uid);\n //Filing Dropdown\n \n Fn_FillListData(this.obj, \"bankledgerlist\", API_WEB_URLS.MASTER + \"/0/token/LedgerBank/F_LedgerGroupMaster/12\");\n\n const { id } = this.props.match.params;\n\n if (id) {\n this.setState({ id: id });\n this.breadCrumbItem = \"Pay \" + this.formTitle;\n let vformData = new FormData();\n vformData.append(\"F_MemberAccountMaster\", id);\n Fn_GetReport(this.obj, { arguList: { id: obj.uid, formData: vformData } }, \"GetDues/0/token\", \"GetDues\", true);\n\n //Fn_DisplayData(this.obj, id, this.API_URL + \"/Id\");\n } else {\n this.setState({ id: 0 });\n }\n }\n\n\n\n\n\n\n searchmember (event) {\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n let vformData = new FormData();\n vformData.append(\"Search\", event.target.value);\n Fn_GetReport(this.obj, { arguList: { id: obj.uid, formData: vformData } }, \"SearchLoanAccount/0/token\", \"memberlist\", true);\n }\n\n\n\n\n\n\n \n syno () {\n this.setState({success_msg : false ,update_msg : false, failed : false})\n \n this.props.history.push(`${this.rtPage_Redirect}`, {});\n }\n\n\n btnSave_onClick(event, formData) {\n this.setState({loading : true});\n\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n \n let vformData = new FormData();\n vformData.append(\"Amount\", this.state.GetDues[0].DueAmount);\n vformData.append(\"F_MemberAccountMaster\", this.state.id> 0 ? this.state.id : formData.F_MemberAccountMaster );\n vformData.append(\"Mode\", formData.Mode);\n vformData.append(\"PenaltyAmount\", this.state.GetDues[0].PenaltyAmount);\n vformData.append(\"PenaltyDiscount\", this.state.PenaltyDiscount);\n vformData.append(\"BankLedger\", this.state.Mode == 2 && obj.isAdmin ? this.state.BankLedger : 0);\n \n \n\n \n\n Fn_AddEditData(this.obj, { arguList: { id: 0, formData: vformData } }, this.API_URL_SAVE, \"#\", true , \"\");\n \n\n\n\n\n // this.setState({loading : false});\n }\n\n\n getdues(e){\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n let vformData = new FormData();\n vformData.append(\"F_MemberAccountMaster\", e);\n Fn_GetReport(this.obj, { arguList: { id: obj.uid, formData: vformData } }, \"GetDues/0/token\", \"GetDues\", true);\n\n }\n\n btnCancel_onClick = event => {\n event.preventDefault();\n //this.props.history.goBack();\n this.props.history.push(this.pushFormName);\n };\n\n\n\nPenaltyDiscount(e){\n let amount = e.target.value;\n if (amount>this.state.GetDues[0].PenaltyAmount){\n alert('Penalty Discount cant be greater than penalty');\n }\n else {\n this.setState({PenaltyDiscount : amount})\n }\n\n}\n\n\n\n render() {\n\n\n\n const obj = JSON.parse(sessionStorage.getItem(\"authUser\"));\n console.log(obj.isAdmin)\n\n const {selectedGroup} = this.state;\n \n\n return (\n \n
\n\n \n \n \n \n \n \n \n \n {/* \n Refresh\n \n\n<>\n \n \n\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n \n
\n \n \n
\n \n
\n \n \n {this.state.loading ? \n {/* Render Breadcrumb */}\n \n \n \n {/* \n \n \n
\n \n
\n Basic Wizard
*/}\n\n \n
\n \n \n \n \n \n \n \n \n \n\n\n\n \n this.getdues(e.target.value)} type=\"select\" className=\"form-select\" >\n \n {this.state.memberlist\n ? this.state.memberlist.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n \n
\n \n \n\n\n \n\n\n
\n\n\n\n \n\n \n this.setState({Mode : e.target.value})} type=\"select\" className=\"form-select\" >\n \n \n \n \n\n\n\n\n \n\n
\n\n \n {this.state.Mode == 2 && obj.isAdmin ? \n <>\n this.setState({BankLedger : e.target.value})} type=\"select\" className=\"form-select\" >\n \n {this.state.bankledgerlist\n ? this.state.bankledgerlist.map(\n (option, key) => (\n \n )\n )\n : null}\n \n \n : null\n \n }\n\n\n
\n\n \n \n \n \n \n
\n \n
\n \n \n
\n \n \n \n Pay\n \n\n \n Cancel\n \n\n {this.state.success_msg ? (\n \n EMI PAID\n \n ) : null}\n\n\n{this.state.failed ? (\n \n Balance - {this.state.ReBalance}\n \n ) : null}\n {this.state.confirm_alert ? (\n this.props.btnDelete_onClick(this.props.selectedFormData)}\n // onCancel={() =>this.props.toggleDeleteConfirm(this.props.obj,formData,false)}\n >\n \n \n ) : null}\n
\n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n\n \n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n
\n \n \n \n View\n \n\n\n \n Excel\n \n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \n \n {/* Render Breadcrumb */}\n \n \n \n \n \n \n\n\n \n \n
\n\n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n\n\n\n\n\n\n\n \n \n \n {({ paginationProps, paginationTableProps }) => (\n \n {toolkitProps => (\n \n\n \n
\n\n \n
\n\n \n
\n \n )\n }\n \n )\n }\n \n \n \n
\n\n\n\n\n \n \n
\n \n
\n\n \n \n \n \n \n \n \n \n \n View\n \n\n \n Excel\n \n \n \n \n
\n\n \n \n\n \n \n \n
\n \n\n \n \n\n
\n\n\n\n \n\n\n\n \n \n
\n ₹{this.state.OpeningClosing[0].OpeningBalance}
\nOpening Balance
\n\n \n
\n ₹{this.state.OpeningClosing[0].TotalCredit}
\nTotal Credit
\n\n \n
\n ₹{this.state.OpeningClosing[0].TotalDebit}
\nTotal Debit
\n\n \n
\n ₹{this.state.OpeningClosing[0].ClosingBalance}
\nClosing Balance
\n\n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n \r\n {this.state.loading ? \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n
\r\n \r\n
\r\n Basic Wizard
*/}\r\n\r\n\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n this.getinterest(e.target.value)} disabled={!obj.isAdmin} type=\"select\" className=\"form-select\" >\r\n \r\n {this.state.accounttypescheme\r\n ? this.state.accounttypescheme.map(\r\n (option, key) => (\r\n \r\n )\r\n )\r\n : null}\r\n \r\n \r\n\r\n
\r\n\r\n\r\n {!obj.isAdmin ? null :\r\n\r\n \r\n \r\n \r\n {this.state.memberlist\r\n ? this.state.memberlist.map(\r\n (option, key) => (\r\n \r\n )\r\n )\r\n : null}\r\n \r\n\r\n \r\n
}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {\r\n Fn_ChangeStateValue(this.obj, \"Tenure\", e.target.value);\r\n this.getMaturityDate(e.target.value); // Call your second function here\r\n }} placeholder=\"Enter Tenure\" errorMessage=\"Enter \" validate={{ required: { value: true } }} type=\"text\" className=\"form-control\" />\r\n \r\n\r\n
\r\n\r\n\r\n \r\n this.handleCalculate(e.target.value)} placeholder=\"Enter FdAmount\" errorMessage=\"Enter \" validate={{ required: { value: true } }} type=\"numeric\" className=\"form-control\" />\r\n \r\n\r\n
\r\n\r\n\r\n\r\n \r\n this.onChageEMI(e.target.value)} placeholder=\"FirstEMIDate\" type=\"date\" className=\"form-control\" />\r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n \r\n\r\n this.setState({ Mode: e.target.value })} type=\"select\" className=\"form-select\" >\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n\r\n \r\n {this.state.Mode == 2 && obj.isAdmin ?\r\n <>\r\n this.setState({ BankLedger: e.target.value })} type=\"select\" className=\"form-select\" >\r\n \r\n {this.state.bankledgerlist\r\n ? this.state.bankledgerlist.map(\r\n (option, key) => (\r\n \r\n )\r\n )\r\n : null}\r\n \r\n \r\n : null\r\n\r\n }\r\n\r\n\r\n
\r\n\r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n this.setState({ amortizationmodal: false })}\r\n scrollable={true}\r\n backdrop={'static'}\r\n id=\"staticBackdrop2\"\r\n className=\"modal-fullscreen\"\r\n >\r\n \r\n
\r\n\r\n \r\n
\r\n Salary Class
\r\n \r\n\r\n \r\n \r\n \r\n Loan Amortization Schedule \r\n\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n | Period | \r\nEMI Date | \r\nEMI | \r\nInterest | \r\nAmount | \r\n\r\n\r\n
|---|---|---|---|---|
| {item.PERIOD} | \r\n{item.PAYDATE} | \r\n{item.PAYMENT} | \r\n{item.INTEREST} | \r\n{item.CURRENT_BALANCE} | \r\n
\r\n \r\n Save\r\n \r\n\r\n \r\n Cancel\r\n \r\n\r\n {this.state.FdAmount > 0 ?\r\n this.setState({ amortizationmodal: true })}\r\n className=\"mr-1 waves-effect waves-light\"\r\n >\r\n Amortization\r\n : null}\r\n\r\n {this.state.success_msg ? (\r\n \r\n You clicked the button!\r\n \r\n ) : null}\r\n\r\n\r\n {this.state.failed ? (\r\n \r\n Balance - {this.state.ReBalance}\r\n \r\n ) : null}\r\n {this.state.confirm_alert ? (\r\n this.props.btnDelete_onClick(this.props.selectedFormData)}\r\n // onCancel={() =>this.props.toggleDeleteConfirm(this.props.obj,formData,false)}\r\n >\r\n\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {/* Add OTP Modal */}\r\n {this.state.showOtpModal && (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {/* MobileNo Field */}\r\n \r\n \r\n Mobile No\r\n \r\n \r\n
\r\n \r\n {/* \r\n Mobile No\r\n \r\n */}\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n Save\r\n \r\n\r\n \r\n Cancel\r\n \r\n\r\n {this.state.success_msg ? (\r\n \r\n this.setState({ success_msg: false })\r\n }\r\n >\r\n You clicked the button!\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n )\r\n }, {\r\n dataField: 'TransactionCode',\r\n text: 'TransactionCode',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n },\r\n {\r\n dataField: 'Sender',\r\n text: 'Sender',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'AccountHolderName',\r\n text: 'Bene Name',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'AccountNo',\r\n text: 'AccountNo',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'IFSC',\r\n text: 'IFSC',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n\r\n },\r\n\r\n {\r\n dataField: 'Amount',\r\n text: 'Amount',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n {sumAmount.toFixed(2)}\r\n
\r\n )\r\n },\r\n\r\n\r\n\r\n {\r\n dataField: 'UTR',\r\n text: 'UTR',\r\n sort: true,\r\n\r\n },\r\n {\r\n dataField: 'MerchantCode',\r\n text: 'AgentId',\r\n sort: true,\r\n\r\n },\r\n {\r\n dataField: 'TransactionStatus',\r\n text: 'TransactionStatus',\r\n sort: true,\r\n formatter: (cell, row) => (\r\n {cell}\r\n ),\r\n },\r\n\r\n\r\n\r\n\r\n\r\n\r\n {\r\n dataField: 'IsApp',\r\n text: 'type',\r\n sort: true,\r\n formatter: (cell, row) => (\r\n {cell ? 'App' : 'Web'}\r\n ),\r\n }\r\n ,\r\n\r\n\r\n\r\n {\r\n dataField: \"action\",\r\n text: \"Status/Action\",\r\n formatter: (cellContent, row) => {\r\n if (row.IsRefundDone === 1) {\r\n // Show refund button when refund is available\r\n return (\r\n \r\n {this.state.loadings ? \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n \r\n {({ paginationProps, paginationTableProps }) => (\r\n \r\n {toolkitProps => (\r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {this.state.productData.length > 0 ?\r\n\r\n \r\n
: null}\r\n \r\n )\r\n }\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n \r\n \r\n\r\n \r\n ) : null}\r\n\r\n {this.state.confirm_alert ? (\r\n this.refund()}\r\n onCancel={() => this.setState({ confirm_alert: false, RReason: false, Id: 0 })}\r\n >\r\n\r\n
\r\n this.undorefund()}\r\n onCancel={() => this.setState({ confirm_undorefund: false, Id: 0 })}\r\n >\r\n The Credited Amount will be deduct!\r\n \r\n ) : null}\r\n\r\n\r\n {this.state.success_dlg == true ? (\r\n \r\n\r\n \r\n ) : null}\r\n\r\n {/* Add OTP Modal */}\r\n this.setState({ otpModal: false })}\r\n centered\r\n >\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n \r\n {this.state.status\r\n ? this.state.status.map(\r\n (option, key) => (\r\n \r\n )\r\n )\r\n : null}\r\n \r\n \r\n\r\n \r\n \r\n {this.state.bank\r\n ? this.state.bank.map(\r\n (option, key) => (\r\n \r\n )\r\n )\r\n : null}\r\n \r\n \r\n\r\n
\r\n \r\n\r\n \r\n \r\n {this.state.usertype\r\n ? this.state.usertype.map(\r\n (option, key) => (\r\n \r\n )\r\n )\r\n : null}\r\n \r\n \r\n\r\n\r\n\r\n \r\n \r\n {this.state.users\r\n ? this.state.users.map(\r\n (option, key) => (\r\n \r\n )\r\n )\r\n : null}\r\n \r\n \r\n
\r\n \r\n\r\n : null}\r\n\r\n \r\n \r\n View\r\n \r\n\r\n\r\n\r\n\r\n\r\n \r\n Excel\r\n \r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Comissions
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n\r\n\r\n {this.state.success_msg == true ? (\r\n \r\n
\r\n this.setState({ otpModal: false })}\r\n aria-label=\"Close\"\r\n >\r\n
\r\n Enter OTP
\r\n\r\n
\r\n \r\n \r\n this.setState({ otp: e.target.value })}\r\n placeholder=\"Enter OTP\"\r\n />\r\n
\r\n \r\n this.setState({ otpModal: false })}\r\n >\r\n Close\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 dataField: 'Message',\r\n text: 'Message',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n },\r\n {\r\n dataField: 'Merchant_code',\r\n text: 'Merchant_code',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'TransactionCode',\r\n text: 'TransactionCode',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'TransactionStatus',\r\n text: 'TransactionStatus',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'Kyc_charges',\r\n text: 'Charges',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n {sumCharges}\r\n
\r\n )\r\n },\r\n {\r\n dataField: \"action\",\r\n text: \"Refund\",\r\n formatter: (cellContent, row) => {\r\n return (\r\n\r\n row.F_VoucherHRefund > 0 ? \r\n {this.state.loadings ? \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n \r\n {({ paginationProps, paginationTableProps }) => (\r\n \r\n {toolkitProps => (\r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {this.state.productData.length > 0 ?\r\n\r\n \r\n
: null}\r\n \r\n )\r\n }\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n View\r\n \r\n\r\n\r\n\r\n\r\n\r\n \r\n Excel\r\n \r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n )\r\n }, {\r\n dataField: 'Message',\r\n text: 'Message',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n },\r\n {\r\n dataField: 'Merchant_code',\r\n text: 'Merchant_code',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n\r\n },\r\n \r\n {\r\n dataField: 'TransactionCode',\r\n text: 'TransactionCode',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'Charges',\r\n text: 'Charges',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n {sumCharges}\r\n
\r\n )\r\n },\r\n {\r\n dataField: 'Amount',\r\n text: 'Amount',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n {sumAmount}\r\n
\r\n )\r\n },\r\n {\r\n dataField: 'Mobile',\r\n text: 'Mobile',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n \r\n
\r\n )\r\n },\r\n {\r\n dataField: 'BankName',\r\n text: 'BankName',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n \r\n
\r\n )\r\n },\r\n {\r\n dataField: 'Account',\r\n text: 'Account',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n \r\n
\r\n )\r\n },\r\n {\r\n dataField: 'IFSCCode',\r\n text: 'IFSCCode',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n \r\n
\r\n )\r\n },\r\n \r\n {\r\n dataField: \"action\",\r\n text: \"Refund\",\r\n formatter: (cellContent, row) => {\r\n return (\r\n \r\n row.F_VoucherHRefund > 0 ? \r\n {this.state.loadings ? \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n \r\n {({ paginationProps, paginationTableProps }) => (\r\n \r\n {toolkitProps => (\r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {this.state.productData.length > 0 ?\r\n\r\n \r\n
: null}\r\n \r\n )\r\n }\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n View\r\n \r\n\r\n\r\n\r\n\r\n\r\n \r\n Excel\r\n \r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n )\r\n }, {\r\n dataField: 'TransactionCode',\r\n text: 'TransactionCode',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n },\r\n {\r\n dataField: 'Sender',\r\n text: 'Sender',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'Amount',\r\n text: 'Amount',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n {sumAmount.toFixed(2)}\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'PPICharges',\r\n text: 'PPICharges',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n {sumPPICharges.toFixed(2)}\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'Gst',\r\n text: 'Gst',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n {sumGst.toFixed(2)}\r\n
\r\n )\r\n\r\n },\r\n\r\n {\r\n dataField: 'CompComm',\r\n text: 'CompComm',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n {sumCompComm.toFixed(2)}\r\n
\r\n )\r\n },\r\n\r\n\r\n\r\n {\r\n dataField: 'CompTDS',\r\n text: 'CompTDS',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n {sumCompTDS.toFixed(2)}\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'Txn_cost',\r\n text: 'Txn_cost',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n {sumTxn_cost.toFixed(2)}\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'Charges',\r\n text: 'Charges',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n {sumCharges.toFixed(2)}\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'OurCharges',\r\n text: 'OurCharges',\r\n sort: true,\r\n footer: columnData => (\r\n \r\n {sumOurCharges.toFixed(2)}\r\n
\r\n )\r\n\r\n },\r\n {\r\n dataField: 'F_RetailerComission',\r\n text: 'Retailer Comission',\r\n sort: true\r\n\r\n },\r\n {\r\n dataField: 'F_DistributorComission',\r\n text: 'Distributor Comission',\r\n sort: true\r\n\r\n },\r\n {\r\n dataField: 'F_SDistributorComission',\r\n text: 'SDistributor Comission',\r\n sort: true\r\n\r\n },\r\n {\r\n dataField: 'F_DistributorTDS',\r\n text: 'Distributor TDS',\r\n sort: true\r\n\r\n },\r\n {\r\n dataField: 'F_SDistributorTDS',\r\n text: 'SDistributor TDS',\r\n sort: true\r\n\r\n },\r\n {\r\n dataField: 'F_RetailerTDS',\r\n text: 'Retailer TDS',\r\n sort: true\r\n\r\n },\r\n {\r\n dataField: 'RefId',\r\n text: 'RefId',\r\n sort: true\r\n\r\n },\r\n {\r\n dataField: 'MerchantCode',\r\n text: 'Agent Code',\r\n sort: true\r\n }\r\n\r\n\r\n\r\n ];\r\n\r\n const defaultSorted = [{\r\n dataField: 'id',\r\n order: 'asc'\r\n }];\r\n\r\n const pageOptions = {\r\n sizePerPage: 25,\r\n totalSize: this.state.productData.length, // replace later with size(customers),\r\n custom: true,\r\n }\r\n\r\n // Custom Pagination Toggle\r\n const sizePerPageList = [\r\n { text: '5', value: 5 },\r\n { text: '10', value: 10 },\r\n { text: '15', value: 15 },\r\n { text: '20', value: 20 },\r\n { text: '25', value: 25 },\r\n { text: 'All', value: (this.state.productData).length }];\r\n\r\n\r\n // Select All Button operation\r\n const selectRow = {\r\n mode: 'checkbox'\r\n }\r\n\r\n const { SearchBar } = Search;\r\n\r\n return (\r\n\r\n\r\n\r\n\r\n <>\r\n\r\n \r\n {this.state.loadings ? \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n \r\n {({ paginationProps, paginationTableProps }) => (\r\n \r\n {toolkitProps => (\r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {this.state.productData.length > 0 ?\r\n\r\n \r\n
: null}\r\n \r\n )\r\n }\r\n \r\n )\r\n }\r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n \r\n \r\n\r\n \r\n ) : null}\r\n\r\n {this.state.confirm_alert ? (\r\n this.refund()}\r\n onCancel={() => this.setState({ confirm_alert: false, RReason: false, Id: 0 })}\r\n >\r\n\r\n
\r\n this.undorefund()}\r\n onCancel={() => this.setState({ confirm_undorefund: false, Id: 0 })}\r\n >\r\n The Credited Amount will be deduct!\r\n \r\n ) : null}\r\n\r\n\r\n {this.state.success_dlg == true ? (\r\n \r\n\r\n \r\n ) : null}\r\n\r\n {/* Add OTP Modal */}\r\n this.setState({ otpModal: false })}\r\n centered\r\n >\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n {this.state.usertype\r\n ? this.state.usertype.map(\r\n (option, key) => (\r\n \r\n )\r\n )\r\n : null}\r\n \r\n \r\n\r\n\r\n\r\n \r\n \r\n {this.state.users\r\n ? this.state.users.map(\r\n (option, key) => (\r\n \r\n )\r\n )\r\n : null}\r\n \r\n \r\n
\r\n \r\n\r\n : null}\r\n\r\n \r\n \r\n View\r\n \r\n\r\n\r\n\r\n\r\n\r\n \r\n Excel\r\n \r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Comissions
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n \r\n\r\n
\r\n \r\n\r\n\r\n {this.state.success_msg == true ? (\r\n \r\n
\r\n this.setState({ otpModal: false })}\r\n aria-label=\"Close\"\r\n >\r\n
\r\n Enter OTP
\r\n\r\n
\r\n \r\n \r\n this.setState({ otp: e.target.value })}\r\n placeholder=\"Enter OTP\"\r\n />\r\n
\r\n \r\n this.setState({ otpModal: false })}\r\n >\r\n Close\r\n \r\n \r\n Submit\r\n \r\n
\r\n \r\n \r\n \r\n {/* Render Breadcrumb */}\r\n \r\n \r\n \r\n Back\r\n \r\n \r\n
\r\n \r\n
\r\n \n \n
\n
\n\n Notifications
\n \n\n \n {\" \"}\n clear All\n \n
\n \n\n
\n\n\n))}\n\n \n \n \n
\n\n {value.head}\n
\n\n
\n \n {\n value.message\n }\n
\n\n {\" \"}\n {value.time}{\" \"}\n
\n\n\n {this.state.Balance > 0 ? \n \n {formatNumber(this.state.Balance)}\n \n \n \n :\n \n \n View Balance\n \n \n }\n \n \n\n
*/}\n \n
\n\n
\n \n \n \n \n
\n\n Settings
\n\n\n
\n
\n\n
\n\n\n
\n
\n\n
\n\n
\n \n ) : null}\n\n \n \n Preloader\n \n\n \n\n \n Purchase Now\n \n
\n \n Layouts\n
\n\n \n\n
\n \n Layout Width\n \n
\n\n \n\n
\n \n Topbar Theme\n \n
\n\n {this.state.layoutType === \"vertical\" ? (\n \n
\n \n Left Sidebar Type\n \n
\n\n \n\n
\n \n Left Sidebar Color Options\n \n \n \n \n
\n \n
\n
\n\n \n\n
\n \n Left Sidebar Bg Image\n \n
\n\n \n\n\n
\n \n
\n \n Preloader\n \n
\n Choose Layouts
\n\n\n \n
\n\n \n \n
\n\n \n \n
\n\n \n\n \n \n \n \n
\n \n \n \n \n \n \n\n \n\n \n
\n \n \n \n \n 
\n \n \n\n \n \n 
\n \n \n
\n\n \n
\n \n\n {/* \n {\n this.setState({ isSearch: !this.state.isSearch })\n }}\n type=\"button\"\n className=\"btn header-item noti-icon\"\n id=\"page-header-search-dropdown\"\n >\n \n \n \n \n
\n \n \n \n \n
\n\n \n
\n \n \n \n \n \n \n 
\n \n \n\n \n \n \n \n \n 
\n \n \n
\n \n {this.props.type !== \"condensed\" ? (\n
\n \n \n
\n\n \n
\n \n \n \n \n \n \n \n
\n \n
\n {this.props.children}
\n \n \n \n {\n e.preventDefault()\n this.setState({ uiState: !this.state.uiState })\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Master\")}{\" \"}\n \n \n {/* */}\n \n \n
\n \n\n\n {obj.IsStaff ? null :\n\n \n \n \n
*/}\n \n\n - \n
- \n
\n \n {this.props.t(\"Member Master\")}\n \n \n {this.props.t(\"Member Service\")}\n \n\n {obj.IsStaff ? null :\n\n <>\n \n {this.props.t(\"Ledger Master\")}\n \n \n {this.props.t(\"Plan Master\")}\n \n \n {this.props.t(\"Plan Add\")}\n \n \n {this.props.t(\"Bank Data Upload\")}\n \n \n {this.props.t(\"Bank Master\")}\n \n \n {this.props.t(\"Fund Transfer Status Code \")}\n \n \n {this.props.t(\"IFSC Swap\")}\n \n \n {this.props.t(\"Recharge Operator\")}\n \n \n \n \n {this.props.t(\"User Master\")}\n }\n
\n \n \n \n {\n e.preventDefault()\n this.setState({ uiState: !this.state.uiState })\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Master\")}{\" \"}\n \n \n {/* */}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n \n \n - \n
- \n
\n \n {this.props.t(\"Profile\")}\n \n
\n \n \n \n {\n e.preventDefault()\n this.setState({ uiState: !this.state.uiState })\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Master\")}{\" \"}\n \n \n {/* */}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n \n \n - \n
- \n
\n \n {this.props.t(\"Profile\")}\n \n
\n \n \n \n {\n e.preventDefault()\n this.setState({ uiState: !this.state.uiState })\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Master\")}{\" \"}\n \n \n {/* */}\n \n \n
\n \n \n \n \n \n \n \n
*/}\n \n \n - \n
- \n
\n \n {this.props.t(\"Profile\")}\n \n
\n \n \n \n {\n e.preventDefault()\n this.setState({ uiState: !this.state.uiState })\n }}\n className=\"nav-link dropdown-toggle arrow-none\"\n >\n \n {this.props.t(\"Master\")}{\" \"}\n \n \n {/* */}\n \n \n
\n \n \n \n \n \n \n \n \n \n
*/}\n \n \n - \n
- \n
\n \n {this.props.t(\"Profile\")}\n \n {obj.IsDMR ? \n \n {this.props.t(\"Fund Transfer\")}\n : null}\n\n {obj.IsIndoNepal ? \n \n {this.props.t(\"Indo Nepal\")}\n : null}\n\n {obj.IsAEPS ?\n <>\n \n {this.props.t(\"AEPS Authenticate\")}\n \n \n {this.props.t(\"AEPS\")}\n : null}\n\n \n {this.props.t(\"PS Onboarding\")}\n \n\n {obj.IsRecharge ? \n \n {this.props.t(\"Recharge\")}\n \n : null}\n \n
\n \n \n {\n this.setState({ socialDrp: !this.state.socialDrp })\n }}\n >\n \n \n \n \n \n */}\n\n\n {obj.isAdmin ?\n\n <>\n
\n \n \n \n \n \n\n {/* */}\n {/* {\n this.setState({ megaMenuDrp: !this.state.megaMenuDrp })\n }}\n >\n \n {this.props.t(\"Mega Menu\")}{\" \"}\n \n \n \n \n \n
\n \n \n
\n \n
\n \n */}\n
\n\n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n 
\n \n \n
\n\n \n {this.props.t(\"UI Components\")}\n
\n- \n
- \n {this.props.t(\"Lightbox\")}\n \n
- \n {this.props.t(\"Range Slider\")}\n \n
- \n {this.props.t(\"Sweet Alert\")}\n \n
- \n {this.props.t(\"Rating\")}\n \n
- \n {this.props.t(\"Forms\")}\n \n
- \n {this.props.t(\"Tables\")}\n \n
- \n {this.props.t(\"Charts\")}\n \n
\n {this.props.t(\"Applications\")}\n
\n- \n
- \n {this.props.t(\"Ecommerce\")}\n \n
- \n {this.props.t(\"Calendar\")}\n \n
- \n {this.props.t(\"Email\")}\n \n
- \n {this.props.t(\"Projects\")}\n \n
- \n {this.props.t(\"Tasks\")}\n \n
- \n {this.props.t(\"Contacts\")}\n \n
\n {this.props.t(\"Extra Pages\")}\n
\n- \n
- \n \n {this.props.t(\"Light Sidebar\")}\n \n \n
- \n \n {this.props.t(\"Compact Sidebar\")}\n \n \n
- \n \n {this.props.t(\"Horizontal layout\")}\n \n \n
- \n {this.props.t(\"Maintenance\")}\n \n
- \n {this.props.t(\"Coming Soon\")}\n \n
- \n {this.props.t(\"Timeline\")}\n \n
- \n {this.props.t(\"FAQs\")}\n \n
\n {this.props.t(\"UI Components\")}\n
\n- \n
- \n {this.props.t(\"Lightbox\")}\n \n
- \n {this.props.t(\"Range Slider\")}\n \n
- \n {this.props.t(\"Sweet Alert\")}\n \n
- \n {this.props.t(\"Rating\")}\n \n
- \n {this.props.t(\"Forms\")}\n \n
- \n {this.props.t(\"Tables\")}\n \n
- \n {this.props.t(\"Charts\")}\n \n
\n
\n \n \n
\n\n {/* \n {/* {\n this.setState({ isSearch: !this.state.isSearch })\n }}\n >\n \n */}\n {/* \n \n
*/}\n \n \n 
\n GitHub\n \n \n 
\n Bitbucket\n \n \n 
\n Dribbble\n \n \n
\n \n 
\n Dropbox\n \n \n 
\n Mail Chimp\n \n \n 
\n Slack\n \n \n
\n
\n \n\n\n ({this.state.HeaderData[0].Dispute})\n\n \n \n
\n\n\n\n\n\n ({this.state.HeaderData[0].FundRequest})\n \n \n
\n\n\n\n ({this.state.HeaderData[0].Member})\n \n
\n\n \n \n \n \n
\n \n\n\n : null}\n\n\n {this.state.isloading ? \n \n \n \n {this.state.Balance != 0 ? \n \n {formatNumber(this.state.Balance)}\n \n \n \n :\n \n \n View Balance\n \n \n }\n
\n\n\n \n \n \n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n
\n \n
\n {this.props.children}
\n \n