SmartPay
\r\n\r\n \r\n {logo ? (\r\n 
\r\n {logo.innerLink ? (\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 {/* Form */}\r\n \r\n {/* Navigation */}\r\n \r\n {/* Divider */}\r\n {/* */}\r\n {/* Heading */}\r\n {/*
Documentation
*/}\r\n {/* Navigation */}\r\n {/* \r\n \r\n */}\r\n\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Header;\r\n","import React from \"react\";\r\n\r\nconst loaderContainer = {\r\n position: 'fixed',\r\n top: '290px',\r\n left: 0,\r\n width: '100%',\r\n heigth: '100%',\r\n backgroundColor: '#F8F8F8AD',\r\n // display: 'none'\r\n};\r\n\r\nconst loader = {\r\n left: '55%',\r\n top: '50%',\r\n zIndex: '1000',\r\n position: 'absolute'\r\n};\r\n\r\nconst FullPageLoader = (props) => {\r\n\r\n const outerDiv = props && props.loaderContainer ? props.loaderContainer : loaderContainer;\r\n const innerDiv = props && props.loader ? props.loader : loader;\r\n return (\r\n \r\n {/* Card stats */}\r\n
\r\n \r\n
\r\n )\r\n};\r\n\r\nexport default FullPageLoader;","import React, { useEffect } from \"react\";\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n Container,\r\n Row,\r\n Col\r\n} from \"reactstrap\";\r\n\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport { getUserId, postMethod } from \"services/httpServices\";\r\nimport { useToasts } from 'react-toast-notifications';\r\n\r\nconst VoucherWallet = (props) => {\r\n const [loading, setLoading] = React.useState(true);\r\n const [amount, setAmount] = React.useState(10000);\r\n const [success, setSuccess] = React.useState(2);\r\n const { addToast } = useToasts();\r\n\r\n const getAmt = (val) => {\r\n let amt = Number(val);\r\n return amt.toLocaleString();\r\n }\r\n\r\n // setTimeout(() => {\r\n // setLoading(false);\r\n // }, 5000);\r\n\r\n useEffect(()=> {\r\n fetchBalance();\r\n }, []);\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = 'Save successfully';\r\n }\r\n addToast(text, {\r\n appearance: 'success',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const fetchBalance = () => {\r\n let errorMsg = '';\r\n let id = getUserId();\r\n setLoading(true);\r\n postMethod('/api/Subscriber/GetByUserId/' + id, {}, 'post')\r\n .then(res => {\r\n setLoading(false);\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n setSuccess(1);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n notifyFailed(errorMsg);\r\n setSuccess(0);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n setSuccess(0);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n setSuccess(0);\r\n }\r\n }).catch(err => {\r\n setLoading(false);\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n setSuccess(0);\r\n });\r\n }\r\n return (\r\n <>\r\n \r\n {/* 
\r\n */}\r\n {/* {props.label ? props.label : 'Loading.....'} */}\r\n
\r\n \r\n \r\n
\r\n \r\n Loading...\r\n Voucher Wallet
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
}\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default MerchantHeader;\r\n","import React, { useEffect } from \"react\";\r\n\r\n// reactstrap components\r\nimport { Card, CardBody, CardTitle, Container, Row, Col } from \"reactstrap\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { getUserId, postMethod } from \"services/httpServices\";\r\nimport {\r\n PendingChartData,\r\n CollectedChartData,\r\n PendingChartData2,\r\n CollectedChartData2,\r\n doughnutCollectionChart,\r\n doughnutTransferredChartChart,\r\n subsMTDWalletTrans,\r\n} from \"variables/charts\";\r\nimport { daysInMonth, daysInArray, MonthArraySM } from \"services/util\";\r\nimport { financeMTDCommission } from \"variables/charts\";\r\n\r\nconst AdminHeader = (props) => {\r\n const [totalMasterAgentBalance, setTotalMasterAgentBalance] =\r\n React.useState(0);\r\n const [totalSuperAgentBalance, setTotalSuperAgentBalance] = React.useState(0);\r\n const [totalSubAgentBalance, setTotalSubAgentBalance] = React.useState(0);\r\n const [customerTopupCumulative, setCustomerTopupCumulative] =\r\n React.useState(0);\r\n const [totalWalletAmt, setWalletAmt] = React.useState(0);\r\n const [totalPayable, setTotalPayable] = React.useState(0);\r\n const [totalCommission, setTotalCommission] = React.useState(0);\r\n const [balanceLoading, setBalLoading] = React.useState(false);\r\n const [subagentList, setSubagentList] = React.useState([]);\r\n const [superagentList, setSuperagentList] = React.useState([]);\r\n const [masteragentList, setMasteragentList] = React.useState([]);\r\n const [showSuperAgentsList, setShowSuperAgentsList] = React.useState(false);\r\n const [showSubAgentsList, setShowSubAgentsList] = React.useState(false);\r\n const [showMasterAgentsList, setShowMasterAgentsList] = React.useState(false);\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n fetchBalance();\r\n }, []);\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const fetchBalance = () => {\r\n let errorMsg = \"\";\r\n let id = getUserId();\r\n setBalLoading(true);\r\n postMethod(\"/api/Admin/AdminDashboard\", {}, \"post\")\r\n .then((res) => {\r\n setBalLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (res.data.result.hasOwnProperty(\"totalWalletBalance\")) {\r\n setWalletAmt(res.data.result.totalWalletBalance);\r\n }\r\n if (res.data.result.hasOwnProperty(\"totalPayable\")) {\r\n setTotalPayable(res.data.result.totalPayable);\r\n }\r\n if (res.data.result.hasOwnProperty(\"totalMasterAgentBalance\")) {\r\n setTotalMasterAgentBalance(\r\n res.data.result.totalMasterAgentBalance\r\n );\r\n }\r\n if (res.data.result.hasOwnProperty(\"totalSuperAgentBalance\")) {\r\n setTotalSuperAgentBalance(res.data.result.totalSuperAgentBalance);\r\n }\r\n if (res.data.result.hasOwnProperty(\"totalSubAgentBalance\")) {\r\n setTotalSubAgentBalance(res.data.result.totalSubAgentBalance);\r\n }\r\n if (res.data.result.hasOwnProperty(\"totalCommission\")) {\r\n setTotalCommission(res.data.result.totalCommission);\r\n }\r\n if (res.data.result.hasOwnProperty(\"customerTopupCumulative\")) {\r\n setCustomerTopupCumulative(\r\n res.data.result.customerTopupCumulative\r\n );\r\n }\r\n if (res.data.result.hasOwnProperty(\"subagentList\")) {\r\n setSubagentList(res.data.result.subagentList);\r\n } else {\r\n setSubagentList([]);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"superagentList\")) {\r\n setSuperagentList(res.data.result.superagentList);\r\n } else {\r\n setSuperagentList([]);\r\n }\r\n if (res.data.result.hasOwnProperty(\"masteragentList\")) {\r\n setMasteragentList(res.data.result.masteragentList);\r\n } else {\r\n setMasteragentList([]);\r\n }\r\n setCharts(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setBalLoading(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const setCharts = (result) => {\r\n setChartData(result);\r\n setCollectedChartData(result);\r\n };\r\n\r\n const setChartData = (result) => {\r\n // let pendingChart = PendingChartData();\r\n let ob = {\r\n bankCommission: 0,\r\n mmoCommission: 0,\r\n merchantCommission: 0,\r\n subAgentCommissionCumulative: 0,\r\n };\r\n if (\r\n result.hasOwnProperty(\"bankCommission\") &&\r\n result.bankCommission.length\r\n ) {\r\n let obj = result.bankCommission.find((ob) => ob.status == \"Collected\");\r\n if (obj && obj.commissionAmount) {\r\n ob.bankCommission = obj.commissionAmount;\r\n }\r\n }\r\n\r\n if (result.hasOwnProperty(\"mmoCommission\") && result.mmoCommission.length) {\r\n let obj = result.mmoCommission.find((ob) => ob.status == \"Collected\");\r\n if (obj && obj.commissionAmount) {\r\n ob.mmoCommission = obj.commissionAmount;\r\n }\r\n }\r\n\r\n if (\r\n result.hasOwnProperty(\"merchantCommission\") &&\r\n result.merchantCommission.length\r\n ) {\r\n let obj = result.merchantCommission.find(\r\n (ob) => ob.status == \"Collected\"\r\n );\r\n if (obj && obj.commissionAmount) {\r\n ob.merchantCommission = obj.commissionAmount;\r\n }\r\n }\r\n\r\n if (\r\n result.hasOwnProperty(\"subAgentCommissionCumulative\") &&\r\n result.subAgentCommissionCumulative.length\r\n ) {\r\n let obj = result.subAgentCommissionCumulative.find(\r\n (ob) => ob.status == \"Collected\"\r\n );\r\n if (obj && obj.commissionAmount) {\r\n ob.subAgentCommissionCumulative = obj.commissionAmount;\r\n }\r\n }\r\n\r\n // ob.merchantCommission = 6282243.26;\r\n\r\n // let pendingChart = PendingChartData2(ob);\r\n let pendingChart = doughnutCollectionChart(ob);\r\n console.log(pendingChart, ob);\r\n props.showPendingChart(pendingChart);\r\n };\r\n\r\n const fetchMTDCommission = () => {\r\n var errorMsg = \"\";\r\n var data = {\r\n Year: Number(props.financeMTDCommYear),\r\n Month: Number(props.financeMTDCommMonth) + 1,\r\n };\r\n postMethod(\r\n \"/api/Dashboard/V2/FinanceUser/MonthlyBarChartCommissionCollection\",\r\n data,\r\n \"post\"\r\n )\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (\r\n res.data.responseCode === \"200\" &&\r\n res.data.result &&\r\n res.data.result.list\r\n ) {\r\n // Success\r\n let month = Number(props.financeMTDColltnMonth);\r\n let year = Number(props.financeMTDColltnYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let valArr = [];\r\n let totalComm = 0;\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find((l) => l.day == arr[i]);\r\n if (val && val.hasOwnProperty(\"amount\")) {\r\n valArr.push(Number(val.amount));\r\n totalComm = totalComm + Number(val.amount);\r\n } else {\r\n valArr.push(0);\r\n }\r\n }\r\n let mtdChart = financeMTDCommission({\r\n daysArr: arr,\r\n dataArr: valArr,\r\n totalComm: totalComm,\r\n });\r\n console.log(({mtdChart}))\r\n props.showFinanceMTDComm(mtdChart);\r\n props.showFinanceMTDCommLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching charts\";\r\n notifyFailed(errorMsg);\r\n props.showFinanceMTDCommLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching charts\";\r\n notifyFailed(errorMsg);\r\n props.showFinanceMTDCommLoader(false);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n props.showFinanceMTDCommLoader(false);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n props.showFinanceMTDCommLoader(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n props.showFinanceMTDCommLoader(true);\r\n fetchMTDCommission();\r\n }, [props.financeMTDCommMonth]);\r\n\r\n useEffect(()=> {\r\n props.showFinanceMTDCommLoader(true);\r\n fetchMTDCommission();\r\n }, [props.financeMTDCommYear]);\r\n\r\n const setCollectedChartData = (result) => {\r\n // For Bar Chart\r\n // let pendingChart = CollectedChartData();\r\n\r\n // For Pie Chart\r\n let ob = {\r\n bankCommission: 0,\r\n mmoCommission: 0,\r\n merchantCommission: 0,\r\n };\r\n\r\n if (\r\n result.hasOwnProperty(\"bankCommission\") &&\r\n result.bankCommission.length\r\n ) {\r\n let obj = result.bankCommission.find((ob) => ob.status == \"Transferred\");\r\n if (obj && obj.commissionAmount) {\r\n ob.bankCommission = obj.commissionAmount;\r\n }\r\n }\r\n\r\n if (result.hasOwnProperty(\"mmoCommission\") && result.mmoCommission.length) {\r\n let obj = result.mmoCommission.find((ob) => ob.status == \"Transferred\");\r\n if (obj && obj.commissionAmount) {\r\n ob.mmoCommission = obj.commissionAmount;\r\n }\r\n }\r\n\r\n if (\r\n result.hasOwnProperty(\"merchantCommission\") &&\r\n result.merchantCommission.length\r\n ) {\r\n let obj = result.merchantCommission.find(\r\n (ob) => ob.status == \"Transferred\"\r\n );\r\n if (obj && obj.commissionAmount) {\r\n ob.merchantCommission = obj.commissionAmount;\r\n }\r\n }\r\n let pendingChart = doughnutTransferredChartChart(ob);\r\n props.showCollectedChart(pendingChart);\r\n };\r\n\r\n const setData = (resp) => {\r\n let paid = 0;\r\n let pending = 0;\r\n let monthAmt = 0;\r\n for (let i = 0; i < resp.length; i++) {\r\n if (resp[i].status === \"Pending\") {\r\n pending = pending + resp[i].amount;\r\n } else if (resp[i].status === \"Paid\") {\r\n paid = paid + resp[i].amount;\r\n } else if (resp[i].status === \"Monthly\") {\r\n monthAmt = monthAmt + resp[i].amount;\r\n }\r\n }\r\n setWalletAmt(paid);\r\n setTotalPayable(pending);\r\n };\r\n\r\n const getAmt = (amt) => {\r\n return amt.toLocaleString();\r\n };\r\n\r\n /**========================= MTD Wallet Transfer ===================================== */\r\n\r\n useEffect(() => {\r\n props.showAdminMTDWalletTransLoader(true);\r\n setAdminMTDWalletTrans();\r\n }, [props.adminMTDWalletTransMonth]);\r\n\r\n useEffect(() => {\r\n props.showAdminMTDWalletTransLoader(true);\r\n setAdminMTDWalletTrans();\r\n }, [props.adminMTDWalletTransYear]);\r\n\r\n useEffect(() => {\r\n props.showSubAgentMTDWalletTransLoader(true);\r\n setSubAgentMTDWalletTrans();\r\n }, [props.subAgentMTDWalletTransMonth]);\r\n\r\n useEffect(() => {\r\n props.showSubAgentMTDWalletTransLoader(true);\r\n setSubAgentMTDWalletTrans();\r\n }, [props.subAgentMTDWalletTransYear]);\r\n\r\n const setAdminMTDWalletTrans = () => {\r\n var errorMsg = \"\";\r\n var data = {\r\n Year: Number(props.adminMTDWalletTransYear),\r\n Month: Number(props.adminMTDWalletTransMonth) + 1,\r\n Status: \"Paid\",\r\n };\r\n if (!data.Month || !data.Year) {\r\n return;\r\n }\r\n postMethod(\"/api/dashboard/MonthlyCustomerCashTopup\", data, \"post\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (\r\n res.data.responseCode === \"200\" &&\r\n res.data.result &&\r\n res.data.result.list\r\n ) {\r\n // Success\r\n let month = Number(props.adminMTDWalletTransMonth);\r\n let year = Number(props.adminMTDWalletTransYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let sendArr = [];\r\n let getArr = [];\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find((l) => l.day == arr[i]);\r\n if (val && val.hasOwnProperty(\"transferFrom\")) {\r\n getArr.push(Number(val.transferFrom));\r\n } else {\r\n getArr.push(0);\r\n }\r\n if (val && val.hasOwnProperty(\"transferTo\")) {\r\n sendArr.push(Number(val.transferTo));\r\n } else {\r\n sendArr.push(0);\r\n }\r\n }\r\n let mtdChart = subsMTDWalletTrans({\r\n daysArr: arr,\r\n getArr: getArr,\r\n sendArr: sendArr,\r\n });\r\n props.showAdminMTDWalletTrans(mtdChart);\r\n props.showAdminMTDWalletTransLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching charts\";\r\n notifyFailed(errorMsg);\r\n props.showAdminMTDWalletTransLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching charts\";\r\n notifyFailed(errorMsg);\r\n props.showAdminMTDWalletTransLoader(false);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n props.showAdminMTDWalletTransLoader(false);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n props.showAdminMTDWalletTransLoader(false);\r\n });\r\n };\r\n\r\n const setSubAgentMTDWalletTrans = () => {\r\n var errorMsg = \"\";\r\n var data = {\r\n Year: Number(props.subAgentMTDWalletTransYear),\r\n Month: Number(props.subAgentMTDWalletTransMonth) + 1,\r\n Status: \"Paid\",\r\n };\r\n if (!data.Month || !data.Year) {\r\n return;\r\n }\r\n postMethod(\"/api/dashboard/MonthlySubAgentCommissionMTD\", data, \"post\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (\r\n res.data.responseCode === \"200\" &&\r\n res.data.result &&\r\n res.data.result.list\r\n ) {\r\n // Success\r\n let month = Number(props.subAgentMTDWalletTransMonth);\r\n let year = Number(props.subAgentMTDWalletTransYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let sendArr = [];\r\n let getArr = [];\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find((l) => l.day == arr[i]);\r\n if (val && val.hasOwnProperty(\"transferFrom\")) {\r\n getArr.push(Number(val.transferFrom));\r\n } else {\r\n getArr.push(0);\r\n }\r\n if (val && val.hasOwnProperty(\"transferTo\")) {\r\n sendArr.push(Number(val.transferTo));\r\n } else {\r\n sendArr.push(0);\r\n }\r\n }\r\n let mtdChart = subsMTDWalletTrans({\r\n daysArr: arr,\r\n getArr: getArr,\r\n sendArr: sendArr,\r\n });\r\n props.showSubAgentMTDWalletTrans(mtdChart);\r\n props.showSubAgentMTDWalletTransLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching charts\";\r\n notifyFailed(errorMsg);\r\n props.showSubAgentMTDWalletTransLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching charts\";\r\n notifyFailed(errorMsg);\r\n props.showSubAgentMTDWalletTransLoader(false);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n props.showSubAgentMTDWalletTransLoader(false);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n props.showSubAgentMTDWalletTransLoader(false);\r\n });\r\n };\r\n\r\n const showAgentsList = (list) => {\r\n return list.map((item, idx) => (\r\n \r\n {/* Card stats */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n setShowTopupList(!showTopupList)}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n setShowTopupList(!showTopupList)}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n setShowTopupList(!showTopupList)}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n setShowTopupList(!showTopupList)}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n ASPT\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(dashboardInfo.aspt)}\r\n \r\n )}\r\n \r\n \r\n \r\n ASPT Amount\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(dashboardInfo.asptAmount)}\r\n \r\n )}\r\n \r\n \r\n \r\n ASPT Commission\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(dashboardInfo.asptCommission)}\r\n \r\n )}\r\n \r\n \r\n \r\n ASPT Status\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n \r\n \r\n Today Commissions\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(dashboardInfo.todayCommissions)}\r\n \r\n )}\r\n \r\n \r\n \r\n MTD Commissions\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(dashboardInfo.mtdCommissions)}\r\n \r\n )}\r\n \r\n \r\n \r\n YTD Commissions\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(dashboardInfo.ytdCommissions)}\r\n \r\n )}\r\n \r\n \r\n \r\n Today Sales\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(dashboardInfo.todaySales)}\r\n \r\n )}\r\n \r\n \r\n \r\n MTD Sales\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(dashboardInfo.mtdSales)}\r\n \r\n )}\r\n \r\n \r\n \r\n YTD Sales\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(dashboardInfo.ytdSales)}\r\n \r\n )}\r\n \r\n \r\n \r\n Total today's Sales\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(dashboardInfo.totalTodaySales)}\r\n \r\n )}\r\n \r\n \r\n \r\n Total MTD sales\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(dashboardInfo.totalMTDSales)}\r\n \r\n )}\r\n \r\n \r\n \r\n Total YTD Sales\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(dashboardInfo.totalYTDSales)}\r\n \r\n )}\r\n \r\n \r\n
\r\n ));\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {item?.firstName} {item?.lastName}\r\n
\r\n{getAmt(item?.balance)}
\r\n\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AdminHeader;\r\n","import React, { useEffect } from \"react\";\r\n\r\n// reactstrap components\r\nimport { Card, CardBody, CardTitle, Container, Row, Col } from \"reactstrap\";\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport { getUserId, postMethod } from \"services/httpServices\";\r\nimport { subsMTDWithDrawal, subsMTDPayment, subsMTDWalletTrans } from \"variables/charts\";\r\nimport { daysInMonth, daysInArray, MonthArraySM } from \"services/util\";\r\n\r\n\r\nconst SubscriberHeader = (props) => {\r\n const [totalAmt, setAmount] = React.useState('');\r\n const [bankWithDraw, setBankWithDraw] = React.useState('');\r\n const [mmoWithDraw, setMMOWithDraw] = React.useState('');\r\n const [merchantPayment, setMerchantPayment] = React.useState('');\r\n const [receivedAmt, setReceivedAmt] = React.useState('');\r\n const [transferAmt, setTransferAmt] = React.useState('');\r\n const [balanceLoading, setBalLoading] = React.useState(false);\r\n const { addToast } = useToasts();\r\n\r\n useEffect(()=> {\r\n fetchBalance();\r\n }, []);\r\n\r\n /**===================== MTD Withdrawals ======================== */\r\n\r\n useEffect(()=> {\r\n props.showSubsMTDWithDrawLoader(true);\r\n setMTDWithDrawChart();\r\n }, [props.subsMTDWithDrawMonth]);\r\n\r\n useEffect(()=> {\r\n props.showSubsMTDWithDrawLoader(true);\r\n setMTDWithDrawChart();\r\n }, [props.subsMTDWithDrawYear]);\r\n\r\n\r\n\r\n /**========================= MTD Payment ===================================== */\r\n\r\n useEffect(()=> {\r\n props.showSubsMTDPaymentLoader(true);\r\n setMTDPaymentChart();\r\n }, [props.subsMTDPaymentMonth]);\r\n\r\n useEffect(()=> {\r\n props.showSubsMTDPaymentLoader(true);\r\n setMTDPaymentChart();\r\n }, [props.subsMTDPaymentYear]);\r\n\r\n /**========================= MTD Wallet Transfer ===================================== */\r\n\r\n useEffect(()=> {\r\n props.showSubsMTDWalletTransLoader(true);\r\n setMTDWalletTrans();\r\n }, [props.subsMTDWalletTransMonth]);\r\n\r\n useEffect(()=> {\r\n props.showSubsMTDWalletTransLoader(true);\r\n setMTDWalletTrans();\r\n }, [props.subsMTDWalletTransYear]);\r\n\r\n\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const fetchBalance = () => {\r\n let errorMsg = '';\r\n let id = getUserId();\r\n setBalLoading(true);\r\n postMethod('/api/dashboard/subscriber/', {}, 'post')\r\n .then(res => {\r\n setBalLoading(false);\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (res.data.result.hasOwnProperty('totalWalletBalance')) {\r\n setAmount(res.data.result.totalWalletBalance);\r\n } else {\r\n setAmount(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty('totalBankWithdrawals')) {\r\n setBankWithDraw(res.data.result.totalBankWithdrawals);\r\n } else {\r\n setBankWithDraw(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty('totalMMOWithdrawals')) {\r\n setMMOWithDraw(res.data.result.totalMMOWithdrawals);\r\n } else {\r\n setMMOWithDraw(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty('totalMerchantPayments')) {\r\n setMerchantPayment(res.data.result.totalMerchantPayments);\r\n } else {\r\n setMerchantPayment(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty('totalReceived')) {\r\n setReceivedAmt(res.data.result.totalReceived);\r\n } else {\r\n setReceivedAmt(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty('totalTransfers')) {\r\n setTransferAmt(res.data.result.totalTransfers);\r\n } else {\r\n setTransferAmt(0);\r\n }\r\n\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n setBalLoading(false);\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n });\r\n }\r\n\r\n\r\n const getAmt = (amt) => {\r\n return amt.toLocaleString();\r\n }\r\n\r\n\r\n const setMTDWithDrawChart = () => {\r\n var errorMsg = '';\r\n var data = {\r\n 'Year': Number(props.subsMTDWithDrawYear),\r\n 'Month': Number(props.subsMTDWithDrawMonth) + 1,\r\n 'Status': 'Paid'\r\n };\r\n postMethod('/api/dashboard/subscriber/monthlywithdrawals/', data, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (\r\n res.data.responseCode === \"200\" && \r\n res.data.result && res.data.result.list\r\n ) {\r\n // Success\r\n\r\n let month = Number(props.subsMTDWithDrawMonth);\r\n let year = Number(props.subsMTDWithDrawYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let bankArr = [];\r\n let mmoArr = [];\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find(l => l.day == arr[i]);\r\n if (val && val.hasOwnProperty('bankWithdrawal')) {\r\n bankArr.push(Number(val.bankWithdrawal));\r\n } else {\r\n bankArr.push(0);\r\n }\r\n if (val && val.hasOwnProperty('mmoWithdrawal')) {\r\n mmoArr.push(Number(val.mmoWithdrawal));\r\n } else {\r\n mmoArr.push(0);\r\n }\r\n }\r\n \r\n let mtdChart = subsMTDWithDrawal({\r\n daysArr: arr, \r\n bankArr: bankArr,\r\n mmoArr: mmoArr\r\n });\r\n props.showSubsMTDWithDraw(mtdChart);\r\n props.showSubsMTDWithDrawLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showSubsMTDWithDrawLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showSubsMTDWithDrawLoader(false);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n props.showSubsMTDWithDrawLoader(false);\r\n }\r\n }).catch(err => {\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n props.showSubsMTDWithDrawLoader(false);\r\n });\r\n }\r\n\r\n const setMTDPaymentChart = () => {\r\n var errorMsg = '';\r\n var data = {\r\n 'Year': Number(props.subsMTDPaymentYear),\r\n 'Month': Number(props.subsMTDPaymentMonth) + 1,\r\n 'Status': 'Paid'\r\n };\r\n postMethod('/api/dashboard/subscriber/MonthlyMerchantPayment/', data, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (\r\n res.data.responseCode === \"200\" && \r\n res.data.result && res.data.result.list\r\n ) {\r\n // Success\r\n let month = Number(props.subsMTDPaymentMonth);\r\n let year = Number(props.subsMTDPaymentYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let bankArr = [];\r\n let walletArr = [];\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find(l => l.day == arr[i]);\r\n if (val && val.hasOwnProperty('bankPayment')) {\r\n bankArr.push(Number(val.bankPayment));\r\n } else {\r\n bankArr.push(0);\r\n }\r\n\r\n if (val && val.hasOwnProperty('walletPayment')) {\r\n walletArr.push(Number(val.walletPayment));\r\n } else {\r\n walletArr.push(0);\r\n }\r\n }\r\n let mtdChart = subsMTDPayment({daysArr: arr, bankArr: bankArr, walletArr: walletArr});\r\n props.showSubsMTDPayment(mtdChart);\r\n props.showSubsMTDPaymentLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showSubsMTDPaymentLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showSubsMTDPaymentLoader(false);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n props.showSubsMTDPaymentLoader(false);\r\n }\r\n }).catch(err => {\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n props.showSubsMTDPaymentLoader(false);\r\n });\r\n }\r\n\r\n const setMTDWalletTrans = () => {\r\n var errorMsg = '';\r\n var data = {\r\n 'Year': Number(props.subsMTDWalletTransYear),\r\n 'Month': Number(props.subsMTDWalletTransMonth) + 1,\r\n 'Status': 'Paid'\r\n };\r\n postMethod('/api/dashboard/subscriber/MonthlyBalanceTransfer/', data, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (\r\n res.data.responseCode === \"200\" && \r\n res.data.result && res.data.result.list\r\n ) {\r\n // Success\r\n let month = Number(props.subsMTDWalletTransMonth);\r\n let year = Number(props.subsMTDWalletTransYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let sendArr = [];\r\n let getArr = [];\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find(l => l.day == arr[i]);\r\n if (val && val.hasOwnProperty('transferFrom')) {\r\n getArr.push(Number(val.transferFrom));\r\n } else {\r\n getArr.push(0);\r\n }\r\n if (val && val.hasOwnProperty('transferTo')) {\r\n sendArr.push(Number(val.transferTo));\r\n } else {\r\n sendArr.push(0);\r\n }\r\n }\r\n let mtdChart = subsMTDWalletTrans({\r\n daysArr: arr, \r\n getArr: getArr,\r\n sendArr: sendArr\r\n });\r\n props.showSubsMTDWalletTrans(mtdChart);\r\n props.showSubsMTDWalletTransLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showSubsMTDWalletTransLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showSubsMTDWalletTransLoader(false);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n props.showSubsMTDWalletTransLoader(false);\r\n }\r\n }).catch(err => {\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n props.showSubsMTDWalletTransLoader(false);\r\n });\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {/* Card stats */}\r\n\r\n \r\n {/* \r\n \r\n \r\n
\r\n \r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n setShowMasterAgentsList(!showMasterAgentsList)}\r\n >\r\n \r\n \r\n
\r\n \r\n {showAgentsList(masteragentList)}\r\n
\r\n )}\r\n \r\n \r\n \r\n setShowSuperAgentsList(!showSuperAgentsList)}\r\n >\r\n \r\n \r\n
\r\n \r\n {showAgentsList(superagentList)}\r\n
\r\n )}\r\n \r\n \r\n \r\n setShowSubAgentsList(!showSubAgentsList)}\r\n >\r\n \r\n \r\n
\r\n \r\n {showAgentsList(subagentList)}\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n\r\n {/* \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
*/}\r\n
\r\n \r\n \r\n Total Wallet Amount\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(totalWalletAmt)}\r\n \r\n )}\r\n \r\n \r\n \r\n Total Payable\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(totalPayable)}\r\n \r\n )}\r\n \r\n \r\n \r\n Total Commission Amount\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(totalCommission)}\r\n \r\n )}\r\n \r\n \r\n \r\n Master Agent Balance\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(totalMasterAgentBalance)}\r\n \r\n )}\r\n \r\n {showMasterAgentsList && (\r\n \r\n \r\n Super Agent Balance\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(totalSuperAgentBalance)}\r\n \r\n )}\r\n \r\n {showSuperAgentsList && (\r\n \r\n \r\n Sub Agent Balance\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(totalSubAgentBalance)}\r\n \r\n )}\r\n \r\n {showSubAgentsList && (\r\n \r\n \r\n Customer Topup Cumulative\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(customerTopupCumulative)}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default SubscriberHeader;","\r\nimport React, { useEffect } from \"react\";\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport { Card, CardBody, CardTitle, Container, Row, Col } from \"reactstrap\";\r\nimport { postMethod } from \"services/httpServices\";\r\nimport { getAmt } from \"services/util\";\r\nimport { bankCommMTDChartData, bankCT_MTD } from \"variables/charts\";\r\nimport { daysInMonth, daysInArray } from \"services/util\";\r\n\r\nconst BankHeader = (props) => {\r\n\r\n const [totalSubs, setSubs] = React.useState(0);\r\n const [verifiedSubs, setVerifiedSubs] = React.useState(0);\r\n const [unVerifiedSubs, setUnverifiedSubs] = React.useState(0);\r\n const [totalCollectn, setCollectn] = React.useState(0);\r\n const [cardLoading, setCardLoading] = React.useState(false);\r\n\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n fetch();\r\n }, []);\r\n\r\n useEffect(()=> {\r\n props.showBankCommLoader(true);\r\n setBankCommMonth();\r\n }, [props.bankCommMonth]);\r\n\r\n useEffect(()=> {\r\n props.showBankCommLoader(true);\r\n setBankCommMonth();\r\n }, [props.bankCommYear]);\r\n\r\n useEffect(()=> {\r\n props.showBankCTLoader(true);\r\n setBankMTDCt();\r\n }, [props.bankCTMonth]);\r\n\r\n useEffect(()=> {\r\n props.showBankCTLoader(true);\r\n setBankMTDCt();\r\n }, [props.bankCTYear]);\r\n\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n\r\n const fetch = () => {\r\n let errorMsg = '';\r\n setCardLoading(true);\r\n postMethod('/api/dashboard/Bank', {}, 'post')\r\n .then(res => {\r\n setCardLoading(false);\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (res.data.result.hasOwnProperty('totalSubscriber')) {\r\n setSubs(res.data.result.totalSubscriber);\r\n }\r\n if (res.data.result.hasOwnProperty('totalCollection')) {\r\n setCollectn(res.data.result.totalCollection);\r\n }\r\n if (res.data.result.hasOwnProperty('verifiedSubscriber')) {\r\n setVerifiedSubs(res.data.result.verifiedSubscriber);\r\n }\r\n if (res.data.result.hasOwnProperty('unVerifiedSubscriber')) {\r\n setUnverifiedSubs(res.data.result.unVerifiedSubscriber);\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching dashboard items';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n setCardLoading(false);\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n });\r\n }\r\n\r\n const setBankCommMonth = () => {\r\n var errorMsg = '';\r\n var data = {\r\n 'Year': Number(props.bankCommYear),\r\n 'Month': Number(props.bankCommMonth) + 1\r\n };\r\n postMethod('/api/dashboard/bank/MonthlyCommission/', data, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (\r\n res.data.responseCode === \"200\" && \r\n res.data.result && res.data.result.list\r\n ) {\r\n // Success\r\n let month = Number(props.bankCommMonth);\r\n let year = Number(props.bankCommYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let valArr = [];\r\n let totalComm = 0;\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find(l => l.day == arr[i]);\r\n if (val && val.hasOwnProperty('commissionAmount')) {\r\n valArr.push(Number(val.commissionAmount));\r\n totalComm = totalComm + Number(val.commissionAmount);\r\n } else {\r\n valArr.push(0);\r\n }\r\n }\r\n let mtdChart = bankCommMTDChartData({\r\n daysArr: arr, \r\n dataArr: valArr,\r\n totalComm: totalComm\r\n });\r\n props.showBankCommMTD(mtdChart);\r\n props.showBankCommLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showBankCommLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showBankCommLoader(false);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n props.showBankCommLoader(false);\r\n }\r\n }).catch(err => {\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n props.showBankCommLoader(false);\r\n });\r\n }\r\n\r\n\r\n const setBankMTDCt = () => {\r\n var errorMsg = '';\r\n var data = {\r\n 'Year': Number(props.bankCTYear),\r\n 'Month': Number(props.bankCTMonth) + 1\r\n };\r\n postMethod('/api/dashboard/bank/MonthlyCustomerTransfers/', data, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (\r\n res.data.responseCode === \"200\" && \r\n res.data.result && res.data.result.list\r\n ) {\r\n // Success\r\n let month = Number(props.bankCTMonth);\r\n let year = Number(props.bankCTYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let topUpArr = []; let totalTopUp = 0;\r\n let paymentArr = []; let totalPayment = 0;\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find(l => l.day == arr[i]);\r\n if (val && val.hasOwnProperty('topUp')) {\r\n topUpArr.push(Number(val.topUp));\r\n totalTopUp = totalTopUp + Number(val.topUp)\r\n } else {\r\n topUpArr.push(0);\r\n }\r\n if (val && val.hasOwnProperty('payment')) {\r\n paymentArr.push(Number(val.payment));\r\n totalPayment = totalPayment + Number(val.payment);\r\n } else {\r\n paymentArr.push(0);\r\n }\r\n }\r\n let mtdChart = bankCT_MTD({\r\n daysArr: arr, \r\n topUpArr: topUpArr,\r\n paymentArr: paymentArr,\r\n totalTopUp,\r\n totalPayment\r\n });\r\n props.showBankCTMTD(mtdChart);\r\n props.showBankCTLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showBankCTLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showBankCTLoader(false);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n props.showBankCTLoader(false);\r\n }\r\n }).catch(err => {\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n props.showBankCTLoader(false);\r\n });\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n {/* Card stats */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Available Balance\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? \r\n
\r\n \r\n
: \r\n \r\n {getAmt(totalAmt)}\r\n \r\n }\r\n \r\n \r\n \r\n Bank WithDrawals\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? \r\n
\r\n \r\n
: \r\n \r\n {getAmt(bankWithDraw)}\r\n \r\n }\r\n \r\n \r\n \r\n MMO WithDrawals\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? \r\n
\r\n \r\n
: \r\n \r\n {getAmt(mmoWithDraw)}\r\n \r\n }\r\n \r\n \r\n \r\n Payments\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? \r\n
\r\n \r\n
: \r\n \r\n {getAmt(merchantPayment)}\r\n \r\n }\r\n \r\n \r\n \r\n Wallet Transfer\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? \r\n
\r\n \r\n
: \r\n \r\n {getAmt(transferAmt)}\r\n \r\n }\r\n \r\n \r\n \r\n Wallet Received\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? \r\n
\r\n \r\n
: \r\n \r\n {getAmt(receivedAmt)}\r\n \r\n }\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default BankHeader;\r\n","\r\nimport React, { useEffect } from \"react\";\r\n\r\n// reactstrap components\r\nimport { Card, CardBody, CardTitle, Container, Row, Col } from \"reactstrap\";\r\nimport { getAmt, daysInMonth, daysInArray } from \"services/util\";\r\nimport { postMethod } from \"services/httpServices\";\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport { FinancePieChart, financeMTDCollection, financeMTDCommission,\r\n FinanceDoughnutChart, financeMTDCollectionLC } from \"variables/charts\";\r\n\r\n\r\nconst FinanceUserHeader = (props) => {\r\n\r\n const [settleBal, setSettleBal] = React.useState(0);\r\n const [collBal, setCollBal] = React.useState(0);\r\n const [walletComm, setWalletComm] = React.useState(0);\r\n const [cardLoading, setCardLoading] = React.useState(false);\r\n\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n fetch();\r\n }, []);\r\n\r\n useEffect(()=> {\r\n props.showFinancePieLoader(true);\r\n fetchPieChart();\r\n }, [props.financePieMonth]);\r\n\r\n useEffect(()=> {\r\n props.showFinancePieLoader(true);\r\n fetchPieChart();\r\n }, [props.financePieYear]);\r\n\r\n useEffect(()=> {\r\n props.showFinanceMTDColltnLoader(true);\r\n fetchMTDCollection();\r\n }, [props.financeMTDColltnMonth]);\r\n\r\n useEffect(()=> {\r\n props.showFinanceMTDColltnLoader(true);\r\n fetchMTDCollection();\r\n }, [props.financeMTDColltnYear]);\r\n\r\n useEffect(()=> {\r\n props.showFinanceMTDCommLoader(true);\r\n fetchMTDCommission();\r\n }, [props.financeMTDCommMonth]);\r\n\r\n useEffect(()=> {\r\n props.showFinanceMTDCommLoader(true);\r\n fetchMTDCommission();\r\n }, [props.financeMTDCommYear]);\r\n\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n\r\n const fetch = () => {\r\n let errorMsg = '';\r\n setCardLoading(true);\r\n postMethod('/api/dashboard/financeuser', {}, 'post')\r\n .then(res => {\r\n setCardLoading(false);\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (res.data.result.hasOwnProperty('totalPayable')) {\r\n setCollBal(res.data.result.totalPayable);\r\n }\r\n if (res.data.result.hasOwnProperty('totalCommission')) {\r\n setWalletComm(res.data.result.totalCommission);\r\n }\r\n if (res.data.result.hasOwnProperty('totalCollection')) {\r\n setSettleBal(res.data.result.totalCollection);\r\n }\r\n // if (res.data.result.hasOwnProperty('unVerifiedSubscriber')) {\r\n // setUnverifiedSubs(res.data.result.unVerifiedSubscriber);\r\n // }\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching dashboard items';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n setCardLoading(false);\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n });\r\n }\r\n\r\n const fetchPieChart = () => {\r\n\r\n let obj = {\r\n collectionAmt: 0,\r\n settlementAmt: 0,\r\n walletComm: 0,\r\n transfer: 0\r\n };\r\n\r\n let errorMsg = '';\r\n var data = {\r\n 'Year': Number(props.financePieYear),\r\n 'Month': Number(props.financePieMonth) + 1\r\n };\r\n postMethod('/api/dashboard/v2/FinanceUser/MonthlyPiChart', data, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (res.data.result.hasOwnProperty('totalCollection')) {\r\n obj.totalCollection = res.data.result.totalCollection;\r\n }\r\n if (res.data.result.hasOwnProperty('totalBankSettlement')) {\r\n obj.settlementAmt = res.data.result.totalBankSettlement;\r\n }\r\n if (res.data.result.hasOwnProperty('totalCommission')) {\r\n obj.totalCommission = res.data.result.totalCommission;\r\n }\r\n if (res.data.result.hasOwnProperty('totalMerchantSettlement')) {\r\n obj.transfer = res.data.result.totalMerchantSettlement;\r\n }\r\n // testng\r\n // if (res.data.result.hasOwnProperty('totalBankCollection')) {\r\n // obj.collectionAmt = 10;\r\n // }\r\n // if (res.data.result.hasOwnProperty('totalBankSettlement')) {\r\n // obj.settlementAmt = 20;\r\n // }\r\n // if (res.data.result.hasOwnProperty('totalCommission')) {\r\n // obj.walletComm = 30;\r\n // }\r\n // if (res.data.result.hasOwnProperty('totalMerchantSettlement')) {\r\n // obj.transfer = 40;\r\n // }\r\n let chart = FinanceDoughnutChart(obj);\r\n props.showFinancePieChart(chart);\r\n props.showFinancePieLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n props.showFinancePieLoader(false);\r\n errorMsg = res.data.responseMessage || 'Error in fetching dashboard items';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n props.showFinancePieLoader(false);\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n props.showFinancePieLoader(false);\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n props.showFinancePieLoader(false);\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n });\r\n }\r\n\r\n const fetchMTDCollection = () => {\r\n var errorMsg = '';\r\n var data = {\r\n 'Year': Number(props.financeMTDColltnYear),\r\n 'Month': Number(props.financeMTDColltnMonth) + 1\r\n };\r\n postMethod('/api/Dashboard/V2/FinanceUser/MonthlyBarChartCollection', data, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (\r\n res.data.responseCode === \"200\" && \r\n res.data.result && res.data.result.list\r\n ) {\r\n // Success\r\n let month = Number(props.financeMTDColltnMonth);\r\n let year = Number(props.financeMTDColltnYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let valArr = [];\r\n let totalComm = 0;\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find(l => l.day == arr[i]);\r\n if (val && val.hasOwnProperty('amount')) {\r\n valArr.push(Number(val.amount));\r\n totalComm = totalComm + Number(val.amount);\r\n } else {\r\n valArr.push(0);\r\n }\r\n }\r\n let mtdChart = financeMTDCollection({\r\n daysArr: arr, \r\n dataArr: valArr,\r\n totalComm: totalComm\r\n });\r\n props.showFinanceMTDColltn(mtdChart);\r\n props.showFinanceMTDColltnLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showFinanceMTDColltnLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showFinanceMTDColltnLoader(false);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n props.showFinanceMTDColltnLoader(false);\r\n }\r\n }).catch(err => {\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n props.showFinanceMTDColltnLoader(false);\r\n });\r\n }\r\n\r\n const fetchMTDCommission = () => {\r\n var errorMsg = '';\r\n var data = {\r\n 'Year': Number(props.financeMTDCommYear),\r\n 'Month': Number(props.financeMTDCommMonth) + 1\r\n };\r\n postMethod('/api/Dashboard/V2/FinanceUser/MonthlyBarChartCommissionCollection', data, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (\r\n res.data.responseCode === \"200\" && \r\n res.data.result && res.data.result.list\r\n ) {\r\n // Success\r\n let month = Number(props.financeMTDColltnMonth);\r\n let year = Number(props.financeMTDColltnYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let valArr = [];\r\n let totalComm = 0;\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find(l => l.day == arr[i]);\r\n if (val && val.hasOwnProperty('amount')) {\r\n valArr.push(Number(val.amount));\r\n totalComm = totalComm + Number(val.amount);\r\n } else {\r\n valArr.push(0);\r\n }\r\n }\r\n let mtdChart = financeMTDCommission({\r\n daysArr: arr, \r\n dataArr: valArr,\r\n totalComm: totalComm\r\n });\r\n props.showFinanceMTDComm(mtdChart);\r\n props.showFinanceMTDCommLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showFinanceMTDCommLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showFinanceMTDCommLoader(false);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n props.showFinanceMTDCommLoader(false);\r\n }\r\n }).catch(err => {\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n props.showFinanceMTDCommLoader(false);\r\n });\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Total Collection\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {cardLoading ?\r\n
\r\n \r\n
:\r\n \r\n {getAmt(totalCollectn)}\r\n \r\n }\r\n \r\n \r\n \r\n Total Subscriber\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {cardLoading ?\r\n
\r\n \r\n
:\r\n \r\n {getAmt(totalSubs)}\r\n \r\n }\r\n \r\n \r\n \r\n Verified Subscriber\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {cardLoading ?\r\n
\r\n \r\n
:\r\n \r\n {getAmt(verifiedSubs)}\r\n \r\n }\r\n \r\n \r\n \r\n UnVerified Subscriber\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {cardLoading ?\r\n
\r\n \r\n
:\r\n \r\n {getAmt(unVerifiedSubs)}\r\n \r\n }\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default FinanceUserHeader;\r\n","\r\nimport React, { useEffect } from \"react\";\r\n\r\n// reactstrap components\r\nimport { Card, CardBody, CardTitle, Container, Row, Col } from \"reactstrap\";\r\nimport { getAmt, daysInMonth, daysInArray } from \"services/util\";\r\nimport { postMethod } from \"services/httpServices\";\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport { SettlementPieChart, financeMTDCommission, settlementMTDMerchant,\r\n SettlementDoughnutChart } from \"variables/charts\";\r\nimport { settlementMTDTransfer } from \"variables/charts\";\r\n\r\n\r\nconst SettlementBankHeader = (props) => {\r\n\r\n const [settleBal, setSettleBal] = React.useState(0);\r\n const [collBal, setCollBal] = React.useState(0);\r\n const [merchantPayable, setMerchantPayable] = React.useState(0);\r\n const [cardLoading, setCardLoading] = React.useState(false);\r\n\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n fetch();\r\n }, []);\r\n\r\n useEffect(()=> {\r\n props.showSettlementMTDMerchantLoader(true);\r\n fetchMerchantSettlement();\r\n }, [props.settlementMTDMerchantMonth]);\r\n\r\n useEffect(()=> {\r\n props.showSettlementMTDMerchantLoader(true);\r\n fetchMerchantSettlement();\r\n }, [props.settlementMTDMerchantYear]);\r\n\r\n useEffect(()=> {\r\n props.showSettlementPieLoader(true);\r\n fetchPieChart();\r\n }, [props.settlementPieMonth]);\r\n\r\n useEffect(()=> {\r\n props.showSettlementPieLoader(true);\r\n fetchPieChart();\r\n }, [props.settlementPieYear]);\r\n\r\n\r\n useEffect(()=> {\r\n props.showSettlementMTDTransferLoader(true);\r\n fetchMTDTransfer();\r\n }, [props.settlementMTDTransferMonth]);\r\n\r\n useEffect(()=> {\r\n props.showSettlementMTDTransferLoader(true);\r\n fetchMTDTransfer();\r\n }, [props.settlementMTDTransferYear]);\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n\r\n const fetch = () => {\r\n let errorMsg = '';\r\n setCardLoading(true);\r\n postMethod('/api/dashboard/settlementbankuser', {}, 'post')\r\n .then(res => {\r\n setCardLoading(false);\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (res.data.result.hasOwnProperty('totalCollection')) {\r\n setCollBal(res.data.result.totalCollection);\r\n }\r\n if (res.data.result.hasOwnProperty('totalSettlement')) {\r\n setSettleBal(res.data.result.totalSettlement);\r\n }\r\n if (res.data.result.hasOwnProperty('totalMerchantPayable')) {\r\n setMerchantPayable(res.data.result.totalMerchantPayable);\r\n }\r\n\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching dashboard items';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n setCardLoading(false);\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n });\r\n }\r\n\r\n const fetchMerchantSettlement = () => {\r\n var errorMsg = '';\r\n var data = {\r\n 'Year': Number(props.settlementMTDMerchantYear),\r\n 'Month': Number(props.settlementMTDMerchantMonth) + 1\r\n };\r\n postMethod('/api/dashboard/SettlementBankUser/MonthlyBarChartMerchantSettlement', data, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (\r\n res.data.responseCode === \"200\" && \r\n res.data.result && res.data.result.list\r\n ) {\r\n // Success\r\n let month = Number(props.settlementMTDMerchantMonth);\r\n let year = Number(props.settlementMTDMerchantYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let valArr = [];\r\n let totalComm = 0;\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find(l => l.day == arr[i]);\r\n if (val && val.hasOwnProperty('amount')) {\r\n valArr.push(Number(val.amount));\r\n totalComm = totalComm + Number(val.amount);\r\n } else {\r\n valArr.push(0);\r\n }\r\n }\r\n let mtdChart = settlementMTDMerchant({\r\n daysArr: arr, \r\n dataArr: valArr,\r\n totalComm: totalComm\r\n });\r\n props.showSettlementMTDMerchant(mtdChart);\r\n props.showSettlementMTDMerchantLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showSettlementMTDMerchantLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showSettlementMTDMerchantLoader(false);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n props.showSettlementMTDMerchantLoader(false);\r\n }\r\n }).catch(err => {\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n props.showSettlementMTDMerchantLoader(false);\r\n });\r\n }\r\n\r\n const fetchPieChart = () => {\r\n\r\n let obj = {\r\n settlementAmt: 0,\r\n transfer: 0\r\n };\r\n\r\n let errorMsg = '';\r\n var data = {\r\n 'Year': Number(props.settlementPieYear),\r\n 'Month': Number(props.settlementPieMonth) + 1\r\n };\r\n postMethod('/api/dashboard/settlementbankuser/MonthlyPiChart', data, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (res.data.result.hasOwnProperty('totalBankSettlement')) {\r\n obj.settlementAmt = res.data.result.totalBankSettlement;\r\n }\r\n if (res.data.result.hasOwnProperty('totalMerchantSettlement')) {\r\n obj.transfer = res.data.result.totalMerchantSettlement;\r\n }\r\n let chart = SettlementDoughnutChart(obj);\r\n props.showSettlementPieChart(chart);\r\n props.showSettlementPieLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n props.showSettlementPieLoader(false);\r\n errorMsg = res.data.responseMessage || 'Error in fetching dashboard items';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n props.showSettlementPieLoader(false);\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n props.showSettlementPieLoader(false);\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n props.showSettlementPieLoader(false);\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n });\r\n }\r\n\r\n const fetchMTDTransfer = () => {\r\n var errorMsg = '';\r\n var data = {\r\n 'Year': Number(props.settlementMTDTransferYear),\r\n 'Month': Number(props.settlementMTDTransferMonth) + 1\r\n };\r\n postMethod('/api/dashboard/SettlementBankUser/MonthlyBarChartBankSettlement', data, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (\r\n res.data.responseCode === \"200\" && \r\n res.data.result && res.data.result.list\r\n ) {\r\n // Success\r\n let month = Number(props.settlementMTDTransferMonth);\r\n let year = Number(props.settlementMTDTransferYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let valArr = [];\r\n let totalComm = 0;\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find(l => l.day == arr[i]);\r\n if (val && val.hasOwnProperty('amount')) {\r\n valArr.push(Number(val.amount));\r\n totalComm = totalComm + Number(val.amount);\r\n } else {\r\n valArr.push(0);\r\n }\r\n }\r\n let mtdChart = settlementMTDTransfer({\r\n daysArr: arr, \r\n dataArr: valArr,\r\n totalComm: totalComm\r\n });\r\n props.showSettlementMTDTransfer(mtdChart);\r\n props.showSettlementMTDTransferLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showSettlementMTDTransferLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching charts';\r\n notifyFailed(errorMsg);\r\n props.showSettlementMTDTransferLoader(false);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n props.showSettlementMTDTransferLoader(false);\r\n }\r\n }).catch(err => {\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n props.showSettlementMTDTransferLoader(false);\r\n });\r\n }\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n Total Collection\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {cardLoading ?\r\n
\r\n \r\n
:\r\n \r\n {getAmt(settleBal)}\r\n \r\n }\r\n \r\n \r\n \r\n Total Payable\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {cardLoading ?\r\n
\r\n \r\n
:\r\n \r\n {getAmt(collBal)}\r\n \r\n }\r\n \r\n \r\n \r\n Total Commission\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {cardLoading ?\r\n
\r\n \r\n
:\r\n \r\n {getAmt(walletComm)}\r\n \r\n }\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default SettlementBankHeader;\r\n","\r\nimport React, { useEffect } from \"react\";\r\n\r\n// reactstrap components\r\nimport { Card, CardBody, CardTitle, Container, Row, Col } from \"reactstrap\";\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport { getUserId, postMethod } from \"services/httpServices\";\r\n\r\nconst SuperAgentHeader = (props) => {\r\n const [totalAmt, setAmount] = React.useState('');\r\n const [receivedAmt, setReceivedAmt] = React.useState('');\r\n const [transferAmt, setTransferAmt] = React.useState('');\r\n const [balanceLoading, setBalLoading] = React.useState(false);\r\n const [subAgentCommissionCumulative, setSubAgentCommissionCumulative] = React.useState(0);\r\n const [subAgentBalance, setSubAgentBalance] = React.useState(0);\r\n const [subagentList, setSubagentList] = React.useState([])\r\n const [showSubAgentsList, setShowSubAgentsList] = React.useState(false)\r\n const [reverseBalance, setReverseBalance] = React.useState(0)\r\n const { addToast } = useToasts();\r\n\r\n useEffect(()=> {\r\n fetchBalance();\r\n }, [])\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const fetchBalance = () => {\r\n let errorMsg = '';\r\n let id = getUserId();\r\n setBalLoading(true);\r\n postMethod('/api/dashboard/SuperAgent/', {}, 'post')\r\n .then(res => {\r\n setBalLoading(false);\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (res.data.result.hasOwnProperty('balance')) {\r\n setAmount(res.data.result.balance);\r\n } else {\r\n setAmount(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty('totalReceived')) {\r\n setReceivedAmt(res.data.result.totalReceived || 0);\r\n } else {\r\n setReceivedAmt(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty('totalSubAgentBalance')) {\r\n setSubAgentBalance(res.data.result.totalSubAgentBalance || 0);\r\n } else {\r\n setSubAgentBalance(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty('transferAmount')) {\r\n setTransferAmt(res.data.result.transferAmount);\r\n } else {\r\n setTransferAmt(0);\r\n }\r\n if (\r\n res.data.result.hasOwnProperty(\"subAgentCommissionCumulative\")\r\n ) {\r\n setSubAgentCommissionCumulative( res.data.result?.subAgentCommissionCumulative?.length ? \r\n res.data.result?.subAgentCommissionCumulative[0]\r\n ?.commissionAmount : 0\r\n );\r\n } else {\r\n setSubAgentCommissionCumulative(0);\r\n }\r\n if (res.data.result.hasOwnProperty(\"subagentList\")) {\r\n setSubagentList(res.data.result.subagentList);\r\n } else {\r\n setSubagentList([]);\r\n }\r\n if (res.data.result.hasOwnProperty(\"reverseBalance\")) {\r\n setReverseBalance(res.data.result.reverseBalance);\r\n } else {\r\n setReverseBalance(0);\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n setBalLoading(false);\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n });\r\n }\r\n\r\n\r\n const getAmt = (amt) => {\r\n return amt?.toLocaleString();\r\n }\r\n\r\n const showAgentsList = (list) => {\r\n return list.map((item, idx) => (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n\r\n
\r\n\r\n
\r\n \r\n \r\n Settlement Account Balance\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {cardLoading ?\r\n
\r\n \r\n
:\r\n \r\n {getAmt(settleBal)}\r\n \r\n }\r\n \r\n \r\n \r\n Collection Accounts Balance \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {cardLoading ?\r\n
\r\n \r\n
:\r\n \r\n {getAmt(collBal)}\r\n \r\n }\r\n \r\n \r\n \r\n Merchant Payables\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {cardLoading ?\r\n
\r\n \r\n
:\r\n \r\n {getAmt(merchantPayable)}\r\n \r\n }\r\n \r\n \r\n
\r\n ))\r\n }\r\n return (\r\n <>\r\n {item?.firstName} {item?.lastName}
\r\n{getAmt(item?.balance)}
\r\n\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default SuperAgentHeader;","import React, { useEffect } from \"react\";\r\n\r\n// reactstrap components\r\nimport { Card, CardBody, CardTitle, Container, Row, Col } from \"reactstrap\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { getUserId, postMethod } from \"services/httpServices\";\r\nimport { setSuperAgentId } from \"services/httpServices\";\r\n\r\nconst AgentHeader = (props) => {\r\n const [totalAmt, setAmount] = React.useState(\"\");\r\n const [receivedAmt, setReceivedAmt] = React.useState(\"\");\r\n const [transferAmt, setTransferAmt] = React.useState(\"\");\r\n const [balanceLoading, setBalLoading] = React.useState(false);\r\n const [mothlyReceived, setMonthlyReceived] = React.useState(\"\");\r\n const [totalCashTopup, setCashTopup] = React.useState(\"\");\r\n const [earnedCashCommission, setEarnedCashCommission] = React.useState(\"\");\r\n const [monthlyCashTopup, setMonthlyCashTopup] = React.useState(\"\");\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n fetchBalance();\r\n }, []);\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const fetchBalance = () => {\r\n let errorMsg = \"\";\r\n let id = getUserId();\r\n setBalLoading(true);\r\n postMethod(\"/api/dashboard/SubAgent/\", {}, \"post\")\r\n .then((res) => {\r\n setBalLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (res.data.result.hasOwnProperty(\"totalWalletBalance\")) {\r\n setAmount(res.data.result.totalWalletBalance);\r\n } else {\r\n setAmount(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"superAgentId\")) {\r\n setSuperAgentId(res.data.result.superAgentId);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"totalCashTopup\")) {\r\n setCashTopup(res.data.result.totalCashTopup);\r\n } else {\r\n setCashTopup(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"monthlyReceived\")) {\r\n setMonthlyReceived(res.data.result.monthlyReceived);\r\n } else {\r\n setMonthlyReceived(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"monthlyCashTopup\")) {\r\n setMonthlyCashTopup(res.data.result.monthlyCashTopup);\r\n } else {\r\n setMonthlyCashTopup(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"totalReceivedBalance\")) {\r\n setReceivedAmt(res.data.result.totalReceivedBalance);\r\n } else {\r\n setReceivedAmt(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"earnedCashCommission\")) {\r\n setEarnedCashCommission(res.data.result.earnedCashCommission);\r\n } else {\r\n setEarnedCashCommission(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"totalTransfers\")) {\r\n setTransferAmt(res.data.result.totalTransfers);\r\n } else {\r\n setTransferAmt(0);\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setBalLoading(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const getAmt = (amt) => {\r\n return amt.toLocaleString();\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {/* Card stats */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n setShowSubAgentsList(!showSubAgentsList)}>\r\n \r\n \r\n
\r\n \r\n {showAgentsList(subagentList)}\r\n
\r\n }\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Available Balance\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? \r\n
\r\n \r\n
: \r\n \r\n {getAmt(totalAmt)}\r\n \r\n }\r\n \r\n \r\n \r\n Wallet Transfer\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? \r\n
\r\n \r\n
: \r\n \r\n {getAmt(transferAmt)}\r\n \r\n }\r\n \r\n \r\n \r\n Wallet Received\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? \r\n
\r\n \r\n
: \r\n \r\n {getAmt(receivedAmt)}\r\n \r\n }\r\n \r\n \r\n \r\n Sub Agent Commission Cumulative\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(subAgentCommissionCumulative)}\r\n \r\n )}\r\n \r\n \r\n \r\n Sub Agent Balance\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(subAgentBalance)}\r\n \r\n )}\r\n \r\n {\r\n showSubAgentsList && \r\n \r\n Reverse Balance\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(reverseBalance)}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AgentHeader;\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\n// reactstrap components\r\nimport { Card, CardBody, CardTitle, Container, Row, Col } from \"reactstrap\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { getUserId, postMethod } from \"services/httpServices\";\r\nimport { daysInMonth } from \"services/util\";\r\nimport { daysInArray } from \"services/util\";\r\nimport { subsMTDWalletTrans } from \"variables/charts\";\r\n\r\nconst MasterAgentHeader = (props) => {\r\n const [totalAmt, setAmount] = React.useState(\"\");\r\n const [balanceTransferred, setBalanceTransferred] = React.useState(\"\");\r\n const [monthlyCashTopup, setMonthlyCashTopup] = React.useState(\"\");\r\n const [monthlyReceived, setMonthlyReceived] = React.useState(\"\");\r\n const [totalCashTopup, setTotalCashTopup] = React.useState(\"\");\r\n const [transferAmt, setTransferAmt] = React.useState(\"\");\r\n const [balanceLoading, setBalLoading] = React.useState(false);\r\n const [totalSuperAgentBalance, setTotalSuperAgentBalance] = React.useState(0);\r\n const [totalSubAgentBalance, setTotalSubAgentBalance] = React.useState(0);\r\n const [subAgentCommissionCumulative, setSubAgentCommissionCumulative] = React.useState(0);\r\n const [subagentList, setSubagentList] = useState([])\r\n const [superagentList, setSuperagentList] = useState([])\r\n const [showSuperAgentsList, setShowSuperAgentsList] = useState(false)\r\n const [showSubAgentsList, setShowSubAgentsList] = useState(false)\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n fetchBalance();\r\n }, []);\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const fetchBalance = () => {\r\n let errorMsg = \"\";\r\n let id = getUserId();\r\n setBalLoading(true);\r\n postMethod(\"/api/Dashboard/MasterAgent\", {}, \"post\")\r\n .then((res) => {\r\n setBalLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (res.data.result.hasOwnProperty(\"totalWalletBalance\")) {\r\n setAmount(res.data.result.totalWalletBalance);\r\n } else {\r\n setAmount(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"balanceTransferred\")) {\r\n setBalanceTransferred(res.data.result.balanceTransferred);\r\n } else {\r\n setBalanceTransferred(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"monthlyCashTopup\")) {\r\n setMonthlyCashTopup(res.data.result.monthlyCashTopup);\r\n } else {\r\n setMonthlyCashTopup(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"totalSuperAgentBalance\")) {\r\n setTotalSuperAgentBalance(res.data.result.totalSuperAgentBalance);\r\n }\r\n if (res.data.result.hasOwnProperty(\"totalSubAgentBalance\")) {\r\n setTotalSubAgentBalance(res.data.result.totalSubAgentBalance);\r\n }\r\n if (res.data.result.hasOwnProperty(\"monthlyReceived\")) {\r\n setMonthlyReceived(res.data.result.monthlyReceived);\r\n } else {\r\n setMonthlyReceived(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"totalCashTopup\")) {\r\n setTotalCashTopup(res.data.result.totalCashTopup);\r\n } else {\r\n setTotalCashTopup(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"totalTransfers\")) {\r\n setTransferAmt(res.data.result.totalTransfers);\r\n } else {\r\n setTransferAmt(0);\r\n }\r\n\r\n if (\r\n res.data.result.hasOwnProperty(\"subAgentCommissionCumulative\")\r\n ) {\r\n setSubAgentCommissionCumulative(\r\n res.data.result?.subAgentCommissionCumulative[0]\r\n ?.commissionAmount\r\n );\r\n } else {\r\n setSubAgentCommissionCumulative(0);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"subagentList\")) {\r\n setSubagentList(res.data.result.subagentList);\r\n } else {\r\n setSubagentList([]);\r\n }\r\n\r\n if (res.data.result.hasOwnProperty(\"superagentList\")) {\r\n setSuperagentList(res.data.result.superagentList);\r\n } else {\r\n setSuperagentList([]);\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setBalLoading(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const getAmt = (amt) => {\r\n return amt?.toLocaleString();\r\n };\r\n\r\n /**========================= MTD Wallet Transfer ===================================== */\r\n\r\n useEffect(() => {\r\n props.showAdminMTDWalletTransLoader(true);\r\n setAdminMTDWalletTrans();\r\n }, [props.adminMTDWalletTransMonth]);\r\n\r\n useEffect(() => {\r\n props.showAdminMTDWalletTransLoader(true);\r\n setAdminMTDWalletTrans();\r\n }, [props.adminMTDWalletTransYear]);\r\n\r\n useEffect(() => {\r\n props.showSubAgentMTDWalletTransLoader(true);\r\n setSubAgentMTDWalletTrans();\r\n }, [props.subAgentMTDWalletTransMonth]);\r\n\r\n useEffect(() => {\r\n props.showSubAgentMTDWalletTransLoader(true);\r\n setSubAgentMTDWalletTrans();\r\n }, [props.subAgentMTDWalletTransYear]);\r\n\r\n const setAdminMTDWalletTrans = () => {\r\n var errorMsg = \"\";\r\n var data = {\r\n Year: Number(props.adminMTDWalletTransYear),\r\n Month: Number(props.adminMTDWalletTransMonth) + 1,\r\n Status: \"Paid\",\r\n };\r\n if (!data.Month || !data.Year) {\r\n return;\r\n }\r\n postMethod(\"/api/dashboard/MonthlyCustomerCashTopup\", data, \"post\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (\r\n res.data.responseCode === \"200\" &&\r\n res.data.result &&\r\n res.data.result.list\r\n ) {\r\n // Success\r\n let month = Number(props.adminMTDWalletTransMonth);\r\n let year = Number(props.adminMTDWalletTransYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let sendArr = [];\r\n let getArr = [];\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find((l) => l.day == arr[i]);\r\n if (val && val.hasOwnProperty(\"transferFrom\")) {\r\n getArr.push(Number(val.transferFrom));\r\n } else {\r\n getArr.push(0);\r\n }\r\n if (val && val.hasOwnProperty(\"transferTo\")) {\r\n sendArr.push(Number(val.transferTo));\r\n } else {\r\n sendArr.push(0);\r\n }\r\n }\r\n let mtdChart = subsMTDWalletTrans({\r\n daysArr: arr,\r\n getArr: getArr,\r\n sendArr: sendArr,\r\n });\r\n props.showAdminMTDWalletTrans(mtdChart);\r\n props.showAdminMTDWalletTransLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching charts\";\r\n notifyFailed(errorMsg);\r\n props.showAdminMTDWalletTransLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching charts\";\r\n notifyFailed(errorMsg);\r\n props.showAdminMTDWalletTransLoader(false);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n props.showAdminMTDWalletTransLoader(false);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n props.showAdminMTDWalletTransLoader(false);\r\n });\r\n };\r\n\r\n const setSubAgentMTDWalletTrans = () => {\r\n var errorMsg = \"\";\r\n var data = {\r\n Year: Number(props.subAgentMTDWalletTransYear),\r\n Month: Number(props.subAgentMTDWalletTransMonth) + 1,\r\n Status: \"Paid\",\r\n };\r\n if (!data.Month || !data.Year) {\r\n return;\r\n }\r\n postMethod(\"/api/dashboard/MonthlySubAgentCommissionMTD\", data, \"post\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (\r\n res.data.responseCode === \"200\" &&\r\n res.data.result &&\r\n res.data.result.list\r\n ) {\r\n // Success\r\n let month = Number(props.subAgentMTDWalletTransMonth);\r\n let year = Number(props.subAgentMTDWalletTransYear);\r\n let totalDays = daysInMonth(month + 1, year);\r\n let arr = daysInArray(totalDays);\r\n let sendArr = [];\r\n let getArr = [];\r\n\r\n for (let i = 0; i < arr.length; i++) {\r\n let val = res.data.result.list.find((l) => l.day == arr[i]);\r\n if (val && val.hasOwnProperty(\"transferFrom\")) {\r\n getArr.push(Number(val.transferFrom));\r\n } else {\r\n getArr.push(0);\r\n }\r\n if (val && val.hasOwnProperty(\"transferTo\")) {\r\n sendArr.push(Number(val.transferTo));\r\n } else {\r\n sendArr.push(0);\r\n }\r\n }\r\n let mtdChart = subsMTDWalletTrans({\r\n daysArr: arr,\r\n getArr: getArr,\r\n sendArr: sendArr,\r\n });\r\n props.showSubAgentMTDWalletTrans(mtdChart);\r\n props.showSubAgentMTDWalletTransLoader(false);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching charts\";\r\n notifyFailed(errorMsg);\r\n props.showSubAgentMTDWalletTransLoader(false);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching charts\";\r\n notifyFailed(errorMsg);\r\n props.showSubAgentMTDWalletTransLoader(false);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n props.showSubAgentMTDWalletTransLoader(false);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n props.showSubAgentMTDWalletTransLoader(false);\r\n });\r\n };\r\n\r\n const showAgentsList = (list) => {\r\n return list.map((item, idx) => (\r\n \r\n {/* Card stats */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Available Balance\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(totalAmt)}\r\n \r\n )}\r\n \r\n \r\n \r\n Monthly Received\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(mothlyReceived)}\r\n \r\n )}\r\n \r\n \r\n \r\n Total Received\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(receivedAmt)}\r\n \r\n )}\r\n \r\n \r\n \r\n Monthly Topup\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(monthlyCashTopup)}\r\n \r\n )}\r\n \r\n \r\n \r\n Total Topup\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(totalCashTopup)}\r\n \r\n )}\r\n \r\n \r\n \r\n Earned Cash Commission\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(earnedCashCommission)}\r\n \r\n )}\r\n \r\n \r\n
\r\n ))\r\n }\r\n\r\n return (\r\n <>\r\n {item?.firstName} {item?.lastName}
\r\n{getAmt(item?.balance)}
\r\n\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default MasterAgentHeader;\r\n","import React from \"react\";\r\n// import classnames from \"classnames\";\r\nimport Chart from \"chart.js\";\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Container,\r\n Row,\r\n Col,\r\n Label,\r\n} from \"reactstrap\";\r\n\r\nimport {\r\n chartOptions,\r\n parseOptions,\r\n chartExample1,\r\n chartExample2,\r\n} from \"variables/charts.js\";\r\n\r\nimport Header from \"components/Headers/Header.js\";\r\nimport { getLoginType } from \"services/httpServices\";\r\nimport VoucherWallet from \"./subscriber/voucher-wallet\";\r\nimport MerchantHeader from \"components/Headers/MerchantHeader\";\r\nimport AdminHeader from \"components/Headers/AdminHeader\";\r\nimport { Bar, Pie, Doughnut, Line } from \"react-chartjs-2\";\r\nimport SubscriberHeader from \"components/Headers/subscriberHeader\";\r\nimport { MonthArrayCAP, YearArray } from \"services/util\";\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport BankHeader from \"components/Headers/BankHeader\";\r\nimport FinanceUserHeader from \"components/Headers/FinanceUserHeader\";\r\nimport SettlementBankHeader from \"components/Headers/settlementBankHeader\";\r\nimport SuperAgentHeader from \"components/Headers/SuperAgentHeader\";\r\nimport AgentHeader from \"components/Headers/AgentHeader\";\r\nimport MasterAgentHeader from \"components/Headers/MasterAgentHeader\";\r\n\r\nconst BAR_CHART_MAX_HEIGHT = \"420px\";\r\n\r\nconst mmtdloaderContainer = {\r\n position: \"absolute\",\r\n top: \"100px\",\r\n left: 0,\r\n width: \"100%\",\r\n heigth: \"100%\",\r\n backgroundColor: \"#F8F8F8AD\",\r\n // display: 'none'\r\n};\r\n\r\nconst mmtdloader = {\r\n left: \"35%\",\r\n top: \"50%\",\r\n zIndex: \"1000\",\r\n position: \"absolute\",\r\n};\r\n\r\nconst YEARS = YearArray();\r\n\r\nconst Home = (props) => {\r\n const logintype = getLoginType();\r\n const currentMonth = new Date().getMonth();\r\n const currentYear = new Date().getFullYear();\r\n const [pendingChart, setPendingChart] = React.useState(false);\r\n const [pendingChartData, setPendingChartData] = React.useState({});\r\n const [collectedChart, setCollectedChart] = React.useState(false);\r\n const [collectedChartData, setCollectedChartData] = React.useState({});\r\n const [merchantChart, setMerchantChart] = React.useState(false);\r\n const [merchantMTD, setMerchantMTD] = React.useState({});\r\n const [merchantMTDMonth, setMerchantMTDMonth] = React.useState(currentMonth);\r\n const [merchantMTDYear, setMerchantMTDYear] = React.useState(currentYear);\r\n const [merchantMTDLoading, setMerchantMTDLoading] = React.useState(false);\r\n const [merchantYTD, setMerchantYTD] = React.useState({});\r\n const [merchantYTDYear, setMerchantYTDYear] = React.useState(currentYear);\r\n const [merchantYTDLoading, setMerchantYTDLoading] = React.useState(false);\r\n\r\n const [adminChart, setAdminChart] = React.useState(\r\n logintype == \"Admin\" ? true : logintype === \"Master Agent\" ? true : false\r\n );\r\n const [adminMTDWalletTrans, setAdminMTDWalletTrans] = React.useState({});\r\n const [adminMTDWalletTransLoading, setAdminMTDWalletTransLoading] =\r\n React.useState(false);\r\n const [adminMTDWalletTransMonth, setAdminMTDWalletTransMonth] =\r\n React.useState(currentMonth);\r\n const [adminMTDWalletTransYear, setAdminMTDWalletTransYear] =\r\n React.useState(currentYear);\r\n\r\n const [subAgentMTDWalletTrans, setSubAgentMTDWalletTrans] = React.useState(\r\n {}\r\n );\r\n const [subAgentMTDWalletTransLoading, setSubAgentMTDWalletTransLoading] =\r\n React.useState(false);\r\n const [subAgentMTDWalletTransMonth, setSubAgentMTDWalletTransMonth] =\r\n React.useState(currentMonth);\r\n const [subAgentMTDWalletTransYear, setSubAgentMTDWalletTransYear] =\r\n React.useState(currentYear);\r\n\r\n const [subscriberChart, setSubscriberChart] = React.useState(\r\n logintype == \"Subscriber\" ? true : false\r\n );\r\n const [subsMTDWithDraw, setSubsMTDWithDraw] = React.useState({});\r\n const [subsMTDWithDrawLoading, setSubsMTDWithDrawLoading] =\r\n React.useState(false);\r\n const [subsMTDWithDrawMonth, setSubsMTDWithDrawMonth] =\r\n React.useState(currentMonth);\r\n const [subsMTDWithDrawYear, setSubsMTDWithDrawYear] =\r\n React.useState(currentYear);\r\n const [subsMTDPayment, setSubsMTDPayment] = React.useState({});\r\n const [subsMTDPaymentLoading, setSubsMTDPaymentLoading] =\r\n React.useState(false);\r\n const [subsMTDPaymentMonth, setSubsMTDPaymentMonth] =\r\n React.useState(currentMonth);\r\n const [subsMTDPaymentYear, setSubsMTDPaymentYear] =\r\n React.useState(currentYear);\r\n const [subsMTDWalletTrans, setSubsMTDWalletTrans] = React.useState({});\r\n const [subsMTDWalletTransLoading, setSubsMTDWalletTransLoading] =\r\n React.useState(false);\r\n const [subsMTDWalletTransMonth, setSubsMTDWalletTransMonth] =\r\n React.useState(currentMonth);\r\n const [subsMTDWalletTransYear, setSubsMTDWalletTransYear] =\r\n React.useState(currentYear);\r\n\r\n const [bankChart, setBankChart] = React.useState(\r\n logintype == \"Bank\" ? true : false\r\n );\r\n const [bankCommMonth, setBankCommMonth] = React.useState(currentMonth);\r\n const [bankCommYear, setBankCommYear] = React.useState(currentYear);\r\n const [bankCommLoading, setBankCommLoading] = React.useState(false);\r\n const [bankCommission, setBankCommission] = React.useState({});\r\n const [bankCTMonth, setBankCTMonth] = React.useState(currentMonth);\r\n const [bankCTYear, setBankCTYear] = React.useState(currentYear);\r\n const [bankCTloading, setBankCTLoading] = React.useState(false);\r\n const [bankCT, setBankCT] = React.useState({});\r\n\r\n const [financeChart, setFinanceChart] = React.useState(\r\n logintype == \"Finance\" ? true : false\r\n );\r\n const [financePieChart, setFinancePieChart] = React.useState({});\r\n const [financePieMonth, setFinancePieMonth] = React.useState(currentMonth);\r\n const [financePieYear, setFinancePieYear] = React.useState(currentYear);\r\n const [financePieLoading, setFinancePieLoading] = React.useState(false);\r\n\r\n const [financeMTDColltn, setFinanceMTDColltn] = React.useState({});\r\n const [financeMTDColltnMonth, setFinanceMTDColltnMonth] =\r\n React.useState(currentMonth);\r\n const [financeMTDColltnYear, setFinanceMTDColltnYear] =\r\n React.useState(currentYear);\r\n const [financeMTDColltnLoading, setFinanceMTDColltnLoading] =\r\n React.useState(false);\r\n\r\n const [financeMTDComm, setFinanceMTDComm] = React.useState({});\r\n const [financeMTDCommMonth, setFinanceMTDCommMonth] =\r\n React.useState(currentMonth);\r\n const [financeMTDCommYear, setFinanceMTDCommYear] =\r\n React.useState(currentYear);\r\n const [financeMTDCommLoading, setFinanceMTDCommLoading] =\r\n React.useState(false);\r\n\r\n const [settlementPieChart, setSettlementPieChart] = React.useState({});\r\n const [settlementPieMonth, setSettlementPieMonth] =\r\n React.useState(currentMonth);\r\n const [settlementPieYear, setSettlementPieYear] = React.useState(currentYear);\r\n const [settlementPieLoading, setSettlementPieLoading] = React.useState(false);\r\n\r\n const [settlementChart, setSettlementChart] = React.useState(\r\n logintype == \"SettlementBank\" ? true : false\r\n );\r\n const [settlementMTDMerchant, setSettlementMTDMerchant] = React.useState({});\r\n const [settlementMTDMerchantMonth, setSettlementMTDMerchantMonth] =\r\n React.useState(currentMonth);\r\n const [settlementMTDMerchantYear, setSettlementMTDMerchantYear] =\r\n React.useState(currentYear);\r\n const [settlementMTDMerchantLoading, setSettlementMTDMerchantLoading] =\r\n React.useState(false);\r\n\r\n const [settlementMTDTransfer, setSettlementMTDTransfer] = React.useState({});\r\n const [settlementMTDTransferMonth, setSettlementMTDTransferMonth] =\r\n React.useState(currentMonth);\r\n const [settlementMTDTransferYear, setSettlementMTDTransferYear] =\r\n React.useState(currentYear);\r\n const [settlementMTDTransferLoading, setSettlementMTDTransferLoading] =\r\n React.useState(false);\r\n\r\n const [chartExample1Data, setChartExample1Data] = React.useState(\"data1\");\r\n\r\n const getHeader = () => {\r\n if (logintype === \"Merchant\") {\r\n return (\r\n \r\n {/* Card stats */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n {/* \r\n \r\n \r\n
\r\n \r\n \r\n \r\n */}\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n setShowSuperAgentsList(!showSuperAgentsList)}>\r\n \r\n \r\n
\r\n \r\n {showAgentsList(superagentList)}\r\n
\r\n }\r\n \r\n \r\n \r\n setShowSubAgentsList(!showSubAgentsList)}>\r\n \r\n \r\n
\r\n \r\n {showAgentsList(subagentList)}\r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n Available Balance\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(totalAmt)}\r\n \r\n )}\r\n \r\n \r\n \r\n Balance Transferred\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(balanceTransferred)}\r\n \r\n )}\r\n \r\n \r\n \r\n Monthly Cash Topup\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(monthlyCashTopup)}\r\n \r\n )}\r\n \r\n \r\n \r\n Monthly Received\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(monthlyReceived)}\r\n \r\n )}\r\n \r\n \r\n \r\n Wallet Transfer\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? \r\n
\r\n \r\n
: \r\n \r\n {getAmt(transferAmt)}\r\n \r\n }\r\n \r\n \r\n \r\n Total Cash Topup\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(totalCashTopup)}\r\n \r\n )}\r\n \r\n \r\n \r\n Sub Agent Commission Cumulative\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(subAgentCommissionCumulative) ?? 0}\r\n \r\n )}\r\n \r\n \r\n \r\n Super Agent Balance\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(totalSuperAgentBalance)}\r\n \r\n )}\r\n \r\n {\r\n showSuperAgentsList && \r\n \r\n Sub Agent Balance\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {balanceLoading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {getAmt(totalSubAgentBalance)}\r\n \r\n )}\r\n \r\n {\r\n showSubAgentsList && \r\n
\r\n \r\n Collected Commission\r\n
\r\n\r\n \r\n changeFinanceMTDCommMonth(e.target.value)\r\n }\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {getMonths(financeMTDCommYear)}\r\n \r\n
\r\n\r\n \r\n \r\n changeFinanceMTDCommYear(e.target.value)\r\n }\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {financeMTDComm &&\r\n financeMTDComm.data &&\r\n financeMTDComm.options &&\r\n !financeMTDCommLoading && (\r\n
\r\n \r\n
\r\n Customer Topup MTD (Other platforms)
\r\n\r\n \r\n changeAdminMTDWalletTransMonth(e.target.value)\r\n }\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {getMonths(adminMTDWalletTransYear)}\r\n \r\n
\r\n\r\n \r\n \r\n changeAdminMTDWalletTransYear(e.target.value)\r\n }\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {adminMTDWalletTrans &&\r\n adminMTDWalletTrans.data &&\r\n adminMTDWalletTrans.options &&\r\n !adminMTDWalletTransLoading && (\r\n
\r\n \r\n
\r\n {/* Daily Sales
\r\n\r\n changeMerchantMDTMonth(e.target.value)}\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {/* {getMonths(merchantMTDYear)}\r\n \r\n
*/}{\" \"}\r\n {/* \r\n changeMerchantMTDYear(e.target.value)}\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
*/}\r\n \r\n {merchantMTD &&\r\n merchantMTD.data &&\r\n merchantMTD.options &&\r\n !merchantMTDLoading && (\r\n
\r\n \r\n
\r\n \r\n {/* Monthly Sales
\r\n\r\n changeMerchantYTD(e.target.value)}\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
*/}\r\n \r\n {merchantYTD &&\r\n merchantYTD.data &&\r\n merchantYTD.options &&\r\n !merchantYTDLoading && (\r\n
\r\n \r\n
\r\n MTD Withdrawals
\r\n\r\n \r\n changeSubsMTDWithDrawMonth(e.target.value)\r\n }\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {getMonths(subsMTDWithDrawYear)}\r\n \r\n
\r\n\r\n \r\n \r\n changeSubsMTDWithDrawYear(e.target.value)\r\n }\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {subsMTDWithDraw &&\r\n subsMTDWithDraw.data &&\r\n subsMTDWithDraw.options &&\r\n !subsMTDWithDrawLoading && (\r\n
\r\n \r\n
\r\n MTD Payment
\r\n\r\n \r\n changeSubsMTDPaymentMonth(e.target.value)\r\n }\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {getMonths(subsMTDPaymentYear)}\r\n \r\n
\r\n\r\n \r\n \r\n changeSubsMTDPaymentYear(e.target.value)\r\n }\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {subsMTDPayment &&\r\n subsMTDPayment.data &&\r\n subsMTDPayment.options &&\r\n !subsMTDPaymentLoading && (\r\n
\r\n \r\n
\r\n MTD Wallet Transfer
\r\n\r\n \r\n changeSubsMTDWalletTransMonth(e.target.value)\r\n }\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {getMonths(subsMTDWalletTransYear)}\r\n \r\n
\r\n\r\n \r\n \r\n changeSubsMTDWalletTransYear(e.target.value)\r\n }\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {subsMTDWalletTrans &&\r\n subsMTDWalletTrans.data &&\r\n subsMTDWalletTrans.options &&\r\n !subsMTDWalletTransLoading && (\r\n
\r\n \r\n
\r\n \r\n MTD Commissions\r\n
\r\n\r\n changeBankCommMonth(e.target.value)}\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {getMonths(bankCommYear)}\r\n \r\n
\r\n\r\n \r\n changeBankCommYear(e.target.value)}\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {bankCommission &&\r\n bankCommission.data &&\r\n bankCommission.options &&\r\n !bankCommLoading && (\r\n
\r\n \r\n
\r\n \r\n MTD Customer Transfers\r\n
\r\n\r\n changeBankCTMonth(e.target.value)}\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {getMonths(bankCTYear)}\r\n \r\n
\r\n\r\n \r\n changeBankCTYear(e.target.value)}\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {bankCT &&\r\n bankCT.data &&\r\n bankCT.options &&\r\n !bankCTloading && (\r\n
\r\n \r\n
\r\n \r\n MTD Collection\r\n
\r\n\r\n \r\n changeFinanceMTDColltnMonth(e.target.value)\r\n }\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {getMonths(financeMTDColltnYear)}\r\n \r\n
\r\n\r\n \r\n \r\n changeFinanceMTDColltnYear(e.target.value)\r\n }\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {\r\n financeMTDColltn &&\r\n financeMTDColltn.data &&\r\n financeMTDColltn.options &&\r\n !financeMTDColltnLoading && (\r\n
\r\n \r\n
\r\n \r\n MTD Commissions\r\n
\r\n\r\n \r\n changeFinanceMTDCommMonth(e.target.value)\r\n }\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {getMonths(financeMTDCommYear)}\r\n \r\n
\r\n \r\n \r\n changeFinanceMTDCommYear(e.target.value)\r\n }\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {financeMTDComm &&\r\n financeMTDComm.data &&\r\n financeMTDComm.options &&\r\n !financeMTDCommLoading && (\r\n
\r\n \r\n
\r\n \r\n Collection and Commissions\r\n
\r\n\r\n \r\n changeFinancePieMonth(e.target.value)\r\n }\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {getMonths(financePieYear)}\r\n \r\n
\r\n\r\n \r\n changeFinancePieYear(e.target.value)}\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {/* {!financePieLoading &&\r\n
\r\n \r\n
\r\n \r\n MTD Merchant Settlements\r\n
\r\n\r\n \r\n changeSettlementMTDMerchantMonth(e.target.value)\r\n }\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {getMonths(settlementMTDMerchantYear)}\r\n \r\n
\r\n\r\n \r\n \r\n changeSettlementMTDMerchantYear(e.target.value)\r\n }\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {settlementMTDMerchant &&\r\n settlementMTDMerchant.data &&\r\n settlementMTDMerchant.options &&\r\n !settlementMTDMerchantLoading && (\r\n
\r\n \r\n
\r\n \r\n MTD Transfers\r\n
\r\n\r\n \r\n changeSettlementMTDTransferMonth(e.target.value)\r\n }\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {getMonths(settlementMTDTransferYear)}\r\n \r\n
\r\n\r\n \r\n \r\n changeSettlementMTDTransferYear(e.target.value)\r\n }\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {settlementMTDTransfer &&\r\n settlementMTDTransfer.data &&\r\n settlementMTDTransfer.options &&\r\n !settlementMTDTransferLoading && (\r\n
\r\n \r\n
\r\n Funds
\r\n\r\n \r\n changeSettlementPieMonth(e.target.value)\r\n }\r\n >\r\n {/* {MonthArrayCAP.map(c =>\r\n \r\n )} */}\r\n {getMonths(settlementPieYear)}\r\n \r\n
\r\n\r\n \r\n \r\n changeSettlementPieYear(e.target.value)\r\n }\r\n >\r\n {YEARS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n {/* {!settlementPieLoading &&\r\n
\r\n \r\n \r\n Customer Whitelist\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n \r\n {loading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {data.customerRegistrationCount?.totalRegistrations ?? 0}{\" \"}\r\n {getChangeDirection(\r\n data.customerRegistrationCount?.changeDirection\r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n Customer Whitelisting Process Avg Time\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n \r\n {loading ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {data.customerWhitelistingProcessAvgTime?.averageTime ?? 0}\r\n \r\n )}\r\n \r\n FSP Category Distribution
\r\nCustomer Registration and Verification Success Rate
\r\n\r\n \r\n {loginType === \"Admin\" && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Index;\r\n","\r\nexport const DEFAULT_ACTION = 'app/PaymentList/DEFAULT_ACTION';\r\n// payment list constant\r\nexport const PAYMENT_FECTH_LIST = 'app/PaymentList/PAYMENT_FECTH_LIST';\r\nexport const PAYMENT_SET_LIST = 'app/PaymentList/PAYMENT_SET_LIST';\r\nexport const PAYMENT_FETCH_ERROR = 'app/PaymentList/PAYMENT_FETCH_ERROR';\r\nexport const RESET_PAYMENT_LIST = 'app/PaymentList/RESET_PAYMENT_LIST';\r\nexport const COLLECTION_BANK_LIST = 'app/Bank/COLLECTION_BANK_LIST';\r\nexport const COLLECTION_BANK_SET_LIST = 'app/Bank/COLLECTION_BANK_SET_LIST';\r\nexport const COLLECTION_BANK_ERROR = 'app/Bank/COLLECTION_BANK_ERROR';\r\nexport const RESET_COLLECTION_BANK_LIST = 'app/Bank/RESET_COLLECTION_BANK_LIST';\r\n\r\n\r\n","export const FETCH_SUBSCRIBER_INFO = 'app/TopUp/FETCH_SUBSCRIBER_INFO';\r\nexport const SET_SUBSCRIBER_INFO = 'app/TopUp/SET_SUBSCRIBER_INFO';\r\nexport const SET_ERROR = 'app/TopUp/SET_ERROR';\r\nexport const ADD_VOUCHER = 'app/TopUp/ADD_VOUCHER';\r\nexport const ADD_VOUCHER_SUCCESS = 'app/TopUp/ADD_VOUCHER_SUCCESS';\r\nexport const ADD_VOUCHER_FAILED = 'app/TopUp/ADD_VOUCHER_FAILED';\r\nexport const RESET_VOUCHER = 'app/TopUp/RESET_VOUCHER';\r\nexport const FETCH_MERCHANT = 'app/MakePayment/FETCH_MERCHANT';\r\nexport const FETCH_MERCHANT_ERROR = 'app/MakePayment/FETCH_MERCHANT_ERROR';\r\nexport const SET_MERCHANT = 'app/MakePayment/SET_MERCHANT';\r\nexport const RESET_MERCHANT = 'app/MakePayment/RESET_MERCHANT';\r\nexport const FETCH_PAYABLE_AMT = 'app/MakePayment/FETCH_PAYABLE_AMT';\r\nexport const SET_PAYABLE_AMT = 'app/MakePayment/SET_PAYABLE_AMT';\r\nexport const PAYABLE_AMT_ERROR = 'app/MakePayment/PAYABLE_AMT_ERROR';\r\nexport const RESET_PAYABLE_AMT = 'app/MakePayment/RESET_PAYABLE_AMT';","import { PAYMENT_FETCH_ERROR } from 'views/bank/constant';\r\nimport { \r\n FETCH_SUBSCRIBER_INFO,\r\n SET_SUBSCRIBER_INFO,\r\n SET_ERROR,\r\n ADD_VOUCHER,\r\n ADD_VOUCHER_SUCCESS,\r\n ADD_VOUCHER_FAILED,\r\n RESET_VOUCHER,\r\n FETCH_MERCHANT,\r\n SET_MERCHANT,\r\n FETCH_MERCHANT_ERROR,\r\n RESET_MERCHANT,\r\n FETCH_PAYABLE_AMT,\r\n SET_PAYABLE_AMT,\r\n PAYABLE_AMT_ERROR,\r\n RESET_PAYABLE_AMT\r\n} from './constant';\r\n\r\nexport function fetchSubs() {\r\n return {\r\n type: FETCH_SUBSCRIBER_INFO\r\n };\r\n}\r\n\r\nexport function setSubs(data) {\r\n return {\r\n type: SET_SUBSCRIBER_INFO,\r\n payload: data\r\n };\r\n}\r\n\r\nexport function setError(data) {\r\n return {\r\n type: SET_ERROR,\r\n payload: data\r\n }\r\n}\r\n\r\nexport function addVoucher(data) {\r\n return {\r\n type: ADD_VOUCHER,\r\n data\r\n }\r\n}\r\n\r\nexport function addVoucherFailed(data) {\r\n return {\r\n type: ADD_VOUCHER_FAILED,\r\n payload: data\r\n }\r\n}\r\n\r\nexport function addVoucherSuccess(data) {\r\n return {\r\n type: ADD_VOUCHER_SUCCESS,\r\n payload: data\r\n }\r\n}\r\n\r\nexport function resetVoucher() {\r\n return {\r\n type: RESET_VOUCHER\r\n };\r\n}\r\n\r\nexport function fetchMerchant() {\r\n return {\r\n type: FETCH_MERCHANT\r\n }\r\n}\r\n\r\nexport function setMerchant(data) {\r\n return {\r\n type: SET_MERCHANT,\r\n payload: data\r\n }\r\n}\r\n\r\nexport function fetchMerchantError(data) {\r\n return {\r\n type: FETCH_MERCHANT_ERROR,\r\n payload: data\r\n }\r\n}\r\n\r\nexport function resetMerchant() {\r\n return {\r\n type: RESET_MERCHANT\r\n }\r\n}\r\n\r\n\r\nexport function fetchPayableAmt(data) {\r\n return {\r\n type: FETCH_PAYABLE_AMT,\r\n data: data\r\n }\r\n}\r\n\r\nexport function setPayableAmt(data) {\r\n return {\r\n type: SET_PAYABLE_AMT,\r\n payload: data\r\n }\r\n}\r\n\r\nexport function fetchPayableAmtErro(data) {\r\n return {\r\n type: PAYABLE_AMT_ERROR,\r\n payload: data\r\n }\r\n}\r\n\r\nexport function resetPayableAmt() {\r\n return {\r\n type: RESET_PAYABLE_AMT\r\n }\r\n}","export const SET_LOGIN_USER_IMAGE = 'app/Login/SET_LOGIN_USER_IMAGE';","import React, { useEffect } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n InputGroupAddon,\r\n InputGroupText,\r\n InputGroup,\r\n Row,\r\n Col,\r\n NavbarBrand,\r\n} from \"reactstrap\";\r\n\r\nimport {\r\n loginMethod,\r\n setLoggedIn,\r\n setLoginType,\r\n setUserEmail,\r\n setUserName,\r\n setUserB64,\r\n setUserId,\r\n setPswd,\r\n} from \"../../services/httpServices\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { useHistory } from \"react-router\";\r\nimport jwt_decode from \"jwt-decode\";\r\nimport { fetchSubs } from \"../subscriber/action\";\r\nimport { connect } from \"react-redux\";\r\nimport { setUserImage } from \"./action\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\n\r\nconst Login = (props) => {\r\n const initialValue = {\r\n email: null,\r\n pswd: null,\r\n };\r\n\r\n const [values, setValues] = React.useState(initialValue);\r\n const [errors, setErrors] = React.useState(initialValue);\r\n const [showPswd, setShowPswd] = React.useState(false);\r\n const [loading, setLoading] = React.useState(false);\r\n const [loginOption, setLoginOption] = React.useState(\"\"); // Initial option: 'mobile'\r\n\r\n const { addToast } = useToasts();\r\n const history = useHistory();\r\n\r\n const handleLoginOptionChange = (e) => {\r\n setValues({ ...values, email: \"\" });\r\n setLoginOption(e.target.value);\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n setValues({\r\n ...values,\r\n [name]: value,\r\n });\r\n };\r\n\r\n const validate = (inputs) => {\r\n let errors = {};\r\n let digiRegex = /^[0-9]*$/;\r\n if (!inputs.email) {\r\n errors.email = \"Email address / mobile number is required\";\r\n } else if (\r\n isNaN(inputs.email) &&\r\n !/\\S+@\\S+\\.\\S+/.test(inputs.email) &&\r\n !digiRegex.test(inputs.email)\r\n ) {\r\n errors.email = \"* Email address / mobile number is invalid\";\r\n }\r\n // else if (digiRegex.test(inputs.email) && inputs.email.length !== 11) {\r\n // errors.email = ' * Mobile number should contain 11 digits';\r\n // }\r\n if (!inputs.pswd) {\r\n errors.pswd = \"* Password is required\";\r\n }\r\n return errors;\r\n };\r\n\r\n const notify = (text, type) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n if (!type) {\r\n type = \"success\";\r\n }\r\n addToast(text, {\r\n appearance: type,\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const forgotPswd = (e) => {\r\n e.preventDefault();\r\n history.push(\"/forgot-password\");\r\n };\r\n\r\n const privacyPolicy = (e) => {\r\n e.preventDefault();\r\n history.push(\"/privacy-policy\");\r\n };\r\n\r\n const signUp = (e) => {\r\n e.preventDefault();\r\n history.push(\"/sign-up\");\r\n };\r\n\r\n useEffect(() => {\r\n window.localStorage.setItem(\"validUser\", false);\r\n }, []);\r\n\r\n const handleSubmit = (event) => {\r\n let errorMsg = \"\";\r\n event.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const noErrors = Object.values(validationErrors).every((x) => x === \"\");\r\n setErrors(validationErrors);\r\n const noDashboardUsers = [\r\n \"Sales Supervisor\",\r\n \"Sales Representative\",\r\n \"Operation supervisor\",\r\n \"Operations Officer\",\r\n \"Audits and Compliance\",\r\n \"Customer Support Supervisor\",\r\n \"Customer Support Representative\",\r\n ];\r\n if (noErrors) {\r\n setLoggedIn(false);\r\n let url = \"/api/Auth/Login\";\r\n if (loginOption === \"\") {\r\n notify(\"Please select the login option Mobile/Email\", \"error\");\r\n return;\r\n }\r\n\r\n let data = {\r\n Email: values.email.trim(),\r\n Password: values.pswd,\r\n };\r\n setLoading(true);\r\n loginMethod(url, data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n if (res.data.result) {\r\n window.localStorage.setItem(\"token\", res.data.result);\r\n window.localStorage.setItem(\"validUser\", true);\r\n // setPswd(values.pswd);\r\n var decoded = jwt_decode(res.data.result);\r\n if (decoded && decoded.UserProfile) {\r\n var userProfile = JSON.parse(decoded.UserProfile);\r\n if (userProfile.hasOwnProperty(\"UserRole\")) {\r\n setLoginType(userProfile.UserRole);\r\n // if (userProfile.UserRole === \"Subscriber\") {\r\n // fetchSubs();\r\n // }\r\n }\r\n\r\n if (\r\n userProfile.hasOwnProperty(\"UserName\") &&\r\n userProfile.UserName.length\r\n ) {\r\n setUserName(userProfile.UserName);\r\n }\r\n\r\n // if (\r\n // userProfile.hasOwnProperty('UserProfileImage') &&\r\n // userProfile.UserProfileImage &&\r\n // userProfile.UserProfileImage.length\r\n // ) {\r\n // setUserB64(userProfile.UserProfileImage);\r\n // } else {\r\n // setUserB64(null);\r\n // }\r\n\r\n if (\r\n userProfile.hasOwnProperty(\"UserID\") &&\r\n userProfile.UserID.length\r\n ) {\r\n setUserId(userProfile.UserID);\r\n }\r\n }\r\n setUserEmail(values.email);\r\n setLoggedIn(true);\r\n fetchUserInfo(userProfile.UserID);\r\n if (noDashboardUsers.includes(userProfile.UserRole)) {\r\n history.push(\"/user-list\");\r\n } else {\r\n history.push(\"/index\");\r\n }\r\n } else {\r\n errorMsg = \"Token not found\";\r\n notify(errorMsg, \"error\");\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n if (\r\n res.data.responseMessage ===\r\n \"first time login found so check email/SMS and use OTP to set your PIN\"\r\n ) {\r\n history.push(\"/forgot-password\", {\r\n otpSent: true,\r\n data,\r\n });\r\n }\r\n errorMsg = res.data.responseMessage || \"Invalid credentials\";\r\n notify(errorMsg, \"error\");\r\n } else {\r\n errorMsg = \"Error in login\";\r\n notify(errorMsg, \"error\");\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notify(errorMsg, \"error\");\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notify(errorMsg, \"error\");\r\n });\r\n } else {\r\n }\r\n };\r\n\r\n const fetchSubs = () => {\r\n props.fetchSubsInfo();\r\n };\r\n\r\n const fetchUserInfo = (id) => {\r\n let errorMsg = \"\";\r\n // var id = 'c8a24293-7b55-4f6c-a930-5431947c25cd';\r\n loginMethod(\"/api/User/profileImage/\" + id, {}, \"get\")\r\n .then((res) => {\r\n if (res && res.data && res.data.length) {\r\n setUserB64(res.data);\r\n props.setImg(true);\r\n } else {\r\n setUserB64(null);\r\n props.setImg(false);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const phoneChange = (value, data, event, formattedValue) => {\r\n if (data.dialCode && data.dialCode.length) {\r\n setValues({\r\n ...values,\r\n email: value,\r\n });\r\n }\r\n return;\r\n };\r\n\r\n return (\r\n \r\n {/*
\r\n \r\n Sign in with credentials\r\n
*/}{\" \"}\r\n {/* \r\n {/*
\r\n \r\n Sign in with credentials\r\n
*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Merchant;\r\n","import React from \"react\";\r\n\r\nconst loaderContainer = {\r\n position: 'fixed',\r\n top: '290px',\r\n left: 0,\r\n width: '100%',\r\n heigth: '100%',\r\n backgroundColor: '#F8F8F8AD',\r\n // display: 'none'\r\n};\r\n\r\nconst loader = {\r\n left: '55%',\r\n top: '50%',\r\n zIndex: '1000',\r\n position: 'absolute'\r\n};\r\n\r\nconst NoRecordFound = (props) => {\r\n const outerDiv = props && props.loaderContainer ? props.loaderContainer : loaderContainer;\r\n const innerDiv = props && props.loader ? props.loader : loader;\r\n return (\r\n Merchant Information
\r\n \r\n\r\n
\r\n )\r\n};\r\n\r\nexport default NoRecordFound;","import React, { Fragment, useState } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n InputGroupText,\r\n InputGroupAddon,\r\n InputGroup,\r\n Container,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\n// core components\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { getMethod } from \"../../services/httpServices\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { MOBILE_ONLY_COUNTRY, CASH_TOPUP_HINT } from \"../../appConfig\";\r\nimport { checkBbanValidation } from \"services/util\";\r\n\r\nconst initialValue = {\r\n name: \"\",\r\n address: \"\",\r\n mobileCode: \"\",\r\n phone: \"\",\r\n phoneWithCC: \"\",\r\n email: \"\",\r\n bankName: \"\",\r\n bban: \"\",\r\n attachFile: \"\",\r\n apiUrl: \"\",\r\n uniqueLabel: \"\",\r\n commissionId: \"\",\r\n authType: \"Basic\",\r\n basicAuthUName: \"\",\r\n basicAuthPswd: \"\",\r\n validateUrl: \"\",\r\n updateStatusUrl: \"\",\r\n bankAccNo: \"\",\r\n userProfileId: \"\",\r\n bankProfileId: \"\",\r\n cashTopupCommId: \"\",\r\n address1: \"\",\r\n address2: \"\",\r\n district: \"\",\r\n chiefdomOrArea: \"\",\r\n receivablesUse: \"\",\r\n onlineGateway: false,\r\n smartBill: false,\r\n};\r\n\r\nconst codes = [\r\n 23225, 23230, 23231, 23232, 23233, 23234, 23244, 23275, 23276, 23277, 23278,\r\n 23279, 23280, 23288, 23299,\r\n];\r\n\r\nconst ViewMerchant = (props) => {\r\n initialValue.name = props.name;\r\n initialValue.address = props.address;\r\n initialValue.mobileCode = props.mobileCode;\r\n initialValue.phone = props.phoneNumber;\r\n initialValue.email = props.email;\r\n initialValue.bankName = props.bankName;\r\n initialValue.bban = props.bban;\r\n initialValue.apiUrl = props.webSiteURL;\r\n initialValue.uniqueLabel = props.labelKey;\r\n initialValue.commissionId = props.commissionId;\r\n initialValue.basicAuthUName = props.webSiteUser;\r\n initialValue.basicAuthPswd = props.webSitePassword;\r\n initialValue.bankAccNo = props.bankAccountNumber;\r\n initialValue.userProfileId = props.userProfileId;\r\n initialValue.bankProfileId = props.bankProfileId;\r\n initialValue.address1 = props.addressLine1;\r\n initialValue.address2 = props.addressLine2;\r\n initialValue.chiefdomOrArea = props.chiefdomOrArea;\r\n initialValue.district = props.district;\r\n initialValue.receivablesUse = props.receivablesUse;\r\n initialValue.onlineGateway = props.onlineGateway === true ? \"Yes\" : \"No\";\r\n initialValue.smartBill = props.smartBill === true ? \"Yes\" : \"No\";\r\n initialValue.merchantBankAccounts = props.merchantBankAccounts\r\n\r\n initialValue.phoneWithCC = props.mobileCode + props.phoneNumber;\r\n initialValue.cashTopupCommId = props.topUpCommissionId\r\n ? props.topUpCommissionId\r\n : 0;\r\n if (props.merchantAPIConfig && props.merchantAPIConfig.length) {\r\n for (let i = 0; i < props.merchantAPIConfig.length; i++) {\r\n if (props.merchantAPIConfig[i].methodName == \"Validate\") {\r\n initialValue.validateUrl = props.merchantAPIConfig[i].methodURL;\r\n } else if (props.merchantAPIConfig[i].methodName == \"Payment\") {\r\n initialValue.updateStatusUrl = props.merchantAPIConfig[i].methodURL;\r\n }\r\n }\r\n }\r\n\r\n const [values, setValues] = React.useState(initialValue);\r\n const [errors, setErrors] = React.useState({});\r\n const [commissions, setCommission] = React.useState([]);\r\n const [showPin, setShowPin] = React.useState(false);\r\n const [cashTopUpComm, setCashTopUpComm] = React.useState([]);\r\n const [fsps, setFsps] = useState([]);\r\n const { addToast } = useToasts();\r\n\r\n React.useEffect(() => {\r\n fetchCommission();\r\n fetchCashTopUpCommission();\r\n fetchAllFsps();\r\n }, []);\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (name === \"phone\") {\r\n if (checkMobValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bban\") {\r\n if (checkBbanValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else {\r\n setValues({ ...values, [name]: value });\r\n }\r\n // const validationErrors = validate(values);\r\n // setErrors(validationErrors);\r\n };\r\n\r\n const checkMobValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 5) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const fetchAllFsps = async () => {\r\n let errorMsg = \"\";\r\n getMethod(\"/api/FSP/GetAll\", \"get\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data?.result?.length) {\r\n setFsps([]);\r\n } else {\r\n setFsps(res.data.result);\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const validate = (inputs) => {\r\n let errors = {};\r\n let emailRegEx = /\\S+@\\S+\\.\\S+/;\r\n if (!inputs.name) {\r\n errors.name = \"Merchant Name is Required\";\r\n }\r\n if (!inputs.email) {\r\n errors.email = \"Email is Required\";\r\n } else if (!emailRegEx.test(inputs.email)) {\r\n errors.email = \"Enter valid email\";\r\n }\r\n if (!inputs.bban) {\r\n errors.bban = \"BBAN is Required\";\r\n } else if (inputs.bban.length < 8 || inputs.bban.length > 18) {\r\n errors.bban = \"BBAN should have 8 to 18 digits\";\r\n }\r\n if (!inputs.mobileCode) {\r\n errors.mobileCode = \"Please select mobile code\";\r\n }\r\n if (!inputs.phone) {\r\n errors.phone = \"Phone Number is Required\";\r\n } else if (inputs.phone.length !== 5) {\r\n errors.phone = \"Phone Number should have 5 digits\";\r\n }\r\n if (!inputs.bankName) {\r\n errors.bankName = \"Bank Name is Required\";\r\n }\r\n if (!inputs.address) {\r\n errors.address = \"Address is Required\";\r\n }\r\n if (!inputs.attachFile) {\r\n errors.attachFile = \"Attach file is required\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const fetchCommission = () => {\r\n let errorMsg = \"\";\r\n getMethod(\"/api/commission/ddllist?CommissionType=Merchant\", \"get\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data.result.length) {\r\n res.data.result = [];\r\n }\r\n setCommission(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg =\r\n res.data.responseMessage || \"Error in fetching commission\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const fetchCashTopUpCommission = () => {\r\n let errorMsg = \"\";\r\n getMethod(\"/api/commission/ddllist?CommissionType=CashTopUp\", \"get\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data.result.length) {\r\n res.data.result = [];\r\n }\r\n setCashTopUpComm(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg =\r\n res.data.responseMessage || \"Error in fetching commission\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n {/* Page content */}\r\n \r\n No Record Found\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ViewMerchant;\r\n","import React, { Fragment } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n InputGroupText,\r\n InputGroupAddon,\r\n InputGroup,\r\n Container,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\n// core components\r\n\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { checkSpace, getMethod, postMethod } from \"../../services/httpServices\";\r\nimport {\r\n checkDigitOnly,\r\n checkBankAccNo,\r\n checkName,\r\n checkBbanValidation,\r\n} from \"services/util\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { MOBILE_ONLY_COUNTRY, CASH_TOPUP_HINT } from \"../../appConfig\";\r\n\r\nconst initialValue = {\r\n name: \"\",\r\n address: \"\",\r\n mobileCode: \"\",\r\n phone: \"\",\r\n phoneWithCC: \"\",\r\n email: \"\",\r\n bankName: \"\",\r\n bban: \"\",\r\n attachFile: \"\",\r\n id: null,\r\n commissionId: \"\",\r\n authType: \"Basic\",\r\n basicAuthUName: \"\",\r\n basicAuthPswd: \"\",\r\n validateUrl: \"\",\r\n validateUrlId: 0,\r\n updateStatusUrl: \"\",\r\n updateStatusUrlId: 0,\r\n bankAccNo: \"\",\r\n bankProfileId: \"\",\r\n cashTopupCommId: \"\",\r\n address1: \"\",\r\n address2: \"\",\r\n district: \"\",\r\n chiefdomOrArea: \"\",\r\n receivablesUse: \"\",\r\n onlineGateway: false,\r\n smartBill: false,\r\n};\r\n\r\nconst codes = [\r\n 23225, 23230, 23231, 23232, 23233, 23234, 23244, 23275, 23276, 23277, 23278,\r\n 23279, 23280, 23288, 23299,\r\n];\r\nconst merchantAccountInitialState = {\r\n merchantName: \"\",\r\n fspId: \"\",\r\n fspName: \"\",\r\n accountId: \"\",\r\n id: 1,\r\n};\r\n\r\nconst EditMerchant = (props) => {\r\n initialValue.name = props.name;\r\n initialValue.address = props.address ?? \"\";\r\n initialValue.mobileCode = props.mobileCode;\r\n initialValue.phone = props.phoneNumber;\r\n initialValue.phoneWithCC = props.mobileCode + props.phoneNumber;\r\n initialValue.bankName = props.bankName;\r\n initialValue.bankProfileId = props.bankProfileId;\r\n initialValue.bban = props.bban;\r\n initialValue.id = props.id;\r\n initialValue.email = props.email;\r\n initialValue.apiUrl = props.webSiteURL;\r\n initialValue.uniqueLabel = props.labelKey;\r\n initialValue.commissionId = props.commissionId;\r\n initialValue.basicAuthUName = props.webSiteUser;\r\n initialValue.basicAuthPswd = props.webSitePassword;\r\n initialValue.bankAccNo = props.bankAccountNumber;\r\n\r\n initialValue.address1 = props.addressLine1;\r\n initialValue.address2 = props.addressLine2;\r\n initialValue.chiefdomOrArea = props.chiefdomOrArea;\r\n initialValue.district = props.district;\r\n initialValue.receivablesUse = props.receivablesUse;\r\n initialValue.onlineGateway = props.onlineGateway === true ? \"Yes\" : \"No\";\r\n initialValue.smartBill = props.smartBill === true ? \"Yes\" : \"No\";\r\n\r\n initialValue.cashTopupCommId = props.topUpCommissionId\r\n ? props.topUpCommissionId\r\n : 0;\r\n if (props.merchantAPIConfig && props.merchantAPIConfig.length) {\r\n for (let i = 0; i < props.merchantAPIConfig.length; i++) {\r\n if (props.merchantAPIConfig[i].methodName == \"Validate\") {\r\n initialValue.validateUrl = props.merchantAPIConfig[i].methodURL;\r\n initialValue.validateUrlId = props.merchantAPIConfig[i].id\r\n ? props.merchantAPIConfig[i].id\r\n : 0;\r\n } else if (props.merchantAPIConfig[i].methodName == \"Payment\") {\r\n initialValue.updateStatusUrl = props.merchantAPIConfig[i].methodURL;\r\n initialValue.updateStatusUrlId = props.merchantAPIConfig[i].id\r\n ? props.merchantAPIConfig[i].id\r\n : 0;\r\n }\r\n }\r\n }\r\n\r\n const [values, setValues] = React.useState(initialValue);\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const [spinner, setSpinner] = React.useState(false);\r\n const [file, setFile] = React.useState(null);\r\n const [commissions, setCommission] = React.useState([]);\r\n const [cashTopUpComm, setCashTopUpComm] = React.useState([]);\r\n const [showPin, setShowPin] = React.useState(false);\r\n const [merchantBankAccounts, setMerchantBankAccounts] = React.useState(\r\n props?.merchantBankAccounts ?? []\r\n );\r\n const [fsps, setFsps] = React.useState([]);\r\n const { addToast } = useToasts();\r\n\r\n React.useEffect(() => {\r\n fetchCommission();\r\n fetchCashTopUpCommission();\r\n if (!fsps.length) {\r\n fetchAllFsps();\r\n }\r\n }, []);\r\n\r\n const fetchAllFsps = async () => {\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n getMethod(\"/api/FSP/GetAll\", \"get\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data?.result?.length) {\r\n setFsps([]);\r\n } else {\r\n setFsps(res.data.result);\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (name === \"bankProfileId\") {\r\n const bank = fsps.find((i) => i.id === Number(value));\r\n if (bank) {\r\n setValues({ ...values, bankName: bank.fspName });\r\n }\r\n }\r\n if (checkSpace(value)) {\r\n if (name === \"phone\") {\r\n if (checkMobValidation(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bban\") {\r\n if (checkBbanValidation(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"name\") {\r\n if (checkName(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bankAccNo\") {\r\n if (checkBankAccNo(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else {\r\n changeState({ ...values, [name]: value });\r\n }\r\n }\r\n // const validationErrors = validate(values);\r\n // setErrors(validationErrors);\r\n };\r\n\r\n const phoneChange = (value, data, event, formattedValue) => {\r\n if (data.dialCode && data.dialCode.length) {\r\n changeState({\r\n ...values,\r\n phoneWithCC: value,\r\n mobileCode: data.dialCode,\r\n phone: value.substring(data.dialCode.length),\r\n });\r\n }\r\n return;\r\n };\r\n\r\n const changeState = (obj) => {\r\n setValues(obj);\r\n };\r\n\r\n const changeBank = (e) => {\r\n const { name, value } = e.target;\r\n const v = getBankName(value);\r\n changeState({\r\n ...values,\r\n bankName: v && v.value ? v.value : \"\",\r\n [name]: value ? value : \"\",\r\n });\r\n };\r\n\r\n const getBankName = (id) => {\r\n let bank = props.cBanks.find((m) => m.key == id);\r\n if (bank) {\r\n return bank;\r\n } else {\r\n return {};\r\n }\r\n };\r\n\r\n const checkMobValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 6) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const validate = (inputs) => {\r\n let errors = {};\r\n let emailRegEx = /\\S+@\\S+\\.\\S+/;\r\n let urlRegEx =\r\n /[(http(s)?):\\/\\/(www\\.)?a-zA-Z0-9@:%._\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\+.~#?&//=]*)/;\r\n if (inputs.phone) {\r\n inputs.phone = inputs.phone.toString();\r\n }\r\n if (!inputs.name) {\r\n errors.name = \"Merchant Name is Required\";\r\n }\r\n if (!inputs.email) {\r\n errors.email = \"Email is Required\";\r\n } else if (!emailRegEx.test(inputs.email)) {\r\n errors.email = \"Enter valid email\";\r\n }\r\n if (!inputs.bban) {\r\n errors.bban = \"BBAN is Required\";\r\n } else if (inputs.bban.length < 8 || inputs.bban.length > 18) {\r\n errors.bban = \"BBAN should have 8 to 18 digits\";\r\n }\r\n if (!inputs.mobileCode) {\r\n errors.mobileCode = \"Please select mobile code\";\r\n }\r\n if (!inputs.phone) {\r\n errors.phone = \"Phone Number is Required\";\r\n }\r\n // else if (inputs.phone.length !== 6) {\r\n // errors.phone = 'Phone Number should have 6 digits';\r\n // }\r\n if (!inputs.bankName) {\r\n errors.bankName = \"Bank Name is Required\";\r\n }\r\n // if (!inputs.address) {\r\n // errors.address = 'Address is Required';\r\n // }\r\n if (!inputs.address1) {\r\n errors.address1 = \"Address Line 1 is Required\";\r\n }\r\n if (!inputs.apiUrl) {\r\n errors.apiUrl = \"Api url is required\";\r\n } else if (!urlRegEx.test(inputs.apiUrl)) {\r\n errors.apiUrl = \"Please enter valid api url\";\r\n }\r\n if (!inputs.uniqueLabel) {\r\n errors.uniqueLabel = \"Unique reference label is required\";\r\n }\r\n if (!inputs.commissionId) {\r\n errors.commissionId = \"Please select commission\";\r\n }\r\n if (!inputs.validateUrl) {\r\n errors.validateUrl = \"Please enter validate product url\";\r\n }\r\n if (!inputs.updateStatusUrl) {\r\n errors.updateStatusUrl = \"Please enter update payment status url\";\r\n }\r\n if (!inputs.basicAuthPswd) {\r\n errors.basicAuthPswd = \"Please enter basic authentication password\";\r\n }\r\n if (!inputs.basicAuthUName) {\r\n errors.basicAuthUName = \"Please enter basic authentication user name\";\r\n }\r\n if (!inputs.bankAccNo) {\r\n errors.bankAccNo = \"Please enter bank account number\";\r\n } else if (inputs.bankAccNo.length < 8 || inputs.bankAccNo.length > 18) {\r\n errors.bankAccNo = \"Please enter 8 to 18 digit Bank Account Number\";\r\n }\r\n // if (!file) {\r\n // errors.attachFile = 'Attach file is required';\r\n // }\r\n return errors;\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n var data = new FormData();\r\n data.append(\"Name\", values.name.trim());\r\n data.append(\"Address\", values.address);\r\n data.append(\"PhoneNumber\", values.phone);\r\n data.append(\"MobileCode\", values.mobileCode);\r\n data.append(\"Email\", values.email);\r\n data.append(\"BankName\", values.bankName);\r\n data.append(\"BBAN\", values.bban);\r\n // data.append('Status', values.itPhone);\r\n // data.append('Attachment', file);\r\n data.append(\"Id\", values.id);\r\n data.append(\"WebSiteURL\", values.apiUrl);\r\n data.append(\"LabelKey\", values.uniqueLabel);\r\n data.append(\"MerchantType\", \"Online\");\r\n data.append(\"CommissionId\", values.commissionId);\r\n data.append(\"WebSiteAuthenticationType\", \"basic\");\r\n data.append(\"WebSitePassword\", values.basicAuthPswd);\r\n data.append(\"WebSiteUser\", values.basicAuthUName);\r\n\r\n data.append(\"MerchantAPIConfig[0].MethodName\", \"Validate\");\r\n data.append(\"MerchantAPIConfig[0].MethodURL\", values.validateUrl);\r\n data.append(\"MerchantAPIConfig[0].Id\", values.validateUrlId);\r\n data.append(\"MerchantAPIConfig[1].MethodName\", \"Payment\");\r\n data.append(\"MerchantAPIConfig[1].MethodURL\", values.updateStatusUrl);\r\n data.append(\"MerchantAPIConfig[1].Id\", values.updateStatusUrlId);\r\n data.append(\"BankAccountNumber\", values.bankAccNo);\r\n data.append(\"BankProfileId\", values.bankProfileId);\r\n data.append(\r\n \"TopUpCommissionId\",\r\n values.cashTopupCommId ? values.cashTopupCommId : 0\r\n );\r\n\r\n data.append(\"AddressLine1\", values.address1);\r\n data.append(\"AddressLine2\", values.address2);\r\n data.append(\"ChiefdomOrArea\", values.chiefdomOrArea);\r\n data.append(\"District\", values.district);\r\n data.append(\"ReceivablesUse\", values.receivablesUse);\r\n data.append(\"OnlineGateway\", values.onlineGateway === \"Yes\");\r\n data.append(\"SmartBill\", values.smartBill === \"Yes\");\r\n\r\n merchantBankAccounts.forEach((i, idx) => {\r\n data.append(\r\n `MerchantBankAccounts[${idx}].MerchantName`,\r\n values.name.trim()\r\n );\r\n data.append(`MerchantBankAccounts[${idx}].FSPId`, i.fspId);\r\n data.append(`MerchantBankAccounts[${idx}].FSPName`, i.fspName);\r\n data.append(`MerchantBankAccounts[${idx}].AccountId`, i.accountId);\r\n });\r\n if (file) {\r\n data.append(\"attachment\", file);\r\n }\r\n\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\"/api/MerchantProfile/update\", data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n notifySuccess(\"Updated Successfuly\");\r\n closeModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || \"Error while saving\";\r\n notifyFailed(errorMsg);\r\n // setSError(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in saving\";\r\n notifyFailed(errorMsg);\r\n // setSError(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n // setSError(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n };\r\n\r\n const downloadFile = () => {\r\n let url = \"/api/MerchantProfile/downloadFile/\" + values.id;\r\n setSpinner(true);\r\n getMethod(url, \"get\")\r\n .then((res) => {\r\n setSpinner(false);\r\n if (res && res.config && res.config.url) {\r\n window.location.href = res.config.url;\r\n } else {\r\n notifyFailed(\"Error in fetching file from server\");\r\n }\r\n })\r\n .catch((err) => {\r\n setSpinner(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const fileChanger = (event) => {\r\n setFile(event.target.files[0]);\r\n // setIsSelected(true);\r\n };\r\n\r\n const onAccChange = (e, idx) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n const updated = structuredClone(merchantBankAccounts);\r\n updated[idx][name] = value;\r\n if (name === \"fspId\") {\r\n updated[idx].fspName = fsps.find((i) => i.id == value)?.fspName;\r\n }\r\n setMerchantBankAccounts(updated);\r\n }\r\n };\r\n\r\n const fetchCommission = () => {\r\n let errorMsg = \"\";\r\n getMethod(\"/api/commission/ddllist?CommissionType=Merchant\", \"get\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data.result.length) {\r\n res.data.result = [];\r\n }\r\n setCommission(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg =\r\n res.data.responseMessage || \"Error in fetching commission\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const fetchCashTopUpCommission = () => {\r\n let errorMsg = \"\";\r\n getMethod(\"/api/commission/ddllist?CommissionType=CashTopUp\", \"get\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data.result.length) {\r\n res.data.result = [];\r\n }\r\n setCashTopUpComm(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg =\r\n res.data.responseMessage || \"Error in fetching commission\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n {/* Page content */}\r\n Merchant Information
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default EditMerchant;\r\n","export const DEFAULT_ACTION = 'app/CollectionList/DEFAULT_ACTION';\r\nexport const FETCH_SETTLEMENT_BANK = 'app/CollectionList/FETCH_SETTLEMENT_BANK';\r\nexport const SET_SETTLEMENT_BANK = 'app/CollectionList/SET_SETTLEMENT_BANK';\r\nexport const SETTLEMENT_BANK_ERROR = 'app/CollectionList/SETTLEMENT_BANK_ERROR';\r\nexport const RESET_SETTLEMENT_BANK = 'app/CollectionList/RESET_SETTLEMENT_BANK';\r\n","import { \r\n FETCH_SETTLEMENT_BANK, RESET_SETTLEMENT_BANK,\r\n SETTLEMENT_BANK_ERROR, SET_SETTLEMENT_BANK,\r\n} from \"./constant\";\r\n\r\nexport function fetchSettlementBank() {\r\n return {\r\n type: FETCH_SETTLEMENT_BANK\r\n }; \r\n}\r\n\r\nexport function setSettlementBank(data) {\r\n return {\r\n type: SET_SETTLEMENT_BANK,\r\n payload: data\r\n };\r\n}\r\n\r\nexport function settlementBankError(data) {\r\n return {\r\n type: SETTLEMENT_BANK_ERROR,\r\n payload: data\r\n };\r\n}\r\n\r\nexport function resetSettleError() {\r\n return {\r\n type: RESET_SETTLEMENT_BANK\r\n };\r\n}","\r\nimport React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardFooter,\r\n Pagination,\r\n PaginationItem,\r\n PaginationLink,\r\n Progress,\r\n Table,\r\n Container,\r\n Row,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n Form,\r\n FormGroup,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n ModalHeader,\r\n Col\r\n} from \"reactstrap\";\r\n// core components\r\nimport Header from \"components/Headers/Header.js\";\r\nimport Merchant from \"./add-merchant\";\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport { btnCss, iconCss } from '../../appConfig';\r\nimport { getMethod, postMethod, handleError } from \"../../services/httpServices\";\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport ViewMerchant from \"./view-merchant\";\r\nimport EditMerchant from \"./edit-merchant\";\r\nimport { fetchSettlementBank } from \"views/finance-user/action\";\r\nimport { connect } from \"react-redux\";\r\nimport ReactPaginate from 'react-paginate';\r\nimport { getSortCls } from \"services/util\";\r\nimport { getPrivileges } from \"services/util\";\r\n\r\nconst sortIS = {\r\n sortName: 0,\r\n sortEmail: 0,\r\n sortPhone: 0,\r\n sortBban: 0\r\n};\r\n\r\nconst MerchantList = (props) => {\r\n\r\n const [open, setOpen] = React.useState(false);\r\n const [view, setView] = React.useState(false);\r\n const [merchantObj, setMerchantObj] = React.useState(null);\r\n const [openEdit, setOpenEditModal] = React.useState(false);\r\n const [editObj, setEditObj] = React.useState(null);\r\n const [loading, setLoading] = React.useState(false);\r\n const [merchantlist, setMerchantList] = React.useState([]);\r\n const [filteredList, setFilteredList] = React.useState([]);\r\n const [cBanks, setCbanks] = React.useState([]);\r\n const [currentPage, setCurrentPage] = React.useState(0);\r\n const [pageSize, setPageSize] = React.useState(10);\r\n const [pagesCount, setPageCount] = React.useState(0);\r\n const [timeout, setTimeoutNew] = React.useState(0);\r\n const [deleteObj, setDeleteObj] = React.useState(null);\r\n const [openDelModal, setOpenDelModal] = React.useState(false);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n const [searchText, setSearchText] = React.useState('');\r\n const [totalRec, setTotalRec] = React.useState(0);\r\n const [sort, setSort] = React.useState(sortIS);\r\n const [refresh, setRefresh] = React.useState(false);\r\n const [isMounted, setIsMounted] = React.useState(false);\r\n\r\n const { addToast } = useToasts();\r\n const privileges = getPrivileges('merchant');\r\n\r\n React.useEffect(() => {\r\n // fetch mobilemoney operator\r\n // fetchMerchant();\r\n props.fetchSettlementBankInfo();\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (\r\n props?.finance?.settlementBankInfo &&\r\n props?.finance?.settlementBankInfo.list &&\r\n props?.finance?.settlementBankInfo.list.length\r\n ) {\r\n setCbanks(props?.finance?.settlementBankInfo.list);\r\n }\r\n }, [props?.finance?.settlementBankInfo.list]);\r\n\r\n\r\n React.useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if (\r\n searchText && searchText.length >= 3 ||\r\n searchText.length == 0\r\n ) {\r\n fetchMerchant();\r\n }\r\n }\r\n }, [searchText]);\r\n\r\n\r\n React.useEffect(() => {\r\n fetchMerchant();\r\n }, [currentPage]);\r\n\r\n React.useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if (currentPage != 0) {\r\n setCurrentPage(0);\r\n } else {\r\n fetchMerchant();\r\n }\r\n }\r\n }, [sort]);\r\n\r\n React.useEffect(() => {\r\n if (refresh && isMounted) {\r\n setSearchText('');\r\n setSort(sortIS);\r\n if (currentPage == 0) {\r\n fetchMerchant();\r\n } else {\r\n setCurrentPage(0);\r\n }\r\n }\r\n }, [refresh]);\r\n\r\n const openModal = () => {\r\n setOpen(true);\r\n }\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n fetchMerchant();\r\n }\r\n\r\n const showMerchant = (obj) => {\r\n setMerchantObj(obj);\r\n setView(true);\r\n }\r\n\r\n const closeViewModal = () => {\r\n setView(false);\r\n // setMerchantObj(null);\r\n }\r\n\r\n const closeEditModal = () => {\r\n setOpenEditModal(false);\r\n // setEditObj(null);\r\n fetchMerchant();\r\n }\r\n\r\n const openDelete = (mmo) => {\r\n setDeleteObj(mmo);\r\n setOpenDelModal(true);\r\n }\r\n\r\n const closeDeleteModal = () => {\r\n setDeleteObj(null);\r\n setOpenDelModal(false);\r\n }\r\n\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = 'Save successfully';\r\n }\r\n addToast(text, {\r\n appearance: 'success',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const fetchMerchant = async () => {\r\n let errorMsg = '';\r\n setLoading(true);\r\n let data = {\r\n 'PageNumber': Number(currentPage + 1),\r\n 'PerPage': pageSize\r\n };\r\n\r\n if (searchText && searchText.length >= 3) {\r\n data['SearchText'] = searchText;\r\n // data['PageNumber'] = 0;\r\n }\r\n\r\n if (sort.sortName == \"1\") {\r\n data['SortingOn'] = 'Name';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortName == \"2\") {\r\n data['SortingOn'] = 'Name';\r\n data['IsDescending'] = true;\r\n } else if (sort.sortEmail == \"1\") {\r\n data['SortingOn'] = 'Email';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortEmail == \"2\") {\r\n data['SortingOn'] = 'Email';\r\n data['IsDescending'] = true;\r\n } else if (sort.sortPhone == \"1\") {\r\n data['SortingOn'] = 'MobNumber';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortPhone == \"2\") {\r\n data['SortingOn'] = 'MobNumber';\r\n data['IsDescending'] = true;\r\n } else if (sort.sortBban == \"1\") {\r\n data['SortingOn'] = 'Bban';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortBban == \"2\") {\r\n data['SortingOn'] = 'Bban';\r\n data['IsDescending'] = true;\r\n }\r\n postMethod('/api/MerchantProfile/AllMerchant', data, 'post')\r\n .then(res => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\" &&\r\n res.data.result) {\r\n // Success\r\n if (\r\n !res.data.result.list ||\r\n !res.data.result.list.length\r\n ) {\r\n res.data.result.list = [];\r\n }\r\n setMerchantList(res.data.result.list);\r\n setFilteredList(res.data.result.list)\r\n let pc = Math.ceil(res.data.result.totalRecords / pageSize);\r\n setTotalRec(res.data.result.totalRecords);\r\n setPageCount(pc);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n }).catch(err => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n })\r\n }\r\n\r\n const fetchMerchantById = (id, type) => {\r\n let errorMsg = '';\r\n postMethod('/api/MerchantProfile/Edit/' + id, {}, 'get')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (type == 'edit') {\r\n setEditObj(res.data.result);\r\n setOpenEditModal(true);\r\n } else if (type == 'view') {\r\n showMerchant(res.data.result);\r\n }\r\n\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n // setSError();\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n });\r\n }\r\n\r\n\r\n const deleteMerchant = () => {\r\n let errorMsg = '';\r\n setModalLoading(true);\r\n let url = '/api/User/block/' + deleteObj.userProfileId;\r\n postMethod(url, {}, 'post')\r\n .then(res => {\r\n setModalLoading(false);\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n let text = deleteObj.isBlocked ? 'Merchant unblocked successfully' :\r\n 'Merchant blocked succsessfully';\r\n notifySuccess(text);\r\n closeDeleteModal();\r\n fetchMerchant();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n setModalLoading(false);\r\n errorMsg = 'Something went wrong!, Please call 3737';\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n\r\n const handleClick = (e, index) => {\r\n\r\n e.preventDefault();\r\n setCurrentPage(index);\r\n\r\n }\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n // fetchSubs();\r\n }\r\n\r\n\r\n const getSearch = (val) => {\r\n setSearchText(val);\r\n // if (searchText.length == 0) {\r\n // fetchMerchant()\r\n // }\r\n };\r\n\r\n const reloadList = () => {\r\n setSearchText('');\r\n setRefresh(true);\r\n }\r\n\r\n const getBlockText = () => {\r\n let str = 'block';\r\n if (deleteObj.isBlocked) {\r\n str = 'unblock';\r\n }\r\n\r\n return `Do you want to ${str} ${deleteObj.name} merchant ?`;\r\n }\r\n\r\n const sortHandle = (fieldValue, fieldName) => {\r\n let newValue = 0;\r\n if (fieldValue == \"0\") {\r\n newValue = '1';\r\n } else if (fieldValue == \"1\") {\r\n newValue = '2';\r\n } else if (fieldValue == \"2\") {\r\n newValue = '1';\r\n }\r\n setSort({ ...sortIS, [fieldName]: newValue });\r\n }\r\n\r\n return (\r\n <>\r\n Merchant Information
\r\n \r\n\r\n \r\n \r\n {/* \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n
\r\n \r\n {filteredList.length > 0 &&\r\n \r\n
}\r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\n \r\n\r\n\r\n\r\n {deleteObj && deleteObj.isBlocked ? 'Unblock Merchant' : 'Block Merchant'}\r\n
\r\n\r\n {deleteObj && deleteObj.bankName ?\r\n
\r\n \r\n
: <> \r\n }\r\n \r\n {getBlockText()}\r\n
\r\n\r\n {' '}\r\n \r\n
\r\n | sortHandle(sort.sortName, 'sortName')}\r\n >\r\n Merchant Name\r\n \r\n | \r\nsortHandle(sort.sortEmail, 'sortEmail')}>\r\n Email\r\n \r\n | \r\nsortHandle(sort.sortPhone, 'sortPhone')}>\r\n Phone\r\n \r\n | \r\nActions | \r\n
|---|---|---|---|
| \r\n {mmo.name}\r\n | \r\n{mmo.email} | \r\n({mmo.mobileCode}) - {mmo.phoneNumber} | \r\n\r\n {privileges.view && | \r\n
\r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Merchant;\r\n","/* eslint-disable no-mixed-operators */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable eqeqeq */\r\n\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardFooter,\r\n Table,\r\n Container,\r\n Row,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n Form,\r\n FormGroup,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n ModalHeader,\r\n Col,\r\n} from \"reactstrap\";\r\n// core components\r\nimport Header from \"components/Headers/Header.js\";\r\nimport AddMerchantUser from \"./add-merchant-user\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { btnCss, iconCss } from \"../../appConfig\";\r\nimport { postMethod } from \"../../services/httpServices\";\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport { getSortCls } from \"services/util\";\r\nimport { getPrivileges } from \"services/util\";\r\n\r\nconst sortIS = {\r\n sortName: 0,\r\n sortEmail: 0,\r\n sortPhone: 0,\r\n sortBban: 0,\r\n};\r\n\r\nconst MerchantUsersList = (props) => {\r\n const [open, setOpen] = useState(false);\r\n // const [view, setView] = useState(false);\r\n // const [merchantObj, setMerchantObj] = useState(null);\r\n // const [openEdit, setOpenEditModal] = useState(false);\r\n // const [editObj, setEditObj] = useState(null);\r\n const [loading, setLoading] = useState(false);\r\n const [filteredList, setFilteredList] = useState([]);\r\n const [currentPage, setCurrentPage] = useState(0);\r\n const [pageSize] = useState(10);\r\n const [pagesCount, setPageCount] = useState(0);\r\n const [deleteObj, setDeleteObj] = useState(null);\r\n const [openDelModal, setOpenDelModal] = useState(false);\r\n const [modalLoading, setModalLoading] = useState(false);\r\n const [searchText, setSearchText] = useState(\"\");\r\n const [totalRec, setTotalRec] = useState(0);\r\n const [sort, setSort] = useState(sortIS);\r\n const [refresh, setRefresh] = useState(false);\r\n const [isMounted, setIsMounted] = useState(false);\r\n\r\n const { addToast } = useToasts();\r\n const privileges = getPrivileges(\"merchant\");\r\n\r\n useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if ((searchText && searchText.length >= 3) || searchText.length == 0) {\r\n fetchMerchant();\r\n }\r\n }\r\n }, [searchText]);\r\n\r\n useEffect(() => {\r\n fetchMerchant();\r\n }, [currentPage]);\r\n\r\n useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if (currentPage != 0) {\r\n setCurrentPage(0);\r\n } else {\r\n fetchMerchant();\r\n }\r\n }\r\n }, [sort]);\r\n\r\n useEffect(() => {\r\n if (refresh && isMounted) {\r\n setSearchText(\"\");\r\n setSort(sortIS);\r\n if (currentPage == 0) {\r\n fetchMerchant();\r\n } else {\r\n setCurrentPage(0);\r\n }\r\n }\r\n }, [refresh]);\r\n\r\n const openModal = () => {\r\n setOpen(true);\r\n };\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n fetchMerchant();\r\n };\r\n\r\n // const showMerchant = (obj) => {\r\n // // setMerchantObj(obj);\r\n // setView(true);\r\n // };\r\n\r\n // const closeViewModal = () => {\r\n // setView(false);\r\n // // setMerchantObj(null);\r\n // };\r\n\r\n // const closeEditModal = () => {\r\n // setOpenEditModal(false);\r\n // // setEditObj(null);\r\n // fetchMerchant();\r\n // };\r\n\r\n // const openDelete = (mmo) => {\r\n // setDeleteObj(mmo);\r\n // setOpenDelModal(true);\r\n // };\r\n\r\n const closeDeleteModal = () => {\r\n setDeleteObj(null);\r\n setOpenDelModal(false);\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const fetchMerchant = async () => {\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n let data = {\r\n PageNumber: Number(currentPage + 1),\r\n PerPage: pageSize,\r\n };\r\n\r\n if (searchText && searchText.length >= 3) {\r\n data[\"SearchText\"] = searchText;\r\n // data['PageNumber'] = 0;\r\n }\r\n\r\n if (sort.sortName == \"1\") {\r\n data[\"SortingOn\"] = \"merchantName\";\r\n data[\"IsDescending\"] = false;\r\n } else if (sort.sortName == \"2\") {\r\n data[\"SortingOn\"] = \"merchantName\";\r\n data[\"IsDescending\"] = true;\r\n } else if (sort.sortEmail == \"1\") {\r\n data[\"SortingOn\"] = \"email\";\r\n data[\"IsDescending\"] = false;\r\n } else if (sort.sortEmail == \"2\") {\r\n data[\"SortingOn\"] = \"email\";\r\n data[\"IsDescending\"] = true;\r\n } else if (sort.sortPhone == \"1\") {\r\n data[\"SortingOn\"] = \"userPhoneNumber\";\r\n data[\"IsDescending\"] = false;\r\n } else if (sort.sortPhone == \"2\") {\r\n data[\"SortingOn\"] = \"userPhoneNumber\";\r\n data[\"IsDescending\"] = true;\r\n } else if (sort.sortBban == \"1\") {\r\n data[\"SortingOn\"] = \"userCategory\";\r\n data[\"IsDescending\"] = false;\r\n } else if (sort.sortBban == \"2\") {\r\n data[\"SortingOn\"] = \"userCategory\";\r\n data[\"IsDescending\"] = true;\r\n }\r\n postMethod(\"/api/MerchantProfile/MerchantUsers/Search\", data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\" && res.data.result) {\r\n // Success\r\n if (!res.data.result.list || !res.data.result.list.length) {\r\n res.data.result.list = [];\r\n }\r\n setFilteredList(res.data.result.list);\r\n let pc = Math.ceil(res.data.result.totalRecords / pageSize);\r\n setTotalRec(res.data.result.totalRecords);\r\n setPageCount(pc);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n // const fetchMerchantById = (id, type) => {\r\n // let errorMsg = \"\";\r\n // postMethod(\"/api/MerchantProfile/Edit/\" + id, {}, \"get\")\r\n // .then((res) => {\r\n // if (res && res.data) {\r\n // if (res.data.responseCode === \"200\") {\r\n // // Success\r\n // if (type == \"edit\") {\r\n // // setEditObj(res.data.result);\r\n // setOpenEditModal(true);\r\n // } else if (type == \"view\") {\r\n // showMerchant(res.data.result);\r\n // }\r\n // } else if (res.data.responseCode === \"400\") {\r\n // // Error\r\n // errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n // // setSError(errorMsg);\r\n // notifyFailed(errorMsg);\r\n // } else {\r\n // // Unknown Error\r\n // errorMsg = \"Unknown Error in fetching\";\r\n // // setSError(errorMsg);\r\n // notifyFailed(errorMsg);\r\n // }\r\n // } else {\r\n // errorMsg = \"Unknown Error\";\r\n // // setSError(errorMsg);\r\n // notifyFailed(errorMsg);\r\n // }\r\n // })\r\n // .catch((err) => {\r\n // // setSError();\r\n // notifyFailed(\"Something went wrong!, Please call 3737\");\r\n // });\r\n // };\r\n\r\n const deleteMerchant = () => {\r\n let errorMsg = \"\";\r\n setModalLoading(true);\r\n let url = \"/api/User/block/\" + deleteObj.userProfileId;\r\n postMethod(url, {}, \"post\")\r\n .then((res) => {\r\n setModalLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n let text = deleteObj.isBlocked\r\n ? \"Merchant unblocked successfully\"\r\n : \"Merchant blocked succsessfully\";\r\n notifySuccess(text);\r\n closeDeleteModal();\r\n fetchMerchant();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setModalLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n // const handleClick = (e, index) => {\r\n // e.preventDefault();\r\n // setCurrentPage(index);\r\n // };\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n // fetchSubs();\r\n };\r\n\r\n const getSearch = (val) => {\r\n setSearchText(val);\r\n // if (searchText.length == 0) {\r\n // fetchMerchant()\r\n // }\r\n };\r\n\r\n const reloadList = () => {\r\n setSearchText(\"\");\r\n setRefresh(true);\r\n };\r\n\r\n const getBlockText = () => {\r\n let str = \"block\";\r\n if (deleteObj.isBlocked) {\r\n str = \"unblock\";\r\n }\r\n\r\n return `Do you want to ${str} ${deleteObj.name} merchant ?`;\r\n };\r\n\r\n const sortHandle = (fieldValue, fieldName) => {\r\n let newValue = 0;\r\n if (fieldValue == \"0\") {\r\n newValue = \"1\";\r\n } else if (fieldValue == \"1\") {\r\n newValue = \"2\";\r\n } else if (fieldValue == \"2\") {\r\n newValue = \"1\";\r\n }\r\n setSort({ ...sortIS, [fieldName]: newValue });\r\n };\r\n\r\n return (\r\n <>\r\n Merchant User Information
\r\n \r\n\r\n \r\n \r\n {/* {\r\n e.preventDefault();\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n getSearch(e.target.value)}\r\n />\r\n \r\n \r\n \r\n {privileges.add && (\r\n \r\n Add Merchant User\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n {/* \r\n \r\n \r\n */}\r\n\r\n {/* \r\n \r\n \r\n */}\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n {filteredList.length > 0 && (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\n\r\n {deleteObj && deleteObj.isBlocked\r\n ? \"Unblock Merchant\"\r\n : \"Block Merchant\"}\r\n
\r\n\r\n {deleteObj && deleteObj.bankName ? (\r\n
\r\n \r\n
\r\n ) : (\r\n <> \r\n )}\r\n {getBlockText()}
\r\n\r\n \r\n Yes{\" \"}\r\n {modalLoading && (\r\n \r\n )}\r\n {\" \"}\r\n \r\n No\r\n \r\n
\r\n | Actions | */}\r\n||||
|---|---|---|---|---|
| {mmo.merchantName} | \r\n{mmo.email} | \r\n{mmo.userPhoneNumber} | \r\n{mmo.userCategory} | \r\n {/* */}\r\n {/* {privileges.view && (\r\n | */}\r\n
\r\n \r\n Total Records : {totalRec}\r\n \r\n
\r\n \r\n\r\n \r\n {isLoaded ? (\r\n {\r\n if (disable) {\r\n return;\r\n }\r\n setPosition({ lat: e.latLng.lat(), lng: e.latLng.lng() });\r\n setCoords({ lat: e.latLng.lat(), lng: e.latLng.lng() });\r\n }}\r\n >\r\n
\r\n );\r\n}\r\n\r\nexport default React.memo(GoogleMaps);\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Row,\r\n Col,\r\n Modal,\r\n ModalBody,\r\n} from \"reactstrap\";\r\n// core components\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport {\r\n postMethod,\r\n getMethod,\r\n getUserName,\r\n} from \"../../services/httpServices\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { checkName } from \"services/util\";\r\nimport GoogleMaps from \"components/GoogleMaps\";\r\n\r\nconst initialValue = {\r\n locationId: 0,\r\n merchantId: 0,\r\n district: \"\",\r\n chiefdomOrZone: \"\",\r\n gpsCoordinate: \"\",\r\n};\r\n\r\nconst AddMerchantLocation = (props) => {\r\n const [value, setValue] = useState(initialValue);\r\n const [errors, setErrors] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [allMerchants, setAllMerchants] = useState([]);\r\n const [selectedMerchant, setSelectedMerchant] = useState(null);\r\n const [showMap, setShowMap] = useState(false);\r\n\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n fetchAllMerchant();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n const fetchAllMerchant = () => {\r\n if (allMerchants.length !== 0) return;\r\n setLoading(true);\r\n getMethod(\"/api/MerchantProfile/all\", \"get\")\r\n .then((res) => {\r\n if (res.data.responseCode === \"200\") {\r\n setAllMerchants(res.data.result);\r\n }\r\n })\r\n .catch(() => {\r\n notifyFailed(\"Something went wrong!\");\r\n })\r\n .finally(() => setLoading(false));\r\n };\r\n\r\n const handleInputChange = (e, idx) => {\r\n const { name, value: currentValue } = e.target;\r\n if (checkName(value)) {\r\n setValue({ ...value, [name]: currentValue });\r\n }\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const validate = (inputs) => {\r\n let errors = {};\r\n if (!inputs.gpsCoordinate?.trim()) {\r\n errors.gpsCoordinate = \"GPS Coordinates is required\";\r\n }\r\n if (!inputs.district?.trim()) {\r\n errors.district = \"district is required\";\r\n }\r\n if (!inputs?.chiefdomOrZone?.trim()) {\r\n errors.chiefdomOrZone = \"Chief dom Or Zone is required\";\r\n }\r\n if (!selectedMerchant?.trim()) {\r\n errors.selectedMerchant = \"Merchant is required\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(value);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (!isNoError) {\r\n return;\r\n }\r\n const payload = {\r\n ...value,\r\n merchantId: Number(selectedMerchant),\r\n createdBy: getUserName(),\r\n createdDate: new Date().toISOString(),\r\n updatedBy: getUserName(),\r\n updatedDate: new Date().toISOString(),\r\n };\r\n // handle errors\r\n setLoading(true);\r\n postMethod(\"/api/MerchantProfile/Location/Save\", payload, \"post\")\r\n .then((res) => {\r\n if (res.data.responseCode === \"200\") {\r\n notifySuccess(res.data.responseMessage);\r\n props.closeModal();\r\n } else {\r\n notifyFailed(\"Something went wrong!\");\r\n }\r\n })\r\n .catch(() => {\r\n notifyFailed(\"Something went wrong!\");\r\n })\r\n .finally(() => {\r\n props.closeModal();\r\n setLoading(false);\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n {/* Page content */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AddMerchantLocation;\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Input,\r\n Row,\r\n Col,\r\n Modal,\r\n ModalBody,\r\n} from \"reactstrap\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { getMethod } from \"../../services/httpServices\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { checkName } from \"services/util\";\r\nimport GoogleMaps from \"components/GoogleMaps\";\r\n\r\nconst initialValue = {\r\n locationId: 0,\r\n merchantId: 0,\r\n district: \"\",\r\n chiefdomOrZone: \"\",\r\n gpsCoordinate: \"\",\r\n};\r\n\r\nconst ViewMerchantLocation = (props) => {\r\n const [value, setValue] = useState(props?.values ?? initialValue);\r\n const [loading, setLoading] = useState(false);\r\n const [allMerchants, setAllMerchants] = useState([]);\r\n const [selectedMerchant, setSelectedMerchant] = useState(1);\r\n const [showMap, setShowMap] = useState(false);\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n fetchAllMerchant();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n const fetchAllMerchant = () => {\r\n if (allMerchants.length !== 0) return;\r\n setLoading(true);\r\n getMethod(\"/api/MerchantProfile/all\", \"get\")\r\n .then((res) => {\r\n if (res.data.responseCode === \"200\") {\r\n setAllMerchants(res.data.result);\r\n }\r\n })\r\n .catch(() => {\r\n notifyFailed(\"Something went wrong!\");\r\n })\r\n .finally(() => setLoading(false));\r\n };\r\n\r\n const handleInputChange = (e, idx) => {\r\n const { name, value: currentValue } = e.target;\r\n if (checkName(value)) {\r\n setValue({ ...value, [name]: currentValue });\r\n }\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n {/* Page content */}\r\n Merchant Location Information
\r\n \r\n\r\n {\" \"}\r\n \r\n setValue({ ...value, gpsCoordinate: Object.values(e).join() })\r\n }\r\n />\r\n setShowMap(false)}\r\n >\r\n Close\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ViewMerchantLocation;\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Row,\r\n Col,\r\n Modal,\r\n ModalBody,\r\n} from \"reactstrap\";\r\n// core components\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport {\r\n postMethod,\r\n getMethod,\r\n getUserName,\r\n} from \"../../services/httpServices\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { checkName } from \"services/util\";\r\nimport GoogleMaps from \"components/GoogleMaps\";\r\n\r\nconst initialValue = {\r\n locationId: 0,\r\n merchantId: 0,\r\n district: \"\",\r\n chiefdomOrZone: \"\",\r\n gpsCoordinate: \"\",\r\n};\r\n\r\nconst ViewMerchantLocation = (props) => {\r\n const [value, setValue] = useState(props?.values ?? initialValue);\r\n const [errors, setErrors] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [allMerchants, setAllMerchants] = useState([]);\r\n const [selectedMerchant, setSelectedMerchant] = useState(1);\r\n const [showMap, setShowMap] = useState(false);\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n fetchAllMerchant();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n const fetchAllMerchant = () => {\r\n if (allMerchants.length !== 0) return;\r\n setLoading(true);\r\n getMethod(\"/api/MerchantProfile/all\", \"get\")\r\n .then((res) => {\r\n if (res.data.responseCode === \"200\") {\r\n setAllMerchants(res.data.result);\r\n }\r\n })\r\n .catch(console.log)\r\n .finally(() => setLoading(false));\r\n };\r\n\r\n const handleInputChange = (e, idx) => {\r\n const { name, value: currentValue } = e.target;\r\n if (checkName(value)) {\r\n setValue({ ...value, [name]: currentValue });\r\n }\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const validate = (inputs) => {\r\n let errors = {};\r\n if (!inputs.gpsCoordinate?.trim()) {\r\n errors.gpsCoordinate = \"GPS Coordinates is required\";\r\n }\r\n if (!inputs.district?.trim()) {\r\n errors.district = \"district is required\";\r\n }\r\n if (!inputs?.chiefdomOrZone?.trim()) {\r\n errors.chiefdomOrZone = \"Chief dom Or Zone is required\";\r\n }\r\n if (!String(selectedMerchant)?.trim()) {\r\n errors.selectedMerchant = \"Merchant is required\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(value);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (!isNoError) {\r\n return;\r\n }\r\n const payload = {\r\n ...value,\r\n merchantId: Number(selectedMerchant),\r\n createdBy: getUserName(),\r\n createdDate: new Date().toISOString(),\r\n updatedBy: getUserName(),\r\n updatedDate: new Date().toISOString(),\r\n };\r\n setLoading(true);\r\n postMethod(\"/api/MerchantProfile/Location/Update\", payload, \"post\")\r\n .then((res) => {\r\n if (res.data.responseCode === \"200\") {\r\n notifySuccess(res.data.responseMessage);\r\n props.closeModal();\r\n } else {\r\n notifyFailed(\"Something went wrong!\");\r\n }\r\n })\r\n .catch(() => {\r\n notifyFailed(\"Something went wrong!\");\r\n })\r\n .finally(() => {\r\n setLoading(false);\r\n props.closeModal();\r\n });\r\n };\r\n\r\n return (\r\n Merchant Location Information
\r\n \r\n\r\n \r\n \r\n \r\n Merchant\r\n \r\n setSelectedMerchant(e.target.value)}\r\n value={value.merchantId}\r\n >\r\n {/* {roles.map(c => )} */}\r\n \r\n {allMerchants?.map((item) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n
\r\n
\r\n {selectedMerchant && (\r\n
\r\n \r\n {selectedMerchant && (\r\n
\r\n \r\n \r\n \r\n District\r\n \r\n \r\n \r\n \r\n \r\n Chief dom Or Zone\r\n \r\n \r\n \r\n \r\n \r\n GPS Coordinates\r\n \r\n setShowMap(!showMap)}\r\n disabled={loading}\r\n >\r\n Open Map\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n
\r\n )}\r\n \r\n
\r\n setShowMap(false)}\r\n >\r\n Close\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ViewMerchantLocation;\r\n","/* eslint-disable eqeqeq */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardFooter,\r\n Table,\r\n Container,\r\n Row,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n Form,\r\n FormGroup,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n ModalHeader,\r\n Col,\r\n} from \"reactstrap\";\r\n// core components\r\nimport Header from \"components/Headers/Header.js\";\r\nimport AddMerchantLocation from \"./add-merchant-location\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { btnCss, iconCss } from \"../../appConfig\";\r\nimport { postMethod } from \"../../services/httpServices\";\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport { getSortCls } from \"services/util\";\r\nimport { getPrivileges } from \"services/util\";\r\nimport ViewMerchantLocation from \"./view-merchant-location\";\r\nimport EditMerchantLocation from \"./edit-merchant-location\";\r\n\r\nconst sortIS = {\r\n merchantName: 0,\r\n district: 0,\r\n chiefdomOrZone: 0,\r\n gpsCoordinate: 0,\r\n};\r\n\r\nconst MerchantLocationsList = (props) => {\r\n const [open, setOpen] = useState(false);\r\n const [view, setView] = useState(false);\r\n const [merchantObj, setMerchantObj] = useState(null);\r\n const [openEdit, setOpenEditModal] = useState(false);\r\n const [editObj, setEditObj] = useState(null);\r\n const [loading, setLoading] = useState(false);\r\n const [filteredList, setFilteredList] = useState([]);\r\n const [currentPage, setCurrentPage] = useState(0);\r\n const [pageSize] = useState(10);\r\n const [pagesCount, setPageCount] = useState(0);\r\n const [deleteObj, setDeleteObj] = useState(null);\r\n const [openDelModal, setOpenDelModal] = useState(false);\r\n const [modalLoading, setModalLoading] = useState(false);\r\n const [searchText, setSearchText] = useState(\"\");\r\n const [totalRec, setTotalRec] = useState(0);\r\n const [sort, setSort] = useState(sortIS);\r\n const [refresh, setRefresh] = useState(false);\r\n const [isMounted, setIsMounted] = useState(false);\r\n\r\n const { addToast } = useToasts();\r\n const privileges = getPrivileges(\"merchant\");\r\n\r\n useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if ((searchText && searchText.length >= 3) || searchText.length === 0) {\r\n fetchMerchant();\r\n }\r\n }\r\n }, [searchText]);\r\n\r\n useEffect(() => {\r\n fetchMerchant();\r\n }, [currentPage]);\r\n\r\n useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if (currentPage !== 0) {\r\n setCurrentPage(0);\r\n } else {\r\n fetchMerchant();\r\n }\r\n }\r\n }, [sort]);\r\n\r\n useEffect(() => {\r\n if (refresh && isMounted) {\r\n setSearchText(\"\");\r\n setSort(sortIS);\r\n if (currentPage === 0) {\r\n fetchMerchant();\r\n } else {\r\n setCurrentPage(0);\r\n }\r\n }\r\n }, [refresh]);\r\n\r\n const openModal = () => {\r\n setOpen(true);\r\n };\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n fetchMerchant();\r\n };\r\n\r\n const showMerchant = (obj) => {\r\n setMerchantObj(obj);\r\n setView(true);\r\n };\r\n\r\n const closeViewModal = () => {\r\n setView(false);\r\n };\r\n\r\n const closeEditModal = () => {\r\n setOpenEditModal(false);\r\n fetchMerchant();\r\n };\r\n\r\n const openDelete = (mmo) => {\r\n setDeleteObj(mmo);\r\n setOpenDelModal(true);\r\n };\r\n\r\n const closeDeleteModal = () => {\r\n setDeleteObj(null);\r\n setOpenDelModal(false);\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const fetchMerchant = async () => {\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n let data = {\r\n PageNumber: Number(currentPage + 1),\r\n PerPage: pageSize,\r\n };\r\n\r\n if (searchText && searchText.length >= 3) {\r\n data[\"SearchText\"] = searchText;\r\n }\r\n\r\n if (sort.merchantName == \"1\") {\r\n data[\"SortingOn\"] = \"merchantName\";\r\n data[\"IsDescending\"] = false;\r\n } else if (sort.merchantName == \"2\") {\r\n data[\"SortingOn\"] = \"merchantName\";\r\n data[\"IsDescending\"] = true;\r\n } else if (sort.district == \"1\") {\r\n data[\"SortingOn\"] = \"district\";\r\n data[\"IsDescending\"] = false;\r\n } else if (sort.district == \"2\") {\r\n data[\"SortingOn\"] = \"district\";\r\n data[\"IsDescending\"] = true;\r\n } else if (sort.chiefdomOrZone == \"1\") {\r\n data[\"SortingOn\"] = \"chiefdomOrZone\";\r\n data[\"IsDescending\"] = false;\r\n } else if (sort.chiefdomOrZone == \"2\") {\r\n data[\"SortingOn\"] = \"chiefdomOrZone\";\r\n data[\"IsDescending\"] = true;\r\n } else if (sort.gpsCoordinate == \"1\") {\r\n data[\"SortingOn\"] = \"gpsCoordinate\";\r\n data[\"IsDescending\"] = false;\r\n } else if (sort.gpsCoordinate == \"2\") {\r\n data[\"SortingOn\"] = \"gpsCoordinate\";\r\n data[\"IsDescending\"] = true;\r\n }\r\n\r\n postMethod(\"/api/MerchantProfile/Location/Search\", data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\" && res.data.result) {\r\n // Success\r\n if (!res.data.result.list || !res.data.result.list.length) {\r\n res.data.result.list = [];\r\n }\r\n setFilteredList(res.data.result.list);\r\n let pc = Math.ceil(res.data.result.totalRecords / pageSize);\r\n setTotalRec(res.data.result.totalRecords);\r\n setPageCount(pc);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const fetchMerchantById = (id, type) => {\r\n let errorMsg = \"\";\r\n postMethod(\r\n \"/api/MerchantProfile/Location/GetByMerchantId?merchantId=\" + id,\r\n {},\r\n \"get\"\r\n )\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n if (type == \"edit\") {\r\n setEditObj(res.data.result[0]);\r\n setOpenEditModal(true);\r\n } else if (type == \"view\") {\r\n showMerchant(res.data.result[0]);\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const deleteMerchant = () => {\r\n let errorMsg = \"\";\r\n setModalLoading(true);\r\n let url = `/api/MerchantProfile/Location/BlockUnblock?locationId=${\r\n deleteObj.merchantLocationsid\r\n }&blocked=${!deleteObj.isBlocked}`;\r\n postMethod(url, {}, \"post\")\r\n .then((res) => {\r\n setModalLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n let text = deleteObj.isBlocked\r\n ? \"Merchant location unblocked successfully\"\r\n : \"Merchant location blocked succsessfully\";\r\n notifySuccess(text);\r\n closeDeleteModal();\r\n fetchMerchant();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setModalLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n })\r\n .finally(() => {\r\n closeDeleteModal();\r\n });\r\n };\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n };\r\n\r\n const getSearch = (val) => {\r\n setSearchText(val);\r\n };\r\n\r\n const reloadList = () => {\r\n setSearchText(\"\");\r\n setRefresh(true);\r\n };\r\n\r\n const getBlockText = () => {\r\n let str = \"block\";\r\n if (deleteObj?.isBlocked) {\r\n str = \"unblock\";\r\n }\r\n\r\n return `Do you want to ${str} ${deleteObj?.merchantName} merchant location?`;\r\n };\r\n\r\n const sortHandle = (fieldValue, fieldName) => {\r\n let newValue = 0;\r\n if (fieldValue == \"0\") {\r\n newValue = \"1\";\r\n } else if (fieldValue == \"1\") {\r\n newValue = \"2\";\r\n } else if (fieldValue == \"2\") {\r\n newValue = \"1\";\r\n }\r\n setSort({ ...sortIS, [fieldName]: newValue });\r\n };\r\n\r\n return (\r\n <>\r\n Merchant Location Information
\r\n \r\n\r\n {\" \"}\r\n \r\n setValue({ ...value, gpsCoordinate: Object.values(e).join() })\r\n }\r\n position={value?.gpsCoordinate}\r\n />\r\n setShowMap(false)}\r\n >\r\n Close\r\n \r\n
\r\n \r\n \r\n \r\n {/* {\r\n e.preventDefault();\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n getSearch(e.target.value)}\r\n />\r\n \r\n \r\n \r\n {privileges.add && (\r\n \r\n Add Merchant Location\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n {filteredList.length > 0 && (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\n\r\n {deleteObj && deleteObj.isBlocked\r\n ? \"Unblock Merchant Location\"\r\n : \"Block Merchant Location\"}\r\n
\r\n\r\n {deleteObj && deleteObj.merchantName ? (\r\n
\r\n \r\n
\r\n ) : (\r\n <> \r\n )}\r\n {getBlockText()}
\r\n\r\n \r\n Yes{\" \"}\r\n {modalLoading && (\r\n \r\n )}\r\n {\" \"}\r\n \r\n No\r\n \r\n
\r\n | Actions | \r\n||||
|---|---|---|---|---|
| {mmo.merchantName} | \r\n{mmo.district} | \r\n{mmo.chiefdomOrZone} | \r\n{mmo.gpsCoordinate} | \r\n\r\n {privileges.view && (\r\n | \r\n
\r\n \r\n Total Records : {totalRec}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default AddNFC;\r\n","import React, { useEffect } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\n\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport {\r\n checkSpace,\r\n getUserName,\r\n postMethod,\r\n} from \"../../services/httpServices\";\r\nimport SearchableSelect from \"components/dropdown/SearchDropdown\";\r\n\r\nconst initialValue = {\r\n customerId: 0,\r\n nfcCardName: \"\",\r\n nfcCardID: \"\",\r\n createdBy: \"\",\r\n nfcCardClientID: \"\",\r\n updatedBy: \"\",\r\n isBlock: false,\r\n isDelete: false,\r\n};\r\n\r\nconst EditNFC = (props) => {\r\n const [values, setValues] = React.useState(props?.values ?? initialValue);\r\n const [loading, setLoading] = React.useState(false);\r\n const [customers, setCustomers] = React.useState([]);\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n fetchNFC();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n const fetchNFC = async () => {\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\"/api/FSP/Profile/Customers\", {}, \"get\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\" && res.data.result) {\r\n // Success\r\n if (!res.data.result || !res.data.result.length) {\r\n res.data.result = [];\r\n }\r\n setCustomers(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const changeState = (obj) => {\r\n setValues(obj);\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const {\r\n nfcCardName,\r\n nfcCardID,\r\n isBlock,\r\n isDelete,\r\n customerId,\r\n nfcCardClientID,\r\n createdBy,\r\n ...rest\r\n } = values;\r\n const payload = {\r\n nfcCardID,\r\n nfcCardName,\r\n nfcCardClientID,\r\n updatedBy: getUserName(),\r\n isBlock,\r\n isDelete,\r\n createdBy,\r\n customerId: Number(customerId),\r\n ...rest,\r\n };\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\"/api/POS/SmartPayCard/Update\", payload, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n notifySuccess(\"Updated Successfully\");\r\n closeModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || \"Error while saving\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in saving\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n return (\r\n Add NFC
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default EditNFC;\r\n","/* eslint-disable no-mixed-operators */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable eqeqeq */\r\n\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardFooter,\r\n Table,\r\n Container,\r\n Row,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n Form,\r\n FormGroup,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n Col,\r\n ModalHeader,\r\n} from \"reactstrap\";\r\n// core components\r\nimport Header from \"components/Headers/Header.js\";\r\nimport AddNFC from \"./add-nfc\";\r\nimport EditNFC from \"./edit-nfc\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { btnCss, iconCss } from \"../../appConfig\";\r\nimport { getUserName, postMethod } from \"../../services/httpServices\";\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport { getPrivileges } from \"services/util\";\r\nimport ReactPaginate from \"react-paginate\";\r\n\r\nconst sortIS = {\r\n sortName: 0,\r\n sortEmail: 0,\r\n sortPhone: 0,\r\n sortBban: 0,\r\n};\r\n\r\nconst NFCList = (props) => {\r\n const [open, setOpen] = useState(false);\r\n const [openEdit, setOpenEditModal] = useState(false);\r\n const [editObj, setEditObj] = useState(null);\r\n\r\n // const [view, setView] = useState(false);\r\n // const [merchantObj, setMerchantObj] = useState(null);\r\n // const [editObj, setEditObj] = useState(null);\r\n const [loading, setLoading] = useState(false);\r\n const [filteredList, setFilteredList] = useState([]);\r\n const [currentPage, setCurrentPage] = useState(0);\r\n const [pageSize] = useState(10);\r\n const [pagesCount, setPageCount] = useState(0);\r\n const [searchText, setSearchText] = useState(\"\");\r\n const [totalRec, setTotalRec] = useState(0);\r\n const [sort, setSort] = useState(sortIS);\r\n const [refresh, setRefresh] = useState(false);\r\n const [isMounted, setIsMounted] = useState(false);\r\n const [deleteObj, setDeleteObj] = React.useState(null);\r\n const [openDelModal, setOpenDelModal] = React.useState(false);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n\r\n const { addToast } = useToasts();\r\n const privileges = getPrivileges(\"merchant\");\r\n\r\n useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if ((searchText && searchText.length >= 3) || searchText.length == 0) {\r\n fetchNFC();\r\n }\r\n }\r\n }, [searchText]);\r\n\r\n useEffect(() => {\r\n fetchNFC();\r\n }, [currentPage]);\r\n\r\n useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if (currentPage != 0) {\r\n setCurrentPage(0);\r\n } else {\r\n fetchNFC();\r\n }\r\n }\r\n }, [sort]);\r\n\r\n useEffect(() => {\r\n if (refresh && isMounted) {\r\n setSearchText(\"\");\r\n setSort(sortIS);\r\n if (currentPage == 0) {\r\n fetchNFC();\r\n } else {\r\n setCurrentPage(0);\r\n }\r\n }\r\n }, [refresh]);\r\n\r\n const openModal = () => {\r\n setOpen(true);\r\n };\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n setOpenEditModal(false);\r\n fetchNFC();\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n const openDelete = (mmo) => {\r\n setDeleteObj(mmo);\r\n setOpenDelModal(true);\r\n };\r\n const fetchNFC = async () => {\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n let data = {\r\n PageNumber: Number(currentPage + 1),\r\n PerPage: pageSize,\r\n };\r\n\r\n if (searchText && searchText.length >= 3) {\r\n data[\"SearchText\"] = searchText;\r\n // data['PageNumber'] = 0;\r\n }\r\n postMethod(\"/api/POS/Search/SmartPayCard\", data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\" && res.data.result) {\r\n // Success\r\n if (!res.data.result.list || !res.data.result.list.length) {\r\n res.data.result.list = [];\r\n }\r\n setFilteredList(res.data.result.list);\r\n let pc = Math.ceil(res.data.result.totalRecords / pageSize);\r\n setTotalRec(res.data.result.totalRecords);\r\n setPageCount(pc);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n // fetchSubs();\r\n };\r\n\r\n const getSearch = (val) => {\r\n setSearchText(val);\r\n };\r\n\r\n const closeDeleteModal = () => {\r\n setDeleteObj(null);\r\n setOpenDelModal(false);\r\n };\r\n\r\n const reloadList = () => {\r\n setSearchText(\"\");\r\n setRefresh(true);\r\n };\r\n const getBlockText = () => {\r\n let str = \"block\";\r\n if (deleteObj.isBlock) {\r\n str = \"unblock\";\r\n }\r\n\r\n return `Do you want to ${str} ${deleteObj?.nfcCardName}?`;\r\n };\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n const deleteNFC = () => {\r\n const {\r\n nfcCardName,\r\n nfcCardID,\r\n isBlock,\r\n isDelete,\r\n customerId,\r\n createdBy,\r\n ...rest\r\n } = deleteObj;\r\n const payload = {\r\n nfcCardID,\r\n nfcCardName,\r\n updatedBy: getUserName(),\r\n isBlock: !deleteObj.isBlock,\r\n isDelete,\r\n createdBy,\r\n customerId: Number(customerId),\r\n ...rest,\r\n };\r\n let errorMsg = \"\";\r\n setModalLoading(true);\r\n setLoading(true);\r\n postMethod(\"/api/POS/SmartPayCard/Update\", payload, \"post\")\r\n .then((res) => {\r\n setModalLoading(false);\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let text = deleteObj.isBlock\r\n ? \"NFC unblocked successfully\"\r\n : \"NFC blocked successfully\";\r\n notifySuccess(text);\r\n closeDeleteModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || \"Error while saving\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in saving\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n Edit NFC
\r\n \r\n\r\n \r\n \r\n {/* {\r\n e.preventDefault();\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n getSearch(e.target.value)}\r\n />\r\n \r\n \r\n \r\n {privileges.add && (\r\n \r\n Add NFC\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n {filteredList.length > 0 && (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\n\r\n {deleteObj && deleteObj.isBlock\r\n ? \"Unblock NFC\"\r\n : \"Block NFC\"}\r\n
\r\n\r\n {deleteObj && deleteObj.nfcCardName ? (\r\n
\r\n \r\n
\r\n ) : (\r\n <> \r\n )}\r\n {getBlockText()}
\r\n\r\n \r\n Yes{\" \"}\r\n {modalLoading && (\r\n \r\n )}\r\n {\" \"}\r\n \r\n No\r\n \r\n
\r\n | Customer Name | \r\nCard Name | \r\nID | \r\nSerial Number | \r\nStatus | \r\ncreatedBy | \r\ncreatedDate | \r\nActions | \r\n
|---|---|---|---|---|---|---|---|
| {mmo.customerName ?? \"NA\"} | \r\n{mmo.nfcCardName ?? \"-\"} | \r\n{mmo.nfcCardID} | \r\n{mmo.nfcCardClientID} | \r\n\r\n | \r\n {mmo.createdBy} | \r\n\r\n\r\n {new Date(mmo.createdDate).toLocaleDateString()}\r\n | \r\n\r\n\r\n {privileges.edit && (\r\n | \r\n
\r\n \r\n Total Records : {totalRec}\r\n \r\n
\r\n \r\n\r\n Change Password
\r\n \r\n\r\n Change Password\r\n
*/}\r\n \r\n \r\n
\r\n \r\n Forgot Password
\r\n\r\n
\r\n \r\n Verify Otp
\r\n\r\n
\r\n \r\n Reset Password
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default AddPOS;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Input,\r\n Row,\r\n Col,\r\n Label,\r\n InputGroupAddon,\r\n InputGroupText,\r\n InputGroup,\r\n Table,\r\n} from \"reactstrap\";\r\n\r\nimport { getFspCategories } from \"appConfig\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport { getConfirmOptions } from \"appConfig\";\r\n\r\nconst initialValue = {\r\n id: 0,\r\n fspCategory: \"\",\r\n fspName: \"\",\r\n regulatoryLicenseNo: \"\",\r\n officialEmail: \"\",\r\n officialMobileNo: \"\",\r\n adminContactEmail: \"\",\r\n adminContactMobileNo: \"\",\r\n ictContactEmail: \"\",\r\n ictContactMobileNo: \"\",\r\n posGateway: false,\r\n onlineGateway: false,\r\n agentOperations: false,\r\n apiurl: \"\",\r\n userName: \"\",\r\n password: \"\",\r\n privateKey: \"\",\r\n token: \"\",\r\n maxSingleTransactionValue: 0,\r\n extraSecurityDetails: \"\",\r\n inboundTransfersFeeTable: \"\",\r\n inboundTransfersFSPPays: false,\r\n inboundTransfersSmartPayPays: false,\r\n outboundTransfersFeeTable: \"\",\r\n outboundTransfersFSPPays: false,\r\n outboundTransfersSmartPayPays: false,\r\n agencyServicesFeeTable: \"\",\r\n agencyServicesFSPPays: false,\r\n agencyServicesSmartPayPays: false,\r\n createBy: \"\",\r\n createdDate: \"\",\r\n updatedBy: \"\",\r\n updatedDate: \"\",\r\n isDeleted: false,\r\n isBlocked: false,\r\n};\r\n\r\nconst AddPOS = (props) => {\r\n const [values, setValues] = React.useState(props.values || initialValue);\r\n const [showPin, setShowPin] = React.useState(false);\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n return (\r\n Add FSP
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default AddPOS;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Row,\r\n Col,\r\n Label,\r\n InputGroupAddon,\r\n InputGroupText,\r\n InputGroup,\r\n Table,\r\n} from \"reactstrap\";\r\n\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport {\r\n checkSpace,\r\n getUserName,\r\n postMethod,\r\n} from \"../../services/httpServices\";\r\nimport { getFspCategories } from \"appConfig\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport { getConfirmOptions } from \"appConfig\";\r\n\r\nconst initialValue = {\r\n id: 0,\r\n fspCategory: \"\",\r\n fspName: \"\",\r\n regulatoryLicenseNo: \"\",\r\n officialEmail: \"\",\r\n officialMobileNo: \"\",\r\n adminContactEmail: \"\",\r\n adminContactMobileNo: \"\",\r\n ictContactEmail: \"\",\r\n ictContactMobileNo: \"\",\r\n posGateway: false,\r\n onlineGateway: false,\r\n agentOperations: false,\r\n apiurl: \"\",\r\n userName: \"\",\r\n password: \"\",\r\n privateKey: \"\",\r\n token: \"\",\r\n maxSingleTransactionValue: 0,\r\n extraSecurityDetails: \"\",\r\n inboundTransfersFeeTable: \"\",\r\n inboundTransfersFSPPays: false,\r\n inboundTransfersSmartPayPays: false,\r\n outboundTransfersFeeTable: \"\",\r\n outboundTransfersFSPPays: false,\r\n outboundTransfersSmartPayPays: false,\r\n agencyServicesFeeTable: \"\",\r\n agencyServicesFSPPays: false,\r\n agencyServicesSmartPayPays: false,\r\n createBy: \"\",\r\n createdDate: \"\",\r\n updatedBy: \"\",\r\n updatedDate: \"\",\r\n isDeleted: false,\r\n isBlocked: false,\r\n};\r\n\r\nconst EditFSP = (props) => {\r\n const [values, setValues] = React.useState(props?.values || initialValue);\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const { addToast } = useToasts();\r\n const [showPin, setShowPin] = React.useState(false);\r\n\r\n const changeState = (obj) => {\r\n setValues(obj);\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n };\r\n\r\n const validate = (inputs) => {\r\n let urlRegEx =\r\n /[(http(s)?):\\/\\/(www\\.)?a-zA-Z0-9@:%._\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\+.~#?&//=]*)/;\r\n let errors = {};\r\n if (!inputs.fspCategory) {\r\n errors.fspCategory = \"Fsp Category is required\";\r\n }\r\n if (!inputs.regulatoryLicenseNo) {\r\n errors.regulatoryLicenseNo = \"Regulatory License No is required\";\r\n }\r\n if (!inputs.officialEmail) {\r\n errors.officialEmail = \"Official Email is required\";\r\n }\r\n if (!inputs.officialMobileNo) {\r\n errors.officialMobileNo = \"Official Mobile No year is required\";\r\n }\r\n if (!inputs.adminContactEmail) {\r\n errors.adminContactEmail = \"Admin Contact Email No is required\";\r\n }\r\n if (!inputs.adminContactMobileNo) {\r\n errors.adminContactMobileNo = \"Admin Contact Mobile No is required\";\r\n }\r\n if (!inputs.ictContactEmail) {\r\n errors.ictContactEmail = \"Ict Contact Email is required\";\r\n }\r\n if (!inputs.ictContactMobileNo) {\r\n errors.ictContactMobileNo = \"Ict Contact Mobile No is required\";\r\n }\r\n if (!inputs.apiurl) {\r\n errors.apiurl = \"Api url is required\";\r\n } else if (!urlRegEx.test(inputs.apiurl)) {\r\n errors.apiurl = \"Please enter valid api url\";\r\n }\r\n if (!inputs.userName) {\r\n errors.userName = \"Username is required\";\r\n }\r\n if (!inputs.password) {\r\n errors.password = \"Password is required\";\r\n }\r\n if (!inputs.privateKey) {\r\n errors.privateKey = \"Private Key is required\";\r\n }\r\n if (!inputs.token) {\r\n errors.token = \"Token is required\";\r\n }\r\n if (!inputs.maxSingleTransactionValue) {\r\n errors.maxSingleTransactionValue =\r\n \"maxSingleTransactionValue is required\";\r\n }\r\n if (!inputs.extraSecurityDetails) {\r\n errors.extraSecurityDetails = \"extraSecurityDetails is required\";\r\n }\r\n if (!inputs.inboundTransfersFeeTable) {\r\n errors.inboundTransfersFeeTable = \"inboundTransfersFeeTable is required\";\r\n }\r\n return errors;\r\n };\r\n\r\n /**======================== API Calls ==========================*/\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n var data = {};\r\n Object.entries(values).forEach(([key, value]) => {\r\n if (value === \"Yes\" || value === \"No\") {\r\n data[key] = value === \"Yes\";\r\n } else if (key === \"maxSingleTransactionValue\") {\r\n data[key] = Number(value);\r\n } else {\r\n data[key] = value;\r\n }\r\n });\r\n const payload = {\r\n ...data,\r\n createBy: getUserName(),\r\n createdDate: new Date().toISOString(),\r\n updatedBy: getUserName(),\r\n updatedDate: new Date().toISOString(),\r\n isDeleted: false,\r\n isBlocked: false,\r\n };\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\"/api/FSP/Update\", payload, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (typeof res.data === \"string\") {\r\n notifySuccess(res.data || \"Saved Successfully\");\r\n closeModal();\r\n return;\r\n }\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n notifySuccess(\"Saved Successfully\");\r\n closeModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || \"Error while saving\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in saving\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n };\r\n\r\n return (\r\n Add FSP
\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n Profile Information
\r\n\r\n \r\n \r\n \r\n FSP Category\r\n \r\n \r\n {getFspCategories()}\r\n \r\n \r\n \r\n\r\n \r\n \r\n FSP Name\r\n \r\n \r\n \r\n \r\n \r\n Regulatory License No\r\n \r\n \r\n \r\n \r\n \r\n Official Email\r\n \r\n {\r\n setValues({\r\n ...values,\r\n officialEmail: e.target.value,\r\n userName: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n Official Mobile No\r\n \r\n {\r\n setValues({ ...values, officialMobileNo: e });\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n Admin Contact Email\r\n \r\n \r\n \r\n \r\n \r\n Admin Contact Mobile No\r\n \r\n {\r\n setValues({ ...values, adminContactMobileNo: e });\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n ICT Contact Email\r\n \r\n \r\n \r\n \r\n \r\n ICT Contact Mobile No\r\n \r\n {\r\n setValues({ ...values, ictContactMobileNo: e });\r\n }}\r\n disabled\r\n />\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n setValues({\r\n ...values,\r\n posGateway: e.target.checked,\r\n })\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n setValues({\r\n ...values,\r\n onlineGateway: e.target.checked,\r\n })\r\n }\r\n />\r\n \r\n \r\n {/* \r\n \r\n setValues({\r\n ...values,\r\n agentOperations: e.target.checked,\r\n })\r\n }\r\n />\r\n \r\n */}\r\n \r\n
\r\n
\r\n \r\n Services Information (Select As Applicable)\r\n
\r\n\r\n
\r\n
\r\n Integration and Security Parameters
\r\n\r\n \r\n \r\n \r\n Api Url\r\n \r\n \r\n setValues({ ...values, apiurl: e.target.value })\r\n }\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Private Key\r\n \r\n \r\n setValues({\r\n ...values,\r\n privateKey: e.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Token\r\n \r\n \r\n setValues({ ...values, token: e.target.value })\r\n }\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Maximum Single Transaction Value\r\n \r\n \r\n setValues({\r\n ...values,\r\n maxSingleTransactionValue: e.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n Anything else to add here for extra security?\r\n \r\n \r\n setValues({\r\n ...values,\r\n extraSecurityDetails: e.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n\r\n \r\n \r\n User Name\r\n \r\n \r\n setValues({\r\n ...values,\r\n userName: e.target.value,\r\n })\r\n }\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Password\r\n \r\n \r\n \r\n setValues({\r\n ...values,\r\n password: e.target.value,\r\n })\r\n }\r\n autoComplete=\"off\"\r\n />\r\n {!showPin && (\r\n \r\n \r\n setShowPin(true)}\r\n />\r\n \r\n \r\n )}\r\n\r\n {showPin && (\r\n \r\n \r\n setShowPin(false)}\r\n />\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n Commercials
\r\n| Transaction Type | \r\nApplicable Fees Table | \r\nFSP Pays (Y/N) | \r\nSmart Pay Pays (Y/N) | \r\n
|---|---|---|---|
| Inbound Transfers | \r\n\r\n\r\n | \r\n \r\n | \r\n \r\n | \r\n
| Outbound Transfers | \r\n\r\n {\" \"}\r\n | \r\n \r\n | \r\n \r\n | \r\n
| Agency Services | \r\n\r\n {\" \"}\r\n | \r\n \r\n | \r\n \r\n | \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default EditFSP;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardFooter,\r\n Table,\r\n Container,\r\n Row,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n Form,\r\n FormGroup,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n Col,\r\n ModalHeader,\r\n} from \"reactstrap\";\r\nimport Header from \"components/Headers/Header.js\";\r\nimport { getMethod, postMethod } from \"../../services/httpServices\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport AddPOS from \"./add-fsp\";\r\nimport ViewFSP from \"./view-fsp\";\r\nimport { btnCss, iconCss } from \"../../appConfig\";\r\nimport EditFSP from \"./edit-fsp\";\r\n// import AssignPOS from \"./assign-pos-terminal\";\r\nimport ReactPaginate from \"react-paginate\";\r\n\r\nconst FSPList = () => {\r\n const [loading, setLoading] = React.useState(false);\r\n const [postlist, setPosList] = React.useState([]);\r\n const [filteredList, setFilteredList] = React.useState([]);\r\n const [currentPage, setCurrentPage] = React.useState(0);\r\n const [pageSize] = React.useState(10);\r\n const [pagesCount, setPageCount] = React.useState(0);\r\n const [timeout, setTimeoutNew] = React.useState(0);\r\n const [searchText, setSearchText] = React.useState(\"\");\r\n const [open, setOpen] = React.useState(false);\r\n const [view, setView] = React.useState(false);\r\n const [openEdit, setOpenEditModal] = React.useState(false);\r\n const [POSObj, setPOSObj] = React.useState(null);\r\n const [editObj, setEditObj] = React.useState(null);\r\n const [totalRec, setTotalRec] = React.useState(0);\r\n const [deleteObj, setDeleteObj] = React.useState(null);\r\n const [openDelModal, setOpenDelModal] = React.useState(false);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n\r\n const { addToast } = useToasts();\r\n\r\n React.useEffect(() => {\r\n fetchFSP();\r\n }, []);\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const openDelete = (mmo) => {\r\n setDeleteObj(mmo);\r\n setOpenDelModal(true);\r\n };\r\n\r\n const getSearch = (val) => {\r\n setSearchText(val);\r\n if (timeout) clearTimeout(timeout);\r\n const timeout1 = setTimeout(() => {\r\n let filteredList = [];\r\n for (let i = 0; i < postlist.length; i++) {\r\n if (\r\n postlist[i].bban\r\n .trim()\r\n .toLowerCase()\r\n .includes(val.trim().toLowerCase()) ||\r\n postlist[i].email\r\n .trim()\r\n .toLowerCase()\r\n .includes(val.trim().toLowerCase()) ||\r\n postlist[i].mobileCode\r\n .toString()\r\n .trim()\r\n .toLowerCase()\r\n .includes(val.trim().toLowerCase()) ||\r\n postlist[i].phoneNumber\r\n .toString()\r\n .trim()\r\n .toLowerCase()\r\n .includes(val.trim().toLowerCase()) ||\r\n postlist[i].name\r\n .toString()\r\n .trim()\r\n .toLowerCase()\r\n .includes(val.trim().toLowerCase())\r\n ) {\r\n filteredList.push(postlist[i]);\r\n }\r\n }\r\n setFilteredList(filteredList);\r\n setCurrentPage(0);\r\n let pc = Math.ceil(filteredList.length / pageSize);\r\n setPageCount(pc);\r\n }, 750);\r\n setTimeoutNew(timeout1);\r\n };\r\n\r\n const reloadList = () => {\r\n setSearchText(\"\");\r\n setCurrentPage(0);\r\n fetchFSP();\r\n };\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n fetchFSP();\r\n };\r\n\r\n const openModal = () => {\r\n setOpen(true);\r\n };\r\n\r\n const showPOS = (obj) => {\r\n setPOSObj(obj);\r\n setView(true);\r\n };\r\n\r\n const closeViewModal = () => {\r\n setView(false);\r\n setPOSObj(null);\r\n };\r\n\r\n const closeEditModal = () => {\r\n setOpenEditModal(false);\r\n setEditObj(null);\r\n fetchFSP();\r\n };\r\n\r\n const fetchFSP = async () => {\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\r\n \"/api/FSP/Search\",\r\n {\r\n searchText: \"\",\r\n isDescending: false,\r\n sortingOn: \"\",\r\n perPage: 10,\r\n pageNumber: 1,\r\n },\r\n \"post\"\r\n )\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (\r\n !res.data.result?.result?.list ||\r\n !res.data.result?.result?.list.length\r\n ) {\r\n setPosList([]);\r\n }\r\n setPosList(res.data.result?.result?.list);\r\n setFilteredList(res.data.result?.result?.list);\r\n let pc = Math.ceil(res.data.result?.result?.list.length / pageSize);\r\n setTotalRec(res.data.result.result.totalRecords);\r\n\r\n setPageCount(pc);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n const fetchFSPById = (id) => {\r\n let errorMsg = \"\";\r\n getMethod(\"/api/FSP/\" + id, \"get\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n setEditObj(res.data.result);\r\n setOpenEditModal(true);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n // setSError();\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n const closeDeleteModal = () => {\r\n setDeleteObj(null);\r\n setOpenDelModal(false);\r\n };\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const deleteFsp = () => {\r\n let errorMsg = \"\";\r\n setModalLoading(true);\r\n let url = \"/api/FSP/SoftDelete/\" + deleteObj.id;\r\n postMethod(url, {}, \"post\")\r\n .then((res) => {\r\n setModalLoading(false);\r\n if (typeof res.data === \"string\") {\r\n let text = deleteObj.isBlocked\r\n ? \"FSP unblocked successfully\"\r\n : \"FSP blocked successfully\";\r\n notifySuccess(text);\r\n closeModal();\r\n closeDeleteModal();\r\n return;\r\n }\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n let text = deleteObj.isBlocked\r\n ? \"FSP unblocked successfully\"\r\n : \"FSP blocked successfully\";\r\n notifySuccess(text);\r\n closeDeleteModal();\r\n fetchFSP();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setModalLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n const getBlockText = () => {\r\n let str = \"block\";\r\n if (deleteObj.isBlocked) {\r\n str = \"unblock\";\r\n }\r\n\r\n return `Do you want to ${str} ${deleteObj?.fspName} FSP ?`;\r\n };\r\n\r\n return (\r\n <>\r\n Add FSP
\r\n \r\n\r\n \r\n \r\n {/* {\r\n e.preventDefault();\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n getSearch(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n {!loading && !filteredList.length && \r\n
\r\n )}\r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\n\r\n {deleteObj && deleteObj.isBlocked\r\n ? \"Unblock FSP\"\r\n : \"Block FSP\"}\r\n
\r\n\r\n {deleteObj && deleteObj.fspName ? (\r\n
\r\n \r\n
\r\n ) : (\r\n <> \r\n )}\r\n {getBlockText()}
\r\n\r\n \r\n Yes{\" \"}\r\n {modalLoading && (\r\n \r\n )}\r\n {\" \"}\r\n \r\n No\r\n \r\n
\r\n | FSP Name | \r\nFSP Category | \r\nOfficial Email | \r\nOfficial Mobile No | \r\nMax Single Transaction Value | \r\n\r\nActions | \r\n
|---|---|---|---|---|---|
| {mmo.fspName} | \r\n{mmo.fspCategory} | \r\n{mmo.officialEmail} | \r\n{mmo.officialMobileNo} | \r\n{mmo.maxSingleTransactionValue} | \r\n\r\n\r\n | \r\n
\r\n \r\n Total Records : {totalRec}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default AddFspUser;\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Input,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\n\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { getMethod } from \"../../services/httpServices\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\n\r\nconst initialValue = {\r\n id: 0,\r\n fspCategory: \"\",\r\n fspName: \"\",\r\n firstName: \"\",\r\n middleName: \"\",\r\n lastName: \"\",\r\n email: \"\",\r\n mobileCodeId: 0,\r\n mobileNumber: \"\",\r\n userId: \"\",\r\n userStatus: \"Pending\",\r\n createBy: \"\",\r\n createdDate: \"\",\r\n updatedBy: \"\",\r\n updatedDate: \"\",\r\n isDeleted: false,\r\n isBlocked: false,\r\n};\r\n\r\nconst ViewFspUser = (props) => {\r\n const [values, setValues] = React.useState(props.values || initialValue);\r\n const [loading, setLoading] = React.useState(false);\r\n const [fsps, setFsps] = useState([]);\r\n const { addToast } = useToasts();\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n useEffect(() => {\r\n fetchAllFsps();\r\n }, []);\r\n\r\n const fetchAllFsps = async () => {\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n getMethod(\"/api/FSP/GetAll\", \"get\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data?.result?.length) {\r\n setFsps([]);\r\n } else {\r\n setFsps(res.data.result);\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n return (\r\n Add FSP User
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default ViewFspUser;\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\n\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport {\r\n checkSpace,\r\n getMethod,\r\n getUserName,\r\n postMethod,\r\n} from \"../../services/httpServices\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\n\r\nconst initialValue = {\r\n id: 0,\r\n fspCategory: \"\",\r\n fspName: \"\",\r\n firstName: \"\",\r\n middleName: \"\",\r\n lastName: \"\",\r\n email: \"\",\r\n mobileCodeId: \"\",\r\n mobileNumber: \"\",\r\n userId: \"\",\r\n userStatus: \"Pending\",\r\n createBy: \"\",\r\n createdDate: \"\",\r\n updatedBy: \"\",\r\n updatedDate: \"\",\r\n isDeleted: false,\r\n isBlocked: false,\r\n};\r\n\r\nconst EditFspUser = (props) => {\r\n const [values, setValues] = React.useState(props?.values || initialValue);\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const { addToast } = useToasts();\r\n const [fsps, setFsps] = useState([]);\r\n const changeState = (obj) => {\r\n setValues(obj);\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n };\r\n const phoneChange = (value, data, event, formattedValue) => {\r\n if (data.dialCode && data.dialCode.length) {\r\n changeState({\r\n ...values,\r\n mobileCodeId: data.dialCode,\r\n mobileNumber: value.substring(data.dialCode.length),\r\n });\r\n }\r\n return;\r\n };\r\n useEffect(() => {\r\n fetchAllFsps();\r\n }, []);\r\n const fetchAllFsps = async () => {\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n getMethod(\"/api/FSP/GetAll\", \"get\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data?.result?.length) {\r\n setFsps([]);\r\n } else {\r\n setFsps(res.data.result);\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const validate = (inputs) => {\r\n let errors = {};\r\n if (!inputs.fspCategory) {\r\n errors.fspCategory = \"Fsp Category is required\";\r\n }\r\n if (!inputs.fspName) {\r\n errors.fspName = \"Fsp Name is required\";\r\n }\r\n if (!inputs.firstName) {\r\n errors.firstName = \"First Name is required\";\r\n }\r\n if (!inputs.lastName) {\r\n errors.lastName = \"Last Name is required\";\r\n }\r\n if (!inputs.email) {\r\n errors.email = \"Email is required\";\r\n }\r\n if (!inputs.mobileCodeId) {\r\n errors.mobileCodeId = \"Mobile Code Id is required\";\r\n }\r\n if (!inputs.mobileNumber) {\r\n errors.mobileNumber = \"Mobile No is required\";\r\n }\r\n\r\n return errors;\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n const payload = {\r\n ...values,\r\n updatedBy: getUserName(),\r\n updatedDate: new Date().toISOString(),\r\n mobileCodeId: Number(values.mobileCodeId)\r\n };\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\"/api/FSP/Profile/User/Update\", payload, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\" || typeof res.data === \"string\") {\r\n notifySuccess(res.data || \"Updated Successfully\");\r\n closeModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || \"Error while saving\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in saving\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n };\r\n\r\n return (\r\n Add FSP User
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n FSP Name\r\n \r\n {\r\n setValues({\r\n ...values,\r\n fspName: e.target.value,\r\n fspCategory: fsps.find(\r\n (i) => i.id == e.target.value\r\n )?.fspCategory,\r\n });\r\n }}\r\n >\r\n {/* {roles.map(c => )} */}\r\n \r\n {fsps?.map((item) => (\r\n \r\n ))}\r\n \r\n \r\n \r\n\r\n {values.fspName !== \"\" && (\r\n <>\r\n \r\n \r\n FSP Category\r\n \r\n \r\n \r\n \r\n \r\n First Name\r\n \r\n \r\n \r\n \r\n \r\n Middle Name\r\n \r\n \r\n \r\n \r\n \r\n Last Name\r\n \r\n \r\n \r\n \r\n \r\n Email\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 \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default EditFspUser;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardFooter,\r\n Table,\r\n Container,\r\n Row,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n Form,\r\n FormGroup,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n Col,\r\n ModalHeader,\r\n} from \"reactstrap\";\r\nimport Header from \"components/Headers/Header.js\";\r\nimport { postMethod } from \"../../services/httpServices\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport AddPOS from \"./add-fsp-user\";\r\nimport ViewFSP from \"./view-fsp-user\";\r\nimport { btnCss, iconCss } from \"../../appConfig\";\r\nimport EditFSP from \"./edit-fsp-user\";\r\n// import AssignPOS from \"./assign-pos-terminal\";\r\nimport ReactPaginate from \"react-paginate\";\r\n\r\nconst FspUsersList = () => {\r\n const [loading, setLoading] = React.useState(false);\r\n const [postlist, setPosList] = React.useState([]);\r\n const [filteredList, setFilteredList] = React.useState([]);\r\n const [currentPage, setCurrentPage] = React.useState(0);\r\n const [pageSize] = React.useState(10);\r\n const [pagesCount, setPageCount] = React.useState(0);\r\n const [timeout, setTimeoutNew] = React.useState(0);\r\n const [searchText, setSearchText] = React.useState(\"\");\r\n const [open, setOpen] = React.useState(false);\r\n const [view, setView] = React.useState(false);\r\n const [openEdit, setOpenEditModal] = React.useState(false);\r\n const [POSObj, setPOSObj] = React.useState(null);\r\n const [editObj, setEditObj] = React.useState(null);\r\n const [totalRec, setTotalRec] = React.useState(0);\r\n const [deleteObj, setDeleteObj] = React.useState(null);\r\n const [openDelModal, setOpenDelModal] = React.useState(false);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n\r\n const { addToast } = useToasts();\r\n\r\n React.useEffect(() => {\r\n fetchFSPUsers();\r\n }, []);\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const openDelete = (mmo) => {\r\n setDeleteObj(mmo);\r\n setOpenDelModal(true);\r\n };\r\n\r\n const getSearch = (val) => {\r\n setSearchText(val);\r\n if (timeout) clearTimeout(timeout);\r\n const timeout1 = setTimeout(() => {\r\n let filteredList = [];\r\n for (let i = 0; i < postlist.length; i++) {\r\n if (\r\n postlist[i].bban\r\n .trim()\r\n .toLowerCase()\r\n .includes(val.trim().toLowerCase()) ||\r\n postlist[i].email\r\n .trim()\r\n .toLowerCase()\r\n .includes(val.trim().toLowerCase()) ||\r\n postlist[i].mobileCode\r\n .toString()\r\n .trim()\r\n .toLowerCase()\r\n .includes(val.trim().toLowerCase()) ||\r\n postlist[i].phoneNumber\r\n .toString()\r\n .trim()\r\n .toLowerCase()\r\n .includes(val.trim().toLowerCase()) ||\r\n postlist[i].name\r\n .toString()\r\n .trim()\r\n .toLowerCase()\r\n .includes(val.trim().toLowerCase())\r\n ) {\r\n filteredList.push(postlist[i]);\r\n }\r\n }\r\n setFilteredList(filteredList);\r\n setCurrentPage(0);\r\n let pc = Math.ceil(filteredList.length / pageSize);\r\n setPageCount(pc);\r\n }, 750);\r\n setTimeoutNew(timeout1);\r\n };\r\n\r\n const reloadList = () => {\r\n setSearchText(\"\");\r\n setCurrentPage(0);\r\n fetchFSPUsers();\r\n };\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n fetchFSPUsers();\r\n };\r\n\r\n const openModal = () => {\r\n setOpen(true);\r\n };\r\n\r\n const showPOS = (obj) => {\r\n setPOSObj(obj);\r\n setView(true);\r\n };\r\n\r\n const closeViewModal = () => {\r\n setView(false);\r\n setPOSObj(null);\r\n };\r\n\r\n const closeEditModal = () => {\r\n setOpenEditModal(false);\r\n setEditObj(null);\r\n fetchFSPUsers();\r\n };\r\n\r\n const fetchFSPUsers = async () => {\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\r\n \"/api/FSP/Profile/User/Search\",\r\n {\r\n searchText: \"\",\r\n isDescending: false,\r\n sortingOn: \"\",\r\n perPage: 10,\r\n pageNumber: 1,\r\n },\r\n \"post\"\r\n )\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data?.result?.list || !res.data?.result?.list.length) {\r\n setPosList([]);\r\n }\r\n setPosList(res.data?.result?.list);\r\n setFilteredList(res.data?.result?.list);\r\n let pc = Math.ceil(res.data?.result?.list.length / pageSize);\r\n setTotalRec(res.data.result.totalRecords);\r\n\r\n setPageCount(pc);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n const fetchFSPUsersById = (mmo) => {\r\n setEditObj(mmo);\r\n setOpenEditModal(true);\r\n };\r\n const closeDeleteModal = () => {\r\n setDeleteObj(null);\r\n setOpenDelModal(false);\r\n };\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const deleteFsp = () => {\r\n let errorMsg = \"\";\r\n setModalLoading(true);\r\n let url =\r\n \"/api/FSP/Profile/Delete/User/\" +\r\n deleteObj.id +\r\n \"?blocked=\" +\r\n !deleteObj.isBlocked;\r\n postMethod(url, {}, \"post\")\r\n .then((res) => {\r\n setModalLoading(false);\r\n if (typeof res.data === \"string\") {\r\n let text = deleteObj.isBlocked\r\n ? \"FSP unblocked successfully\"\r\n : \"FSP blocked successfully\";\r\n notifySuccess(text);\r\n closeModal();\r\n closeDeleteModal();\r\n return;\r\n }\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n let text = deleteObj.isBlocked\r\n ? \"FSP unblocked successfully\"\r\n : \"FSP blocked successfully\";\r\n notifySuccess(text);\r\n closeDeleteModal();\r\n fetchFSPUsers();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setModalLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n const getBlockText = () => {\r\n let str = \"block\";\r\n if (deleteObj.isBlocked) {\r\n str = \"unblock\";\r\n }\r\n\r\n return `Do you want to ${str} ${deleteObj?.firstName} ${deleteObj?.lastName} FSP User ?`;\r\n };\r\n\r\n return (\r\n <>\r\n Edit FSP User
\r\n \r\n\r\n \r\n \r\n {/* {\r\n e.preventDefault();\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n getSearch(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n {!loading && !filteredList.length && \r\n
\r\n )}\r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\n\r\n {deleteObj && deleteObj.isBlocked\r\n ? \"Unblock FSP User\"\r\n : \"Block FSP User\"}\r\n
\r\n\r\n {deleteObj && deleteObj.fspName ? (\r\n
\r\n \r\n
\r\n ) : (\r\n <> \r\n )}\r\n {getBlockText()}
\r\n\r\n \r\n Yes{\" \"}\r\n {modalLoading && (\r\n \r\n )}\r\n {\" \"}\r\n \r\n No\r\n \r\n
\r\n | firstName | \r\nlastName | \r\nfspName | \r\nfspCategory | \r\nActions | \r\n|
|---|---|---|---|---|---|
| {mmo.firstName} | \r\n{mmo.lastName} | \r\n{mmo.fspName} | \r\n{mmo.fspCategory} | \r\n{mmo.email} | \r\n\r\n\r\n | \r\n
\r\n \r\n Total Records : {totalRec}\r\n \r\n
\r\n \r\n\r\n Account Balance
\r\n\r\n {Object.entries(balanceInfo)?.length > 0 && (\r\n
\r\n \r\n {Object.entries(balanceInfo).map(([key, val]) => (\r\n
\r\n )}\r\n \r\n
\r\n ))}\r\n \r\n {String(key).charAt(0).toUpperCase() +\r\n String(key).slice(1)}\r\n : {val}\r\n
\r\n\r\n \r\n \r\n {/* {\r\n e.preventDefault();\r\n }}\r\n >\r\n {filteredList.length !== 0 && (\r\n exportPDF(filteredList)}\r\n >\r\n \r\n Download list\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n getSearch(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n {totalInfo && !loading && (\r\n \r\n \r\n
\r\n \r\n {filteredList.length > 0 && (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\nSettlement Process
\r\n\r\n\r\n \r\n Gross Collection Account Balance(GCAB): \r\n Le {totalInfo?.collectionAccountBalance}{\" \"}\r\n
\r\n
\r\n )}\r\n {loading && \r\n Total Pending Settlement Account(TPSA): \r\n Le {totalInfo?.settlementPendingAmount}\r\n
\r\n\r\n Gross Collection Account Balance(GCAB): \r\n Le {totalInfo?.collectionAccountBalance}{\" \"}\r\n setOpenBalModal(true)}\r\n class=\"fas text-blue text-primary fa-info-circle pl-2 text-body\"\r\n >{\" \"}\r\n
\r\n Loading balance...
}\r\n | Actions | \r\n||||
|---|---|---|---|---|
| {mmo.merchantUID} | \r\n{mmo.merchantName} | \r\n{mmo.merchantAccountNumber} | \r\n{mmo.pendingBalance} | \r\n\r\n | \r\n
\r\n \r\n Total Records : {totalRec}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {filteredList.length > 0 && (\r\n \r\n
\r\n )}\r\n {\" \"}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n ({\r\n key: i?.id,\r\n value: i?.name\r\n }))}\r\n onSelect={(e) => setSelectedMerchant(e.key)}\r\n />\r\n {errors.selectedMerchant && (\r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n
\r\n
\r\n {totalInfo && (\r\n \r\n * {errors.selectedMerchant}\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n Total Pending Settlement Account(TPSA): \r\n Le {totalInfo?.settlementPendingAmount}\r\n
\r\n\r\n Gross Collection Account Balance(GCAB): \r\n Le {totalInfo?.collectionAccountBalance}\r\n
\r\n| Date | \r\nFrom | \r\nTo | \r\nSettled By | \r\nSettled Type | \r\nSettled Amount | \r\nRemaining Amount | \r\nSettlement Status | \r\n
|---|---|---|---|---|---|---|---|
| \r\n {new Date(mmo.createdDate).toLocaleString() ?? \"-\"}\r\n | \r\n{mmo.fromName ?? \"-\"} | \r\n{mmo.toName ?? \"-\"} | \r\n{mmo.settledBy ?? \"-\"} | \r\n{mmo.settlementType ?? \"-\"} | \r\n{mmo.settledAmount ?? \"-\"} | \r\n{mmo.remainingAmount ?? \"-\"} | \r\n{mmo.settlementStatus ?? \"-\"} | \r\n
\r\n \r\n Total Records : {filteredList.length}\r\n \r\n
\r\n \r\n\r\n Whitelist
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default User;\r\n","\r\nimport React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Container,\r\n Row,\r\n Col\r\n} from \"reactstrap\";\r\n// core components\r\n\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport { postMethod, getMethod } from '../../services/httpServices';\r\nimport { MOBILE_ONLY_COUNTRY } from '../../appConfig';\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\n\r\nconst codes = [23225, 23230, 23231, 23232,\r\n 23233, 23234, 23244, 23275, 23276, 23277,\r\n 23278, 23279, 23280, 23288, 23299];\r\n\r\nconst initialValue = {\r\n firstName: '',\r\n lastName: '',\r\n mobileCode: '',\r\n phone: '',\r\n email: '',\r\n usreRole: '',\r\n gender: '',\r\n profileImage: null,\r\n mobWithCC: ''\r\n};\r\n\r\nconst ViewUser = (props) => {\r\n\r\n initialValue.firstName = props.firstName;\r\n initialValue.lastName = props.lastName;\r\n initialValue.mobileCode = props.mobileCodeId;\r\n initialValue.phone = props.mobileNumber;\r\n initialValue.email = props.email;\r\n initialValue.userRole = props.roleId;\r\n initialValue.gender = props.gender;\r\n initialValue.profileImage = props.profileImage && props.profileImage.length ?\r\n props.profileImage : null;\r\n initialValue.mobWithCC = props.mobileCodeId + props.mobileNumber;\r\n\r\n const [values, setValues] = React.useState(initialValue);\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const [roles, setRoles] = React.useState([]);\r\n\r\n const { addToast } = useToasts();\r\n\r\n React.useEffect(() => {\r\n fetchRoles();\r\n }, []);\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (name === 'phone') {\r\n if (checkMobValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else {\r\n setValues({ ...values, [name]: value });\r\n }\r\n };\r\n\r\n const checkMobValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 6) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n }\r\n\r\n const validate = (inputs) => {\r\n let errors = {};\r\n let emailRegEx = /\\S+@\\S+\\.\\S+/\r\n if (!inputs.firstName) {\r\n errors.firstName = 'First Name is Required';\r\n }\r\n if (!inputs.lastName) {\r\n errors.lastName = 'Last Name is Required';\r\n }\r\n if (!inputs.email) {\r\n errors.email = 'Email is Required';\r\n } else if (!emailRegEx.test(inputs.email)) {\r\n errors.email = 'Enter valid email';\r\n }\r\n if (!inputs.mobileCode) {\r\n errors.mobileCode = 'Please select mobile code';\r\n }\r\n if (!inputs.phone) {\r\n errors.phone = 'Phone Number is Required';\r\n } else if (inputs.phone.length !== 6) {\r\n errors.phone = 'Phone Number should have 6 digits';\r\n }\r\n if (!inputs.userRole) {\r\n errors.userRole = 'User Role is Required';\r\n }\r\n return errors;\r\n }\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = 'Save successfully';\r\n }\r\n addToast(text, {\r\n appearance: 'success',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every(x => x === '');\r\n if (isNoError) {\r\n var data = new FormData();\r\n // data.append('Name', values.name);\r\n // data.append('Address', values.address);\r\n // data.append('PhoneNumber', values.phone);\r\n // data.append('MobileCode', values.mobileCode);\r\n // data.append('Email', values.email);\r\n // data.append('BankName', values.bankName);\r\n // data.append('BBAN', values.bban);\r\n // data.append('Status', values.itPhone);\r\n // data.append('Attachment', file);\r\n\r\n let errorMsg = '';\r\n setLoading(true);\r\n postMethod('/api/MerchantProfile/save', data, 'post')\r\n .then(res => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n notifySuccess('Saved Successfuly');\r\n closeModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || 'Error while saving';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in saving';\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n setLoading(false);\r\n errorMsg = 'Something went wrong!, Please call 3737';\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n }\r\n\r\n const fetchRoles = async () => {\r\n let errorMsg = '';\r\n getMethod('/api/User/roles', 'get')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (\r\n !res.data.result ||\r\n !res.data.result.length\r\n ) {\r\n res.data.result = [];\r\n }\r\n setRoles(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching roles';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n }).catch(err => {\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n })\r\n }\r\n\r\n return (\r\n <>\r\n {/* Page content */}\r\n User Information
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ViewUser;\r\n","\r\nimport React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Container,\r\n Row,\r\n Col\r\n} from \"reactstrap\";\r\n// core components\r\n\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport { postMethod, getMethod, checkSpace } from '../../services/httpServices';\r\nimport { MOBILE_ONLY_COUNTRY } from '../../appConfig';\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { checkName } from \"services/util\";\r\n\r\nconst codes = [23225, 23230, 23231, 23232,\r\n 23233, 23234, 23244, 23275, 23276, 23277,\r\n 23278, 23279, 23280, 23288, 23299];\r\n\r\nconst imageRole = [\r\n 'Customer Support Representative',\r\n 'Customer Support Supervisor',\r\n 'Operations Officer',\r\n 'Operation Supervisor',\r\n 'IT Support Officer',\r\n 'IT Support Supervisor',\r\n 'Sales Supervisor',\r\n 'Sales Representative',\r\n 'Audits and Compliance',\r\n 'Administrator',\r\n 'Finance'\r\n];\r\n\r\nconst initialValue = {\r\n firstName: '',\r\n lastName: '',\r\n mobileCode: '',\r\n phone: '',\r\n email: '',\r\n userRole: '',\r\n gender: 'Male',\r\n userId: '',\r\n mobileWithCC: ''\r\n};\r\n\r\nconst EditUser = (props) => {\r\n\r\n initialValue.firstName = props.firstName;\r\n initialValue.lastName = props.lastName;\r\n initialValue.mobileCode = props.mobileCodeId;\r\n initialValue.phone = props.mobileNumber;\r\n initialValue.email = props.email;\r\n initialValue.userRole = props.roleId;\r\n initialValue.userId = props.userId;\r\n initialValue.gender = props.gender;\r\n initialValue.mobileWithCC = props.mobileCodeId + props.mobileNumber;\r\n\r\n\r\n const [values, setValues] = React.useState(initialValue);\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const [image, setImage] = React.useState(null);\r\n const [roles, setRoles] = React.useState([]);\r\n const { addToast } = useToasts();\r\n\r\n React.useEffect(() => {\r\n fetchRoles();\r\n }, []);\r\n\r\n // React.useEffect(() => {\r\n // if (roles && roles.length) {\r\n // setValues({ ...values, 'userRole': roles[0].id });\r\n // }\r\n // }, [roles])\r\n\r\n const getUpdateImageValue = () => {\r\n if (imageRole.indexOf(initialValue.userRole) > -1) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n if (name === 'phone') {\r\n if (checkMobValidation(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name == 'firstName' || name == 'lastName') {\r\n if (checkName(value)) {\r\n setValues({...values, [name]: value});\r\n }\r\n } else {\r\n changeState({ ...values, [name]: value });\r\n }\r\n }\r\n };\r\n\r\n const phoneChange = (value, data, event, formattedValue) => {\r\n if (data.dialCode && data.dialCode.length) {\r\n changeState({...values, mobileWithCC: value, mobileCode: data.dialCode,\r\n phone: value.substring(data.dialCode.length)\r\n });\r\n }\r\n return;\r\n }\r\n\r\n const changeState = (obj) => {\r\n setValues(obj);\r\n };\r\n\r\n const checkMobValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 6) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n }\r\n\r\n const validate = (inputs) => {\r\n let errors = {};\r\n let emailRegEx = /\\S+@\\S+\\.\\S+/\r\n if (!inputs.firstName) {\r\n errors.firstName = 'First Name is Required';\r\n }\r\n if (!inputs.lastName) {\r\n errors.lastName = 'Last Name is Required';\r\n }\r\n if (!inputs.email) {\r\n errors.email = 'Email is Required';\r\n } else if (!emailRegEx.test(inputs.email)) {\r\n errors.email = 'Enter valid email';\r\n }\r\n if (!inputs.mobileCode) {\r\n errors.mobileCode = 'Please select mobile code';\r\n }\r\n if (!inputs.phone) {\r\n errors.phone = 'Phone Number is Required';\r\n } \r\n // else if (inputs.phone.length !== 6) {\r\n // errors.phone = 'Phone Number should have 6 digits';\r\n // }\r\n if (!inputs.userRole) {\r\n errors.userRole = 'User Role is Required';\r\n }\r\n if (!inputs.gender) {\r\n errors.gender = 'Gender is Required';\r\n }\r\n return errors;\r\n }\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = 'Save successfully';\r\n }\r\n addToast(text, {\r\n appearance: 'success',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every(x => x === '');\r\n if (isNoError) {\r\n var data = new FormData();\r\n data.append('firstName', values.firstName.trim());\r\n data.append('lastName', values.lastName.trim());\r\n data.append('gender', values.gender);\r\n data.append('email', values.email);\r\n data.append('MobileCodeId', values.mobileCode);\r\n data.append('MobileNumber', values.phone);\r\n data.append('roleId', values.userRole);\r\n data.append('userId', values.userId);\r\n if (image) {\r\n data.append('ProfileImageAttachment', image);\r\n }\r\n\r\n let errorMsg = '';\r\n setLoading(true);\r\n postMethod('/api/User/update', data, 'post')\r\n .then(res => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n notifySuccess('Updated Successfuly');\r\n closeModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || 'Error while saving';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in saving';\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n setLoading(false);\r\n errorMsg = 'Something went wrong!, Please call 3737';\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n }\r\n\r\n const imageChanger = (event) => {\r\n setImage(event.target.files[0]);\r\n }\r\n\r\n const fetchRoles = async () => {\r\n let errorMsg = '';\r\n getMethod('/api/User/roles', 'get')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (\r\n !res.data.result ||\r\n !res.data.result.length\r\n ) {\r\n res.data.result = [];\r\n }\r\n setRoles(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching roles';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n }).catch(err => {\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n })\r\n }\r\n\r\n return (\r\n <>\r\n {/* Page content */}\r\n User Information
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default EditUser;\r\n","\r\nimport React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardFooter,\r\n Pagination,\r\n PaginationItem,\r\n PaginationLink,\r\n Table,\r\n Container,\r\n Row,\r\n Col,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n Form,\r\n FormGroup,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n ModalHeader\r\n} from \"reactstrap\";\r\n// core components\r\nimport Header from \"components/Headers/Header.js\";\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport { btnCss, iconCss } from '../../appConfig';\r\nimport { getMethod, postMethod } from \"../../services/httpServices\";\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport AddUser from \"./add-user\";\r\nimport ViewUser from \"./view-user\";\r\nimport EditUser from \"./edit-user\";\r\nimport ReactPaginate from 'react-paginate';\r\nimport { getSortCls, getPrivileges } from \"services/util\";\r\n\r\nconst sortIS = {\r\n sortName: 0,\r\n sortEmail: 0,\r\n sortPhone: 0,\r\n sortRole: 0\r\n};\r\n\r\n\r\nconst UserList = () => {\r\n\r\n const [open, setOpen] = React.useState(false);\r\n const [view, setView] = React.useState(false);\r\n const [userObj, setUserObj] = React.useState(null);\r\n const [openEdit, setOpenEditModal] = React.useState(false);\r\n const [editObj, setEditObj] = React.useState(null);\r\n const [loading, setLoading] = React.useState(false);\r\n const [userlist, setUserList] = React.useState([]);\r\n const [filteredList, setFilteredList] = React.useState([]);\r\n const [currentPage, setCurrentPage] = React.useState(0);\r\n const [pageSize, setPageSize] = React.useState(10);\r\n const [pagesCount, setPageCount] = React.useState(0);\r\n const [timeout, setTimeoutNew] = React.useState(0);\r\n const [deleteObj, setDeleteObj] = React.useState(null);\r\n const [openDelModal, setOpenDelModal] = React.useState(false);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n const [searchText, setSearchText] = React.useState('');\r\n const [totalRec, setTotalRec] = React.useState(0);\r\n const [sort, setSort] = React.useState(sortIS);\r\n const [refresh, setRefresh] = React.useState(false);\r\n const [isMounted, setIsMounted] = React.useState(false);\r\n\r\n const { addToast } = useToasts();\r\n\r\n const privileges = getPrivileges('user');\r\n\r\n // React.useEffect(() => {\r\n // // fetch mobilemoney operator\r\n // fetchUsers();\r\n // }, []);\r\n\r\n\r\n React.useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if (\r\n searchText && searchText.length >= 3 ||\r\n searchText.length == 0\r\n ) {\r\n fetchUsers();\r\n }\r\n }\r\n }, [searchText]);\r\n\r\n\r\n React.useEffect(() => {\r\n fetchUsers();\r\n }, [currentPage]);\r\n\r\n React.useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if (currentPage != 0) {\r\n setCurrentPage(0);\r\n } else {\r\n fetchUsers();\r\n }\r\n }\r\n }, [sort]);\r\n\r\n React.useEffect(() => {\r\n if (refresh && isMounted) {\r\n setSearchText('');\r\n setSort(sortIS);\r\n if (currentPage == 0) {\r\n fetchUsers();\r\n } else {\r\n setCurrentPage(0);\r\n }\r\n }\r\n }, [refresh]);\r\n\r\n\r\n const openModal = () => {\r\n setOpen(true);\r\n }\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n fetchUsers();\r\n }\r\n\r\n const showUser = (obj) => {\r\n setUserObj(obj);\r\n setView(true);\r\n }\r\n\r\n const closeViewModal = () => {\r\n setView(false);\r\n // setUserObj(null);\r\n }\r\n\r\n const closeEditModal = () => {\r\n setOpenEditModal(false);\r\n // setEditObj(null);\r\n fetchUsers();\r\n }\r\n\r\n const openDelete = (mmo) => {\r\n setDeleteObj(mmo);\r\n setOpenDelModal(true);\r\n }\r\n\r\n const closeDeleteModal = () => {\r\n setDeleteObj(null);\r\n setOpenDelModal(false);\r\n }\r\n\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = 'Save successfully';\r\n }\r\n addToast(text, {\r\n appearance: 'success',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const fetchUsers = async () => {\r\n let errorMsg = '';\r\n setLoading(true);\r\n\r\n let data = {\r\n 'PageNumber': Number(currentPage + 1),\r\n 'PerPage': pageSize\r\n };\r\n\r\n if (searchText && searchText.length >= 3) {\r\n data['SearchText'] = searchText;\r\n // data['PageNumber'] = 0;\r\n }\r\n\r\n if (sort.sortName == \"1\") {\r\n data['SortingOn'] = 'FirstName';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortName == \"2\") {\r\n data['SortingOn'] = 'FirstName';\r\n data['IsDescending'] = true;\r\n } else if (sort.sortEmail == \"1\") {\r\n data['SortingOn'] = 'Email';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortEmail == \"2\") {\r\n data['SortingOn'] = 'Email';\r\n data['IsDescending'] = true;\r\n } else if (sort.sortPhone == \"1\") {\r\n data['SortingOn'] = 'MobNumber';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortPhone == \"2\") {\r\n data['SortingOn'] = 'MobNumber';\r\n data['IsDescending'] = true;\r\n } else if (sort.sortRole == \"1\") {\r\n data['SortingOn'] = 'RoleName';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortRole == \"2\") {\r\n data['SortingOn'] = 'RoleName';\r\n data['IsDescending'] = true;\r\n }\r\n\r\n postMethod('/api/User/AllUser', data, 'post')\r\n .then(res => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\" &&\r\n res.data.result) {\r\n // Success\r\n if (\r\n !res.data.result.list ||\r\n !res.data.result.list.length\r\n ) {\r\n res.data.result.list = [];\r\n }\r\n setUserList(res.data.result.list);\r\n setFilteredList(res.data.result.list)\r\n let pc = Math.ceil(res.data.result.totalRecords / pageSize);\r\n setTotalRec(res.data.result.totalRecords);\r\n setPageCount(pc);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n }).catch(err => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n })\r\n }\r\n\r\n const fetchUserByIdV2 = (id) => {\r\n let errorMsg = '';\r\n postMethod('/api/User/Edit/' + id, {}, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n setUserObj(res.data.result);\r\n setView(true);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n // setSError();\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n });\r\n }\r\n\r\n const fetchUserById = (id) => {\r\n let errorMsg = '';\r\n postMethod('/api/User/Edit/' + id, {}, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n setEditObj(res.data.result);\r\n setOpenEditModal(true);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n // setSError();\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n });\r\n }\r\n\r\n\r\n const deleteUser = () => {\r\n let errorMsg = '';\r\n let url = '/api/User/block/' + deleteObj.userId;\r\n setModalLoading(true);\r\n postMethod(url, {}, 'post')\r\n .then(res => {\r\n setModalLoading(false);\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n let text = deleteObj.isBlocked ? 'User unblocked successfully' :\r\n 'User blocked succsessfully';\r\n notifySuccess(text);\r\n closeDeleteModal();\r\n fetchUsers();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n setModalLoading(false);\r\n errorMsg = 'Something went wrong!, Please call 3737';\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n\r\n const handleClick = (e, index) => {\r\n\r\n e.preventDefault();\r\n setCurrentPage(index);\r\n\r\n }\r\n\r\n const getSearch = (val) => {\r\n setSearchText(val);\r\n };\r\n\r\n const reloadList = () => {\r\n setSearchText('');\r\n setRefresh(true);\r\n }\r\n\r\n const getBlockText = () => {\r\n let str = 'block';\r\n if (deleteObj.isBlocked) {\r\n str = 'unblock';\r\n }\r\n\r\n return `Do you want to ${str} ${deleteObj.firstName} ${deleteObj.lastName} ?`;\r\n }\r\n\r\n const sortHandle = (fieldValue, fieldName) => {\r\n let newValue = 0;\r\n if (fieldValue == \"0\") {\r\n newValue = '1';\r\n } else if (fieldValue == \"1\") {\r\n newValue = '2';\r\n } else if (fieldValue == \"2\") {\r\n newValue = '1';\r\n }\r\n setSort({ ...sortIS, [fieldName]: newValue });\r\n }\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n }\r\n\r\n return (\r\n <>\r\n User Information
\r\n \r\n\r\n \r\n \r\n\r\n\r\n \r\n\r\n\r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n
\r\n \r\n {filteredList.length > 0 &&\r\n \r\n
}\r\n \r\n \r\n
\r\n \r\n {deleteObj && deleteObj.isBlocked ? 'Unblock User' : 'Block User'}\r\n
\r\n\r\n {deleteObj && deleteObj.firstName ?\r\n
\r\n \r\n\r\n
: <> \r\n }\r\n \r\n {getBlockText()}\r\n
\r\n\r\n {' '}\r\n \r\n
\r\n | sortHandle(sort.sortName, 'sortName')}>\r\n User Name\r\n \r\n | \r\nsortHandle(sort.sortEmail, 'sortEmail')}>\r\n Email\r\n \r\n | \r\nsortHandle(sort.sortPhone, 'sortPhone')}>\r\n Phone\r\n \r\n | \r\nsortHandle(sort.sortRole, 'sortRole')}>\r\n Role\r\n \r\n | \r\nActions | \r\n
|---|---|---|---|---|
| \r\n {mmo.firstName} {mmo.lastName}\r\n | \r\n{mmo.email} | \r\n({mmo.mobileCodeId}) - {mmo.mobileNumber} | \r\n{mmo.roleName} | \r\n\r\n {privileges.view && | \r\n
\r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n \r\n
\r\n \r\n\r\n Top Up
\r\n \r\n\r\n \r\n \r\n {/* \r\n\r\n \r\n \r\n
\r\n {loading && \r\n {filteredList.length > 0 &&\r\n \r\n
}\r\n \r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\n \r\n\r\n| sortHandle(sort.sortPaymentTo, 'sortPaymentTo')}>\r\n Payment To\r\n \r\n | \r\nsortHandle(sort.sortPaymentFrom, 'sortPaymentFrom')}>\r\n Payment From\r\n \r\n | \r\nsortHandle(sort.sortPaymentMethod, 'sortPaymentMethod')}>\r\n Payment Using\r\n \r\n | \r\n\r\nsortHandle(sort.sortPaymentMethod, 'sortPaymentMethod')}>\r\n Payment Type\r\n \r\n | \r\n\r\nsortHandle(sort.sortReferenceId, 'sortReferenceId')}>\r\n Smart Pay Id\r\n \r\n | \r\nsortHandle(sort.sortProductId, 'sortProductId')}>\r\n Product Id\r\n \r\n | \r\nsortHandle(sort.sortCreatedAt, 'sortCreatedAt')}>\r\n Date\r\n \r\n | \r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n Amount\r\n \r\n | \r\nsortHandle(sort.sortFeesAmount, 'sortFeesAmount')}>\r\n Fees Amount\r\n \r\n | \r\nsortHandle(sort.sortStatus, 'sortStatus')}>\r\n Status\r\n \r\n | \r\n
|---|---|---|---|---|---|---|---|---|---|
| \r\n {mmo.paymentTo}\r\n | \r\n{mmo.paymentFrom} | \r\n{mmo.paymentMethod} | \r\n{getPaymentType(mmo.paymentType)} | \r\n{mmo.referenceId} | \r\n{mmo.productId ? mmo.productId : '--'} | \r\n{moment(mmo.createdAt).format('lll')} | \r\n{getAmt(mmo.amount)} | \r\n{getAmt(mmo.feesAmount)} | \r\n{statusFormat(mmo.status)} | \r\n
\r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n Payment To - {values.merchantName}\r\n
\r\n \r\n \r\n {values.label} - {values.uniqueNo}\r\n \r\n
\r\n \r\n Amount - {getAmt()}\r\n
\r\n\r\n {checkFees() && (\r\n \r\n Smart Pay Fees - {fees}\r\n
\r\n )}\r\n \r\n * {errors.universityName}\r\n
\r\n )}\r\n \r\n * {errors.pinCost}\r\n
\r\n )}\r\n \r\n * {errors.applicantPhone}\r\n
\r\n )}\r\n \r\n * {errors.pin}\r\n
\r\n )}\r\n \r\n \r\n Validate & Pay{\" \"}\r\n {loading && }\r\n \r\n
\r\n \r\n \r\n * {errors.pinCost}\r\n
\r\n )}\r\n \r\n * {errors.applicantPhone}\r\n
\r\n )}\r\n \r\n * {errors.pin}\r\n
\r\n )}\r\n \r\n \r\n Make payment{\" \"}\r\n {loading && }\r\n \r\n
\r\n \r\n \r\n \r\n Get Details{\" \"}\r\n {loading && }\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Phone Number\r\n \r\n \r\n setValues({ ...values, applicantPhone: e.trim() })\r\n }\r\n required\r\n />\r\n {errors.applicantPhone && (\r\n \r\n \r\n
\r\n {!studentFeeDetails?.accountNumber && (\r\n \r\n \r\n \r\n Account Number\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n Amount\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n ) : null}\r\n \r\n )}\r\n \r\n );\r\n }\r\n };\r\n\r\n return (\r\n Student Information
\r\n {studentFeeDetails?.sName && (\r\n\r\n Student Name: {studentFeeDetails?.sName}\r\n
\r\n )}\r\n {studentFeeDetails?.collegeName && (\r\n\r\n College Name: {studentFeeDetails?.collegeName}\r\n
\r\n )}\r\n {studentFeeDetails?.cName && (\r\n\r\n Course Name: {studentFeeDetails?.cName}\r\n
\r\n )}\r\n {studentFeeDetails?.sem && (\r\n\r\n Sem: {studentFeeDetails?.sem}\r\n
\r\n )}\r\n {studentFeeDetails?.feesAmount && (\r\n\r\n Fee Amount: {getAmt(studentFeeDetails?.feesAmount)}\r\n
\r\n )}\r\n {studentFeeDetails?.accountName && (\r\n\r\n Account Name: {studentFeeDetails?.accountName}\r\n
\r\n )}\r\n {studentFeeDetails?.accountNumber && (\r\n\r\n Account Number: {studentFeeDetails?.accountNumber}\r\n
\r\n )}\r\n\r\n
\r\n * {errors.applicantPhone}\r\n
\r\n )}\r\n \r\n * {errors.pin}\r\n
\r\n )}\r\n \r\n \r\n Make payment{\" \"}\r\n {loading && }\r\n \r\n
\r\n \r\n \r\n <>{loading && \r\n
\r\n\r\n \r\n {Object.entries(paymentInfo).map(([key, value], idx) => (\r\n \r\n
\r\n ))}\r\n \r\n
\r\n
\r\n \r\n \r\n {key?.charAt(0).toLocaleUpperCase() +\r\n key?.substring(1, key.length)}\r\n :\r\n {\" \"}\r\n {value}\r\n
\r\n \r\n\r\n {paymentInfo?.message && (\r\n <>\r\n Message:{\" \"}\r\n {paymentInfo?.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\nexport default EDSAPayment;\r\n","import React from \"react\";\r\nimport { Button, Col, Form, FormGroup, Input, Row } from \"reactstrap\";\r\n\r\nconst SmartKorporPaymentTab = ({\r\n values1,\r\n handleSubmit1,\r\n handleInputChange1,\r\n formState1,\r\n errors1,\r\n userResponse1,\r\n setValues1,\r\n initialValue1,\r\n loading1,\r\n setFormState1,\r\n}) => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SmartKorporPaymentTab;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n Container,\r\n Row,\r\n Col,\r\n Nav,\r\n NavItem,\r\n NavLink,\r\n TabContent,\r\n TabPane,\r\n CardSubtitle,\r\n CardTitle,\r\n CardText,\r\n Button,\r\n} from \"reactstrap\";\r\nimport Header from \"../../components/Headers/Header\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { checkSpace, postMethod, getUserId } from \"services/httpServices\";\r\nimport {\r\n fetchSubs,\r\n fetchMerchant,\r\n setMerchant,\r\n fetchPayableAmt,\r\n} from \"./action\";\r\nimport { connect } from \"react-redux\";\r\nimport { useHistory } from \"react-router\";\r\nimport swal from \"sweetalert\";\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport { getUserEmail } from \"services/httpServices\";\r\nimport PaySmartBills from \"components/makePaymentScreens/pay-smart-bills\";\r\nimport PayUniversityFees from \"components/makePaymentScreens/pay-university-fees\";\r\nimport classNames from \"classnames\";\r\nimport EDSAPayment from \"../sub-agent/EDSAPayment\";\r\nimport SmartKorporPaymentTab from \"../sub-agent/SmartKorporPaymentTab\";\r\nimport { getMethod } from \"services/httpServices\";\r\n\r\nconst merchantDummy = [\r\n { name: \"Meter Online\", uniqueLabel: \"Meter No.\", id: \"1\" },\r\n { name: \"E-Registry\", uniqueLabel: \"File No.\", id: \"2\" },\r\n];\r\n\r\nconst AMT = 6000000;\r\n\r\nconst initialValue = {\r\n merchantId: \"\",\r\n label: \"\",\r\n uniqueNo: \"\",\r\n amount: AMT,\r\n merchantName: \"\",\r\n accountType: \"\",\r\n otp: \"\",\r\n merchantProfileId: \"\",\r\n password: \"\",\r\n};\r\n\r\nconst initialValue1 = {\r\n refNo: \"\",\r\n amount: null,\r\n currency: \"\",\r\n customername: \"\",\r\n customer_account_number: \"\",\r\n pin: \"\",\r\n};\r\n\r\nconst initialValue2 = {\r\n amount: \"\",\r\n billNumber: \"\",\r\n pin: \"\",\r\n};\r\n\r\nconst billTypes = [\r\n {\r\n id: 1,\r\n name: \"Pay Smartbills\",\r\n color: \"#2b3b84\",\r\n },\r\n {\r\n id: 2,\r\n name: \"Pay University fees\",\r\n color: \"#2b3b84\",\r\n },\r\n {\r\n id: 3,\r\n name: \"Pay Other Services\",\r\n color: \"#2b3b84\",\r\n },\r\n];\r\n\r\nconst billSubTypes = [\r\n {\r\n id: 1,\r\n name: \"EDSA\",\r\n color: \"#566e8e\",\r\n },\r\n {\r\n id: 2,\r\n name: \"NRA\",\r\n color: \"#566e8e\",\r\n },\r\n {\r\n id: 3,\r\n name: \"ITS\",\r\n color: \"#566e8e\",\r\n },\r\n {\r\n id: 4,\r\n name: \"Any other service\",\r\n color: \"#566e8e\",\r\n },\r\n];\r\n\r\nconst MakePayment = (props) => {\r\n const [values, setValues] = useState(initialValue);\r\n const [merchants, setMerchants] = useState([]);\r\n const [subsInfo, setSubsInfo] = React.useState({});\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const [form2, setForrm2] = React.useState(false);\r\n const [spinner, setSpinner] = React.useState(false);\r\n const [use1FA, set1FA] = React.useState(false);\r\n const [use2FA, set2FA] = React.useState(false);\r\n const [showPswd, setShowPswd] = React.useState(false);\r\n const [form3, setForm3] = React.useState(false);\r\n const [currentScreenName, setcurrentScreenName] = React.useState(\"\");\r\n const [currentSubScreenName, setcurrentSubScreenName] = React.useState(\"\");\r\n\r\n const [form, setForm] = React.useState(1);\r\n const [fees, setFees] = React.useState(0);\r\n const [currentBillScreen, setCurrentBillScreen] = useState(0);\r\n\r\n const [currentSubBillScreen, setCurrentSubBillScreen] = useState(0);\r\n const { addToast } = useToasts();\r\n const history = useHistory();\r\n\r\n //SmartKorpor\r\n const [values1, setValues1] = useState(initialValue1);\r\n const [errors1, setErrors1] = useState({});\r\n const [loading1, setLoading1] = useState(false);\r\n const [formState1, setFormState1] = useState(1);\r\n const [userResponse1, setUserResponse1] = useState({});\r\n\r\n //EDSA\r\n const [values2, setValues2] = useState(initialValue2);\r\n const [errors2, setErrors2] = useState({});\r\n const [loading2, setLoading2] = useState(false);\r\n const [formState2, setFormState2] = useState(1);\r\n\r\n const handleInputChange2 = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n setValues2({ ...values2, [name]: value });\r\n }\r\n };\r\n\r\n const validateEDSA = (inputs) => {\r\n let errors = {};\r\n\r\n if (!inputs.billNumber) {\r\n errors.billNumber = \"This field is required\";\r\n }\r\n if (!inputs.amount) {\r\n errors.amount = \"This field is required\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmit2 = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validateEDSA(values2);\r\n setErrors2(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError && formState2 === 1) {\r\n initiatePaymentEDSA();\r\n }\r\n };\r\n const initiatePaymentEDSA = () => {\r\n var errorMsg = \"\";\r\n const { amount, billNumber, pin } = values2;\r\n var data = {\r\n amount: Number(amount),\r\n billNumber,\r\n pin,\r\n };\r\n\r\n setLoading2(true);\r\n let url = \"/api/Transactions/InitiatePaymentSubscriberEDSA\";\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n setLoading2(false);\r\n if (res.data?.responseCode === \"400\") {\r\n notifyFailed(res?.data?.responseMessage);\r\n return;\r\n }\r\n if (res.data) {\r\n notifySuccess(String(res.data));\r\n setValues2(initialValue2);\r\n setFormState2(1);\r\n setLoading2(false);\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setLoading2(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n setLoading2(false);\r\n });\r\n };\r\n\r\n const handleSubmit1 = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate1(values1);\r\n setErrors1(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError && formState1 === 1) {\r\n validateSmartKorpor();\r\n } else if (isNoError && formState1 === 2) {\r\n initiatePaymentSmartKorpor();\r\n }\r\n };\r\n const initiatePaymentSmartKorpor = () => {\r\n var errorMsg = \"\";\r\n const {\r\n amount,\r\n refNo,\r\n currency,\r\n customername,\r\n customer_account_number,\r\n pin,\r\n } = values1;\r\n var data = {\r\n amount: Number(amount),\r\n refno: refNo,\r\n currency,\r\n customername,\r\n customer_account_number,\r\n pin,\r\n };\r\n\r\n setLoading1(true);\r\n let url = \"/api/Transactions/InitiatePaymentSmartKorporSubscriber\";\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n setLoading1(false);\r\n if (res.data?.responseCode === \"400\") {\r\n notifyFailed(res?.data?.responseMessage);\r\n return;\r\n }\r\n if (res.data) {\r\n notifySuccess(String(res.data));\r\n setValues1(initialValue);\r\n setFormState1(1);\r\n setLoading1(false);\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setLoading1(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n setLoading1(false);\r\n });\r\n };\r\n\r\n const validateSmartKorpor = () => {\r\n var errorMsg = \"\";\r\n const { refNo } = values1;\r\n\r\n setLoading1(true);\r\n let url = \"/api/Transactions/SmartKorporFetchInvoice/?invoiceNo=\" + refNo;\r\n getMethod(url, \"get\")\r\n .then((res) => {\r\n setLoading1(false);\r\n\r\n if (res.data?.status === \"error\") {\r\n notifyFailed(res.data?.message);\r\n }\r\n if (res.data) {\r\n if (res?.data?.data.payment_status === \"settled\") {\r\n notifyFailed(\"Bill/Invoice already paid\");\r\n setLoading1(false);\r\n setValues1(initialValue1);\r\n setFormState1(1);\r\n } else {\r\n setUserResponse1(res?.data?.data);\r\n setValues1({\r\n ...values1,\r\n currency: res.data?.data?.currency,\r\n customername: res.data?.data?.name,\r\n amount: res.data?.data?.amount,\r\n });\r\n setFormState1(2);\r\n if (res.data?.desc) notifySuccess(res.data?.desc);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setLoading1(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Check you referance/Bill/Invoice number\";\r\n notifyFailed(errorMsg);\r\n setLoading1(false);\r\n });\r\n };\r\n\r\n const validate1 = (inputs) => {\r\n let errors = {};\r\n\r\n if (!inputs.refNo) {\r\n errors.refNo = \"This field is required\";\r\n }\r\n\r\n if (formState1 === 2) {\r\n if (!inputs.customer_account_number) {\r\n errors.customer_account_number = \"This field is required\";\r\n }\r\n if (!inputs.pin) {\r\n errors.pin = \"This field is required\";\r\n }\r\n if (!inputs.currency) {\r\n errors.currency = \"This field is required\";\r\n }\r\n }\r\n return errors;\r\n };\r\n\r\n const handleInputChange1 = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n setValues1({ ...values1, [name]: value });\r\n }\r\n };\r\n\r\n /**======================== React Hooks ==========================*/\r\n\r\n useEffect(() => {\r\n // props.fetchSubsInfo();\r\n props.fetchMerchantInfo();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (props.subscriber.makePaymentInfo.error) {\r\n notifyFailed(props.subscriber.makePaymentInfo.errorMsg);\r\n }\r\n }, [props.subscriber.makePaymentInfo.error]);\r\n\r\n useEffect(() => {\r\n if (\r\n props.subscriber.makePaymentInfo.list &&\r\n props.subscriber.makePaymentInfo.list.length > 0\r\n ) {\r\n const list = props.subscriber.makePaymentInfo.list;\r\n setMerchants(list);\r\n setValues({\r\n ...values,\r\n // merchantName: list && list[0] ? list[0].name : '',\r\n // merchantId: list && list[0] ? list[0].id : '',\r\n // label: list && list[0] ? list[0].labelKey : '',\r\n // merchantProfileId: list && list[0] ? list[0].userProfileId : ''\r\n\r\n merchantName: \"\",\r\n merchantId: \"\",\r\n label: \"\",\r\n merchantProfileId: \"\",\r\n });\r\n }\r\n }, [props.subscriber.makePaymentInfo.list]);\r\n\r\n /** Fetch Amount states */\r\n\r\n useEffect(() => {\r\n if (props.subscriber.amountInfo.error) {\r\n notifyFailed(props.subscriber.amountInfo.errorMsg);\r\n setLoading(false);\r\n }\r\n }, [props.subscriber.amountInfo.error]);\r\n\r\n useEffect(() => {\r\n if (props.subscriber.amountInfo.success) {\r\n setValues({ ...values, amount: props.subscriber.amountInfo.data.amount });\r\n\r\n setLoading(false);\r\n setForm(2);\r\n }\r\n }, [props.subscriber.amountInfo.success]);\r\n\r\n useEffect(() => {\r\n if (use2FA) {\r\n genOtp();\r\n }\r\n }, [use2FA]);\r\n\r\n useEffect(() => {\r\n if (props.subscriber.amountInfo.loading) {\r\n setLoading(props.subscriber.amountInfo.loading);\r\n }\r\n }, [props.subscriber.amountInfo.loading]);\r\n\r\n /**======================== File Functions ==========================*/\r\n\r\n const getLabel = (id) => {\r\n let merchant = merchants.find((m) => m.id == id);\r\n if (merchant) {\r\n return {\r\n label: merchant.labelKey,\r\n name: merchant.name,\r\n userProfileId: merchant.userProfileId,\r\n };\r\n } else {\r\n return {};\r\n }\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const changeLabel = (e) => {\r\n const { name, value } = e.target;\r\n const v = getLabel(value);\r\n if (name === \"merchantId\") {\r\n setValues({\r\n ...values,\r\n [name]: value,\r\n label: v.label,\r\n merchantName: v.name,\r\n uniqueNo: \"\",\r\n merchantProfileId: v.userProfileId,\r\n });\r\n }\r\n };\r\n\r\n const goBack = () => {\r\n set1FA(false);\r\n set2FA(false);\r\n setForm(1);\r\n setValues({ ...values, accountType: \"\", otp: \"\", password: \"\" });\r\n };\r\n\r\n const openModal = (msg) => {\r\n swal({\r\n // title: msg,\r\n icon: \"success\",\r\n text: msg,\r\n allowOutsideClick: false,\r\n allowEscapeKey: false,\r\n closeOnClickOutside: false,\r\n buttons: {\r\n confirm: {\r\n text: \"Ok\",\r\n visible: true,\r\n closeModal: true,\r\n className: \"sweet-btn\",\r\n },\r\n },\r\n }).then((confirm) => {\r\n if (confirm) {\r\n setForm(3);\r\n } else {\r\n setForm(3);\r\n }\r\n });\r\n };\r\n\r\n const getAmt = () => {\r\n let amt = Number(values.amount);\r\n return amt.toLocaleString();\r\n };\r\n\r\n const resendOtp = (e) => {\r\n e.preventDefault();\r\n setValues({ ...values, otp: \"\" });\r\n setSpinner(true);\r\n genOtp();\r\n };\r\n\r\n const checkForm = () => {\r\n if (form == 2 || form == 3) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const checkFees = () => {\r\n if (values.accountType == \"Bank\") {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n /**======================== Form Validation function ==========================*/\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n if (name === \"password\") {\r\n if (pinValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"otp\") {\r\n if (checkOTP(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else {\r\n setValues({ ...values, [name]: value });\r\n }\r\n }\r\n };\r\n\r\n const pinValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 4) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const checkOTP = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (digiRegex.test(value)) {\r\n if (value.length <= 6) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const validate = (inputs) => {\r\n let errors = {};\r\n\r\n if (!inputs.merchantId) {\r\n errors.merchantId = \"This field is required\";\r\n }\r\n if (!inputs.uniqueNo) {\r\n errors.uniqueNo = \"This field is required\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n const data = {\r\n MerchantUserId: values.merchantProfileId,\r\n ProductId: values.uniqueNo.trim(),\r\n };\r\n props.fetchAmt(data);\r\n } else {\r\n setForrm2(false);\r\n }\r\n };\r\n\r\n const validate2 = function (inputs) {\r\n var errors = {};\r\n if (!inputs.accountType) {\r\n errors.accountType = \"Please select one account\";\r\n }\r\n if (!inputs.amount) {\r\n errors.amount = \"Amount is required\";\r\n }\r\n if (!subsInfo.id) {\r\n errors.id = \"Subscriber is required\";\r\n }\r\n if (use2FA && !inputs.otp) {\r\n errors.otp = \"Please enter OTP\";\r\n }\r\n\r\n if (!inputs.password) {\r\n errors.password = \"Please enter password\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmitV2 = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate2(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n // verifyOtp();\r\n saveTrans();\r\n }\r\n };\r\n\r\n const validate3 = (inputs) => {\r\n var errors = {};\r\n if (!inputs.amount) {\r\n errors.amount = \"Amount is required\";\r\n }\r\n // if (!subsInfo.id) {\r\n // errors.id = 'Subscriber is required';\r\n // }\r\n if (!inputs.password) {\r\n errors.password = \"Please enter pin\";\r\n } else if (inputs.password.length != 4) {\r\n errors.password = \"PIN should contain 4-digits\";\r\n }\r\n return errors;\r\n };\r\n\r\n const validatePin = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate3(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n // call an api to verify pin\r\n verifyPin();\r\n\r\n //for testing\r\n // setForm(3);\r\n }\r\n };\r\n\r\n const proceed = (e) => {\r\n e.preventDefault();\r\n if (use2FA) {\r\n // call genOtp()\r\n setLoading(true);\r\n genOtp();\r\n } else {\r\n setForm(3);\r\n }\r\n };\r\n\r\n /**======================== API Calls ==========================*/\r\n\r\n const verifyOtp = () => {\r\n var errorMsg = \"\";\r\n var data = {\r\n UserId: getUserId(),\r\n OtpType: \"TransactionOTP\",\r\n Password: values.password,\r\n };\r\n\r\n if (use2FA) {\r\n data[\"Otp\"] = values.otp;\r\n }\r\n setLoading(true);\r\n let url = \"/api/Transactions/CheckOTPorPin\";\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n saveTrans();\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg = res.data.responseMessage || \"Error in generating otp\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n } else {\r\n errorMsg = \"Unknown error in generating otp\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const saveTrans = () => {\r\n setLoading(true);\r\n if (values.accountType === \"Wallet\") {\r\n walletPayment();\r\n } else {\r\n var data = new FormData();\r\n data.append(\"SubscriberUserId\", getUserId());\r\n data.append(\"Amount\", values.amount);\r\n data.append(\"PaymentMethod\", values.accountType);\r\n data.append(\"PaymentType\", \"Merchant\");\r\n data.append(\"PaymentTo\", values.merchantName);\r\n data.append(\"AmountType\", \"P\");\r\n data.append(\"MerchantUserId\", values.merchantProfileId);\r\n data.append(\"ProductId\", values.uniqueNo.trim());\r\n data.append(\"PIN\", values.password);\r\n data.append(\"CollectionType\", \"BankPayment\");\r\n if (use2FA) {\r\n data.append(\"Otp\", values.otp);\r\n }\r\n if (values.accountType === \"Bank\") {\r\n data.append(\"PaymentFrom\", subsInfo.bankName);\r\n data.append(\"PaymentMethodId\", subsInfo.bankProfileId);\r\n } else if (values.accountType === \"MMO\") {\r\n data.append(\"PaymentFrom\", subsInfo.mmoName);\r\n data.append(\"PaymentMethodId\", subsInfo.mmoId);\r\n }\r\n data.append(\"FeesAmount\", fees);\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\"/api/Transactions/Save\", data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // updateMerchant(res.data.result);\r\n if (subsInfo.isBankApiAvailable) {\r\n updateMerchant(res.data.result.transactionId, \"Paid\");\r\n } else {\r\n updateMerchant(res.data.result.transactionId, \"In Process\");\r\n // notifySuccess('Payment added');\r\n // history.push('/subscriber-transaction');\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || \"Error while saving\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in saving\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n };\r\n\r\n const walletPayment = () => {\r\n var data = {\r\n MerchantUserId: values.merchantProfileId,\r\n // SubscriberUserId: getUserId(),\r\n Amount: values.amount,\r\n ProductId: values.uniqueNo.trim(),\r\n PIN: values.password,\r\n CollectionType: \"WalletPayment\",\r\n // FeesAmount: fees\r\n // Otp: values.otp\r\n };\r\n if (use2FA) {\r\n data[\"Otp\"] = values.otp;\r\n }\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\"/api/Transactions/voucherpayment\", data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // notifySuccess('Payment added');\r\n // history.push('/subscriber-transaction');\r\n updateMerchant(res.data.result.transactionId, \"Paid\");\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || \"Error while saving\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in saving\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n const genOtp = () => {\r\n var errorMsg = \"\";\r\n var data = JSON.stringify({\r\n // \"UserId\": getUserId(),\r\n OtpType: \"TransactionOTP\",\r\n });\r\n // setLoading(true);\r\n let url = \"/api/Auth/Sendotp\";\r\n postMethod(url, data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n setSpinner(false);\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let msg = res.data.responseMessage || \"Otp sent\";\r\n // notifySuccess(msg);\r\n openModal(msg);\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg = res.data.responseMessage || \"Error in generating otp\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n errorMsg = \"Unknown error in generating otp\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n setSpinner(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n const updateMerchant = (transId, status) => {\r\n var data = JSON.stringify({\r\n MerchantId: Number(values.merchantId),\r\n ProductId: values.uniqueNo.trim(),\r\n Amount: values.amount,\r\n TransactRefId: transId.toString(),\r\n Status: status,\r\n });\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\"/api/Transactions/PaymentUpdateTOMerchant\", data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n notifySuccess(\"Payment added\");\r\n history.push(\"/subscriber-transaction\");\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || \"Error while saving\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in saving\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n const verifyPin = () => {\r\n var errorMsg = \"\";\r\n var data = {\r\n PaymentAmount: values.amount,\r\n Password: values.password,\r\n Email: getUserEmail(),\r\n PaymentType: \"Bank\",\r\n };\r\n\r\n setLoading(true);\r\n let url = \"/api/Subscriber/GetSubscriberDetails\";\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let result = res.data.result;\r\n setSubsInfo(result);\r\n if (!isNaN(result.fees)) {\r\n setFees(Number(result.fees));\r\n }\r\n if (result.authFactorType == \"1FA\") {\r\n set1FA(true);\r\n set2FA(false);\r\n setLoading(false);\r\n setForm(3);\r\n } else if (result.authFactorType == \"2FA\") {\r\n set1FA(false);\r\n set2FA(true);\r\n } else {\r\n set1FA(false);\r\n set2FA(false);\r\n setLoading(false);\r\n setForm(3);\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg = res.data.responseMessage || \"Error in validating pin\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n } else {\r\n errorMsg = \"Unknown error in validating pin\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const verifyPinV2 = () => {\r\n var errorMsg = \"\";\r\n var data = {\r\n PaymentAmount: Number(values.amount),\r\n Password: values.password,\r\n Email: getUserEmail(),\r\n PaymentType: \"Bank\",\r\n };\r\n\r\n setLoading(true);\r\n let url = \"/api/Subscriber/GetSubscriberDetails\";\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let result = res.data.result;\r\n setSubsInfo(result);\r\n if (!isNaN(result.fees)) {\r\n setFees(Number(result.fees));\r\n }\r\n if (result.authFactorType == \"1FA\") {\r\n set1FA(true);\r\n set2FA(false);\r\n } else if (result.authFactorType == \"2FA\") {\r\n set1FA(false);\r\n set2FA(true);\r\n } else {\r\n set1FA(false);\r\n set2FA(false);\r\n }\r\n verifyPinHandle(result);\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg = res.data.responseMessage || \"Error in validating pin\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n } else {\r\n errorMsg = \"Unknown error in validating pin\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const verifyPinHandle = (result) => {\r\n if (result.fees == 0) {\r\n if (result.authFactorType == \"2FA\") {\r\n setLoading(false);\r\n genOtp();\r\n } else {\r\n setForm(4);\r\n }\r\n } else {\r\n setLoading(false);\r\n setForm(3);\r\n }\r\n };\r\n\r\n // const onClickBillSelectBtn = (item) => {\r\n // setCurrentBillScreen(item.id);\r\n // setcurrentScreenName(item.name)\r\n // };\r\n const onClickBillSelectBtn = (billType, subBillType) => {\r\n if (billType.id === 3 && subBillType) {\r\n // Handle the selection of \"Pay Other Services\" with a sub-bill type\r\n // Perform the necessary actions based on the selected bill and sub-bill types\r\n } else {\r\n // Handle the selection of other bill types without sub-bill types\r\n setCurrentBillScreen(billType.id);\r\n setcurrentScreenName(billType.name);\r\n }\r\n }\r\n\r\n const onClickSubBillSelectBtn = (subBillType) => {\r\n setCurrentSubBillScreen(subBillType.id);\r\n setcurrentSubScreenName(subBillType.name);\r\n\r\n }\r\n\r\n const renderSubBillScreen = (scrennNum) => {\r\n switch (scrennNum) {\r\n case 1:\r\n return (\r\n \r\n \r\n {currentSubBillScreen !== 0 && (\r\n setCurrentSubBillScreen(0)}>\r\n \r\n \r\n )}{currentSubScreenName}\r\n \r\n \r\n \r\n \r\n {renderSubBillScreen(currentSubBillScreen)}\r\n
\r\n ) : (\r\n {setCurrentBillScreen(0); setCurrentSubBillScreen(0)}}>\r\n \r\n
\r\n )}\r\n Make Payment
\r\n \r\n\r\n
\r\n ) : (\r\n {currentScreenName}
\r\n {renderBillScreen(currentBillScreen)}\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default BetSalonePaymentTab;\r\n","import React from \"react\";\r\nimport { Button, Col, Form, FormGroup, Input, Row } from \"reactstrap\";\r\n\r\nconst ElephantBetsPaymentTab = ({\r\n values,\r\n handleSubmit,\r\n handleInputChange,\r\n formState,\r\n errors,\r\n bettingCompanyTypes,\r\n langs,\r\n userResponse,\r\n setValues,\r\n initialValue,\r\n loading,\r\n setFormState,\r\n VerifyAgent,\r\n}) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ElephantBetsPaymentTab;\r\n","import React from \"react\";\r\nimport { Button, Col, Form, FormGroup, Input, Row } from \"reactstrap\";\r\n\r\nconst LapoLoanRepaymentTab = ({\r\n values5,\r\n handleSubmit5,\r\n handleInputChange5,\r\n formState5,\r\n errors5,\r\n userResponse5,\r\n setValues5,\r\n initialValue5,\r\n loading5,\r\n setFormState5,\r\n}) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {bettingCompanyTypes?.map((c) => (\r\n \r\n ))}\r\n \r\n\r\n {errors.bettingCompany && (\r\n \r\n \r\n
\r\n {values.bettingCompany !== \"\" && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n )}\r\n\r\n {formState === 2 && (\r\n <>\r\n {userResponse?.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 )}\r\n \r\n {formState === 2 && (\r\n
\r\n
\r\n \r\n * {errors.bettingCompany}\r\n
\r\n )}\r\n \r\n * {errors.agentId}\r\n
\r\n )}\r\n Agent Name: {userResponse?.name}
\r\n \r\n )}\r\n\r\n * {errors.amount}\r\n
\r\n )}\r\n \r\n * {errors.pin}\r\n
\r\n )}\r\n \r\n {\r\n setValues(initialValue);\r\n setFormState(1);\r\n }}\r\n >\r\n Reset\r\n \r\n
\r\n \r\n )}\r\n \r\n {values.agentId !== \"\" && (\r\n \r\n Submit {loading && }\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LapoLoanRepaymentTab;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n Container,\r\n Row,\r\n Col,\r\n Nav,\r\n NavItem,\r\n NavLink,\r\n TabContent,\r\n TabPane,\r\n CardSubtitle,\r\n CardTitle,\r\n CardText,\r\n Button,\r\n} from \"reactstrap\";\r\nimport Header from \"../../components/Headers/Header\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { checkSpace, postMethod } from \"services/httpServices\";\r\nimport { connect } from \"react-redux\";\r\nimport classNames from \"classnames\";\r\nimport BetSalonePaymentTab from \"./BetSalonePaymentTab\";\r\nimport SmartKorporPaymentTab from \"./SmartKorporPaymentTab\";\r\nimport EDSAPayment from \"./EDSAPayment\";\r\nimport { getMethod } from \"services/httpServices\";\r\nimport ElephantBetsPaymentTab from \"./ElephantBetsPaymentTab\";\r\nimport LapoLoanRepaymentTab from \"components/makePaymentScreens/lapo-loan-repayment\";\r\n\r\n// bets alone\r\nconst currencyTypes = [\r\n {\r\n key: \"eur\",\r\n value: \"eur\",\r\n label: \"EUR\",\r\n },\r\n];\r\nconst langs = [\r\n {\r\n key: \"en\",\r\n value: \"en\",\r\n label: \"En\",\r\n },\r\n];\r\n// bets alone\r\n\r\nconst billTypes = [\r\n {\r\n id: 1,\r\n name: \"Elephant Bet\",\r\n color: \"#2b3b84\",\r\n },\r\n {\r\n id: 2,\r\n name: \"SmartKorpor\",\r\n color: \"#2b3b84\",\r\n },\r\n {\r\n id: 3,\r\n name: \"EDSA\",\r\n color: \"#2b3b84\",\r\n },\r\n {\r\n id: 4,\r\n name: \"Bet salone\",\r\n color: \"#2b3b84\",\r\n },\r\n {\r\n id: 5,\r\n name: \"Lapo Loan Repayment\",\r\n color: \"#2b3b84\",\r\n },\r\n];\r\n\r\n// elephant\r\nconst initialValue = {\r\n agentId: \"\",\r\n companyName: \"\",\r\n companyId: \"\",\r\n amount: null,\r\n pin: \"\",\r\n bettingCompany: \"\",\r\n};\r\n\r\nconst initialValue1 = {\r\n refNo: \"\",\r\n amount: null,\r\n currency: \"\",\r\n customername: \"\",\r\n customer_account_number: \"\",\r\n pin: \"\",\r\n};\r\n\r\nconst initialValue2 = {\r\n amount: \"\",\r\n billNumber: \"\",\r\n pin: \"\",\r\n};\r\n\r\n// bet salone\r\nconst initialValue3 = {\r\n phone: \"\",\r\n currency: \"\",\r\n lang: \"\",\r\n amount: null,\r\n pin: \"\",\r\n betSaloneToken: \"\",\r\n};\r\n\r\n// lapo loan repayment\r\nconst initialValue5 = {\r\n accNo: \"\",\r\n amount: 0,\r\n pin: \"\",\r\n};\r\n\r\nconst MakePayment = (props) => {\r\n //elephant bet\r\n const [values, setValues] = useState(initialValue);\r\n const [errors, setErrors] = useState({});\r\n const [loading, setLoading] = useState(false);\r\n const [formState, setFormState] = useState(1);\r\n const [userResponse, setUserResponse] = useState({});\r\n const [bettingCompanyTypes, setbettingCompanyTypes] = useState([]);\r\n\r\n //smartkorpor\r\n const [values1, setValues1] = useState(initialValue1);\r\n const [errors1, setErrors1] = useState({});\r\n const [loading1, setLoading1] = useState(false);\r\n const [formState1, setFormState1] = useState(1);\r\n const [userResponse1, setUserResponse1] = useState({});\r\n\r\n //EDSA\r\n const [values2, setValues2] = useState(initialValue2);\r\n const [errors2, setErrors2] = useState({});\r\n const [loading2, setLoading2] = useState(false);\r\n const [formState2, setFormState2] = useState(1);\r\n\r\n //bet salone\r\n const [values3, setValues3] = useState(initialValue3);\r\n const [errors3, setErrors3] = useState({});\r\n const [loading3, setLoading3] = useState(false);\r\n const [formState3, setFormState3] = useState(1);\r\n const [userResponse3, setUserResponse3] = useState({});\r\n\r\n //Lapo loan repayment\r\n const [values5, setValues5] = useState(initialValue5);\r\n const [errors5, setErrors5] = useState({});\r\n const [loading5, setLoading5] = useState(false);\r\n const [formState5, setFormState5] = useState(1);\r\n const [userResponse5, setUserResponse5] = useState({});\r\n\r\n const [currentBillScreen, setCurrentBillScreen] = useState(0);\r\n const [currentScreenName, setcurrentScreenName] = React.useState(\"\");\r\n\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n if (currentBillScreen === 1) {\r\n getCompanyList();\r\n }\r\n }, [currentBillScreen]);\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n /**======================== Form Validation function ==========================*/\r\n\r\n // elephant bets\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (name === \"bettingCompany\") {\r\n if (checkSpace(value)) {\r\n setValues({\r\n ...values,\r\n bettingCompany: value,\r\n companyId: value,\r\n companyName: bettingCompanyTypes.find((i) => i.id == value)?.label,\r\n });\r\n }\r\n } else {\r\n if (checkSpace(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n }\r\n };\r\n\r\n const handleInputChange1 = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n setValues1({ ...values1, [name]: value });\r\n }\r\n };\r\n const handleInputChange2 = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n setValues2({ ...values2, [name]: value });\r\n }\r\n };\r\n\r\n const handleInputChange3 = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n setValues3({ ...values3, [name]: value });\r\n }\r\n };\r\n const handleInputChange5 = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n setValues5({ ...values5, [name]: value });\r\n }\r\n };\r\n // EP\r\n const validate = (inputs) => {\r\n let errors = {};\r\n if (formState === 2) {\r\n if (!inputs.amount) {\r\n errors.amount = \"This field is required\";\r\n }\r\n if (!inputs.pin) {\r\n errors.pin = \"This field is required\";\r\n }\r\n }\r\n return errors;\r\n };\r\n\r\n const validate1 = (inputs) => {\r\n let errors = {};\r\n\r\n if (!inputs.refNo) {\r\n errors.refNo = \"This field is required\";\r\n }\r\n\r\n if (formState === 2) {\r\n if (!inputs.customer_account_number) {\r\n errors.customer_account_number = \"This field is required\";\r\n }\r\n if (!inputs.pin) {\r\n errors.pin = \"This field is required\";\r\n }\r\n if (!inputs.currency) {\r\n errors.currency = \"This field is required\";\r\n }\r\n }\r\n return errors;\r\n };\r\n\r\n const validate2 = (inputs) => {\r\n let errors = {};\r\n\r\n if (!inputs.billNumber) {\r\n errors.billNumber = \"This field is required\";\r\n }\r\n if (!inputs.amount) {\r\n errors.amount = \"This field is required\";\r\n }\r\n return errors;\r\n };\r\n\r\n const validate5 = (inputs) => {\r\n let errors = {};\r\n\r\n if (!inputs.accNo) {\r\n errors.accNo = \"This field is required\";\r\n }\r\n if (!inputs.amount && inputs?.amount <= 0) {\r\n errors.amount = \"Enter valid amount\";\r\n }\r\n return errors;\r\n };\r\n\r\n // BA\r\n const validate3 = (inputs) => {\r\n let errors = {};\r\n if (!inputs.phone) {\r\n errors.phone = \"This field is required\";\r\n }\r\n if (!inputs.lang) {\r\n errors.lang = \"This field is required\";\r\n }\r\n if (!inputs.currency) {\r\n errors.currency = \"This field is required\";\r\n }\r\n if (formState === 2) {\r\n if (!inputs.amount) {\r\n errors.amount = \"This field is required\";\r\n }\r\n if (!inputs.pin) {\r\n errors.pin = \"This field is required\";\r\n }\r\n }\r\n return errors;\r\n };\r\n\r\n /**======================== API Calls ==========================*/\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError && formState === 1) {\r\n validateUser();\r\n } else if (isNoError && formState === 2) {\r\n initiatePayment();\r\n }\r\n };\r\n\r\n const VerifyAgent = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError && formState === 1) {\r\n validateUser();\r\n }\r\n };\r\n\r\n const handleSubmit1 = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate1(values1);\r\n setErrors1(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError && formState1 === 1) {\r\n validateSmartKorpor();\r\n } else if (isNoError && formState1 === 2) {\r\n initiatePaymentSmartKorpor();\r\n }\r\n };\r\n\r\n const handleSubmit5 = (e) => {\r\n e.preventDefault();\r\n if (formState5 === 2) {\r\n const validationErrors = validate5(values5);\r\n setErrors5(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError && formState5 === 2) {\r\n initiateLapoLoanRepayment();\r\n }\r\n } else {\r\n validateLapoAccNo();\r\n }\r\n };\r\n\r\n const handleSubmit2 = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate2(values2);\r\n setErrors2(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError && formState2 === 1) {\r\n initiatePaymentEDSA();\r\n }\r\n };\r\n\r\n // BA\r\n const handleSubmit3 = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate3(values3);\r\n setErrors3(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError && formState === 1) {\r\n validateBetSalone();\r\n } else if (isNoError && formState === 2) {\r\n initiatePaymentBetsAlone();\r\n }\r\n };\r\n\r\n const validateUser = () => {\r\n setLoading(true);\r\n var errorMsg = \"\";\r\n const { agentId } = values;\r\n var data = {\r\n agent_id: agentId,\r\n };\r\n\r\n let url = \"/api/Transactions/ValidateBettingAgent/\";\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n\r\n if (res.data) {\r\n if (res.data?.metaData) {\r\n notifySuccess(\"Agent validation success\");\r\n setUserResponse(res.data?.metaData);\r\n\r\n setFormState(2);\r\n } else {\r\n errorMsg = \"No Agent found!!\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const validateSmartKorpor = () => {\r\n var errorMsg = \"\";\r\n const { refNo } = values1;\r\n\r\n setLoading1(true);\r\n let url = \"/api/Transactions/SmartKorporFetchInvoice/?invoiceNo=\" + refNo;\r\n getMethod(url, \"get\")\r\n .then((res) => {\r\n setLoading1(false);\r\n\r\n if (res.data?.status === \"error\") {\r\n notifyFailed(res.data?.message);\r\n }\r\n if (res.data) {\r\n if (res?.data?.data.payment_status === \"settled\") {\r\n notifyFailed(\"Bill/Invoice already paid\");\r\n setLoading1(false);\r\n setValues1(initialValue1);\r\n setFormState1(1);\r\n } else {\r\n setUserResponse1(res?.data?.data);\r\n setValues1({\r\n ...values1,\r\n currency: res.data?.data?.currency,\r\n customername: res.data?.data?.name,\r\n amount: res.data?.data?.amount,\r\n });\r\n setFormState1(2);\r\n if (res.data?.desc) notifySuccess(res.data?.desc);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setLoading1(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Check you referance/Bill/Invoice number\";\r\n notifyFailed(errorMsg);\r\n setLoading1(false);\r\n });\r\n };\r\n\r\n const validateLapoAccNo = () => {\r\n var errorMsg = \"\";\r\n const { accNo } = values5;\r\n const data = {\r\n id: accNo,\r\n };\r\n setLoading5(true);\r\n let url = \"/api/Transactions/VerifyLapoLoanAccount\";\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n setLoading5(false);\r\n if (res.data?.status === \"error\") {\r\n notifyFailed(res.data?.message);\r\n }\r\n if (res.data) {\r\n if (res?.data?.responseCode === \"200\") {\r\n setUserResponse5(res.data?.result?.account);\r\n notifySuccess(\"Account verified successfully\");\r\n setFormState5(2);\r\n } else {\r\n notifyFailed(\r\n res?.data?.result?.[0]?.message ??\r\n \"Please Check lapo loan account number\"\r\n );\r\n }\r\n } else {\r\n errorMsg = \"Something went wrong\";\r\n notifyFailed(errorMsg);\r\n setLoading1(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Please Check lapo loan account number\";\r\n notifyFailed(errorMsg);\r\n setLoading1(false);\r\n });\r\n };\r\n\r\n const initiateLapoLoanRepayment = () => {\r\n var errorMsg = \"\";\r\n const { accNo: accountID, pin, amount } = values5;\r\n var data = {\r\n accountID,\r\n pin,\r\n amount: Number(amount),\r\n };\r\n\r\n setLoading5(true);\r\n let url = \"/api/Transactions/InitiatePaymentLapoLoan\";\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n setLoading5(false);\r\n if (res.data?.responseCode === \"400\") {\r\n notifyFailed(\"Issue with Loan account number\");\r\n return;\r\n }\r\n if (res.data) {\r\n notifySuccess(\"Loan repayment successful\");\r\n setValues5(initialValue5);\r\n setFormState5(1);\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n setLoading5(false);\r\n });\r\n };\r\n\r\n // BA\r\n const validateBetSalone = () => {\r\n var errorMsg = \"\";\r\n const { phone, currency, lang } = values3;\r\n var data = {\r\n phone,\r\n currency,\r\n lang,\r\n };\r\n setLoading3(true);\r\n let url = \"/api/Transactions/ValidatePaymentBetSalone\";\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n setLoading3(false);\r\n if (res.data?.status === \"error\") {\r\n notifyFailed(res.data?.message);\r\n }\r\n if (res.data) {\r\n if (res.data?.data?.token) {\r\n notifySuccess(\"User validation success\");\r\n setUserResponse3(res.data?.data?.user);\r\n setValues3({ ...values, betSaloneToken: res.data?.data.token });\r\n setFormState3(2);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setLoading3(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n setLoading3(false);\r\n });\r\n };\r\n\r\n const getCompanyList = () => {\r\n var errorMsg = \"\";\r\n setLoading1(true);\r\n let url = \"/api/Transactions/GetBettingCompanyList\";\r\n getMethod(url, \"get\")\r\n .then((res) => {\r\n setLoading1(false);\r\n if (res.data.message !== null) {\r\n setbettingCompanyTypes(\r\n res.data.message?.map((i) => {\r\n return {\r\n id: i.id,\r\n value: i.id,\r\n label: i.name,\r\n };\r\n })\r\n );\r\n } else {\r\n errorMsg = \"Error while fetching the company\";\r\n notifyFailed(errorMsg);\r\n setLoading1(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Error while fetching the company\";\r\n notifyFailed(errorMsg);\r\n setLoading1(false);\r\n });\r\n };\r\n\r\n // EP\r\n const initiatePayment = () => {\r\n var errorMsg = \"\";\r\n const { amount, bettingCompany, ...rest } = values;\r\n var data = {\r\n ...rest,\r\n\r\n amount: Number(amount),\r\n };\r\n\r\n setLoading(true);\r\n let url = \"/api/Transactions/InitiatePaymentBettingCollection\";\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res.data?.responseCode === \"400\") {\r\n notifyFailed(res?.data?.responseMessage);\r\n return;\r\n }\r\n if (res.data) {\r\n notifySuccess(String(res.data));\r\n setValues(initialValue);\r\n setFormState(1);\r\n setLoading(false);\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const initiatePaymentSmartKorpor = () => {\r\n var errorMsg = \"\";\r\n const {\r\n amount,\r\n refNo,\r\n currency,\r\n customername,\r\n customer_account_number,\r\n pin,\r\n } = values1;\r\n var data = {\r\n amount: Number(amount),\r\n refno: refNo,\r\n currency,\r\n customername,\r\n customer_account_number,\r\n pin,\r\n };\r\n\r\n setLoading1(true);\r\n let url = \"/api/Transactions/InitiatePaymentSmartKorpor\";\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n setLoading1(false);\r\n if (res.data?.responseCode === \"400\") {\r\n notifyFailed(res?.data?.responseMessage);\r\n return;\r\n }\r\n if (res.data) {\r\n notifySuccess(String(res.data));\r\n setValues1(initialValue);\r\n setFormState1(1);\r\n setLoading1(false);\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setLoading1(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n setLoading1(false);\r\n });\r\n };\r\n\r\n const initiatePaymentEDSA = () => {\r\n var errorMsg = \"\";\r\n const { amount, billNumber, pin } = values2;\r\n var data = {\r\n amount: Number(amount),\r\n billNumber,\r\n pin,\r\n };\r\n\r\n setLoading2(true);\r\n let url = \"/api/Transactions/InitiatePaymentEDSA\";\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n setLoading2(false);\r\n if (res.data?.responseCode === \"400\") {\r\n notifyFailed(res?.data?.responseMessage);\r\n return;\r\n }\r\n if (res.data) {\r\n notifySuccess(String(res.data));\r\n setValues2(initialValue2);\r\n setFormState2(1);\r\n setLoading2(false);\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setLoading2(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n setLoading2(false);\r\n });\r\n };\r\n\r\n // BA\r\n const initiatePaymentBetsAlone = () => {\r\n var errorMsg = \"\";\r\n const { amount, pin, betSaloneToken } = values;\r\n var data = {\r\n amount: Number(amount),\r\n pin,\r\n betSaloneToken,\r\n };\r\n setLoading3(true);\r\n let url = \"/api/Transactions/InitiatePaymentBetSalone\";\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n setLoading3(false);\r\n if (res.data?.responseCode === \"400\") {\r\n notifyFailed(res?.data?.responseMessage);\r\n return;\r\n }\r\n if (res.data) {\r\n notifySuccess(String(res.data));\r\n setValues3(initialValue);\r\n setFormState3(1);\r\n setLoading3(false);\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setLoading3(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n setLoading3(false);\r\n });\r\n };\r\n\r\n const onClickBillSelectBtn = (item) => {\r\n setCurrentBillScreen(item.id);\r\n setcurrentScreenName(item.name);\r\n };\r\n\r\n const renderBillScreen = (scrennNum) => {\r\n switch (scrennNum) {\r\n case 1:\r\n return (\r\n Make Payment
\r\n \r\n setCurrentBillScreen(0)}>\r\n \r\n
\r\n )}\r\n Make Payment
\r\n \r\n\r\n
\r\n ) : (\r\n {currentScreenName}
\r\n {renderBillScreen(currentBillScreen)}\r\n\r\n \r\n \r\n {/* \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n
\r\n \r\n {filteredList.length > 0 &&\r\n \r\n
}\r\n \r\n \r\n
\r\n Card tables
*/}\r\n \r\n\r\n\r\n Approve Payment\r\n
\r\n\r\n {approveObj ?\r\n
\r\n \r\n \r\n setCoreTransId(e.target.value)}\r\n />\r\n {errors.coreTransId &&
: <> \r\n }\r\n \r\n * {errors.coreTransId}\r\n
}\r\n\r\n \r\n {' '}\r\n \r\n
\r\n \r\n Reject Payment\r\n
\r\n\r\n {approveObj ?\r\n
\r\n \r\n \r\n \r\n ** This action will change the status from In process to Collected\r\n \r\n\r\n
: <> \r\n }\r\n \r\n {' '}\r\n \r\n
\r\n \r\n Approve Payment\r\n
\r\n\r\n {approveObj ?\r\n
\r\n \r\n \r\n \r\n \r\n Settlement Bank\r\n \r\n \r\n {settleBankList.map(c =>\r\n \r\n )}\r\n \r\n {errors.settleBankId && \r\n \r\n
\r\n setApproveReason(e.target.value)}\r\n />\r\n {errors.approveReason &&
: <> \r\n }\r\n \r\n * {errors.settleBankId}\r\n
}\r\n \r\n * {errors.approveReason}\r\n
}\r\n \r\n \r\n \r\n {' '}\r\n \r\n
\r\n | sortHandle(sort.sortBankName, 'sortBankName')}>\r\n Payment From\r\n \r\n | \r\nsortHandle(sort.sortCollectionType, 'sortCollectionType')}>\r\n Payment Type\r\n \r\n | \r\nsortHandle(sort.sortMerchantName, 'sortMerchantName')}>\r\n Merchant Name\r\n \r\n | \r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n Amount\r\n \r\n | \r\nStatus | \r\nActions | \r\n
|---|---|---|---|---|---|
| \r\n {mmo.bankName}\r\n | \r\n{getPaymentType(mmo.collectionType)} | \r\n{mmo.merchantName ? mmo.merchantName : '--'} | \r\n{getAmt(mmo.amount)} | \r\n{statusFormat(mmo.status)} | \r\n\r\n {\r\n mmo.status === \"Collected\" &&\r\n | \r\n
\r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n {/* \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n \r\n
\r\n \r\n {filteredList.length > 0 &&\r\n \r\n
}\r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\n \r\n\r\n\r\n Approve Payment\r\n
\r\n\r\n {approveObj ?\r\n
\r\n \r\n {/* \r\n
\r\n \r\n setApproveReason(e.target.value)}\r\n />\r\n {errors.approveReason && setCoreTransId(e.target.value)}\r\n />\r\n {errors.coreTransId &&
: <> \r\n }\r\n \r\n Do you want to approve {approveObj.merchantName}'s payment ?\r\n
*/}\r\n\r\n
\r\n \r\n \r\n Merchant Name - \r\n \r\n {approveObj.merchantName}\r\n \r\n \r\n
\r\n \r\n \r\n Amount - {getAmt(approveObj.amount)}\r\n \r\n
\r\n \r\n \r\n Settlement Bank Account No - {approveObj.settlementAccountNo}\r\n \r\n
\r\n \r\n \r\n Merchant Bank Name - {approveObj.merchantBankName}\r\n \r\n
\r\n \r\n \r\n Merchant Account No - {approveObj.merchantAccountNo}\r\n \r\n
\r\n \r\n * {errors.approveReason}\r\n
}\r\n \r\n * {errors.coreTransId}\r\n
}\r\n \r\n {' '}\r\n \r\n
\r\n | sortHandle(sort.sortMerchantName, 'sortMerchantName')}>\r\n Merchant Name\r\n \r\n | \r\nsortHandle(sort.sortMerchantBankName, 'sortMerchantBankName')}>\r\n Merchant Bank\r\n \r\n | \r\nsortHandle(sort.sortMerchantAccountNo, 'sortMerchantAccountNo')}>\r\n Merchant BBAN\r\n \r\n | \r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n Amount\r\n \r\n | \r\nsortHandle(sort.sortCommissionAmount, 'sortCommissionAmount')}>\r\n Fees\r\n \r\n | \r\nStatus | \r\nActions | \r\n
|---|---|---|---|---|---|---|
| \r\n {mmo.merchantName}\r\n | \r\n{mmo.merchantBankName} | \r\n{mmo.merchantAccountNo} | \r\n{getAmt(mmo.amount)} | \r\n{getAmt(mmo.commissionAmount)} | \r\n{statusFormat(mmo.status)} | \r\n\r\n { \r\n mmo.status == \"Pending\" &&\r\n | \r\n
\r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n Make Payment
\r\n \r\n\r\n \r\n
}\r\n\r\n {!initialLoading && failed == 1 &&\r\n \r\n \r\n
\r\n \r\n
\r\n
}\r\n \r\n {!initialLoading && failed == 0 && \r\n }\r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n {filteredList.length > 0 &&\r\n \r\n
}\r\n \r\n \r\n \r\n
\r\n \r\n Available Balance : \r\n
\r\n {balanceLoading && \r\n \r\n \r\n
\r\n }\r\n {!balanceLoading && \r\n \r\n {showBal(amount)}\r\n
\r\n }\r\n \r\n\r\n | sortHandle(sort.sortPaymentTo, 'sortPaymentTo')}>\r\n Payment To\r\n \r\n | \r\nsortHandle(sort.sortPaymentFrom, 'sortPaymentFrom')}>\r\n Payment From\r\n \r\n | \r\nsortHandle(sort.sortPaymentType, 'sortPaymentType')}>\r\n Payment Type\r\n \r\n | \r\nsortHandle(sort.sortReferenceId, 'sortReferenceId')}>\r\n Smart Pay Id\r\n \r\n | \r\nsortHandle(sort.sortCreatedAt, 'sortCreatedAt')}>\r\n Date\r\n \r\n | \r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n TopUp Amount\r\n \r\n | \r\nsortHandle(sort.sortFeesAmount, 'sortFeesAmount')}>\r\n Fees Amount\r\n \r\n | \r\nsortHandle(sort.sortStatus, 'sortStatus')}>\r\n Status\r\n \r\n | \r\n
|---|---|---|---|---|---|---|---|
| \r\n {mmo.paymentTo}\r\n | \r\n{mmo.paymentFrom} | \r\n{getPaymentType(mmo.paymentType)} | \r\n{mmo.referenceId} | \r\n{moment(mmo.createdAt).format('lll')} | \r\n{getAmt(mmo.amount)} | \r\n{getAmt(mmo.feesAmount)} | \r\n{statusFormat(mmo.status)} | \r\n\r\n
\r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n \r\n
\r\n \r\n\r\n Welcome !
\r\n \r\n\r\n \r\n \r\n {/* \r\n\r\n\r\n \r\n \r\n
\r\n \r\n {filteredList.length > 0 &&\r\n \r\n
}\r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\n \r\n\r\n| sortHandle(sort.sortPaymentMethodName, 'sortPaymentMethodName')}>\r\n Payment From\r\n \r\n | \r\nsortHandle(sort.sortCreatedAt, 'sortCreatedAt')}>\r\n Date\r\n \r\n | \r\nsortHandle(sort.sortProductId, 'sortProductId')}>\r\n Product Id\r\n \r\n | \r\n\r\nsortHandle(sort.sortReferenceId, 'sortReferenceId')}>\r\n Smart Pay Id\r\n \r\n | \r\n\r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n Amount\r\n \r\n | \r\nsortHandle(sort.sortCommissionAmount, 'sortCommissionAmount')}>\r\n Fees\r\n \r\n | \r\nStatus | \r\n
|---|---|---|---|---|---|---|
| \r\n {mmo.paymentMethodName}\r\n | \r\n{moment(mmo.createdAt).format('lll')} | \r\n{mmo.productId ? mmo.productId : '--'} | \r\n{mmo.referenceId} | \r\n{getAmt(mmo.amount)} | \r\n{mmo.commissionAmount} | \r\n{statusFormat(mmo.status)} | \r\n
\r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n \r\n
\r\n \r\n\r\n {error}
\r\n )}\r\n\r\n {response && response.transactionId && (\r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {isPOS && (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n setStartDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.startDate}\r\n
}\r\n\r\n \r\n \r\n setEndDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.endDate}\r\n
}\r\n\r\n \r\n \r\n changeMerchant(e.target.value)}\r\n >\r\n \r\n {merchants.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n * {errors.merchant}\r\n
}\r\n \r\n \r\n changePaymentFilter(e.target.value)}\r\n >\r\n \r\n {PAYMENT_TYPE.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n changeBankCode(e.target.value)}\r\n >\r\n \r\n {bank.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n * {errors.bankCode}\r\n
}\r\n \r\n | sortHandle(sort.sortCreatedat, 'sortCreatedat')}>\r\n Instruction Date/Time\r\n \r\n | \r\nsortHandle(sort.sortMerchantName, 'sortMerchantName')}>\r\n Merchant Name\r\n \r\n | \r\nsortHandle(sort.sortBank_MMOCode, 'sortBank_MMOCode')}>\r\n Bank/MMO Code\r\n \r\n | \r\nsortHandle(sort.sortSubscriberMobileNumber, 'sortSubscriberMobileNumber')}>\r\n Customer UID\r\n \r\n | \r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n Transaction Amount\r\n \r\n | \r\nsortHandle(sort.sortProductId, 'sortProductId')}>\r\n Reference Code\r\n \r\n | \r\nsortHandle(sort.sortReferenceId, 'sortReferenceId')}>\r\n Transaction Ref\r\n \r\n | \r\nsortHandle(sort.sortStatus, 'sortStatus')}>\r\n Status\r\n \r\n | \r\nsortHandle(sort.sortUpdatedat, 'sortUpdatedat')}>\r\n Clearing Date/Time\r\n \r\n | \r\n
|---|---|---|---|---|---|---|---|---|
| \r\n {moment(mmo.createdat).format('lll')}\r\n | \r\n{mmo.merchantName} | \r\n{mmo.bank_MMOCode} | \r\n{mmo.subscriberMobileNumber} | \r\n{getAmt(mmo.amount)} | \r\n{mmo.productId} | \r\n{mmo.referenceId} | \r\n{mmo.status} | \r\n{mmo.updatedat ? moment(mmo.updatedat).format('lll') : '--'} | \r\n
\r\n changeMerchant(e.target.value)}\r\n >\r\n \r\n {merchants.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n * {errors.merchant}\r\n
}\r\n \r\n \r\n changeBankCode(e.target.value)}\r\n >\r\n \r\n {bank.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n * {errors.merchant}\r\n
}\r\n \r\n \r\n setStartDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.startDate}\r\n
}\r\n\r\n \r\n | sortHandle(sort.sortCreatedat, 'sortCreatedat')}>\r\n Date\r\n \r\n | \r\nsortHandle(sort.sortMerchantName, 'sortMerchantName')}>\r\n Merchant Name\r\n \r\n | \r\nsortHandle(sort.sortBank_MMOCode, 'sortBank_MMOCode')}>\r\n Bank Code\r\n \r\n | \r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n Total Amount\r\n \r\n | \r\n
|---|---|---|---|
| \r\n {moment(mmo.createdat).format('MMM Do, YYYY')}\r\n | \r\n{mmo.merchantName} | \r\n{mmo.bank_MMOCode} | \r\n{getAmt(mmo.amount)} | \r\n
\r\n changeMerchant(e.target.value)}\r\n >\r\n \r\n {merchants.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n * {errors.merchant}\r\n
}\r\n \r\n \r\n changeBankCode(e.target.value)}\r\n >\r\n \r\n {bank.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n * {errors.merchant}\r\n
}\r\n \r\n \r\n setStartDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.startDate}\r\n
}\r\n\r\n \r\n | sortHandle(sort.sortCreatedAt, 'sortCreatedAt')}>\r\n Date\r\n \r\n | \r\nsortHandle(sort.sortMerchantName, 'sortMerchantName')}>\r\n Merchant Name\r\n \r\n | \r\nsortHandle(sort.sortPayingBankCode, 'sortPayingBankCode')}>\r\n Bank Code\r\n \r\n | \r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n Total Amount\r\n \r\n | \r\n\r\nsortHandle(sort.sortFeesAmount, 'sortFeesAmount')}>\r\n Fees Amount\r\n \r\n | \r\n\r\n
|---|---|---|---|---|
| \r\n {moment(mmo.createdat).format('MMM Do, YYYY')}\r\n | \r\n{mmo.merchantName} | \r\n{mmo.payingBankCode} | \r\n{getAmt(mmo.amount)} | \r\n{getAmt(mmo.feesAmount)} | \r\n
\r\n setStartDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.startDate}\r\n
}\r\n\r\n \r\n \r\n setEndDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.endDate}\r\n
}\r\n\r\n \r\n \r\n changeMerchant(e.target.value)}\r\n >\r\n \r\n {merchants.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n * {errors.merchant}\r\n
}\r\n \r\n \r\n changePaymentFilter(e.target.value)}\r\n >\r\n \r\n {PAYMENT_TYPE.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n changeBankCode(e.target.value)}\r\n >\r\n \r\n {bank.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n * {errors.bankCode}\r\n
}\r\n \r\n | sortHandle(sort.sortCreatedAt, 'sortCreatedAt')}>\r\n Instruction Date/Time\r\n \r\n | \r\nsortHandle(sort.sortMerchantName, 'sortMerchantName')}>\r\n Merchant Name\r\n \r\n | \r\nsortHandle(sort.sortPayingBankCode, 'sortPayingBankCode')}>\r\n Paying Bank Code\r\n \r\n | \r\nsortHandle(sort.sortReceivingBank, 'sortReceivingBank')}>\r\n Receving Bank Code\r\n \r\n | \r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n Transaction Amount\r\n \r\n | \r\nsortHandle(sort.sortFeesAmount, 'sortFeesAmount')}>\r\n Transaction Fees\r\n \r\n | \r\nsortHandle(sort.sortReferenceId, 'sortReferenceId')}>\r\n Transaction Ref\r\n \r\n | \r\nsortHandle(sort.sortStatus, 'sortStatus')}>\r\n Status\r\n \r\n | \r\nsortHandle(sort.sortUpdatedAt, 'sortUpdatedAt')}>\r\n Clearing Date/Time\r\n \r\n | \r\n
|---|---|---|---|---|---|---|---|---|
| \r\n {moment(mmo.createdat).format('lll')}\r\n | \r\n{mmo.merchantName} | \r\n{mmo.payingBankCode} | \r\n{mmo.receivingBank} | \r\n{getAmt(mmo.amount)} | \r\n{getAmt(mmo.feesAmount)} | \r\n{mmo.referenceId} | \r\n{statusFormat(mmo.status)} | \r\n{mmo.updatedAt ? moment(mmo.updatedAt).format('lll') : '--'} | \r\n
\r\n setStartDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.startDate}\r\n
}\r\n\r\n \r\n \r\n setEndDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.endDate}\r\n
}\r\n\r\n \r\n | sortHandle(sort.sortPaymentMethod, 'sortPaymentMethod')}>\r\n Payment Type\r\n \r\n | \r\n\r\nsortHandle(sort.sortPaymentTo, 'sortPaymentTo')}>\r\n Payment To\r\n \r\n | \r\nsortHandle(sort.sortPaymentFrom, 'sortPaymentFrom')}>\r\n Payment From\r\n \r\n | \r\nsortHandle(sort.sortPaymentMethod, 'sortPaymentMethod')}>\r\n Payment Using\r\n \r\n | \r\n\r\nsortHandle(sort.sortReferenceId, 'sortReferenceId')}>\r\n Smart Pay Id\r\n \r\n | \r\nsortHandle(sort.sortProductId, 'sortProductId')}>\r\n Product Id\r\n \r\n | \r\nsortHandle(sort.sortCreatedAt, 'sortCreatedAt')}>\r\n Date\r\n \r\n | \r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n Amount\r\n \r\n | \r\nsortHandle(sort.sortFeesAmount, 'sortFeesAmount')}>\r\n Fees Amount\r\n \r\n | \r\n\r\n Description\r\n | \r\nsortHandle(sort.sortStatus, 'sortStatus')}>\r\n Status\r\n \r\n | \r\n
|---|---|---|---|---|---|---|---|---|---|---|
| {getPaymentType(mmo.paymentType)} | \r\n\r\n {mmo.paymentTo}\r\n | \r\n{mmo.paymentFrom} | \r\n{mmo.paymentMethod} | \r\n{mmo.referenceId} | \r\n{mmo.productId ? mmo.productId : '--'} | \r\n{moment(mmo.createdAt).format('lll')} | \r\n{getAmt(mmo.amount)} | \r\n{getAmt(mmo.feesAmount)} | \r\n{mmo.description} | \r\n{statusFormat(mmo.status)} | \r\n
\r\n setStartDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.startDate}\r\n
}\r\n\r\n \r\n \r\n changeBank(e.target.value)}\r\n >\r\n \r\n {banklist.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n * {errors.bankId}\r\n
}\r\n \r\n \r\n changePaymentFilter(e.target.value)}\r\n >\r\n \r\n {PAYMENT_TYPE.map(c =>\r\n \r\n )}\r\n \r\n
\r\n | sortHandle(sort.sortPaymentFrom, 'sortPaymentFrom')}>\r\n Bank Name\r\n \r\n | \r\nsortHandle(sort.sortSubscriberName, 'sortSubscriberName')}>\r\n Subscriber Name\r\n \r\n | \r\nsortHandle(sort.sortDate, 'sortDate')}>\r\n Date\r\n \r\n | \r\nsortHandle(sort.sortPaymentType, 'sortPaymentType')}>\r\n Payment Type\r\n \r\n | \r\nsortHandle(sort.sortMerchantName, 'sortMerchantName')}>\r\n Merchant Name\r\n \r\n | \r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n Amount\r\n \r\n | \r\nsortHandle(sort.sortFeesAmount, 'sortFeesAmount')}>\r\n Transaction Fees\r\n \r\n | \r\nsortHandle(sort.sortReferenceId, 'sortReferenceId')}>\r\n Transaction Ref\r\n \r\n | \r\nsortHandle(sort.sortStatus, 'sortStatus')}>\r\n Status\r\n \r\n | \r\n
|---|---|---|---|---|---|---|---|---|
| {mmo.paymentFrom} | \r\n{mmo.subscriberName} | \r\n{moment(mmo.updatedAt).format('lll')} | \r\n{getPaymentType(mmo.paymentType)} | \r\n{mmo.merchantName ? mmo.merchantName : '--'} | \r\n{getAmt(mmo.amount)} | \r\n{getAmt(mmo.feesAmount)} | \r\n{mmo.referenceId} | \r\n{statusFormat(mmo.status)} | \r\n
\r\n setStartDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.startDate}\r\n
}\r\n\r\n \r\n \r\n setEndDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.endDate}\r\n
}\r\n\r\n \r\n \r\n changeMerchant(e.target.value)}\r\n >\r\n \r\n {merchants.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n * {errors.merchant}\r\n
}\r\n \r\n | sortHandle(sort.sortCreatedat, 'sortCreatedat')}>\r\n Instruction Date/Time\r\n \r\n | \r\nsortHandle(sort.sortMerchantName, 'sortMerchantName')}>\r\n Merchant Name\r\n \r\n | \r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n Transaction Amount\r\n \r\n | \r\nsortHandle(sort.sortFeesAmount, 'sortFeesAmount')}>\r\n Commission Amount\r\n \r\n | \r\n
|---|---|---|---|
| \r\n {moment(mmo.createdAt).format('lll')}\r\n | \r\n{mmo.userName} | \r\n{getAmt(mmo.paymentAmount)} | \r\n{getAmt(mmo.commissionAmount)} | \r\n
| sortHandle(sort.sortCreatedat, 'sortCreatedat')}>\r\n Instruction Date/Time\r\n \r\n | \r\nsortHandle(sort.sortBankName, 'sortBankName')}>\r\n Bank Name\r\n \r\n | \r\nsortHandle(sort.sortSubscriberName, 'sortSubscriberName')}>\r\n Subscriber Name\r\n \r\n | \r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n Transaction Amount\r\n \r\n | \r\nsortHandle(sort.sortTransactionType, 'sortTransactionType')}>\r\n Transaction Type\r\n \r\n | \r\nsortHandle(sort.sortFeesAmount, 'sortFeesAmount')}>\r\n Commission Amount\r\n \r\n | \r\n
|---|---|---|---|---|---|
| \r\n {moment(mmo.createdAt).format('lll')}\r\n | \r\n{mmo.bankName} | \r\n{mmo.subscriberName} | \r\n{getAmt(mmo.paymentAmount)} | \r\n{getTransactionType(mmo.paymentType)} | \r\n{getAmt(mmo.commissionAmount)} | \r\n
\r\n setStartDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.startDate}\r\n
}\r\n\r\n \r\n \r\n setEndDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.endDate}\r\n
}\r\n\r\n \r\n \r\n changeBankCode(e.target.value)}\r\n >\r\n \r\n {bank.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n * {errors.bankCode}\r\n
}\r\n \r\n \r\n {\r\n e.preventDefault();\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setSearchText(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {loading &&
\r\n \r\n );\r\n};\r\n\r\nexport default EDSATransaction;","import React, { useEffect } from \"react\";\r\nimport { Button, Row, Col } from \"reactstrap\";\r\nimport { postMethod } from \"services/httpServices\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport moment from \"moment\";\r\n\r\nconst PendingSettlementsReport = (props) => {\r\n const [startDate, setStartDate] = React.useState(\"\");\r\n const [endDate, setEndDate] = React.useState(\"\");\r\n const [loading, setLoading] = React.useState(false);\r\n const [errors, setErrors] = React.useState({});\r\n const [isMounted, setIsMounted] = React.useState(false);\r\n const [pageSize, setPageSize] = React.useState(10);\r\n const [submitButton, setSubmitButton] = React.useState(false);\r\n const { addToast } = useToasts();\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (isMounted) {\r\n fetchReport();\r\n }\r\n }, [props.currentPage]);\r\n\r\n useEffect(() => {\r\n if (isMounted) {\r\n fetchReport();\r\n }\r\n }, [props.sort]);\r\n\r\n useEffect(() => {\r\n props.parentLoading(loading);\r\n }, [loading]);\r\n\r\n useEffect(() => {\r\n if (props.pdfLoading && isMounted) {\r\n fetchReportData();\r\n }\r\n }, [props.pdfLoading]);\r\n\r\n useEffect(() => {\r\n if (props.xlLoading && isMounted) {\r\n fetchReportData();\r\n }\r\n }, [props.xlLoading]);\r\n\r\n useEffect(() => {\r\n if (endDate && moment(new Date(endDate)).isBefore(new Date(startDate))) {\r\n setEndDate(\"\");\r\n }\r\n }, [startDate]);\r\n\r\n const validate = () => {\r\n var error = {};\r\n if (!startDate) {\r\n error.startDate = \"Please select start date\";\r\n }\r\n if (!endDate) {\r\n error.endDate = \"Please select end date\";\r\n }\r\n return error;\r\n };\r\n\r\n const onSubmitReport = () => {\r\n setSubmitButton(true);\r\n if (props.currentPage != 0) {\r\n props.changePage(0);\r\n } else {\r\n fetchReport();\r\n }\r\n };\r\n\r\n const fetchReport = () => {\r\n // const validationErrors = validate();\r\n const validationErrors = {};\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n let data = {\r\n Status: \"\",\r\n PageNumber: Number(props.currentPage + 1),\r\n PerPage: pageSize,\r\n };\r\n\r\n if (props.sort && props.sort.sortMerchantName == \"1\") {\r\n data[\"SortingOn\"] = \"MerchantName\";\r\n data[\"IsDescending\"] = false;\r\n } else if (props.sort && props.sort.sortMerchantName == \"2\") {\r\n data[\"SortingOn\"] = \"CreatedAt\";\r\n data[\"IsDescending\"] = true;\r\n } else if (props.sort && props.sort.sortBankName == \"1\") {\r\n data[\"SortingOn\"] = \"BankName\";\r\n data[\"IsDescending\"] = false;\r\n } else if (props.sort && props.sort.sortBankName == \"2\") {\r\n data[\"SortingOn\"] = \"BankName\";\r\n data[\"IsDescending\"] = true;\r\n } else if (props.sort && props.sort.sortAccountNo == \"1\") {\r\n data[\"SortingOn\"] = \"AccountNo\";\r\n data[\"IsDescending\"] = false;\r\n } else if (props.sort && props.sort.sortAccountNo == \"2\") {\r\n data[\"SortingOn\"] = \"AccountNo\";\r\n data[\"IsDescending\"] = true;\r\n } else if (props.sort && props.sort.sortAmountDue == \"1\") {\r\n data[\"SortingOn\"] = \"AmountDue\";\r\n data[\"IsDescending\"] = false;\r\n } else if (props.sort && props.sort.sortAmountDue == \"2\") {\r\n data[\"SortingOn\"] = \"AmountDue\";\r\n data[\"IsDescending\"] = true;\r\n }\r\n\r\n postMethod(\r\n \"/api/reports/MerchantPendingSettlementReport\",\r\n JSON.stringify(data),\r\n \"post\"\r\n )\r\n .then((res) => {\r\n setLoading(false);\r\n setIsMounted(true);\r\n setSubmitButton(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\" && res.data.result) {\r\n // Success\r\n if (!res.data.result.list || !res.data.result.list.length) {\r\n res.data.result.list = [];\r\n }\r\n props.parentCallback(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n setIsMounted(true);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n }\r\n };\r\n\r\n const fetchReportData = () => {\r\n // const validationErrors = validate();\r\n const validationErrors = {};\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n let errorMsg = \"\";\r\n let data = {\r\n Status: \"\",\r\n PageNumber: 1,\r\n PerPage: props.totalRec,\r\n };\r\n\r\n postMethod(\r\n \"/api/reports/MerchantPendingSettlementReport\",\r\n JSON.stringify(data),\r\n \"post\"\r\n )\r\n .then((res) => {\r\n setIsMounted(true);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\" && res.data.result) {\r\n // Success\r\n if (!res.data.result.list || !res.data.result.list.length) {\r\n res.data.result.list = [];\r\n }\r\n props.parentReportData(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n props.errorReportData();\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n props.errorReportData();\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n props.errorReportData();\r\n }\r\n })\r\n .catch((err) => {\r\n setIsMounted(true);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n props.errorReportData();\r\n });\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n {error &&
\r\n {error}
}\r\n\r\n {response && response?.transactionID && (\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n setStartDate(e.target.value)}\r\n >\r\n
\r\n \r\n * {errors.startDate}\r\n
\r\n )}\r\n \r\n \r\n setEndDate(e.target.value)}\r\n >\r\n
\r\n \r\n * {errors.endDate}\r\n
\r\n )}\r\n \r\n \r\n setStartDate(e.target.value)}\r\n >\r\n
\r\n \r\n * {errors.startDate}\r\n
\r\n )}\r\n \r\n \r\n setEndDate(e.target.value)}\r\n >\r\n
\r\n \r\n * {errors.endDate}\r\n
\r\n )}\r\n \r\n \r\n
\r\n\r\n \r\n Report Date: {moment().format(\"Do MMMM, YYYY\")}\r\n
\r\n \r\n Time Generated: {moment().format(\"HH:mm\")}\r\n
\r\n \r\n
\r\n\r\n \r\n No. of merchants:{\" \"}\r\n {props?.headings?.numberofMerchants}\r\n
\r\n \r\n Activity Ratio:{\" \"}\r\n {props?.headings?.activityRatio &&\r\n props?.headings?.activityRatio?.toFixed(2)}%\r\n
\r\n \r\n
\r\n \r\n \r\n Total Amount Due:{\" \"}\r\n {getAmt(props?.headings?.overallDueAmount || 0)}\r\n
\r\n \r\n Generated By: {getLoginType()}\r\n
\r\n | {mmo?.merchantName} | \r\n{mmo?.merchantBankName} | \r\n{mmo?.merchantAccountNo} | \r\n{getAmt(mmo?.amount + mmo?.commissionAmount || 0)} | \r\n
|---|
\r\n
\r\n\r\n \r\n Report Date: {moment().format(\"Do MMMM, YYYY\")}\r\n
\r\n \r\n Time Generated: {moment().format(\"HH:mm\")}\r\n
\r\n \r\n
\r\n \r\n \r\n Total Subscriber Balance:{\" \"}\r\n {getAmt(props?.headings?.data?.totalSubscriberBalanceAmount || 0)}\r\n
\r\n \r\n I-C Ratio: {props?.headings?.data?.icRatio}\r\n
\r\n | {mmo.name} | \r\n{mmo.individualSubscriber} | \r\n{mmo.corporateSubscriber} | \r\n{mmo.totalSubscriberCount} | \r\n{mmo.percentShare?.toFixed(2)}% | \r\n
|---|
\r\n
\r\n\r\n \r\n Report Date: {moment().format(\"Do MMMM, YYYY\")}\r\n
\r\n \r\n Time: {moment().format(\"HH:mm\")}\r\n
\r\n \r\n
\r\n\r\n \r\n Total Bank Balances:{\" \"}\r\n {getAmt(props?.datalist?.totalBankBalance || 0)}\r\n
\r\n \r\n SL Ratio: {props?.datalist?.slRatio}\r\n
\r\n \r\n
\r\n \r\n \r\n Pending Settlements:{\" \"}\r\n {getAmt(props?.datalist?.overallPendingsettlement || 0)}\r\n
\r\n \r\n Net Position:{\" \"}\r\n \r\n {props?.datalist?.netPosition}\r\n \r\n
\r\n | \r\n Bank Type\r\n \r\n | \r\n\r\n\r\n Amount\r\n \r\n | \r\n\r\n Percent Share\r\n \r\n | \r\nRequired Action | \r\n
|---|---|---|---|
| Settlement Bank | \r\n{getAmt(props?.datalist?.settlemenetBankBalance || 0)} | \r\n{props?.datalist?.percentagesettlementshare?.toFixed(2)}% | \r\n\r\n {props?.datalist?.netPosition < 0\r\n ? \"Please transfer funds from Collection to Settlement Account to meet the settlement cash requirements\"\r\n : \"Liquidity position OK\"}\r\n | \r\n
| Collection Bank | \r\n{getAmt(props?.datalist?.collectionBankBalance || 0)} | \r\n{props?.datalist?.percentagecollectionshare?.toFixed(2)}% | \r\n
| Description | \r\n||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| {getPaymentType(mmo.paymentType)} | \r\n{mmo.paymentTo} | \r\n{mmo.paymentFrom} | \r\n{mmo.paymentMethod} | \r\n {/*{mmo.referenceId} | \r\n{mmo.productId ? mmo.productId : \"--\"} | \r\n{moment(mmo.createdAt).format(\"lll\")} | \r\n{getAmt(mmo.amount)} | \r\n{getAmt(mmo.feesAmount)} | \r\n{mmo.description} | \r\n{statusFormat(mmo.status)} | */}\r\n
| Description | \r\n||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| {getPaymentType(mmo.paymentType)} | \r\n{mmo.paymentTo} | \r\n{mmo.paymentFrom} | \r\n{mmo.paymentMethod} | \r\n {/*{mmo.referenceId} | \r\n{mmo.productId ? mmo.productId : \"--\"} | \r\n{moment(mmo.createdAt).format(\"lll\")} | \r\n{getAmt(mmo.amount)} | \r\n{getAmt(mmo.feesAmount)} | \r\n{mmo.description} | \r\n{statusFormat(mmo.status)} | */}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n setValues({ ...values, merchantID: e })}\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n setValues({ ...values, fspid: e })}\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n setValues({ ...values, collectedBy: e })}\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n setValues({ ...values, posMacID: e })}\r\n />\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n setValues({ ...values, collectionType: e })\r\n }\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n setValues({ ...values, transactionStatus: e })\r\n }\r\n />\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Download PDF\r\n {pdfLoading && }\r\n \r\n \r\n Download XLSX\r\n {xlLoading && }\r\n \r\n \r\n )}\r\n \r\n
\r\n
\r\n \r\n * {errors.startDate}\r\n
\r\n )}\r\n \r\n \r\n * {errors.endDate}\r\n
\r\n )}\r\n \r\n \r\n * {errors.merchant}\r\n
\r\n )}\r\n \r\n \r\n * {errors.fsp}\r\n
\r\n )}\r\n \r\n \r\n * {errors.collectedBy}\r\n
\r\n )}\r\n \r\n \r\n * {errors.bankCode}\r\n
\r\n )}\r\n \r\n \r\n * {errors.transactionStatus}\r\n
\r\n )}\r\n \r\n | Date | \r\nFrom Payment Name | \r\nTo Payment Name | \r\nCollection Type | \r\nAmount | \r\nCommission | \r\nTransaction Status | \r\nNFC Card ID | \r\nThird Party Ref ID | \r\nTransaction ID | \r\n
|---|---|---|---|---|---|---|---|---|---|
| \r\n {new Date(mmo.createdDate).toLocaleString()}\r\n | \r\n{mmo.fromPaymentName} | \r\n{mmo.toPaymentName} | \r\n{mmo.collectionType} | \r\n{getAmt(mmo.amount)} | \r\n{getAmt(mmo.commission)} | \r\n{mmo.transactionStatus} | \r\n{mmo.nfcCardId} | \r\n{mmo.thirdPartyRefId} | \r\n{mmo.transactionId} | \r\n
\r\n {\" \"}\r\n \r\n
\r\n )}\r\n {!loading && !filteredList.length && (\r\n No Records Found
\r\n )}\r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n {\r\n e.preventDefault();\r\n }}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {Number(version) === 1 && (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n {/* \r\n */}\r\n\r\n {reportFilter === \"1\" && (\r\n \r\n {version === \"2\" && (\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n {\r\n setVersion(e.target.value);\r\n setReportFilter(\"\");\r\n }}\r\n >\r\n \r\n {VERSIONS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n changeReportType(e.target.value)\r\n }\r\n >\r\n \r\n {REPORTS.map((c) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n changeReportType(e.target.value)}\r\n >\r\n \r\n {REPORTS.map(c =>\r\n \r\n )}\r\n \r\n
\r\n\r\n \r\n {/* */}\r\n Export \r\n \r\n PDF{\" \"}\r\n {pdfLoading && }\r\n \r\n \r\n \r\n EXCEL{\" \"}\r\n {xlLoading && }\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Subscriber;\r\n","import React, { useState } from \"react\";\r\nimport {\r\n Button,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Row,\r\n Col,\r\n Modal,\r\n ModalBody\r\n} from \"reactstrap\";\r\nimport { setUserDetails, getMobCodes, checkDigitOnly, checkBankAccNo, checkBbanValidation } from \"services/util\";\r\nimport { checkSpace } from '../../services/httpServices';\r\nimport { AUTH_MODE, AMOUNT_HINT, MOBILE_ONLY_COUNTRY } from 'appConfig';\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport PreviewSubscriber from '../preview-subscriber';\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nconst BankDetails = (props) => {\r\n const BANKS = props.banks ? props.banks : [];\r\n const codes = getMobCodes();\r\n const initialValue = setUserDetails(props);\r\n const [banks, setBanks] = useState(BANKS);\r\n const [values, setValues] = useState(initialValue);\r\n const [errors, setErrors] = React.useState({});\r\n const [open, setOpen] = React.useState(false);\r\n\r\n const history = useHistory();\r\n\r\n const MODES = AUTH_MODE;\r\n const HINT = AMOUNT_HINT;\r\n\r\n const handleInputChange = (e) => {\r\n var { name, value } = e.target;\r\n // value = value.trim();\r\n if (checkSpace(value)) {\r\n if (name === \"bankLinkedPhone\") {\r\n if (checkMobValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === 'bban') {\r\n if (checkBbanValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === 'bankAccNo') {\r\n if (checkBankAccNo(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else {\r\n setValues({ ...values, [name]: value });\r\n }\r\n }\r\n };\r\n\r\n const phoneChange = (value, data, event, formattedValue) => {\r\n if (data.dialCode && data.dialCode.length) {\r\n setValues({...values, \r\n bankLinkedPhone: value, \r\n bankLinkedMobileCode: data.dialCode,\r\n bankMobWithoutCC: value.substring(data.dialCode.length)\r\n });\r\n }\r\n return;\r\n }\r\n\r\n const checkMobValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 6) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n const goBack = () => {\r\n props.goBack();\r\n }\r\n\r\n const validateBank = (e) => {\r\n e.preventDefault();\r\n if (checkBank()) {\r\n props.parentCallback(values);\r\n setOpen(true);\r\n }\r\n }\r\n\r\n const checkBank = () => {\r\n let error = {};\r\n let valid = true;\r\n if (!values.bank) {\r\n error.bank = 'Bank is Required';\r\n valid = false;\r\n }\r\n // if (!values.bban) {\r\n // error.bban = 'Bban Number is Required';\r\n // valid = false;\r\n // } else if (values.bban.length < 8 || values.bban.length > 18) {\r\n // error.bban = 'Please enter 8 to 18 digit BBAN Number';\r\n // valid = false;\r\n // }\r\n // if (values.bban.length !== 0 && (values.bban.length < 8 || values.bban.length > 18)) {\r\n // error.bban = 'Please enter 8 to 18 digit BBAN Number';\r\n // valid = false;\r\n // }\r\n\r\n if (!values.bankLinkedMobileCode) {\r\n error.bankLinkedMobileCode = 'Mobile Code is Required';\r\n valid = false;\r\n }\r\n // if (!values.bankLinkedPhone) {\r\n // error.bankLinkedPhone = 'Phone number is Required';\r\n // valid = false;\r\n // } else if (!values.bankMobWithoutCC) {\r\n // error.bankLinkedPhone = 'Phone number is Required';\r\n // valid = false;\r\n // } \r\n\r\n if (!values.authMode) {\r\n error.authMode = 'Please select authentication mode';\r\n valid = false;\r\n }\r\n\r\n if (values.authMode == \"1FA\" && values.oneFAAmt == '') {\r\n error.oneFAAmt = \"Please enter amount\";\r\n valid = false;\r\n }\r\n\r\n if (!values.bankAccNo) {\r\n error.bankAccNo = 'Please enter account number';\r\n valid = false;\r\n } else if (values.bankAccNo.length < 8 || values.bankAccNo.length > 18) {\r\n error.bankAccNo = 'Please enter 8 to 18 digit Bank Account Number';\r\n valid = false;\r\n }\r\n setErrors(error);\r\n return valid;\r\n }\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n // history.push('/auth/login');\r\n history.push({\r\n pathname: '/show-msg',\r\n state: {\r\n error: false, \r\n msg: `You've been successfully registered on Smartpay`,\r\n login: true\r\n }\r\n });\r\n }\r\n\r\n const reviewModal = () => {\r\n setOpen(false);\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {props?.modalName || \"Subscriber Information\"}\r\n
\r\n \r\nRegister Subscriber
\r\n \r\nChange Pin
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AddPOS;\r\n","export const setPosTerminalvalues = (props) => {\r\n const initialValue = {\r\n make: props.posMake ? props.posMake : '',\r\n model: props.posModel ? props.posModel : '',\r\n manufactureYear: props.posManufactureYear ? props.posManufactureYear : '',\r\n macAddress: props.posMacAddress ? props.posMacAddress : '',\r\n serialNo: props.posSerialNumber ? props.posSerialNumber : '',\r\n nfc: props.isNFCEnabled ? \"Enable\" : 'Disable',\r\n chip: props.isChipEnabled ? \"Enable\" : 'Disable',\r\n magStrip: props.isMagStripeEnabled ? \"Enable\" : 'Disable',\r\n deviceName: props.posDeviceName ? props.posDeviceName : '',\r\n ...props\r\n };\r\n\r\n return initialValue;\r\n}\r\n\r\nexport default {\r\n setPosTerminalvalues\r\n};","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Row,\r\n Col\r\n} from \"reactstrap\";\r\n\r\nimport { NFC_OPTION, GET_YEAR_LIST } from \"appConfig\";\r\nimport { setPosTerminalvalues } from \"services/pos-terminal-service\";\r\n\r\nconst NFC = NFC_OPTION && NFC_OPTION.length ? NFC_OPTION : [];\r\n\r\nconst ViewPOS = (props) => {\r\n\r\n const initialValue = setPosTerminalvalues(props);\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n }\r\n\r\n return (\r\n <>\r\n POS Terminal
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n\r\n}\r\n\r\nexport default ViewPOS;\r\n","import React, { useState } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\n\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { checkSpace, getUserId, postMethod } from \"../../services/httpServices\";\r\nimport { NFC_OPTION, GET_YEAR_LIST } from \"appConfig\";\r\nimport { checkMacAddress } from \"services/util\";\r\nimport { setPosTerminalvalues } from \"services/pos-terminal-service\";\r\n\r\nconst NFC = NFC_OPTION && NFC_OPTION.length ? NFC_OPTION : [];\r\n\r\nconst EditPOS = (props) => {\r\n const initialValue = setPosTerminalvalues(props);\r\n\r\n const [values, setValues] = useState(initialValue);\r\n const [errors, setErrors] = useState({});\r\n const [loading, setLoading] = useState(false);\r\n const { addToast } = useToasts();\r\n\r\n const changeState = (obj) => {\r\n setValues(obj);\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n };\r\n\r\n const validate = (inputs) => {\r\n let errors = {};\r\n if (!inputs.deviceName) {\r\n errors.deviceName = \"Device name is required\";\r\n }\r\n if (!inputs.make) {\r\n errors.make = \"Make is required\";\r\n }\r\n if (!inputs.model) {\r\n errors.model = \"Model is required\";\r\n }\r\n if (!inputs.manufactureYear) {\r\n errors.manufactureYear = \"Manufacture year is required\";\r\n }\r\n if (!inputs.serialNo) {\r\n errors.serialNo = \"Serial No is required\";\r\n }\r\n if (!inputs.macAddress) {\r\n errors.macAddress = \"MAC Address is required\";\r\n } else if (!checkMacAddress(inputs.macAddress)) {\r\n errors.macAddress = \"Please enter valid MAC Address\";\r\n }\r\n if (!inputs.nfc) {\r\n errors.nfc = \"Nfc option is required\";\r\n }\r\n if (!inputs.chip) {\r\n errors.chip = \"Chip option is required\";\r\n }\r\n if (!inputs.magStrip) {\r\n errors.magStrip = \"Mag Strip option is required\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n var data = {};\r\n data[\"posDeviceName\"] = values.deviceName;\r\n data[\"posMake\"] = values.make;\r\n data[\"posId\"] = values.posId;\r\n data[\"posModel\"] = values.model;\r\n data[\"posManufactureYear\"] = values.manufactureYear;\r\n data[\"posSerialNumber\"] = values.serialNo;\r\n data[\"posMacAddress\"] = values.macAddress;\r\n data[\"isNFCEnabled\"] = values.nfc === \"Enable\";\r\n data[\"isMagStripeEnabled\"] = values.magStrip === \"Enable\";\r\n data[\"isChipEnabled\"] = values.chip === \"Enable\";\r\n data[\"isDeleted\"] = values.isDeleted;\r\n data[\"isBlocked\"] = values.isBlocked;\r\n data[\"createdAt\"] = values.createdAt;\r\n data[\"createdBy\"] = values.createdBy;\r\n data[\"updatedAt\"] = new Date().toISOString();\r\n data[\"updatedBy\"] = getUserId();\r\n\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\"/api/POS/Update\", data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n notifySuccess(\"Saved Successfuly\");\r\n closeModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || \"Error while saving\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in saving\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n POS Terminal
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default EditPOS;\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardFooter,\r\n Table,\r\n Container,\r\n Row,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n Form,\r\n FormGroup,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n Col,\r\n ModalHeader,\r\n} from \"reactstrap\";\r\nimport Header from \"components/Headers/Header.js\";\r\nimport { getUserId, postMethod } from \"../../services/httpServices\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport AddPOS from \"./add-pos-terminal\";\r\nimport ViewPOS from \"./view-pos-terminal\";\r\nimport { btnCss, iconCss } from \"../../appConfig\";\r\nimport EditPOS from \"./edit-post-terminal\";\r\n// import AssignPOS from \"./assign-pos-terminal\";\r\nimport ReactPaginate from \"react-paginate\";\r\n\r\nconst PosTerminalList = () => {\r\n const [loading, setLoading] = React.useState(false);\r\n const [postlist, setPosList] = React.useState([]);\r\n const [filteredList, setFilteredList] = React.useState([]);\r\n const [currentPage, setCurrentPage] = React.useState(0);\r\n const [pageSize] = React.useState(10);\r\n const [pagesCount, setPageCount] = React.useState(0);\r\n const [timeout, setTimeoutNew] = React.useState(0);\r\n const [searchText, setSearchText] = React.useState(\"\");\r\n const [open, setOpen] = React.useState(false);\r\n const [view, setView] = React.useState(false);\r\n const [openEdit, setOpenEditModal] = React.useState(false);\r\n const [POSObj, setPOSObj] = React.useState(null);\r\n const [editObj, setEditObj] = React.useState(null);\r\n const [totalRec, setTotalRec] = React.useState(0);\r\n const [deleteObj, setDeleteObj] = React.useState(null);\r\n const [openDelModal, setOpenDelModal] = React.useState(false);\r\n // const [assign, setAssign] = React.useState(false);\r\n // const [assignObj, setAssignObj] = React.useState(null);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n\r\n const { addToast } = useToasts();\r\n\r\n /**======================== React Hooks ==========================*/\r\n\r\n React.useEffect(() => {\r\n fetchPOS();\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n let timeout;\r\n if (timeout) {\r\n clearTimeout(timeout);\r\n } else {\r\n timeout = setTimeout(() => {\r\n fetchPOS();\r\n }, 2000);\r\n }\r\n\r\n return () => {\r\n clearTimeout(timeout);\r\n };\r\n }, [searchText]);\r\n\r\n /**======================== File Functions ==========================*/\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n // const notifySuccess = (text) => {\r\n // if (!text) {\r\n // text = \"Save successfully\";\r\n // }\r\n // addToast(text, {\r\n // appearance: \"success\",\r\n // autoDismiss: true,\r\n // });\r\n // };\r\n\r\n const getSearch = (val) => {\r\n setSearchText(val);\r\n // if (timeout) clearTimeout(timeout);\r\n // const timeout1 = setTimeout(() => {\r\n // let filteredList = [];\r\n // for (let i = 0; i < postlist.length; i++) {\r\n // if (\r\n // postlist[i].bban\r\n // .trim()\r\n // .toLowerCase()\r\n // .includes(val.trim().toLowerCase()) ||\r\n // postlist[i].email\r\n // .trim()\r\n // .toLowerCase()\r\n // .includes(val.trim().toLowerCase()) ||\r\n // postlist[i].mobileCode\r\n // .toString()\r\n // .trim()\r\n // .toLowerCase()\r\n // .includes(val.trim().toLowerCase()) ||\r\n // postlist[i].phoneNumber\r\n // .toString()\r\n // .trim()\r\n // .toLowerCase()\r\n // .includes(val.trim().toLowerCase()) ||\r\n // postlist[i].name\r\n // .toString()\r\n // .trim()\r\n // .toLowerCase()\r\n // .includes(val.trim().toLowerCase())\r\n // ) {\r\n // filteredList.push(postlist[i]);\r\n // }\r\n // }\r\n // setFilteredList(filteredList);\r\n // setCurrentPage(0);\r\n // let pc = Math.ceil(filteredList.length / pageSize);\r\n // setPageCount(pc);\r\n // }, 750);\r\n // setTimeoutNew(timeout1);\r\n };\r\n\r\n const reloadList = () => {\r\n setSearchText(\"\");\r\n setCurrentPage(0);\r\n fetchPOS();\r\n };\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n fetchPOS();\r\n };\r\n\r\n const openModal = () => {\r\n setOpen(true);\r\n };\r\n\r\n // const handleClick = (e, index) => {\r\n // e.preventDefault();\r\n // setCurrentPage(index);\r\n // };\r\n\r\n const showPOS = (obj) => {\r\n setPOSObj(obj);\r\n setView(true);\r\n };\r\n\r\n const closeViewModal = () => {\r\n setView(false);\r\n setPOSObj(null);\r\n };\r\n\r\n const closeEditModal = () => {\r\n setOpenEditModal(false);\r\n setEditObj(null);\r\n fetchPOS();\r\n };\r\n\r\n const openDelete = (mmo) => {\r\n setDeleteObj(mmo);\r\n setOpenDelModal(true);\r\n };\r\n\r\n const closeDeleteModal = () => {\r\n setDeleteObj(null);\r\n setOpenDelModal(false);\r\n };\r\n\r\n // const openAssign = (mmo) => {\r\n // setAssignObj(mmo);\r\n // setAssign(true);\r\n // };\r\n\r\n // const closeAssignModal = () => {\r\n // setAssignObj(null);\r\n // setAssign(false);\r\n // };\r\n\r\n /**======================== Validation Functions ==========================*/\r\n\r\n /**======================== API Calls ==========================*/\r\n\r\n const fetchPOS = async () => {\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\r\n \"/api/POS/SearchDevice\",\r\n {\r\n searchText: searchText,\r\n isDescending: false,\r\n sortingOn: \"\",\r\n perPage: 10,\r\n pageNumber: 1,\r\n },\r\n \"post\"\r\n )\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result.list || !res.data.result.list.length) {\r\n res.data.result.list = [];\r\n }\r\n setPosList(res.data.result.list);\r\n setFilteredList(res.data.result.list);\r\n let pc = Math.ceil(res.data.result.list.length / pageSize);\r\n setTotalRec(res.data.result.totalRecords);\r\n\r\n setPageCount(pc);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const fetchPOSById = (id) => {\r\n let errorMsg = \"\";\r\n postMethod(\"/api/POS/Edit/\" + id, {}, \"post\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n setEditObj(res.data.result);\r\n setOpenEditModal(true);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n // setSError();\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n const getBlockText = () => {\r\n let str = \"block\";\r\n if (deleteObj.isBlocked) {\r\n str = \"unblock\";\r\n }\r\n\r\n return `Do you want to ${str} ${deleteObj?.posDeviceName}?`;\r\n };\r\n const deletePOS = () => {\r\n var data = {};\r\n data[\"posDeviceName\"] = deleteObj.deviceName;\r\n data[\"posMake\"] = deleteObj.make;\r\n data[\"posId\"] = deleteObj.posId;\r\n data[\"posModel\"] = deleteObj.model;\r\n data[\"posManufactureYear\"] = deleteObj.manufactureYear;\r\n data[\"posSerialNumber\"] = deleteObj.serialNo;\r\n data[\"posMacAddress\"] = deleteObj.macAddress;\r\n data[\"isNFCEnabled\"] = deleteObj.nfc === \"Enable\";\r\n data[\"isMagStripeEnabled\"] = deleteObj.magStrip === \"Enable\";\r\n data[\"isChipEnabled\"] = deleteObj.chip === \"Enable\";\r\n data[\"isDeleted\"] = deleteObj.isDeleted;\r\n data[\"isBlocked\"] = !deleteObj.isBlocked;\r\n data[\"createdAt\"] = deleteObj.createdAt;\r\n data[\"createdBy\"] = deleteObj.createdBy;\r\n data[\"updatedAt\"] = new Date().toISOString();\r\n data[\"updatedBy\"] = getUserId();\r\n\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\"/api/POS/Update\", data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let text = deleteObj.isBlocked\r\n ? \"NFC unblocked successfully\"\r\n : \"NFC blocked successfully\";\r\n notifySuccess(text);\r\n closeModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || \"Error while saving\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in saving\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n return (\r\n <>\r\n POS Terminal
\r\n \r\n\r\n \r\n \r\n {/* {\r\n e.preventDefault();\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n getSearch(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n {/* \r\n \r\n \r\n */}\r\n\r\n \r\n \r\n
\r\n \r\n {!loading && !filteredList.length && \r\n
\r\n )}\r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\n\r\n {deleteObj && deleteObj.isBlock\r\n ? \"Unblock POS\"\r\n : \"Block POS\"}\r\n
\r\n\r\n {deleteObj && deleteObj.posDeviceName ? (\r\n
\r\n \r\n
\r\n ) : (\r\n <> \r\n )}\r\n {getBlockText()}
\r\n\r\n \r\n Yes{\" \"}\r\n {modalLoading && (\r\n \r\n )}\r\n {\" \"}\r\n \r\n No\r\n \r\n
\r\n | Device Name | \r\nMake | \r\nManufacture Year | \r\nModel | \r\nSerial No. | \r\nMAC Address | \r\n\r\nActions | \r\n
|---|---|---|---|---|---|---|
| {mmo.posDeviceName} | \r\n{mmo.posMake} | \r\n{mmo.posManufactureYear} | \r\n{mmo.posModel} | \r\n{mmo.posSerialNumber} | \r\n{mmo.posMacAddress} | \r\n\r\n\r\n | \r\n
\r\n \r\n Total Records : {totalRec}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n\r\n}\r\n\r\nexport default AddCommission;","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n Container,\r\n Row,\r\n Col,\r\n Table\r\n} from \"reactstrap\";\r\n\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport { checkSpace, postMethod } from '../../services/httpServices';\r\nimport { \r\n CalcMethod, CommissionType, checkTableField, changeCalMethod,\r\n ValidateCommission, getInitialValue,TableCalcMethod, TableBody, \r\n checkTableAmountTypeField\r\n} from \"services/commission-service\";\r\nimport { checkDigit2Decimal } from \"services/util\";\r\n\r\n\r\nconst TYPE = CommissionType ? CommissionType : [];\r\nconst METHOD = CalcMethod ? CalcMethod : [];\r\nconst TABLE_METHOD = TableCalcMethod ? TableCalcMethod : [];\r\nconst TABLE_BODY = TableBody ? TableBody : [];\r\n\r\nconst ViewCommission = (props) => {\r\n\r\n const initialValue = getInitialValue(props);\r\n \r\n const [values, setValues] = React.useState(initialValue);\r\n //console.log(initialValue);\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const { addToast } = useToasts();\r\n\r\n\r\n /**======================== React Hooks ==========================*/\r\n\r\n\r\n\r\n /**======================== File Function ==========================*/\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = 'Save successfully';\r\n }\r\n addToast(text, {\r\n appearance: 'success',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n if (name == 'method' && value == '1') {\r\n changeState({ ...values, [name]: value, 'amount': 0 });\r\n } else if (name == \"flatamount\" || name == \"rate\") {\r\n if (checkDigit2Decimal(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (checkTableField(name) && checkDigit2Decimal(value)) {\r\n changeState({...values, table: {...values.table, [name]: value}});\r\n } else {\r\n changeState({ ...values, [name]: value });\r\n }\r\n }\r\n };\r\n\r\n const changeState = (obj) => {\r\n setValues(obj);\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n }\r\n\r\n const getTableTypeValue = (v, i) => {\r\n let str = v + i;\r\n return values.table[str];\r\n }\r\n\r\n const checkDisable = (i) => {\r\n let str = 'calcMethod' + i;\r\n if (values.table[str] == \"\") {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n const showAmtOrRate = (i) => {\r\n let str = 'calcMethod' + i;\r\n if (values.table[str] == \"1\") {\r\n return (\r\n Add Commission
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default ViewCommission;","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n Container,\r\n Row,\r\n Col,\r\n Table,\r\n} from \"reactstrap\";\r\n\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { checkSpace, postMethod } from \"../../services/httpServices\";\r\nimport {\r\n CalcMethod,\r\n CommissionType,\r\n checkTableField,\r\n changeCalMethod,\r\n ValidateCommission,\r\n getInitialValue,\r\n checkTableRateField,\r\n setCommissionValues,\r\n TableBody,\r\n checkTableAmountTypeField,\r\n TableCalcMethod,\r\n checkMinAmtDisable,\r\n getMinValueName,\r\n} from \"services/commission-service\";\r\nimport { checkDigit2Decimal, checkPercentage } from \"services/util\";\r\n\r\nconst TYPE = CommissionType ? CommissionType : [];\r\nconst METHOD = CalcMethod ? CalcMethod : [];\r\nconst TABLE_METHOD = TableCalcMethod ? TableCalcMethod : [];\r\nconst TABLE_BODY = TableBody ? TableBody : [];\r\n\r\nconst EditCommission = (props) => {\r\n const initialValue = getInitialValue(props);\r\n const [values, setValues] = React.useState(initialValue);\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const { addToast } = useToasts();\r\n\r\n /**======================== React Hooks ==========================*/\r\n\r\n React.useEffect(() => {\r\n // const v = changeCalMethod(values, values.method);\r\n // changeState(v);\r\n }, [values.method]);\r\n\r\n /**======================== File Function ==========================*/\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n // const handleInputChange = (e) => {\r\n // const { name, value } = e.target;\r\n // if (checkSpace(value)) {\r\n // if (name == 'method') {\r\n // const v = changeCalMethod(values, values.method);\r\n // if (value == '1') {\r\n // changeState({ ...v, [name]: value, 'amount': 0 });\r\n // } else {\r\n // changeState({ ...v, [name]: value});\r\n // }\r\n // } else if (name == \"flatamount\") {\r\n // if (checkDigit2Decimal(value)) {\r\n // changeState({ ...values, [name]: value });\r\n // }\r\n // } else if (name == \"rate\") {\r\n // if (checkPercentage(value)) {\r\n // changeState({ ...values, [name]: value });\r\n // }\r\n // } else if (checkTableRateField(name) && checkPercentage(value)) {\r\n // changeState({...values, table: {...values.table, [name]: value}});\r\n // } else if (checkTableField(name) && checkDigit2Decimal(value)) {\r\n // changeState({...values, table: {...values.table, [name]: value}});\r\n // } else {\r\n // changeState({ ...values, [name]: value });\r\n // }\r\n // }\r\n // };\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n if (name == \"method\" && value == \"1\") {\r\n changeState({ ...values, [name]: value, amount: 0 });\r\n } else if (name == \"flatamount\") {\r\n if (checkDigit2Decimal(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name == \"rate\") {\r\n if (checkPercentage(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (checkTableRateField(name)) {\r\n if (checkPercentage(value)) {\r\n changeState({ ...values, table: { ...values.table, [name]: value } });\r\n }\r\n } else if (checkTableField(name)) {\r\n if (checkDigit2Decimal(value)) {\r\n // changeState({ ...values, table: { ...values.table, [name]: value } });\r\n let str = getMinValueName(name);\r\n let obj = str\r\n ? { ...values.table, [name]: value, [str]: value }\r\n : { ...values.table, [name]: value };\r\n changeState({ ...values, table: obj });\r\n }\r\n } else if (checkTableAmountTypeField(name)) {\r\n changeState({ ...values, table: { ...values.table, [name]: value } });\r\n } else {\r\n changeState({ ...values, [name]: value });\r\n }\r\n }\r\n };\r\n\r\n const changeState = (obj) => {\r\n setValues(obj);\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const getTableTypeValue = (v, i) => {\r\n let str = v + i;\r\n return values.table[str];\r\n };\r\n\r\n const checkDisable = (i) => {\r\n let str = \"calcMethod\" + i;\r\n if (values.table[str] == \"\") {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const showAmtOrRate = (i) => {\r\n let str = \"calcMethod\" + i;\r\n if (values.table[str] == \"1\") {\r\n return (\r\n Commission
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default EditCommission;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardFooter,\r\n Table,\r\n Container,\r\n Row,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n Form,\r\n FormGroup,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n ModalHeader,\r\n Col\r\n} from \"reactstrap\";\r\nimport Header from \"components/Headers/Header.js\";\r\nimport { getMethod, postMethod } from \"../../services/httpServices\";\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport AddCommission from \"./add-commission\";\r\nimport ViewCommission from \"./view-commission\";\r\nimport EditCommission from \"./edit-commission\";\r\nimport { btnCss, iconCss } from '../../appConfig';\r\nimport { getCommissionTypeName } from \"services/commission-service\";\r\nimport ReactPaginate from 'react-paginate';\r\nimport { getSortCls } from \"services/util\";\r\nimport { getPrivileges } from \"services/util\";\r\n\r\nconst sortIS = {\r\n sortName: 0,\r\n sortType: 0,\r\n sortMethod: 0\r\n};\r\n\r\nconst CommissionList = () => {\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [postlist, setPosList] = React.useState([]);\r\n const [filteredList, setFilteredList] = React.useState([]);\r\n const [currentPage, setCurrentPage] = React.useState(0);\r\n const [pageSize, setPageSize] = React.useState(10);\r\n const [pagesCount, setPageCount] = React.useState(0);\r\n const [timeout, setTimeoutNew] = React.useState(0);\r\n const [searchText, setSearchText] = React.useState('');\r\n const [open, setOpen] = React.useState(false);\r\n const [view, setView] = React.useState(false);\r\n const [openEdit, setOpenEditModal] = React.useState(false);\r\n const [ViewObj, setViewObj] = React.useState(null);\r\n const [editObj, setEditObj] = React.useState(null);\r\n const [totalRec, setTotalRec] = React.useState(0);\r\n const [sort, setSort] = React.useState(sortIS);\r\n const [refresh, setRefresh] = React.useState(false);\r\n const [isMounted, setIsMounted] = React.useState(false);\r\n\r\n const { addToast } = useToasts();\r\n const privileges = getPrivileges('commission');\r\n\r\n /**======================== React Hooks ==========================*/\r\n\r\n // React.useEffect(() => {\r\n // fetchCommission();\r\n // }, []);\r\n\r\n React.useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if (\r\n searchText && searchText.length >= 3 ||\r\n searchText.length == 0\r\n ) {\r\n if (currentPage != 0) {\r\n setCurrentPage(0);\r\n } else {\r\n fetchCommission();\r\n }\r\n }\r\n }\r\n }, [searchText]);\r\n\r\n\r\n React.useEffect(() => {\r\n fetchCommission();\r\n }, [currentPage]);\r\n\r\n React.useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if (currentPage != 0) {\r\n setCurrentPage(0);\r\n } else {\r\n fetchCommission();\r\n }\r\n }\r\n }, [sort]);\r\n\r\n React.useEffect(()=> {\r\n if (refresh && isMounted) {\r\n setSearchText('');\r\n setSort(sortIS);\r\n if (currentPage == 0) {\r\n fetchCommission();\r\n } else {\r\n setCurrentPage(0);\r\n }\r\n }\r\n }, [refresh]);\r\n\r\n\r\n /**======================== File Functions ==========================*/\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = 'Save successfully';\r\n }\r\n addToast(text, {\r\n appearance: 'success',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n\r\n const getSearch = (val) => {\r\n setSearchText(val);\r\n };\r\n\r\n const reloadList = () => {\r\n setSearchText('');\r\n setRefresh(true);\r\n }\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n fetchCommission();\r\n }\r\n\r\n const openModal = () => {\r\n setOpen(true);\r\n }\r\n\r\n const handleClick = (e, index) => {\r\n\r\n e.preventDefault();\r\n setCurrentPage(index);\r\n\r\n }\r\n\r\n const sortHandle = (fieldValue, fieldName) => {\r\n let newValue = 0;\r\n if (fieldValue == \"0\") {\r\n newValue = '1';\r\n } else if (fieldValue == \"1\") {\r\n newValue = '2';\r\n } else if (fieldValue == \"2\") {\r\n newValue = '1';\r\n }\r\n setSort({ ...sortIS, [fieldName]: newValue });\r\n }\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n }\r\n\r\n\r\n const ShowCommission = (obj) => {\r\n setViewObj(obj);\r\n setView(true);\r\n }\r\n\r\n const closeViewModal = () => {\r\n setView(false);\r\n setSearchText('');\r\n setViewObj(null);\r\n }\r\n\r\n const closeEditModal = () => {\r\n setOpenEditModal(false);\r\n setEditObj(null);\r\n setSearchText('');\r\n fetchCommission();\r\n }\r\n\r\n const commType = (value) => {\r\n if (value == 'WalletTopUp') {\r\n return 'Wallet';\r\n } else if (value == 'CashTopUp') {\r\n return 'Cash Top Up';\r\n } else {\r\n return value;\r\n }\r\n }\r\n\r\n /**======================== Validation Functions ==========================*/\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n /**======================== API Calls ==========================*/\r\n\r\n const fetchCommission = async () => {\r\n let errorMsg = '';\r\n setLoading(true);\r\n\r\n let data = {\r\n 'PageNumber': Number(currentPage + 1),\r\n 'PerPage': pageSize\r\n };\r\n\r\n if (searchText && searchText.length >= 3) {\r\n data['SearchText'] = searchText;\r\n // data['PageNumber'] = 0;\r\n }\r\n\r\n if (sort.sortName == \"1\") {\r\n data['SortingOn'] = 'CommissionName';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortName == \"2\") {\r\n data['SortingOn'] = 'CommissionName';\r\n data['IsDescending'] = true;\r\n } else if (sort.sortType == \"1\") {\r\n data['SortingOn'] = 'CommissionType';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortType == \"2\") {\r\n data['SortingOn'] = 'CommissionType';\r\n data['IsDescending'] = true;\r\n } else if (sort.sortMethod == \"1\") {\r\n data['SortingOn'] = 'CommissionCalculateMethodName';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortMethod == \"2\") {\r\n data['SortingOn'] = 'CommissionCalculateMethodName';\r\n data['IsDescending'] = true;\r\n }\r\n\r\n postMethod('/api/commission/all', data, 'post')\r\n .then(res => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n if (\r\n res && res.data\r\n ) {\r\n\r\n if (res.data.responseCode === \"200\" &&\r\n res.data.result) {\r\n // Success\r\n if (\r\n !res.data.result.list ||\r\n !res.data.result.list.length\r\n ) {\r\n res.data.result.list = [];\r\n }\r\n setPosList(res.data.result.list);\r\n setFilteredList(res.data.result.list)\r\n let pc = Math.ceil(res.data.result.totalRecords / pageSize);\r\n setTotalRec(res.data.result.totalRecords);\r\n setPageCount(pc);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n });\r\n }\r\n\r\n const fetchCommissionById = (id, page) => {\r\n let errorMsg = '';\r\n postMethod('/api/commission/Edit/' + id, {}, 'post')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (page == 'edit') {\r\n setEditObj(res.data.result);\r\n setOpenEditModal(true);\r\n } else if (page == 'view') {\r\n ShowCommission(res.data.result);\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n // setSError(errorMsg);\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n // setSError();\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n });\r\n }\r\n\r\n\r\n return (\r\n <>\r\n Edit Commission
\r\n \r\n\r\n \r\n \r\n {/* \r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n\r\n {/* \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n */}\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n {filteredList.length > 0 &&\r\n \r\n
}\r\n \r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\n \r\n\r\n\r\n| sortHandle(sort.sortName, 'sortName')}>\r\n Commission Name\r\n \r\n | \r\nsortHandle(sort.sortType, 'sortType')}>\r\n Commission Type\r\n \r\n | \r\nsortHandle(sort.sortMethod, 'sortMethod')}>\r\n Calculation Method\r\n \r\n | \r\nActions | \r\n
|---|---|---|---|
| \r\n {mmo.commissionName}\r\n | \r\n{commType(mmo.commissionType)} | \r\n{mmo.commissionCalculateMethodName} | \r\n\r\n {privileges.view && | \r\n
\r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n {/* \r\n\r\n \r\n \r\n
\r\n\r\n \r\n {filteredList.length > 0 &&\r\n \r\n
}\r\n \r\n\r\n \r\n
\r\n Card tables
*/}\r\n\r\n \r\n\r\n\r\n| sortHandle(sort.sortName, 'sortName')}>\r\n Name\r\n \r\n | \r\nsortHandle(sort.sortSubsName, 'sortSubsName')}>\r\n From Payment Name\r\n \r\n | \r\nsortHandle(sort.sortStatus, 'sortStatus')}>\r\n Status\r\n \r\n | \r\nsortHandle(sort.sortPaymentAmt, 'sortPaymentAmt')}>\r\n Payment Amount\r\n \r\n | \r\nsortHandle(sort.sortCommAmt, 'sortCommAmt')}>\r\n Commission Amount\r\n \r\n | \r\n {/*Actions | */}\r\n
|---|---|---|---|---|---|
| \r\n {mmo.name}\r\n | \r\n{mmo.fromPaymentName} | \r\n{mmo.transactionStatus} | \r\n{getAmt(mmo.amount)} | \r\n\r\n {getAmt(mmo.commission)}\r\n | \r\n {/*\r\n | */}\r\n
| \r\n Added On : \r\n | \r\n\r\n {moment(mmo.createdAt).format('lll')}\r\n | \r\n\r\n Collected On. : \r\n | \r\n\r\n {mmo.updatedAt ? moment(mmo.updatedAt).format('lll') : '--'}\r\n | \r\n
\r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ViewSubscriber;\r\n","\r\nimport React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardFooter,\r\n Pagination,\r\n PaginationItem,\r\n PaginationLink,\r\n Table,\r\n Container,\r\n Row, Col,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n Form,\r\n FormGroup,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n ModalHeader\r\n} from \"reactstrap\";\r\n// core components\r\nimport Header from \"components/Headers/Header.js\";\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport { getMethod, postMethod } from \"../../services/httpServices\";\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport { btnCss, iconCss } from '../../appConfig';\r\nimport ViewSubscriber from \"views/subscriber/view-subscriber\";\r\nimport ReactPaginate from 'react-paginate';\r\nimport { getSortCls } from \"services/util\";\r\n\r\nconst sortIS = {\r\n sortName: 0,\r\n sortEmail: 0,\r\n sortPhone: 0\r\n};\r\n\r\n\r\nconst SubscriberVerificationList = () => {\r\n\r\n const [subslist, setSubsList] = React.useState([]);\r\n const [filteredList, setFilteredList] = React.useState([]);\r\n const [currentPage, setCurrentPage] = React.useState(0);\r\n const [pageSize, setPageSize] = React.useState(10);\r\n const [pagesCount, setPageCount] = React.useState(0);\r\n const [timeout, setTimeoutNew] = React.useState(0);\r\n const [loading, setLoading] = React.useState(false);\r\n const [subsObj, setSubsObj] = React.useState(null);\r\n const [view, setView] = React.useState(false);\r\n const [banks, setBanks] = React.useState(null);\r\n const [mobileMoney, setMMO] = React.useState(null);\r\n const [searchText, setSearchText] = React.useState('');\r\n const [verifyBankLoading, setVerifyBankLoading] = React.useState(false);\r\n const [verifyBankObj, setVerifyBankObj] = React.useState(null);\r\n const [openVerifyBankModal, setOpenVerifyBankModal] = React.useState(false);\r\n const [sort, setSort] = React.useState(sortIS);\r\n const [refresh, setRefresh] = React.useState(false);\r\n const [isMounted, setIsMounted] = React.useState(false);\r\n const [totalRec, setTotalRec] = React.useState(0);\r\n\r\n\r\n\r\n const { addToast } = useToasts();\r\n\r\n React.useEffect(() => {\r\n // fetch mobilemoney operator\r\n // fetchSubs();\r\n fetchBank();\r\n fetchMMO();\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if (\r\n searchText && searchText.length >= 3 ||\r\n searchText.length == 0\r\n ) {\r\n fetchSubs();\r\n }\r\n }\r\n \r\n }, [searchText]);\r\n\r\n React.useEffect(() => {\r\n fetchSubs();\r\n }, [currentPage]);\r\n\r\n React.useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if (currentPage != 0) {\r\n setCurrentPage(0);\r\n } else {\r\n fetchSubs();\r\n }\r\n }\r\n }, [sort]);\r\n\r\n React.useEffect(()=> {\r\n if (refresh && isMounted) {\r\n setSearchText('');\r\n setSort(sortIS);\r\n if (currentPage == 0) {\r\n fetchSubs();\r\n } else {\r\n setCurrentPage(0);\r\n }\r\n }\r\n }, [refresh]);\r\n\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = 'Save successfully';\r\n }\r\n addToast(text, {\r\n appearance: 'success',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const handleClick = (e, index) => {\r\n e.preventDefault();\r\n setCurrentPage(index);\r\n\r\n };\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n // fetchSubs();\r\n }\r\n\r\n const getSearch = (val) => {\r\n setSearchText(val);\r\n };\r\n\r\n const showSubs = (obj) => {\r\n setSubsObj(obj);\r\n setView(true);\r\n }\r\n\r\n const closeViewModal = () => {\r\n setView(false);\r\n setSubsObj(null);\r\n }\r\n\r\n \r\n const fetchSubs = async () => {\r\n let errorMsg = '';\r\n setLoading(true);\r\n\r\n let data = {\r\n 'PageNumber': Number(currentPage + 1),\r\n 'PerPage': pageSize\r\n };\r\n\r\n if (searchText && searchText.length >= 3) {\r\n data['SearchText'] = searchText;\r\n // data['PageNumber'] = 0;\r\n }\r\n\r\n if (sort.sortName == \"1\") {\r\n data['SortingOn'] = 'FirstName';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortName == \"2\") {\r\n data['SortingOn'] = 'FirstName';\r\n data['IsDescending'] = true;\r\n } else if (sort.sortEmail == \"1\") {\r\n data['SortingOn'] = 'Email';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortEmail == \"2\") {\r\n data['SortingOn'] = 'Email';\r\n data['IsDescending'] = true;\r\n } else if (sort.sortPhone == \"1\") {\r\n data['SortingOn'] = 'SubscriberUid';\r\n data['IsDescending'] = false;\r\n } else if (sort.sortName == \"2\") {\r\n data['SortingOn'] = 'SubscriberUid';\r\n data['IsDescending'] = true;\r\n }\r\n\r\n postMethod('/api/bankprofile/GetAllSubscriber', data, 'post')\r\n .then(res => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n if (\r\n res && res.data\r\n ) {\r\n if (\r\n res.data.responseCode === \"200\" &&\r\n res.data.result\r\n ) {\r\n // Success\r\n if (\r\n !res.data.result.list ||\r\n !res.data.result.list.length\r\n ) {\r\n res.data.result.list = [];\r\n }\r\n setSubsList(res.data.result.list);\r\n setFilteredList(res.data.result.list);\r\n let pc = Math.ceil(res.data.result.totalRecords / pageSize);\r\n setTotalRec(res.data.result.totalRecords);\r\n // let pc = res.data.result.totalRecords;\r\n setPageCount(pc);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n }).catch(err => {\r\n setLoading(false);\r\n setRefresh(false);\r\n setIsMounted(true);\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n })\r\n }\r\n\r\n const fetchBank = async () => {\r\n let errorMsg = '';\r\n getMethod('/api/bankProfile/ddllist?AccountType=Collection', 'get')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (\r\n !res.data.result ||\r\n !res.data.result.length\r\n ) {\r\n res.data.result = [];\r\n }\r\n setBanks(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n }).catch(err => {\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n })\r\n }\r\n\r\n\r\n const fetchMMO = async () => {\r\n let errorMsg = '';\r\n getMethod('/api/MobileMoney/ddllist', 'get')\r\n .then(res => {\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (\r\n !res.data.result ||\r\n !res.data.result.length\r\n ) {\r\n res.data.result = [];\r\n }\r\n setMMO(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n\r\n }\r\n }).catch(err => {\r\n notifyFailed('Something went wrong!, Please call 3737');\r\n })\r\n }\r\n\r\n const openVerifyBank = (mmo) => {\r\n setVerifyBankObj(mmo);\r\n setOpenVerifyBankModal(true);\r\n }\r\n\r\n const closeVerifyBankModal = () => {\r\n setVerifyBankObj(null);\r\n setOpenVerifyBankModal(false);\r\n }\r\n\r\n const verifySubsBank = () => {\r\n let errorMsg = '';\r\n setVerifyBankLoading(true);\r\n let url = `/api/User/subscriberbankverify`;\r\n let data = {\r\n 'UserId': verifyBankObj.userProfileId,\r\n 'Verify': true\r\n };\r\n postMethod(url, data, 'post')\r\n .then(res => {\r\n setVerifyBankLoading(false);\r\n if (\r\n res && res.data\r\n ) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n notifySuccess('Verified Successfuly');\r\n closeVerifyBankModal();\r\n reloadList();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || 'Error in fetching list';\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = 'Unknown Error in fetching';\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n }\r\n }).catch(err => {\r\n setVerifyBankLoading(false);\r\n errorMsg = 'Something went wrong!, Please call 3737';\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n\r\n const reloadList = () => {\r\n setSearchText('');\r\n setRefresh(true);\r\n fetchBank();\r\n fetchMMO();\r\n }\r\n\r\n const getAmt = (amt) => {\r\n if (amt) {\r\n return amt.toLocaleString();\r\n } else {\r\n return 0;\r\n }\r\n }\r\n\r\n const sortHandle = (fieldValue, fieldName) => {\r\n let newValue = 0;\r\n if (fieldValue == \"0\") {\r\n newValue = '1';\r\n } else if (fieldValue == \"1\") {\r\n newValue = '2';\r\n } else if (fieldValue == \"2\") {\r\n newValue = '1';\r\n }\r\n setSort({ ...sortIS, [fieldName]: newValue });\r\n }\r\n\r\n\r\n return (\r\n <>\r\n Subscriber Information
\r\n \r\n\r\n \r\n \r\n {/* \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n {!loading && !filteredList.length && \r\n
}\r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\n \r\n\r\n\r\n Verify Bank\r\n
\r\n\r\n {verifyBankObj && verifyBankObj.firstName ?\r\n
\r\n \r\n \r\n
\r\n
: <> \r\n }\r\n \r\n Do you want to verify bank of {verifyBankObj.firstName} {verifyBankObj.lastName} ?\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n Bank Name : {verifyBankObj.bankName}\r\n
\r\n \r\n BBAN : {verifyBankObj.bban}\r\n
\r\n \r\n Bank Linked Mobile Number : {\r\n `(${verifyBankObj.mobileCode}) - ${verifyBankObj.mobileNumber}`}\r\n
\r\n \r\n \r\n Yes {verifyBankLoading && }\r\n {' '}\r\n No\r\n
\r\n | sortHandle(sort.sortName, 'sortName')}\r\n >Name\r\n \r\n | \r\nsortHandle(sort.sortEmail, 'sortEmail')}\r\n >Email\r\n \r\n | \r\nsortHandle(sort.sortPhone, 'sortPhone')}>Phone\r\n | \r\nActions | \r\n||
|---|---|---|---|---|---|
| \r\n {mmo.firstName} {mmo.lastName}\r\n | \r\n{mmo.email} | \r\n({mmo.mobileCode})-\r\n {mmo.mobileNumber} | \r\n {/*{mmo.bban} | */}\r\n {/*\r\n {getAmt(mmo.balanceAmount)}\r\n | */}\r\n\r\n | \r\n
\r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n {routeName.pathname.includes(\"cash-out\") &&\r\n loginType === \"Subscriber\"\r\n ? \"Cash Out\"\r\n : \"Transfer Money\"}\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n Transfer to -{\" \"}\r\n {toUserInfo.subscriberName ||\r\n toUserInfo?.fullName}\r\n \r\n
\r\n \r\n \r\n Mobile Number -{\" \"}\r\n {`(${\r\n toUserInfo.mobileCodeId ||\r\n toUserInfo?.mobileCode\r\n }) - ${\r\n loginType === \"Agent\"\r\n ? toUserInfo?.mobileNumber\r\n : toUserInfo?.mobNumber\r\n }`}\r\n \r\n
\r\n \r\n \r\n Email - {toUserInfo.email}\r\n \r\n
\r\n {form == 3 && (\r\n \r\n \r\n Amount - \r\n Le \r\n {getAmt(values.amount)}\r\n \r\n
\r\n )}\r\n \r\n {routeName.pathname.includes(\"cash-out\") ? Fees - Le {SubscriberDetails.fees} (Sub Agent Commission: {SubscriberDetails.commissionWillCredit} & Subscriber Commission: {SubscriberDetails.actualCommission}): 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 {loading && \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CashWithDrawals;\r\n","export default __webpack_public_path__ + \"static/media/lapologo.2ae0fc3b.PNG\";","export default __webpack_public_path__ + \"static/media/nacsaLogo.b1436e99.png\";","export default __webpack_public_path__ + \"static/media/wellbodi-logo.6bbb98ca.jpg\";","export default __webpack_public_path__ + \"static/media/project_logo.8dd5635e.png\";","import React, { useState } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n Container,\r\n Row,\r\n Col,\r\n Table,\r\n} from \"reactstrap\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport {\r\n checkSpace,\r\n getLoginType,\r\n getUserId,\r\n getUserName,\r\n postMethod,\r\n} from \"../../services/httpServices\";\r\nimport { getAmt, DUMMY_USER } from \"../../services/util\";\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { MOBILE_ONLY_COUNTRY } from \"appConfig\";\r\nimport LapoLogo from \"../../assets/img/brand/lapologo.PNG\";\r\nimport NacsaLogo from \"../../assets/img/brand/nacsaLogo.png\";\r\nimport WellbodiLogo from \"../../assets/img/brand/wellbodi-logo.jpg\";\r\nimport SpayLogo from \"../../assets/img/brand/project_logo.png\";\r\nconst paymentToOptions = [\r\n {\r\n name: \"Lapo\",\r\n value: \"Lapo\",\r\n logo: LapoLogo,\r\n },\r\n {\r\n name: \"NaCSA\",\r\n value: \"Nacsa\",\r\n logo: NacsaLogo,\r\n },\r\n {\r\n name: \"Wellbodi\",\r\n value: \"wellbodi\",\r\n logo: WellbodiLogo,\r\n },\r\n {\r\n name: \"SmartPay\",\r\n value: \"SmartPay\",\r\n logo: SpayLogo,\r\n },\r\n];\r\n\r\nconst initialValue = {\r\n toMobWithCC: \"\",\r\n toMobWithoutCC: \"\",\r\n toMobCC: \"\",\r\n amount: \"\",\r\n totalAmt: \"\",\r\n platform: \"\",\r\n};\r\n\r\nconst STR = `Please enter the subscriber's mobile number and amount whom you want to transfer`;\r\n\r\nconst AddTopUpSubscriber = (props) => {\r\n const [values, setValues] = useState(initialValue);\r\n const [subsInfo, setSubsInfo] = React.useState({});\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const [form, setForm] = React.useState(1);\r\n const [spinner, setSpinner] = React.useState(false);\r\n\r\n const { addToast } = useToasts();\r\n\r\n /**======================== React Hooks ==========================*/\r\n\r\n /**======================== File Functions ==========================*/\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const checkNumberOnly = (value) => {\r\n let digiRegex = /^[1-9][\\d]*$/;\r\n // let digiRegex = /^[+-]?([1-9]+\\.?[0-9]*|\\.[0-9]+)$/;\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const goBack1 = () => {\r\n setValues(initialValue);\r\n setSubsInfo({});\r\n setForm(1);\r\n };\r\n\r\n const goBack2 = () => {\r\n setValues({ ...values, amount: \"\" });\r\n setForm(2);\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const phoneChange = (value, data, event, formattedValue) => {\r\n if (data.dialCode && data.dialCode.length) {\r\n setValues({\r\n ...values,\r\n toMobWithCC: value,\r\n toMobCC: data.dialCode,\r\n toMobWithoutCC: value.substring(data.dialCode.length),\r\n });\r\n }\r\n return;\r\n };\r\n\r\n /**======================== Form Validation function ==========================*/\r\n\r\n const handleInputChange = (ev) => {\r\n var { name, value } = ev.target;\r\n value = value.trim();\r\n if (name === \"amount\") {\r\n if (value == \"\") {\r\n setValues({ ...values, [name]: value });\r\n } else {\r\n if (checkNumberOnly(value)) {\r\n setValues({ ...values, [name]: value });\r\n } else {\r\n setValues({ ...values });\r\n }\r\n }\r\n } else {\r\n setValues({ ...values, [name]: value });\r\n }\r\n };\r\n\r\n const handleSubmit1 = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate1(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n checkToMob();\r\n }\r\n };\r\n\r\n const validate1 = (inputs) => {\r\n var errors = {};\r\n if (!inputs.platform) {\r\n errors.platform = \"Please select the platform\";\r\n } else if (!inputs.toMobWithCC) {\r\n errors.toMobWithCC = \"Phone number is required\";\r\n } else if (!inputs.toMobWithoutCC) {\r\n errors.toMobWithCC = \"Phone number is required\";\r\n } else if (!inputs.amount) {\r\n errors.amount = \"Please enter the amount\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmit2 = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate2(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n getCommissionAmt();\r\n }\r\n };\r\n\r\n const validate2 = (inputs) => {\r\n var errors = {};\r\n if (!inputs.amount) {\r\n errors.amount = \"Amount is required\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmit3 = (e) => {\r\n e.preventDefault();\r\n if (values.platform === \"SmartPay\") {\r\n const validationErrors = validate3(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n transferMoney();\r\n }\r\n } else {\r\n handleCashout();\r\n }\r\n };\r\n\r\n const validate3 = (inputs) => {\r\n var errors = {};\r\n if (!inputs.amount) {\r\n errors.amount = \"Amount is required\";\r\n }\r\n return errors;\r\n };\r\n\r\n /**======================== API Calls ==========================*/\r\n\r\n const handleCashout = () => {\r\n var errorMsg = \"\";\r\n var data = {\r\n walletOrAccount: values.toMobWithoutCC,\r\n subAgentName: getUserName(),\r\n amount: Number(values.amount),\r\n platform: values.platform === \"Nacsa\" ? \"NACSA\" : values.platform,\r\n type: \"CashIn\",\r\n };\r\n\r\n setSpinner(true);\r\n\r\n let url = \"/api/Transactions/CashInToOtherPlatform\";\r\n\r\n postMethod(url, data, \"post\")\r\n .then((res) => {\r\n setSpinner(false);\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let msg = res.data.responseMessage || \"Amount Transferred\";\r\n notifySuccess(msg);\r\n closeModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg =\r\n res.data.responseMessage || \"Error in transferring amount\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n errorMsg = \"Unknown error in transferring amount\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setSpinner(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n const checkToMob = () => {\r\n /** =======testing ======= */\r\n // setSpinner(true);\r\n\r\n // setTimeout(()=> {\r\n // setSubsInfo(DUMMY_USER);\r\n // setSpinner(false);\r\n // setForm(2);\r\n // }, 3000);\r\n\r\n /** ====================== */\r\n\r\n if (values.platform !== \"SmartPay\") {\r\n setForm(3);\r\n return;\r\n }\r\n\r\n let errorMsg = \"\";\r\n setSpinner(true);\r\n let data = {\r\n Amount: Number(values.amount),\r\n Subscriber: values.toMobWithCC,\r\n };\r\n let url = \"\";\r\n let loginType = getLoginType();\r\n if (loginType === \"Agent\") {\r\n url = \"/api/Agent/validateCashTopup\";\r\n } else {\r\n url = \"/api/Transactions/validateCashTopup/\";\r\n }\r\n postMethod(url, data, \"post\")\r\n .then((res) => {\r\n setSpinner(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n setSubsInfo(res.data.result);\r\n setForm(3);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg =\r\n res.data.responseMessage || \"Error in fetching user info\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching user info\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setSpinner(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const getCommissionAmt = () => {\r\n /** =======testing ======= */\r\n setSpinner(true);\r\n\r\n setTimeout(() => {\r\n setSpinner(false);\r\n setForm(3);\r\n }, 3000);\r\n\r\n /** ====================== */\r\n\r\n // var errorMsg = '';\r\n // var data = {\r\n // \"PaymentAmount\": Number(values.amount),\r\n // \"Password\": values.pin,\r\n // \"Email\": getUserEmail().trim(),\r\n // \"PaymentType\": \"BalanceTransfer\"\r\n // };\r\n\r\n // setSpinner(true);\r\n // let url = '/api/pos/PaymentPinVerification';\r\n // postMethod(url, JSON.stringify(data), 'post')\r\n // .then(res => {\r\n // if (res.data) {\r\n // if (res.data.responseCode === \"200\") {\r\n // let result = res.data.result;\r\n // setFees(result);\r\n // setForm(3);\r\n // } else if (res.data.responseCode === \"400\") {\r\n // errorMsg = res.data.responseMessage || 'Error in validating pin';\r\n // notifyFailed(errorMsg);\r\n // setSpinner(false);\r\n // } else {\r\n // errorMsg = 'Unknown error in validating pin';\r\n // notifyFailed(errorMsg);\r\n // setSpinner(false);\r\n // }\r\n // } else {\r\n // errorMsg = 'Unknown Error';\r\n // notifyFailed(errorMsg);\r\n // setSpinner(false);\r\n // }\r\n // }).catch(err => {\r\n // errorMsg = 'Something went wrong!, Please call 3737';\r\n // notifyFailed(errorMsg);\r\n // setSpinner(false);\r\n // });\r\n };\r\n\r\n const transferMoney = () => {\r\n /** =======testing ======= */\r\n // setSpinner(true);\r\n\r\n // setTimeout(()=> {\r\n // setSpinner(false);\r\n // let msg = 'Amount Transferred';\r\n // notifySuccess(msg);\r\n // closeModal(true);\r\n // }, 3000);\r\n\r\n /** ====================== */\r\n var errorMsg = \"\";\r\n setSpinner(true);\r\n var data = new FormData();\r\n data.append(\"SubscriberUserId\", subsInfo.subscriberId);\r\n data.append(\"Amount\", subsInfo.amount);\r\n data.append(\"PaymentMethod\", \"Cash\");\r\n data.append(\"PaymentType\", \"CashTopUp\");\r\n data.append(\"PaymentTo\", \"Wallet TopUp\");\r\n data.append(\"AmountType\", \"R\");\r\n data.append(\"CollectionType\", \"CashTopUp\");\r\n data.append(\"FeesAmount\", subsInfo.feesAmount);\r\n data.append(\"PaymentFrom\", getUserId());\r\n data.append(\"PaymentMethodId\", 0);\r\n let loginType = getLoginType();\r\n let url = \"\";\r\n if (loginType === \"Agent\") {\r\n url = \"/api/Transactions/SubagentTopup\";\r\n } else {\r\n url = \"/api/transactions/Merchanttopup\";\r\n }\r\n postMethod(url, data, \"post\")\r\n .then((res) => {\r\n setSpinner(false);\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let msg = res.data.responseMessage || \"Amount Transferred\";\r\n notifySuccess(msg);\r\n closeModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg =\r\n res.data.responseMessage || \"Error in transferring amount\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n errorMsg = \"Unknown error in transferring amount\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setSpinner(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n Cash withdrawal
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {loading && \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AddTopUpSubscriber;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Card,\r\n CardHeader,\r\n CardFooter,\r\n Table,\r\n Container,\r\n Row,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n Form,\r\n FormGroup,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Input,\r\n Col,\r\n Badge\r\n} from \"reactstrap\";\r\nimport Header from \"components/Headers/Header.js\";\r\nimport { getLoginType, postMethod } from \"../../services/httpServices\";\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport { btnCss, iconCss } from '../../appConfig';\r\nimport ReactPaginate from 'react-paginate';\r\nimport { getSortCls, getAmt } from \"services/util\";\r\nimport moment from \"moment\";\r\nimport { SettleBankUserStatus } from \"appConfig\";\r\nimport CashWithDrawals from \"./cash-withdrawal\";\r\nimport AddTopUpSubscriber from \"./add-top-up-subscriber\";\r\n\r\nconst STATUS = SettleBankUserStatus;\r\n\r\nconst sortIS = {\r\n sortName: 0,\r\n sortPhone: 0,\r\n sortDate: 0,\r\n sortAmount: 0,\r\n sortFees: 0,\r\n sortStatus: 0\r\n};\r\n\r\nconst TopUpSubscriberList = () => {\r\n\r\n const [loading, setLoading] = React.useState(false);\r\n const [filteredList, setFilteredList] = React.useState([]);\r\n const [currentPage, setCurrentPage] = React.useState(0);\r\n const [pageSize, setPageSize] = React.useState(10);\r\n const [pagesCount, setPageCount] = React.useState(0);\r\n const [searchText, setSearchText] = React.useState('');\r\n const [open, setOpen] = React.useState(false);\r\n const [totalRec, setTotalRec] = React.useState(0);\r\n const [sort, setSort] = React.useState(sortIS);\r\n const [refresh, setRefresh] = React.useState(false);\r\n const [isMounted, setIsMounted] = React.useState(false);\r\n let loginType = getLoginType()\r\n\r\n const { addToast } = useToasts();\r\n\r\n /**======================== React Hooks ==========================*/\r\n\r\n React.useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if (\r\n searchText && searchText.length >= 3 ||\r\n searchText.length == 0\r\n ) {\r\n if (currentPage != 0) {\r\n setCurrentPage(0);\r\n } else {\r\n fetch();\r\n }\r\n }\r\n }\r\n }, [searchText]);\r\n\r\n\r\n React.useEffect(() => {\r\n fetch();\r\n }, [currentPage]);\r\n\r\n React.useEffect(() => {\r\n if (!refresh && isMounted) {\r\n if (currentPage != 0) {\r\n setCurrentPage(0);\r\n } else {\r\n fetch();\r\n }\r\n }\r\n }, [sort]);\r\n\r\n React.useEffect(()=> {\r\n if (refresh && isMounted) {\r\n setSearchText('');\r\n setSort(sortIS);\r\n if (currentPage == 0) {\r\n fetch();\r\n } else {\r\n setCurrentPage(0);\r\n }\r\n }\r\n }, [refresh]);\r\n\r\n\r\n /**======================== File Functions ==========================*/\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const getSearch = (val) => {\r\n setSearchText(val);\r\n };\r\n\r\n const reloadList = () => {\r\n setSearchText('');\r\n setRefresh(true);\r\n }\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n fetch();\r\n }\r\n\r\n const openModal = () => {\r\n setOpen(true);\r\n }\r\n\r\n\r\n const sortHandle = (fieldValue, fieldName) => {\r\n let newValue = 0;\r\n if (fieldValue == \"0\") {\r\n newValue = '1';\r\n } else if (fieldValue == \"1\") {\r\n newValue = '2';\r\n } else if (fieldValue == \"2\") {\r\n newValue = '1';\r\n }\r\n setSort({ ...sortIS, [fieldName]: newValue });\r\n }\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n }\r\n\r\n const statusFormat = (val) => {\r\n let ob = STATUS.find((s)=> s.key === val);\r\n return ob && ob.value ? (\r\n Add Cash Top-up
\r\n \r\n\r\n \r\n \r\n {/* \r\n\r\n\r\n \r\n \r\n {\r\n loginType === \"Merchant\" ? : loginType === \"Agent\" ? \r\n \r\n\r\n \r\n \r\n
\r\n {loading && \r\n {filteredList.length > 0 &&\r\n \r\n
}\r\n \r\n \r\n \r\n
\r\n Card tables
*/}\r\n\r\n \r\n\r\n\r\n| sortHandle(sort.sortName, 'sortName')}>\r\n Name\r\n \r\n | \r\nsortHandle(sort.sortPhone, 'sortPhone')}>\r\n Phone\r\n \r\n | \r\nsortHandle(sort.sortDate, 'sortDate')}>\r\n Date\r\n \r\n | \r\nsortHandle(sort.sortAmount, 'sortAmount')}>\r\n Amount\r\n \r\n | \r\nsortHandle(sort.sortFees, 'sortFees')}>\r\n Commission Amount\r\n \r\n | \r\n {/*sortHandle(sort.sortStatus, 'sortStatus')}>\r\n Status\r\n \r\n | */}\r\n
|---|---|---|---|---|---|
| \r\n {mmo.paymentTo}\r\n | \r\n({mmo.subMobileCode}) - {mmo.subMobileNumber} | \r\n{moment(mmo.createdAt).format('lll')} | \r\n{getAmt(mmo.amount)} | \r\n{getAmt(mmo.commissionAmount)} | \r\n {/*{statusFormat(mmo.status)} | */}\r\n
\r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n setStartDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.startDate}\r\n
}\r\n\r\n \r\n \r\n setEndDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.endDate}\r\n
}\r\n\r\n \r\n \r\n changeLogType(e.target.value)}\r\n >\r\n \r\n {logType.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n * {errors.logTypeFilter}\r\n
}\r\n \r\n | sortHandle(sort.sortAction, 'sortAction')}>\r\n Action\r\n \r\n | \r\nsortHandle(sort.sortActionBy, 'sortActionBy')}>\r\n Action Performed By\r\n \r\n | \r\nsortHandle(sort.sortLoginUserType, 'sortLoginUserType')}>\r\n Login User Type\r\n \r\n | \r\nsortHandle(sort.sortUserType, 'sortUserType')}>\r\n Action Performed On\r\n \r\n | \r\nsortHandle(sort.sortDate, 'sortDate')}>\r\n Action Performed at\r\n \r\n | \r\nsortHandle(sort.sortStatus, 'sortStatus')}>\r\n Status\r\n \r\n | \r\nDescription | \r\n
|---|---|---|---|---|---|---|
| \r\n {getActionType(mmo.actionType)}\r\n | \r\n{mmo.performBy} | \r\n{mmo.performByRole ? mmo.performByRole : '--'} | \r\n{mmo.userType ? mmo.userType : '--'} | \r\n{moment(mmo.createdAt).format('lll')} | \r\n{mmo.status} | \r\n\r\n \r\n \r\n | \r\n
\r\n setStartDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.startDate}\r\n
}\r\n\r\n \r\n \r\n setEndDate(e.target.value)}\r\n >\r\n \r\n
\r\n \r\n * {errors.endDate}\r\n
}\r\n\r\n \r\n \r\n changeLogType(e.target.value)}\r\n >\r\n \r\n {logType.map(c =>\r\n \r\n )}\r\n \r\n
\r\n \r\n * {errors.logTypeFilter}\r\n
}\r\n \r\n | sortHandle(sort.sortAction, 'sortAction')}>\r\n Action\r\n \r\n | \r\nsortHandle(sort.sortActionBy, 'sortActionBy')}>\r\n Action Performed By\r\n \r\n | \r\nsortHandle(sort.sortUserType, 'sortUserType')}>\r\n Login User Type\r\n \r\n | \r\nsortHandle(sort.sortDate, 'sortDate')}>\r\n Action Performed At\r\n \r\n | \r\nsortHandle(sort.sortStatus, 'sortStatus')}>\r\n Status\r\n \r\n | \r\nsortHandle(sort.sortTransactionStatus, 'sortTransactionStatus')}>\r\n Transaction Status\r\n \r\n | \r\nsortHandle(sort.sortTransactionType, 'sortTransactionType')}>\r\n Transaction Type\r\n \r\n | \r\nsortHandle(sort.sortTransactionRefId, 'sortTransactionRefId')}>\r\n Transaction Ref Id\r\n \r\n | \r\n\r\n Description\r\n | \r\n
|---|---|---|---|---|---|---|---|---|
| \r\n {getActionType(mmo.actionType)}\r\n | \r\n{mmo.performBy} | \r\n{mmo.performByRole ? mmo.performByRole : '--'} | \r\n{moment(mmo.createdAt).format('lll')} | \r\n{mmo.status} | \r\n{mmo.transactionStatus} | \r\n{getTransactionType(mmo.transactionType)} | \r\n{mmo.transactionRefId ? mmo.transactionRefId : '--'} | \r\n\r\n \r\n \r\n | \r\n
\r\n \r\n \r\n \r\n\r\n \r\n\r\n {\r\n response && actionType === \"1\" &&\r\n \r\n {result.length > 0 && \r\n
}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n Total Records : {totalRec}\r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n );\r\n};\r\n\r\n\r\n\r\n\r\nexport default privacyPolicy;","import React, { useEffect, useState } from \"react\";\r\n\r\nimport {\r\n Button,\r\n Card,\r\n CardBody,\r\n CardHeader,\r\n Col,\r\n Container,\r\n Form,\r\n FormGroup,\r\n Input,\r\n Row,\r\n} from \"reactstrap\";\r\n\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { useParams } from \"react-router-dom/cjs/react-router-dom.min\";\r\nimport axios from \"axios\";\r\nimport { API_ENDPOINTS } from \"appConfig\";\r\nimport UserGif from \"../../assets/img/brand/verified.png\";\r\nimport OTPInput from \"react-otp-input\";\r\n\r\nconst initialValue = {\r\n userId: \"\",\r\n otp: \"\",\r\n otpType: \"ChangePIN\",\r\n password: \"\",\r\n pin: \"\",\r\n paymentAmount: 0,\r\n confirmPin: \"\",\r\n};\r\n\r\nconst WhiteListCustomer = (props) => {\r\n const [values, setValues] = useState(initialValue);\r\n const [errors, setErrors] = useState({});\r\n const [loading, setLoading] = useState(false);\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n\r\n const { addToast } = useToasts();\r\n const { id } = useParams();\r\n\r\n useEffect(() => {\r\n if (id) {\r\n setValues({ ...values, userId: id });\r\n }\r\n }, []);\r\n\r\n const handleInputChange = (e) => {\r\n var { name, value } = e.target;\r\n setValues({ ...values, [name]: value });\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const validate = (inputs) => {\r\n let errors = {};\r\n if (!inputs.otp?.trim()) {\r\n errors.otp = \"OTP is required\";\r\n }\r\n if (!inputs.pin?.trim()) {\r\n errors.pin = \"Pin is required\";\r\n }\r\n if (inputs.pin?.trim().length < 3) {\r\n errors.pin = \"PIN must be 4 digits or longer.\";\r\n }\r\n if (!inputs.confirmPin?.trim()) {\r\n errors.confirmPin = \"Confirm Pin is required\";\r\n }\r\n if (inputs.confirmPin?.trim() !== inputs?.pin?.trim()) {\r\n errors.confirmPin = \"Pin and Confirm Pin Mismatch\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (!isNoError) {\r\n return;\r\n }\r\n setLoading(true);\r\n const { confirmPin, ...rest } = values;\r\n axios\r\n .post(\r\n `${API_ENDPOINTS}/api/Auth/VerifyCustomerOTP`,\r\n { ...rest },\r\n {\r\n headers: {\r\n PIN1: values.pin,\r\n PIN2: values.confirmPin,\r\n },\r\n }\r\n )\r\n .then((res) => {\r\n setLoading(false);\r\n if (res.data.responseCode === \"200\") {\r\n setIsSuccess(true);\r\n } else {\r\n const errorMsg = \"You have entered the wrong OTP. Please try again.\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n setIsSuccess(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n \r\n\r\n Your privacy is very important to us. This privacy policy discloses how Smart Systems Sierra Leone Limited and its applications (“SmartPay”, “SmartBill”, “SmartShop”, or “SmartPower”) will collect, use and share personal information about you. Smart Systems recognizes the need for appropriate protections and management of the personal information you provide us.\r\n This Privacy Policy is designed to both inform you of your rights in respect to the collection and storage of personal information, and to help us ensure that we comply with applicable law in the countries in which we operate.\r\n This Privacy Policy .\r\n
\r\nPrivacy Policy
\r\n\r\n Your privacy is very important to us. This privacy policy discloses how Smart Systems Sierra Leone Limited and its applications (“SmartPay”, “SmartBill”, “SmartShop”, or “SmartPower”) will collect, use and share personal information about you. Smart Systems recognizes the need for appropriate protections and management of the personal information you provide us.\r\n This Privacy Policy is designed to both inform you of your rights in respect to the collection and storage of personal information, and to help us ensure that we comply with applicable law in the countries in which we operate.\r\n \r\nInformation We Collect
\r\n Personal information is information or an opinion about you or which is reasonably identifiable as you, whether or not the information or opinion is true and whether or not the information is recorded in a material form.When you register for services that we may offer, place an order, meet us face - to - face meeting, correspond with us online, via mobile applications, mail, email or telephone, subscribe to our newsletter, or fill out any forms we provide you with, we may collect, the following personal information(without limitation):\r\n- \r\n
- Your name. \r\n
- Your date of birth. \r\n
- Your physical and/or postal address. \r\n
- Your email address. \r\n
- Your phone number. \r\n
- A copy of your passport (or other proof of identification). \r\n
- Credit information, such as details relating to your credit history, credit capacity, and credit eligibility. \r\n
- Records of our interactions with you. \r\n
- Your mobile money account number. \r\n
\r\n In addition to the above, if you conduct a business or financial transaction with Smart Systems, or through a merchant or biller using a system that is managed by Smart Systems, we will collect payment and transaction data (including the name, amount, frequency, type, location, origin and recipients) from you at the time we process those transactions, as required in order to allow the transaction to be completed.\r\n We may collect personal information about:\r\n
\r\n- \r\n
- Contractors and suppliers. \r\n
- Third parties seeking or using our services. \r\n
- Other people who come into contact with us in the ordinary course of business\r\n Applicants applying for a job or position with us: we may collect certain information from you (including your name, contact details, working history and relevant records checks) from any recruitment consultant, your previous employers and others who may be able to provide information to us to assist in our decision whether or not to make you an offer of employment or engage you under a contract. This Privacy Policy does not apply to acts and practices in relation to employee records of our current and former employees, which are exempt from privacy laws.\r\n In some cases, we collect personal information from third parties including public sources, our related companies and our service providers. \r\n
Using Your Personal Information
\r\nAny of the personal information we collect from you may be used in one of the following ways:
\r\n- \r\n
- To undertake customer due diligence to ensure we comply with our obligations within the laws of Sierra Leone to prevent and (if necessary) report financial crimes. \r\n
- To personalize your experience of our Website and services (your personal information helps us to better respond to your individual needs).. \r\n
- To improve customer service (your information helps us to more effectively respond to your customer service requests and support your needs).. \r\n
- To process transactions, or deliver purchased products or services requested. \r\n
- To administer the product(s) or service(s) we provide you (including by answering any question, requests or complaints you may have). \r\n
- To track traffic through our Website. \r\n
- To consider your employment or contractual engagement application. \r\n
- Where you have specifically consented to us doing so, to:\r\n
Communicate with you in relation to products and services we offer which we feel may be of interest to you; and/or.
\r\n Communicate with you on behalf of our business partners.
\r\n • Such other purposes that we will notify you of at the time we collect your personal information.\r\n • The personal information you submit is gathered only on a voluntary basis; you may choose to not provide the personal information, although this may mean that you are unable to access certain services.\r\n
Sharing Your Information
\r\n\r\n We do not sell personal information to third parties. Except as set out below, your personal information will not be exchanged, transferred, or given to third parties for any reason without your consent.\r\n We may share your personal information with third parties in the following circumstances:\r\n
\r\n- \r\n
- To the extent necessary to deliver purchased products or services requested. \r\n
- To enterprise resource planning (ERP) service providers, as necessary for the storage of your information on the cloud. Currently, Smart Systems stores data (including personal information) using various solutions. \r\n
- Registering a Security Interest against Smart Systems owned equipment. \r\n
- Where we believe in good faith that we are required to do so by law. \r\n
- We may provide non-personally identifiable information to other parties for marketing, advertising, or other uses. \r\n
- To track traffic through our Website. \r\n
Protecting Your Information
\r\n\r\n We implement a variety of security measures to safeguard against loss, access, use, modification or disclosure of your personal information when you enter, submit, or access your personal information.\r\n We will retain your personal information only for as long as necessary to fulfil the purpose(s) for which it was collected and to comply with applicable laws. Your consent to such purpose(s) remains valid after termination of our relationship with you.\r\n We will take all reasonable steps to ensure that your personal information is accurate, up to date, complete, relevant and not misleading.\r\n Storing & Transferring Your Personal Information\r\n
\r\n\r\n Smart Systems’ business is operated in and from Sierra Leone. Accordingly, information is, in the first instance, processed in Sierra Leone.\r\n We may store your information in the cloud or on other types of electronic storage systems. All electronic storage system premises are located in Sierra Leone. Smart Systems ensures any cloud provider used is certified for security of the cloud in compliance with all the laws and regulations. Note that cloud agents are not to disclose information that Smart Systems stores on their services except as legally required.\r\n We take reasonable steps to ensure that all personal information that we collect is kept secure in accordance with industry standard physical, electronic and managerial procedures. All of our staff are trained to comply with this Privacy Policy. In respect of personal information collected online or stored electronically (including in the cloud) in particular, you acknowledge that no security system is impenetrable and that the security of such networks and systems can never be guaranteed. We also cannot guarantee that the information you supply will not be intercepted while being transmitted over the internet. Accordingly, any personal information which is transmitted to us is transmitted at your own risk.\r\n
\r\n\r\n PCI DSS\r\n The Payment Card Industry Data Security Standard (“PCI DSS”) includes a number of security requirements relating to cardholder data. Smart Systems will collect full card number/data information for our card services, therefore Smart Systems does is to be PCi DSS compliant always.\r\n
\r\n\r\nCookies
\r\n\r\n Cookies are small files that a site or its service provider transfers to your computer hard drive through your Web browser (if you allow) that enables the sites or service provider’s systems to recognize your browser and capture and remember certain information. We use cookies to:\r\n
\r\n- \r\n
- Track traffic patterns to our Website. \r\n
- Ensure that the most relevant content is being shown to you. \r\n
- Ensure that the most relevant content is being shown to you. \r\n
- Ensure that the most relevant content is being shown to you. \r\n\r\n
\r\n If you would rather that we did not use cookies with you, you can refuse them by turning them off in your browser and/or deleting them from your hard drive. You will still be able to visit our Website.\r\n
\r\n\r\nTerms & Conditions\r\n
\r\n\r\n Please also visit our Terms and Conditions section establishing the use, disclaimers, and limitations of liability governing the use of our website at:\r\n
\r\n- \r\n
- \r\n http://www.smartsystems.sl/terms-and-conditions/\r\n \r\n
\r\n This Website may contain links to third party websites for your convenience and information. Smart Systems does not control these sites or their privacy practices. We do not endorse or make any representations about third party websites, and any personal information you choose to give these sites will not be covered by this privacy policy. We encourage you to review the privacy policy of any company or website before submitting your personal information.\r\n
\r\n\r\nYour Rights to Access Information
\r\nWe will take reasonable steps to ensure that any personal information we collect is accurate, up-to-date, complete, relevant and not misleading, and any personal information that we use or disclose is up-to-date, complete, accurate and relevant.\r\n You may contact us to access, or request correction or deletion of your personal information. However, if you have any questions regarding this Privacy Policy you may contact us on one of the following:
\r\n- \r\n
- Phone: 8080 (within Sierra Leone). \r\n
- Mail: 8 Regent Road, Hill Station, Freetown, Sierra Leone. Attention: Privacy Officer. \r\n
- Email: support@smartsystems.sl\r\n \r\n\r\n
Privacy Complaints
\r\nIf you believe that we have breached this Privacy Policy, you may direct your complaint to us at support@smartsystems.sl or at 8 Regent Road, Hill Station, Freetown, Sierra Leone. Attention: Privacy Officer, please include your name, email and/or telephone number. We will review your complaint and liaise with you directly to resolve your complaint within a reasonable time.
\r\n\r\nPrivacy Breaches & Escalations
\r\n\r\n Smart Pay takes Privacy seriously and any Privacy breaches will be escalated internally to the Smart Systems Executive Team and the Board.
\r\n\r\n Smart Pay will follow the guidelines of the Privacy Commission in relation to the handling of any privacy breaches.\r\n
\r\n\r\n 
\r\n window.location.replace(\"/\")}\r\n >\r\n Ok\r\n \r\n
\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n Verified!\r\n
\r\n\r\n You are whitelisted on the SmartPay system. You can pay\r\n at any SmartPay POS machine. Happy paying!\r\n
\r\nLoading...
\r\n )}\r\n {step === 0 && isExpired && (\r\nLink expired!
\r\n )}\r\n {step === 1 && isVerified && (\r\n\r\n \r\n
\r\n )}\r\n {step === 2 && isSuccess && (\r\n <>\r\n {\" \"}\r\n \r\n \r\n Account Details\r\n \r\n
\r\n \r\n )}\r\n {step === 3 && isSentOtp && (\r\n \r\n \r\n Account Name\r\n \r\n
\r\n \r\n {maskText(customer.accountName) ?? \"-\"}\r\n
\r\n\r\n \r\n Branch Name\r\n \r\n
\r\n \r\n {maskText(customer.branchName) ?? \"-\"}\r\n
\r\n\r\n \r\n Account No\r\n \r\n
\r\n \r\n {maskText(customer.accountNo) ?? \"-\"}\r\n
\r\n\r\n \r\n Email\r\n \r\n
\r\n \r\n {maskText(customer?.custEmail) ?? \"-\"}\r\n
\r\n\r\n \r\n Available Balance\r\n \r\n
\r\n \r\n {maskText(customer?.avlBal) ?? \"-\"}\r\n
\r\n\r\n \r\n Customer Id\r\n \r\n
\r\n \r\n {maskText(customer?.custId) ?? \"-\"}\r\n
\r\n\r\n \r\n Customer Name\r\n \r\n
\r\n \r\n {maskText(customer?.customerName) ?? \"-\"}\r\n
\r\n\r\n \r\n Customer Phone\r\n \r\n
\r\n \r\n {maskText(customer?.custPhone) ?? \"-\"}\r\n
\r\n\r\n \r\n Gender\r\n \r\n
\r\n \r\n {customer?.gender ?? \"-\"}\r\n
\r\n\r\n \r\n DOB\r\n \r\n
\r\n \r\n {maskText(\r\n new Date(customer?.dateOfBirth).toLocaleDateString()\r\n ) ?? \"-\"}\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n )}\r\n \r\n Verification has started, and you have received the OTP to\r\n complete the verification on your bank-registered email\r\n and phone.\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {search.status === \"success\"\r\n ? \"Smart Pay wallet Top up is successful\"\r\n : \"Smart Pay Wallet Top up failed\"}\r\n
\r\nWallet Number: {search.wallet}
\r\nReference Number: {search.reference}
\r\n\r\n history.push(\"/top-up\")}\r\n className=\"bg-blue\"\r\n style={{ color: \"white\" }}\r\n >\r\n Exit Page\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default PaymentInfo;\r\n","import React, { useState } from \"react\";\r\nimport {\r\n TabContent,\r\n TabPane,\r\n Nav,\r\n NavItem,\r\n NavLink,\r\n Card,\r\n Row,\r\n Col,\r\n Container,\r\n CardBody,\r\n CardHeader,\r\n FormGroup,\r\n Input,\r\n InputGroupText,\r\n InputGroupAddon,\r\n InputGroup,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n} from \"reactstrap\";\r\nimport classnames from \"classnames\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { checkSpace, getMethod } from \"services/httpServices\";\r\n\r\nimport Header from \"components/Headers/Header.js\";\r\nimport PreviewSubscriber from \"../preview-subscriber\";\r\nimport {\r\n AUTH_MODE,\r\n AMOUNT_HINT,\r\n PIN_HINT,\r\n PASSWORD_HINT,\r\n MOBILE_ONLY_COUNTRY,\r\n} from \"appConfig\";\r\nimport { checkBankAccNo, checkName, checkBbanValidation } from \"services/util\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\n\r\nconst MODES = AUTH_MODE;\r\n\r\nconst initialValue = {\r\n firstName: \"\",\r\n lastName: \"\",\r\n mobileCode: \"\",\r\n phone: \"\",\r\n mobWithoutCC: \"\",\r\n email: \"\",\r\n mobileMoney: \"\",\r\n mobileMoneyAccNo: \"\",\r\n bank: \"22\",\r\n bban: \"\",\r\n bankLinkedMobileCode: 0,\r\n bankLinkedPhone: 0,\r\n bankMobWithoutCC: 0,\r\n password: \"\",\r\n oneFAAmt: \"50000\",\r\n authMode: \"1FA\",\r\n pin: \"\",\r\n registerType: \"super_agent\", //to check submit user type in preview subscriber modal\r\n subscriberType: \"Individual\",\r\n organisationName: \"\",\r\n bankAccNo: \"\",\r\n};\r\n\r\nconst navItemCls = {\r\n minWidth: \"120px\",\r\n textAlign: \"center\",\r\n};\r\n\r\nconst cardHeaderCls = {\r\n backgroundColor: \"#6490CA\",\r\n};\r\n\r\nconst HINT = AMOUNT_HINT;\r\n\r\nconst AddSuperAgent = (props) => {\r\n const [activeTab, setActiveTab] = useState(\"1\");\r\n const [values, setValues] = React.useState(initialValue);\r\n const [showPswd, setShowPswd] = React.useState(false);\r\n const [showPin, setShowPin] = React.useState(false);\r\n const [open, setOpen] = React.useState(false);\r\n const [errors, setErrors] = React.useState({});\r\n const [, setDisableTab2] = React.useState(true);\r\n const [disableTab3, setDisableTab3] = React.useState(true);\r\n const [banks, setBanks] = React.useState(null);\r\n const [mobileMoney, setMMO] = React.useState(null);\r\n const { addToast } = useToasts();\r\n\r\n React.useEffect(() => {\r\n fetchBank();\r\n fetchMMO();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n const toggle = (tab) => {\r\n if (activeTab !== tab) setActiveTab(tab);\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n var { name, value } = e.target;\r\n\r\n if (checkSpace(value)) {\r\n if (name === \"phone\" || name === \"bankLinkedPhone\") {\r\n if (checkMobValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"firstName\") {\r\n if (checkName(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"lastName\") {\r\n if (checkName(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"organisationName\") {\r\n if (checkName(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bban\") {\r\n if (checkBbanValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"mobileMoneyAccNo\") {\r\n if (checkMobileMoneyAccNo(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n // } else if (name === 'password') {\r\n // if (pswdValidation(value)) {\r\n // setValues({ ...values, [name]: value });\r\n // }\r\n } else if (name === \"pin\") {\r\n if (pinValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"oneFAAmt\") {\r\n if (checkDigitOnly(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bankAccNo\") {\r\n if (checkBankAccNo(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else {\r\n setValues({ ...values, [name]: value });\r\n }\r\n }\r\n };\r\n\r\n const phoneChange = (value, data, event, formattedValue) => {\r\n if (data.dialCode && data.dialCode.length) {\r\n setValues({\r\n ...values,\r\n phone: value,\r\n mobileCode: data.dialCode,\r\n mobWithoutCC: value.substring(data.dialCode.length),\r\n });\r\n }\r\n return;\r\n };\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n setValues({ ...initialValue });\r\n setActiveTab(\"1\");\r\n setDisableTab2(true);\r\n setDisableTab3(true);\r\n };\r\n\r\n const reviewModal = () => {\r\n setOpen(false);\r\n };\r\n\r\n const checkMobValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 6) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const checkMobileMoneyAccNo = (value) => {\r\n if (value.length <= 11) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const pinValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 4) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const checkProfileTab = () => {\r\n let error = {};\r\n let valid = true;\r\n if (!values.subscriberType) {\r\n error.subscriberType = \"Please select subscriber type\";\r\n valid = false;\r\n }\r\n\r\n if (!values.firstName) {\r\n error.firstName = \"First Name is Required\";\r\n valid = false;\r\n }\r\n if (!values.lastName) {\r\n error.lastName = \"Last Name is Required\";\r\n valid = false;\r\n }\r\n if (!values.mobileCode) {\r\n error.mobileCode = \"Mobile Code is Required\";\r\n valid = false;\r\n }\r\n if (!values.phone) {\r\n error.phone = \"Phone Number is Required\";\r\n valid = false;\r\n } else if (!values.mobWithoutCC) {\r\n error.phone = \"Phone Number is Required\";\r\n valid = false;\r\n }\r\n if (!values.password) {\r\n error.password = \"Password is Required\";\r\n valid = false;\r\n } else if (values.password.length < 6) {\r\n error.password = \"Password should have atleast 6 characters\";\r\n valid = false;\r\n }\r\n\r\n if (!values.pin) {\r\n error.pin = \"PIN is Required\";\r\n valid = false;\r\n } else if (values.pin.length !== 4) {\r\n error.pin = \"PIN should have 4 characters\";\r\n valid = false;\r\n }\r\n if (values.email) {\r\n if (!checkEmail(values.email)) {\r\n error.email = \"Please enter valid email\";\r\n valid = false;\r\n }\r\n }\r\n setErrors(error);\r\n return valid;\r\n };\r\n\r\n const checkEmail = (email) => {\r\n let emailRegEx = /\\S+@\\S+\\.\\S+/;\r\n if (emailRegEx.test(email)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const validateProfile = () => {\r\n if (checkProfileTab()) {\r\n toggle(\"3\");\r\n setDisableTab2(false);\r\n setValues({\r\n ...values,\r\n bankAccNo: values.phone,\r\n bankLinkedPhone: 0,\r\n });\r\n } else {\r\n setDisableTab2(true);\r\n setDisableTab3(true);\r\n }\r\n };\r\n\r\n const checkBank = () => {\r\n let error = {};\r\n let valid = true;\r\n if (!values.bank) {\r\n error.bank = \"Bank is Required\";\r\n valid = false;\r\n }\r\n\r\n if (!values.authMode) {\r\n error.authMode = \"Please select authentication mode\";\r\n valid = false;\r\n }\r\n\r\n if (values.authMode === \"1FA\" && values.oneFAAmt === \"\") {\r\n error.oneFAAmt = \"Please enter amount\";\r\n valid = false;\r\n }\r\n\r\n if (!values.bankAccNo) {\r\n error.bankAccNo = \"Please enter bank account number\";\r\n valid = false;\r\n } else if (values.bankAccNo.length < 8 || values.bankAccNo.length > 18) {\r\n error.bankAccNo = \"Please enter 8 to 18 digit Bank Account Number\";\r\n valid = false;\r\n }\r\n setErrors(error);\r\n return valid;\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const validateBank = () => {\r\n if (checkBank()) {\r\n setOpen(true);\r\n }\r\n };\r\n\r\n const fetchBank = async () => {\r\n let errorMsg = \"\";\r\n getMethod(\"/api/FSP/GetAll\", \"get\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data.result.length) {\r\n res.data.result = [];\r\n }\r\n setBanks(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const fetchMMO = async () => {\r\n let errorMsg = \"\";\r\n getMethod(\"/api/MobileMoney/ddllist\", \"get\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data.result.length) {\r\n res.data.result = [];\r\n }\r\n setMMO(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const checkDigitOnly = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AddSuperAgent;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Container,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { checkSpace, postMethod } from \"services/httpServices\";\r\nimport { AUTH_MODE, AMOUNT_HINT, MOBILE_ONLY_COUNTRY } from \"appConfig\";\r\nimport { checkBankAccNo } from \"services/util\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { checkBbanValidation } from \"services/util\";\r\n\r\nconst MODES = AUTH_MODE;\r\nconst HINT = AMOUNT_HINT;\r\nconst initialValue = {};\r\n\r\nconst EditSuperAgent = (props) => {\r\n initialValue.firstName = props.firstName;\r\n initialValue.lastName = props.lastName;\r\n initialValue.mobileNumber = props.mobileNumber;\r\n initialValue.mobileCode = props.mobileCode;\r\n initialValue.mmoId = props.mmoId;\r\n initialValue.bankProfileId = props.bankProfileId;\r\n initialValue.mobileMoneyAccNo = props.mobileMoneyAccNo;\r\n initialValue.bban = props.bban === \"null\" ? \"\" : props.bban;\r\n initialValue.bbanLinkMobileCode = props.bbanLinkMobileCode;\r\n initialValue.bbanLinkMobileNumber =\r\n props?.bbanLinkMobileNumber === null\r\n ? props.mobileNumber\r\n : props?.bbanLinkMobileNumber;\r\n initialValue.id = props.id;\r\n initialValue.bankList = props.bankList;\r\n initialValue.mobileMoneyList = props.mobileMoneyList;\r\n initialValue.email = props.email;\r\n initialValue.mmoAccountNumber = props.mmoAccountNumber;\r\n initialValue.authMode = props.authFactorType ? props.authFactorType : \"\";\r\n initialValue.oneFAAmt = props.excidedPaymentAmount\r\n ? props.excidedPaymentAmount\r\n : 0;\r\n initialValue.subscriberType = props.subscriberType\r\n ? props.subscriberType\r\n : \"\";\r\n initialValue.organizationName = props.organizationName\r\n ? props.organizationName\r\n : \"\";\r\n initialValue.bankAccNo = props.bankAccountNumber\r\n ? props.bankAccountNumber\r\n : \"\";\r\n\r\n const [values, setValues] = React.useState(initialValue);\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const mobWithCC = values.mobileCode + values.mobileNumber;\r\n const bankMobWithCC =\r\n values.bbanLinkMobileCode + values?.bbanLinkMobileNumber;\r\n const { addToast } = useToasts();\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n if (name === \"phone\") {\r\n if (checkMobValidation(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bban\") {\r\n if (checkBbanValidation(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"mmoAccountNumber\") {\r\n if (checkMobileMoneyAccNo(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bbanLinkMobileNumber\") {\r\n if (checkMobValidation(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"oneFAAmt\") {\r\n if (checkDigitOnly(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bankAccNo\") {\r\n if (checkBankAccNo(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else {\r\n changeState({ ...values, [name]: value });\r\n }\r\n }\r\n };\r\n\r\n const phoneChange = (value, data, event, formattedValue) => {\r\n if (data.dialCode && data.dialCode.length) {\r\n changeState({\r\n ...values,\r\n bankMobWithCC: value,\r\n bbanLinkMobileCode: data.dialCode,\r\n bbanLinkMobileNumber: value.substring(data.dialCode.length),\r\n });\r\n }\r\n return;\r\n };\r\n\r\n const changeState = (obj) => {\r\n setValues(obj);\r\n };\r\n\r\n const checkMobileMoneyAccNo = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 11) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const checkMobValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 6) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const validate = (inputs) => {\r\n let emailRegEx = /\\S+@\\S+\\.\\S+/;\r\n let errors = {};\r\n if (inputs.mobileNumber) {\r\n inputs.mobileNumber = inputs.mobileNumber.toString();\r\n }\r\n if (inputs.bban) {\r\n inputs.bban = inputs.bban.toString();\r\n }\r\n if (inputs.bbanLinkMobileNumber) {\r\n inputs.bbanLinkMobileNumber = inputs.bbanLinkMobileNumber.toString();\r\n }\r\n if (inputs.subscriberType === \"Individual\") {\r\n if (!inputs.firstName) {\r\n errors.firstName = \"First Name is required\";\r\n }\r\n if (!inputs.lastName) {\r\n errors.lastName = \"Last Name is required\";\r\n }\r\n } else if (inputs.subscriberType === \"Organisation\") {\r\n if (!inputs.organizationName) {\r\n errors.organizationName = \"Organisation Name is Required\";\r\n }\r\n }\r\n\r\n if (!inputs.mobileCode) {\r\n errors.mobileCode = \"Please select mobile code\";\r\n }\r\n if (!inputs.mobileNumber) {\r\n errors.mobileNumber = \"Phone Number is Required\";\r\n }\r\n if (inputs.email && !emailRegEx.test(inputs.email)) {\r\n errors.email = \"Enter valid email\";\r\n }\r\n if (inputs.mmoId) {\r\n if (!inputs.mmoAccountNumber) {\r\n errors.mmoAccountNumber = \"Mobile Money account number is required\";\r\n }\r\n }\r\n\r\n if (!inputs.bankProfileId) {\r\n errors.bankProfileId = \"Bank is required\";\r\n }\r\n\r\n if (\r\n inputs?.bban?.length !== 0 &&\r\n (inputs?.bban?.length < 8 || inputs?.bban?.length > 18)\r\n ) {\r\n errors.bban = \"BBAN should have 8 to 18 digits\";\r\n }\r\n\r\n if (!inputs.authMode) {\r\n errors.authMode = \"Please select authentication mode\";\r\n }\r\n if (!inputs.bankAccNo) {\r\n errors.bankAccNo = \"Please enter bank account number\";\r\n } else if (inputs.bankAccNo.length < 8 || inputs.bankAccNo.length > 18) {\r\n errors.bankAccNo = \"Please enter 8 to 18 digit Bank Account Number\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n var data = new FormData();\r\n if (values.subscriberType === \"Individual\") {\r\n data.append(\"FirstName\", values.firstName);\r\n data.append(\"LastName\", values.lastName);\r\n } else if (values.subscriberType === \"Organisation\") {\r\n data.append(\"OrganizationName\", values.organizationName);\r\n }\r\n data.append(\"SubscriberType\", values.subscriberType);\r\n data.append(\"MobileCode\", values.mobileCode);\r\n data.append(\"MobileNumber\", values.mobileNumber);\r\n data.append(\"Email\", values.email ? values.email : \"\");\r\n data.append(\"BBAN\", values.bban);\r\n data.append(\"BBANLinkMobileNumber\", values.bbanLinkMobileNumber);\r\n data.append(\"BBANLinkMobileCode\", values.bbanLinkMobileCode);\r\n data.append(\"AccountCreatedBy\", \"Admin\");\r\n data.append(\"Password\", values.password);\r\n data.append(\"BankProfileId\", values.bankProfileId);\r\n data.append(\"IsVerifiedByAdmin\", true);\r\n data.append(\"Id\", values.id);\r\n if (values.mmoId) {\r\n data.append(\"MMOId\", values.mmoId);\r\n } else {\r\n data.append(\"MMOId\", 0);\r\n }\r\n if (values.mmoAccountNumber) {\r\n data.append(\"MMOAccountNumber\", values.mmoAccountNumber);\r\n } else {\r\n data.append(\"MMOAccountNumber\", \"\");\r\n }\r\n data.append(\"AuthFactorType\", values.authMode);\r\n data.append(\r\n \"ExcidedPaymentAmount\",\r\n values.authMode === \"1FA\" ? values.oneFAAmt : 0\r\n );\r\n data.append(\"BankAccountNumber\", values.bankAccNo);\r\n if (values.bankProfileId > 0) {\r\n data.append(\"isBankInfoAvailable\", true);\r\n }\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\"/api/Agent/updateSuperAgent\", data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n notifySuccess(\"Updated Successfuly\");\r\n closeModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || \"Error while saving\";\r\n notifyFailed(errorMsg);\r\n // setSError(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in saving\";\r\n notifyFailed(errorMsg);\r\n // setSError(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n // setSError(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n };\r\n\r\n const checkDigitOnly = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {/* Page content */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n Profile Info\r\n
\r\n \r\n\r\n {values.subscriberType && (\r\n
\r\n \r\n \r\n \r\n \r\n First Name\r\n \r\n \r\n \r\n \r\n \r\n Last Name\r\n \r\n \r\n \r\n\r\n \r\n \r\n Email\r\n \r\n \r\n \r\n\r\n \r\n \r\n PIN\r\n \r\n \r\n \r\n \r\n setShowPin(true)}\r\n />\r\n \r\n \r\n )}\r\n\r\n {showPin && (\r\n \r\n \r\n setShowPin(false)}\r\n />\r\n \r\n \r\n )}\r\n \r\n *{\" \"}\r\n \r\n {PIN_HINT}\r\n \r\n {errors.pin && (\r\n \r\n \r\n\r\n \r\n \r\n Phone Number\r\n \r\n \r\n \r\n \r\n \r\n Password\r\n \r\n \r\n \r\n \r\n setShowPswd(true)}\r\n />\r\n \r\n \r\n )}\r\n\r\n {showPswd && (\r\n \r\n \r\n setShowPswd(false)}\r\n />\r\n \r\n \r\n )}\r\n \r\n *{\" \"}\r\n \r\n {PASSWORD_HINT}\r\n \r\n {errors.password && (\r\n \r\n \r\n\r\n \r\n \r\n Save and Next\r\n \r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n * {errors.firstName}\r\n
\r\n )}\r\n \r\n * {errors.lastName}\r\n
\r\n )}\r\n \r\n * {errors.email}\r\n
\r\n )}\r\n \r\n * {errors.pin}\r\n
\r\n )}\r\n \r\n * {errors.phone}\r\n
\r\n )}\r\n \r\n * {errors.password}\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n FSP\r\n \r\n \r\n \r\n {banks &&\r\n banks.map((c) => (\r\n \r\n ))}\r\n \r\n {errors.bank && (\r\n \r\n \r\n\r\n \r\n \r\n Bank Account Number\r\n \r\n \r\n \r\n\r\n \r\n \r\n Authentication Mode\r\n \r\n \r\n \r\n {MODES.map((c) => (\r\n \r\n ))}\r\n \r\n {errors.authMode && (\r\n \r\n \r\n\r\n {values.authMode === \"1FA\" && (\r\n \r\n \r\n Enter amount for using 1FA\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Bank Info\r\n
\r\n \r\n\r\n * {errors.bank}\r\n
\r\n )}\r\n \r\n * {errors.bankAccNo}\r\n
\r\n )}\r\n \r\n * {errors.authMode}\r\n
\r\n )}\r\n \r\n \r\n * {HINT}\r\n \r\n
\r\n {errors.oneFAAmt && (\r\n \r\n * {errors.oneFAAmt}\r\n
\r\n )}\r\n \r\n \r\n Save and Review\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default EditSuperAgent;\r\n","import React, { useState } from \"react\";\r\nimport {\r\n TabContent,\r\n TabPane,\r\n Nav,\r\n NavItem,\r\n NavLink,\r\n Card,\r\n Row,\r\n Col,\r\n Container,\r\n CardBody,\r\n CardHeader,\r\n FormGroup,\r\n Input,\r\n InputGroupText,\r\n InputGroupAddon,\r\n InputGroup,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n Label,\r\n} from \"reactstrap\";\r\nimport classnames from \"classnames\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { checkSpace, getMethod } from \"services/httpServices\";\r\n\r\nimport Header from \"components/Headers/Header.js\";\r\nimport PreviewSubscriber from \"../preview-subscriber\";\r\nimport {\r\n AUTH_MODE,\r\n AMOUNT_HINT,\r\n PIN_HINT,\r\n PASSWORD_HINT,\r\n MOBILE_ONLY_COUNTRY,\r\n} from \"appConfig\";\r\nimport { checkBankAccNo, checkName, checkBbanValidation } from \"services/util\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { CASH_TOPUP_HINT } from \"appConfig\";\r\n\r\nconst MODES = AUTH_MODE;\r\n\r\nconst initialValue = {\r\n firstName: \"\",\r\n lastName: \"\",\r\n mobileCode: \"\",\r\n phone: \"\",\r\n mobWithoutCC: \"\",\r\n email: \"\",\r\n mobileMoney: \"\",\r\n mobileMoneyAccNo: \"\",\r\n bank: \"22\",\r\n bban: \"\",\r\n bankLinkedMobileCode: 0,\r\n bankLinkedPhone: 0,\r\n bankMobWithoutCC: 0,\r\n password: \"\",\r\n oneFAAmt: \"50000\",\r\n authMode: \"1FA\",\r\n pin: \"\",\r\n subscriberType: \"\",\r\n organisationName: \"\",\r\n bankAccNo: \"\",\r\n registerType: \"sub_agent\",\r\n cashTopupCommId: 0,\r\n cashTopUpCommList: [],\r\n};\r\n\r\nconst navItemCls = {\r\n minWidth: \"120px\",\r\n textAlign: \"center\",\r\n};\r\n\r\nconst cardHeaderCls = {\r\n backgroundColor: \"#6490CA\",\r\n};\r\n\r\nconst HINT = AMOUNT_HINT;\r\n\r\nconst AddSubAgent = (props) => {\r\n const [activeTab, setActiveTab] = useState(\"1\");\r\n const [values, setValues] = React.useState(initialValue);\r\n const [showPswd, setShowPswd] = React.useState(false);\r\n const [showPin, setShowPin] = React.useState(false);\r\n const [open, setOpen] = React.useState(false);\r\n const [errors, setErrors] = React.useState({});\r\n const [, setDisableTab2] = React.useState(true);\r\n const [disableTab3, setDisableTab3] = React.useState(true);\r\n const [banks, setBanks] = React.useState(null);\r\n const [mobileMoney, setMMO] = React.useState(null);\r\n const [cashTopUpComm, setCashTopUpComm] = React.useState([]);\r\n const { addToast } = useToasts();\r\n\r\n React.useEffect(() => {\r\n fetchBank();\r\n fetchMMO();\r\n fetchCashTopUpCommission();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n // if (values.subscriberType === \"Organisation\") {\r\n // setValues({ ...values, firstName: \"\", lastName: \"\" });\r\n // } else if (values.subscriberType === \"Individual\") {\r\n // setValues({ ...values, organisationName: \"\" });\r\n // }\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [values.subscriberType]);\r\n\r\n const toggle = (tab) => {\r\n if (activeTab !== tab) setActiveTab(tab);\r\n };\r\n\r\n const fetchCashTopUpCommission = () => {\r\n let errorMsg = \"\";\r\n getMethod(\"/api/commission/ddllist?CommissionType=CashTopUp\", \"get\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data.result.length) {\r\n res.data.result = [];\r\n }\r\n setCashTopUpComm(res.data.result);\r\n setValues({ ...values, cashTopUpCommList: res.data.result });\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg =\r\n res.data.responseMessage || \"Error in fetching commission\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n var { name, value } = e.target;\r\n\r\n // value = value.trim();\r\n if (checkSpace(value)) {\r\n if (name === \"phone\" || name === \"bankLinkedPhone\") {\r\n if (checkMobValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"firstName\") {\r\n if (checkName(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"lastName\") {\r\n if (checkName(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"organisationName\") {\r\n if (checkName(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bban\") {\r\n if (checkBbanValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"mobileMoneyAccNo\") {\r\n if (checkMobileMoneyAccNo(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n // } else if (name === 'password') {\r\n // if (pswdValidation(value)) {\r\n // setValues({ ...values, [name]: value });\r\n // }\r\n } else if (name === \"pin\") {\r\n if (pinValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"oneFAAmt\") {\r\n if (checkDigitOnly(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bankAccNo\") {\r\n if (checkBankAccNo(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else {\r\n setValues({ ...values, [name]: value });\r\n }\r\n }\r\n };\r\n\r\n const phoneChange = (value, data, event, formattedValue) => {\r\n if (data.dialCode && data.dialCode.length) {\r\n setValues({\r\n ...values,\r\n phone: value,\r\n mobileCode: data.dialCode,\r\n mobWithoutCC: value.substring(data.dialCode.length),\r\n });\r\n }\r\n return;\r\n };\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n setValues({ ...initialValue });\r\n setActiveTab(\"1\");\r\n setDisableTab2(true);\r\n setDisableTab3(true);\r\n };\r\n\r\n const reviewModal = () => {\r\n setOpen(false);\r\n };\r\n\r\n const checkMobValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 6) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const checkMobileMoneyAccNo = (value) => {\r\n if (value.length <= 11) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const pinValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 4) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const checkProfileTab = () => {\r\n let error = {};\r\n let valid = true;\r\n if (!values.subscriberType) {\r\n error.subscriberType = \"Please select subscriber type\";\r\n valid = false;\r\n }\r\n if (values.subscriberType === \"Individual\") {\r\n if (!values.firstName) {\r\n error.firstName = \"First Name is Required\";\r\n valid = false;\r\n }\r\n if (!values.lastName) {\r\n error.lastName = \"Last Name is Required\";\r\n valid = false;\r\n }\r\n }\r\n //else if (values.subscriberType === \"Organisation\") {\r\n // if (!values.organisationName) {\r\n // error.organisationName = \"Organsation Name is Required\";\r\n // valid = false;\r\n // }\r\n // }\r\n if (!values.mobileCode) {\r\n error.mobileCode = \"Mobile Code is Required\";\r\n valid = false;\r\n }\r\n if (!values.phone) {\r\n error.phone = \"Phone Number is Required\";\r\n valid = false;\r\n } else if (!values.mobWithoutCC) {\r\n error.phone = \"Phone Number is Required\";\r\n valid = false;\r\n }\r\n if (!values.password) {\r\n error.password = \"Password is Required\";\r\n valid = false;\r\n } else if (values.password.length < 6) {\r\n error.password = \"Password should have atleast 6 characters\";\r\n valid = false;\r\n }\r\n\r\n if (!values.pin) {\r\n error.pin = \"PIN is Required\";\r\n valid = false;\r\n } else if (values.pin.length !== 4) {\r\n error.pin = \"PIN should have 4 characters\";\r\n valid = false;\r\n }\r\n if (values.email) {\r\n if (!checkEmail(values.email)) {\r\n error.email = \"Please enter valid email\";\r\n valid = false;\r\n }\r\n }\r\n setErrors(error);\r\n return valid;\r\n };\r\n\r\n const checkEmail = (email) => {\r\n let emailRegEx = /\\S+@\\S+\\.\\S+/;\r\n if (emailRegEx.test(email)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const validateProfile = () => {\r\n if (checkProfileTab()) {\r\n toggle(\"3\");\r\n setDisableTab2(false);\r\n setValues({\r\n ...values,\r\n bankAccNo: values.phone,\r\n bankLinkedPhone: 0,\r\n });\r\n } else {\r\n setDisableTab2(true);\r\n setDisableTab3(true);\r\n }\r\n };\r\n\r\n const checkBank = () => {\r\n let error = {};\r\n let valid = true;\r\n if (!values.bank) {\r\n error.bank = \"Bank is Required\";\r\n valid = false;\r\n }\r\n\r\n if (!values.authMode) {\r\n error.authMode = \"Please select authentication mode\";\r\n valid = false;\r\n }\r\n\r\n if (values.authMode === \"1FA\" && values.oneFAAmt === \"\") {\r\n error.oneFAAmt = \"Please enter amount\";\r\n valid = false;\r\n }\r\n\r\n if (!values.bankAccNo) {\r\n error.bankAccNo = \"Please enter bank account number\";\r\n valid = false;\r\n } else if (values.bankAccNo.length < 8 || values.bankAccNo.length > 18) {\r\n error.bankAccNo = \"Please enter 8 to 18 digit Bank Account Number\";\r\n valid = false;\r\n }\r\n // if (!values.cashTopupCommId) {\r\n // error.cashTopupCommId = \"Please Select cash Topup commission\";\r\n // valid = false;\r\n // }\r\n setErrors(error);\r\n return valid;\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const validateBank = () => {\r\n if (checkBank()) {\r\n setOpen(true);\r\n }\r\n };\r\n\r\n const fetchBank = async () => {\r\n let errorMsg = \"\";\r\n getMethod(\"/api/FSP/GetAll\", \"get\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data.result.length) {\r\n res.data.result = [];\r\n }\r\n setBanks(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const fetchMMO = async () => {\r\n let errorMsg = \"\";\r\n getMethod(\"/api/MobileMoney/ddllist\", \"get\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data.result.length) {\r\n res.data.result = [];\r\n }\r\n setMMO(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const checkDigitOnly = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n return (\r\n Super Agent Information
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AddSubAgent;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Container,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { checkSpace, postMethod } from \"services/httpServices\";\r\nimport { AUTH_MODE, AMOUNT_HINT, MOBILE_ONLY_COUNTRY } from \"appConfig\";\r\nimport { checkBankAccNo } from \"services/util\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { checkBbanValidation } from \"services/util\";\r\nimport { CASH_TOPUP_HINT } from \"appConfig\";\r\nimport { getUserId } from \"services/httpServices\";\r\n\r\nconst MODES = AUTH_MODE;\r\nconst HINT = AMOUNT_HINT;\r\nconst initialValue = {};\r\n\r\nconst EditSubAgent = (props) => {\r\n initialValue.firstName = props.firstName;\r\n initialValue.lastName = props.lastName;\r\n initialValue.mobileNumber = props.mobileNumber;\r\n initialValue.mobileCode = props.mobileCode;\r\n initialValue.mmoId = props.mmoId;\r\n initialValue.bankProfileId = props.bankProfileId;\r\n initialValue.mobileMoneyAccNo = props.mobileMoneyAccNo;\r\n initialValue.bban = props.bban === \"null\" ? \"\" : props.bban;\r\n initialValue.bbanLinkMobileCode = props.bbanLinkMobileCode;\r\n initialValue.bbanLinkMobileNumber =\r\n props?.bbanLinkMobileNumber === null\r\n ? props.mobileNumber\r\n : props?.bbanLinkMobileNumber;\r\n initialValue.id = props.id;\r\n initialValue.bankList = props.bankList;\r\n initialValue.mobileMoneyList = props.mobileMoneyList;\r\n initialValue.email = props.email;\r\n initialValue.mmoAccountNumber = props.mmoAccountNumber;\r\n initialValue.authMode = props.authFactorType ? props.authFactorType : \"\";\r\n initialValue.oneFAAmt = props.excidedPaymentAmount\r\n ? props.excidedPaymentAmount\r\n : 0;\r\n initialValue.subscriberType = props.subscriberType\r\n ? props.subscriberType\r\n : \"\";\r\n initialValue.organizationName = props.organizationName\r\n ? props.organizationName\r\n : \"\";\r\n initialValue.bankAccNo = props.bankAccountNumber\r\n ? props.bankAccountNumber\r\n : \"\";\r\n initialValue.topUpCommissionId = props.topUpCommissionId\r\n\r\n const [values, setValues] = React.useState(initialValue);\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const mobWithCC = values.mobileCode + values.mobileNumber;\r\n const bankMobWithCC =\r\n values.bbanLinkMobileCode + values?.bbanLinkMobileNumber;\r\n const { addToast } = useToasts();\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n if (name === \"phone\") {\r\n if (checkMobValidation(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bban\") {\r\n if (checkBbanValidation(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"mmoAccountNumber\") {\r\n if (checkMobileMoneyAccNo(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bbanLinkMobileNumber\") {\r\n if (checkMobValidation(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"oneFAAmt\") {\r\n if (checkDigitOnly(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bankAccNo\") {\r\n if (checkBankAccNo(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else {\r\n changeState({ ...values, [name]: value });\r\n }\r\n }\r\n };\r\n\r\n const phoneChange = (value, data, event, formattedValue) => {\r\n if (data.dialCode && data.dialCode.length) {\r\n changeState({\r\n ...values,\r\n bankMobWithCC: value,\r\n bbanLinkMobileCode: data.dialCode,\r\n bbanLinkMobileNumber: value.substring(data.dialCode.length),\r\n });\r\n }\r\n return;\r\n };\r\n\r\n const changeState = (obj) => {\r\n setValues(obj);\r\n };\r\n\r\n const checkMobileMoneyAccNo = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 11) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const checkMobValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 6) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const validate = (inputs) => {\r\n let emailRegEx = /\\S+@\\S+\\.\\S+/;\r\n let errors = {};\r\n if (inputs.mobileNumber) {\r\n inputs.mobileNumber = inputs.mobileNumber.toString();\r\n }\r\n if (inputs.bban) {\r\n inputs.bban = inputs.bban.toString();\r\n }\r\n if (inputs.bbanLinkMobileNumber) {\r\n inputs.bbanLinkMobileNumber = inputs.bbanLinkMobileNumber.toString();\r\n }\r\n if (inputs.subscriberType === \"Individual\") {\r\n if (!inputs.firstName) {\r\n errors.firstName = \"First Name is required\";\r\n }\r\n if (!inputs.lastName) {\r\n errors.lastName = \"Last Name is required\";\r\n }\r\n } else if (inputs.subscriberType === \"Organisation\") {\r\n if (!inputs.organizationName) {\r\n errors.organizationName = \"Organisation Name is Required\";\r\n }\r\n }\r\n\r\n if (!inputs.mobileCode) {\r\n errors.mobileCode = \"Please select mobile code\";\r\n }\r\n if (!inputs.mobileNumber) {\r\n errors.mobileNumber = \"Phone Number is Required\";\r\n }\r\n if (inputs.email && !emailRegEx.test(inputs.email)) {\r\n errors.email = \"Enter valid email\";\r\n }\r\n if (inputs.mmoId) {\r\n if (!inputs.mmoAccountNumber) {\r\n errors.mmoAccountNumber = \"Mobile Money account number is required\";\r\n }\r\n }\r\n\r\n if (!inputs.bankProfileId) {\r\n errors.bankProfileId = \"Bank is required\";\r\n }\r\n\r\n if (\r\n inputs?.bban?.length !== 0 &&\r\n (inputs?.bban?.length < 8 || inputs?.bban?.length > 18)\r\n ) {\r\n errors.bban = \"BBAN should have 8 to 18 digits\";\r\n }\r\n\r\n if (!inputs.authMode) {\r\n errors.authMode = \"Please select authentication mode\";\r\n }\r\n if (!inputs.bankAccNo) {\r\n errors.bankAccNo = \"Please enter bank account number\";\r\n } else if (inputs.bankAccNo.length < 8 || inputs.bankAccNo.length > 18) {\r\n errors.bankAccNo = \"Please enter 8 to 18 digit Bank Account Number\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n var data = new FormData();\r\n if (values.subscriberType === \"Individual\") {\r\n data.append(\"FirstName\", values.firstName);\r\n data.append(\"LastName\", values.lastName);\r\n } else if (values.subscriberType === \"Organisation\") {\r\n data.append(\"OrganizationName\", values.organizationName);\r\n }\r\n data.append(\"SubscriberType\", values.subscriberType);\r\n data.append(\"MobileCode\", values.mobileCode);\r\n data.append(\"MobileNumber\", values.mobileNumber);\r\n data.append(\"Email\", values.email ? values.email : \"\");\r\n data.append(\"BBAN\", values.bban);\r\n data.append(\"BBANLinkMobileNumber\", values.bbanLinkMobileNumber);\r\n data.append(\"BBANLinkMobileCode\", values.bbanLinkMobileCode);\r\n data.append(\"AccountCreatedBy\", \"Admin\");\r\n data.append(\"Password\", values.password);\r\n data.append(\"BankProfileId\", values.bankProfileId);\r\n data.append(\"IsVerifiedByAdmin\", true);\r\n data.append(\"Id\", values.id);\r\n data.append(\"topUpCommissionId\", values.topUpCommissionId)\r\n if (values.mmoId) {\r\n data.append(\"MMOId\", values.mmoId);\r\n } else {\r\n data.append(\"MMOId\", 0);\r\n }\r\n if (values.mmoAccountNumber) {\r\n data.append(\"MMOAccountNumber\", values.mmoAccountNumber);\r\n } else {\r\n data.append(\"MMOAccountNumber\", \"\");\r\n }\r\n data.append(\"AuthFactorType\", values.authMode);\r\n data.append(\r\n \"ExcidedPaymentAmount\",\r\n values.authMode === \"1FA\" ? values.oneFAAmt : 0\r\n );\r\n data.append(\"BankAccountNumber\", values.bankAccNo);\r\n if (values.bankProfileId > 0) {\r\n data.append(\"isBankInfoAvailable\", true);\r\n }\r\n data.append('Type', props.type)\r\n data.append('SuperAgentProfileId', getUserId())\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\"/api/Agent/updateSubAgent\", data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n notifySuccess(\"Updated Successfully\");\r\n closeModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || \"Error while saving\";\r\n notifyFailed(errorMsg);\r\n // setSError(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in saving\";\r\n notifyFailed(errorMsg);\r\n // setSError(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n // setSError(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n };\r\n\r\n const checkDigitOnly = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {/* Page content */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n Profile Info\r\n
\r\n \r\n\r\n \r\n Sub Agent Type\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n {values.subscriberType && (\r\n
\r\n \r\n \r\n {/* {values.subscriberType === \"Individual\" && ( */}\r\n <>\r\n \r\n \r\n First Name\r\n \r\n \r\n \r\n \r\n \r\n Last Name\r\n \r\n \r\n \r\n \r\n {/* )} */}\r\n\r\n {/* {values.subscriberType === \"Organisation\" && (\r\n \r\n \r\n Organisation Name\r\n \r\n \r\n \r\n )} */}\r\n \r\n \r\n Email\r\n \r\n \r\n \r\n\r\n \r\n \r\n PIN\r\n \r\n \r\n \r\n \r\n setShowPin(true)}\r\n />\r\n \r\n \r\n )}\r\n\r\n {showPin && (\r\n \r\n \r\n setShowPin(false)}\r\n />\r\n \r\n \r\n )}\r\n \r\n *{\" \"}\r\n \r\n {PIN_HINT}\r\n \r\n {errors.pin && (\r\n \r\n \r\n\r\n \r\n \r\n Phone Number\r\n \r\n \r\n \r\n \r\n \r\n Password\r\n \r\n \r\n \r\n \r\n setShowPswd(true)}\r\n />\r\n \r\n \r\n )}\r\n\r\n {showPswd && (\r\n \r\n \r\n setShowPswd(false)}\r\n />\r\n \r\n \r\n )}\r\n \r\n *{\" \"}\r\n \r\n {PASSWORD_HINT}\r\n \r\n {errors.password && (\r\n \r\n \r\n\r\n \r\n \r\n Save and Next\r\n \r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n * {errors.firstName}\r\n
\r\n )}\r\n \r\n * {errors.lastName}\r\n
\r\n )}\r\n \r\n \r\n * {errors.organisationName}\r\n \r\n
\r\n )}\r\n \r\n * {errors.email}\r\n
\r\n )}\r\n \r\n * {errors.pin}\r\n
\r\n )}\r\n \r\n * {errors.phone}\r\n
\r\n )}\r\n \r\n * {errors.password}\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n FSP\r\n \r\n \r\n \r\n {banks &&\r\n banks.map((c) => (\r\n \r\n ))}\r\n \r\n {errors.bank && (\r\n \r\n \r\n\r\n \r\n \r\n Bank Account Number\r\n \r\n \r\n \r\n\r\n \r\n \r\n Authentication Mode\r\n \r\n \r\n \r\n {MODES.map((c) => (\r\n \r\n ))}\r\n \r\n {errors.authMode && (\r\n \r\n \r\n\r\n {values.authMode === \"1FA\" && (\r\n \r\n \r\n Enter amount for using 1FA\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Bank Info\r\n
\r\n \r\n\r\n * {errors.bank}\r\n
\r\n )}\r\n \r\n * {errors.bankAccNo}\r\n
\r\n )}\r\n \r\n * {errors.authMode}\r\n
\r\n )}\r\n \r\n \r\n * {HINT}\r\n \r\n
\r\n {errors.oneFAAmt && (\r\n \r\n * {errors.oneFAAmt}\r\n
\r\n )}\r\n \r\n \r\n Save and Review\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default EditSubAgent;\r\n","import React from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n Container,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { checkSpace, postMethod } from \"services/httpServices\";\r\nimport { AUTH_MODE, AMOUNT_HINT, MOBILE_ONLY_COUNTRY } from \"appConfig\";\r\nimport { checkBankAccNo } from \"services/util\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { checkBbanValidation } from \"services/util\";\r\n\r\nconst MODES = AUTH_MODE;\r\nconst HINT = AMOUNT_HINT;\r\nconst initialValue = {};\r\n\r\nconst EditMasterAgent = (props) => {\r\n initialValue.firstName = props.firstName;\r\n initialValue.lastName = props.lastName;\r\n initialValue.mobileNumber = props.mobileNumber;\r\n initialValue.mobileCode = props.mobileCode;\r\n initialValue.mmoId = props.mmoId;\r\n initialValue.bankProfileId = props.bankProfileId;\r\n initialValue.mobileMoneyAccNo = props.mobileMoneyAccNo;\r\n initialValue.bban = props.bban === \"null\" ? \"\" : props.bban;\r\n initialValue.bbanLinkMobileCode = props.bbanLinkMobileCode;\r\n initialValue.bbanLinkMobileNumber =\r\n props?.bbanLinkMobileNumber === null\r\n ? props.mobileNumber\r\n : props?.bbanLinkMobileNumber;\r\n initialValue.id = props.id;\r\n initialValue.bankList = props.bankList;\r\n initialValue.mobileMoneyList = props.mobileMoneyList;\r\n initialValue.email = props.email;\r\n initialValue.mmoAccountNumber = props.mmoAccountNumber;\r\n initialValue.authMode = props.authFactorType ? props.authFactorType : \"\";\r\n initialValue.oneFAAmt = props.excidedPaymentAmount\r\n ? props.excidedPaymentAmount\r\n : 0;\r\n initialValue.subscriberType = props.subscriberType\r\n ? props.subscriberType\r\n : \"\";\r\n initialValue.organizationName = props.organizationName\r\n ? props.organizationName\r\n : \"\";\r\n initialValue.bankAccNo = props.bankAccountNumber\r\n ? props.bankAccountNumber\r\n : \"\";\r\n\r\n const [values, setValues] = React.useState(initialValue);\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const mobWithCC = values.mobileCode + values.mobileNumber;\r\n const bankMobWithCC =\r\n values.bbanLinkMobileCode + values?.bbanLinkMobileNumber;\r\n const { addToast } = useToasts();\r\n\r\n const handleInputChange = (e) => {\r\n const { name, value } = e.target;\r\n if (checkSpace(value)) {\r\n if (name === \"phone\") {\r\n if (checkMobValidation(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bban\") {\r\n if (checkBbanValidation(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"mmoAccountNumber\") {\r\n if (checkMobileMoneyAccNo(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bbanLinkMobileNumber\") {\r\n if (checkMobValidation(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"oneFAAmt\") {\r\n if (checkDigitOnly(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bankAccNo\") {\r\n if (checkBankAccNo(value)) {\r\n changeState({ ...values, [name]: value });\r\n }\r\n } else {\r\n changeState({ ...values, [name]: value });\r\n }\r\n }\r\n };\r\n\r\n const phoneChange = (value, data, event, formattedValue) => {\r\n if (data.dialCode && data.dialCode.length) {\r\n changeState({\r\n ...values,\r\n bankMobWithCC: value,\r\n bbanLinkMobileCode: data.dialCode,\r\n bbanLinkMobileNumber: value.substring(data.dialCode.length),\r\n });\r\n }\r\n return;\r\n };\r\n\r\n const changeState = (obj) => {\r\n setValues(obj);\r\n };\r\n\r\n const checkMobileMoneyAccNo = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 11) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const checkMobValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 6) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const closeModal = () => {\r\n props.closeModal();\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const validate = (inputs) => {\r\n let emailRegEx = /\\S+@\\S+\\.\\S+/;\r\n let errors = {};\r\n if (inputs.mobileNumber) {\r\n inputs.mobileNumber = inputs.mobileNumber.toString();\r\n }\r\n if (inputs.bban) {\r\n inputs.bban = inputs.bban.toString();\r\n }\r\n if (inputs.bbanLinkMobileNumber) {\r\n inputs.bbanLinkMobileNumber = inputs.bbanLinkMobileNumber.toString();\r\n }\r\n if (inputs.subscriberType === \"Individual\") {\r\n if (!inputs.firstName) {\r\n errors.firstName = \"First Name is required\";\r\n }\r\n if (!inputs.lastName) {\r\n errors.lastName = \"Last Name is required\";\r\n }\r\n } else if (inputs.subscriberType === \"Organisation\") {\r\n if (!inputs.organizationName) {\r\n errors.organizationName = \"Organisation Name is Required\";\r\n }\r\n }\r\n\r\n if (!inputs.mobileCode) {\r\n errors.mobileCode = \"Please select mobile code\";\r\n }\r\n if (!inputs.mobileNumber) {\r\n errors.mobileNumber = \"Phone Number is Required\";\r\n }\r\n if (inputs.email && !emailRegEx.test(inputs.email)) {\r\n errors.email = \"Enter valid email\";\r\n }\r\n if (inputs.mmoId) {\r\n if (!inputs.mmoAccountNumber) {\r\n errors.mmoAccountNumber = \"Mobile Money account number is required\";\r\n }\r\n }\r\n\r\n if (!inputs.bankProfileId) {\r\n errors.bankProfileId = \"Bank is required\";\r\n }\r\n\r\n if (\r\n inputs?.bban?.length !== 0 &&\r\n (inputs?.bban?.length < 8 || inputs?.bban?.length > 18)\r\n ) {\r\n errors.bban = \"BBAN should have 8 to 18 digits\";\r\n }\r\n\r\n if (!inputs.authMode) {\r\n errors.authMode = \"Please select authentication mode\";\r\n }\r\n if (!inputs.bankAccNo) {\r\n errors.bankAccNo = \"Please enter bank account number\";\r\n } else if (inputs.bankAccNo.length < 8 || inputs.bankAccNo.length > 18) {\r\n errors.bankAccNo = \"Please enter 8 to 18 digit Bank Account Number\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n var data = new FormData();\r\n if (values.subscriberType === \"Individual\") {\r\n data.append(\"FirstName\", values.firstName);\r\n data.append(\"LastName\", values.lastName);\r\n } else if (values.subscriberType === \"Organisation\") {\r\n data.append(\"OrganizationName\", values.organizationName);\r\n }\r\n data.append(\"SubscriberType\", values.subscriberType);\r\n data.append(\"MobileCode\", values.mobileCode);\r\n data.append(\"MobileNumber\", values.mobileNumber);\r\n data.append(\"Email\", values.email ? values.email : \"\");\r\n data.append(\"BBAN\", values.bban);\r\n data.append(\"BBANLinkMobileNumber\", values.bbanLinkMobileNumber);\r\n data.append(\"BBANLinkMobileCode\", values.bbanLinkMobileCode);\r\n data.append(\"AccountCreatedBy\", \"Admin\");\r\n data.append(\"Password\", values.password);\r\n data.append(\"BankProfileId\", values.bankProfileId);\r\n data.append(\"IsVerifiedByAdmin\", true);\r\n data.append(\"Id\", values.id);\r\n if (values.mmoId) {\r\n data.append(\"MMOId\", values.mmoId);\r\n } else {\r\n data.append(\"MMOId\", 0);\r\n }\r\n if (values.mmoAccountNumber) {\r\n data.append(\"MMOAccountNumber\", values.mmoAccountNumber);\r\n } else {\r\n data.append(\"MMOAccountNumber\", \"\");\r\n }\r\n data.append(\"AuthFactorType\", values.authMode);\r\n data.append(\r\n \"ExcidedPaymentAmount\",\r\n values.authMode === \"1FA\" ? values.oneFAAmt : 0\r\n );\r\n data.append(\"BankAccountNumber\", values.bankAccNo);\r\n if (values.bankProfileId > 0) {\r\n data.append(\"isBankInfoAvailable\", true);\r\n }\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n postMethod(\"/api/Agent/updateMasterAgent\", data, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n notifySuccess(\"Updated Successfuly\");\r\n closeModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error while saving\r\n errorMsg = res.data.responseMessage || \"Error while saving\";\r\n notifyFailed(errorMsg);\r\n // setSError(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in saving\";\r\n notifyFailed(errorMsg);\r\n // setSError(errorMsg);\r\n }\r\n } else {\r\n // Not valid response from server\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n // setSError(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n };\r\n\r\n const checkDigitOnly = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {/* Page content */}\r\n Sub Agent Information
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default EditMasterAgent;\r\n","import React, { useState } from \"react\";\r\nimport {\r\n TabContent,\r\n TabPane,\r\n Nav,\r\n NavItem,\r\n NavLink,\r\n Card,\r\n Row,\r\n Col,\r\n Container,\r\n CardBody,\r\n CardHeader,\r\n FormGroup,\r\n Input,\r\n InputGroupText,\r\n InputGroupAddon,\r\n InputGroup,\r\n Button,\r\n Modal,\r\n ModalBody,\r\n} from \"reactstrap\";\r\nimport classnames from \"classnames\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { checkSpace, getMethod } from \"services/httpServices\";\r\n\r\nimport Header from \"components/Headers/Header.js\";\r\nimport PreviewSubscriber from \"../preview-subscriber\";\r\nimport {\r\n AUTH_MODE,\r\n AMOUNT_HINT,\r\n PIN_HINT,\r\n PASSWORD_HINT,\r\n MOBILE_ONLY_COUNTRY,\r\n} from \"appConfig\";\r\nimport { checkBankAccNo, checkName, checkBbanValidation } from \"services/util\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\n\r\nconst MODES = AUTH_MODE;\r\n\r\nconst initialValue = {\r\n firstName: \"\",\r\n lastName: \"\",\r\n mobileCode: \"\",\r\n phone: \"\",\r\n mobWithoutCC: \"\",\r\n email: \"\",\r\n mobileMoney: \"\",\r\n mobileMoneyAccNo: \"\",\r\n bank: \"22\",\r\n bban: \"\",\r\n bankLinkedMobileCode: 0,\r\n bankLinkedPhone: 0,\r\n bankMobWithoutCC: 0,\r\n password: \"\",\r\n oneFAAmt: \"50000\",\r\n authMode: \"1FA\",\r\n pin: \"\",\r\n registerType: \"master_agent\", //to check submit user type in preview subscriber modal\r\n subscriberType: \"Individual\",\r\n organisationName: \"\",\r\n bankAccNo: \"\",\r\n};\r\n\r\nconst navItemCls = {\r\n minWidth: \"120px\",\r\n textAlign: \"center\",\r\n};\r\n\r\nconst cardHeaderCls = {\r\n backgroundColor: \"#6490CA\",\r\n};\r\n\r\nconst HINT = AMOUNT_HINT;\r\n\r\nconst AddMasterAgent = (props) => {\r\n const [activeTab, setActiveTab] = useState(\"1\");\r\n const [values, setValues] = React.useState(initialValue);\r\n const [showPswd, setShowPswd] = React.useState(false);\r\n const [showPin, setShowPin] = React.useState(false);\r\n const [open, setOpen] = React.useState(false);\r\n const [errors, setErrors] = React.useState({});\r\n const [, setDisableTab2] = React.useState(true);\r\n const [disableTab3, setDisableTab3] = React.useState(true);\r\n const [banks, setBanks] = React.useState(null);\r\n const [mobileMoney, setMMO] = React.useState(null);\r\n const { addToast } = useToasts();\r\n\r\n React.useEffect(() => {\r\n fetchBank();\r\n fetchMMO();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n const toggle = (tab) => {\r\n if (activeTab !== tab) setActiveTab(tab);\r\n };\r\n\r\n const handleInputChange = (e) => {\r\n var { name, value } = e.target;\r\n\r\n if (checkSpace(value)) {\r\n if (name === \"phone\" || name === \"bankLinkedPhone\") {\r\n if (checkMobValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"firstName\") {\r\n if (checkName(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"lastName\") {\r\n if (checkName(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"organisationName\") {\r\n if (checkName(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bban\") {\r\n if (checkBbanValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"mobileMoneyAccNo\") {\r\n if (checkMobileMoneyAccNo(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n // } else if (name === 'password') {\r\n // if (pswdValidation(value)) {\r\n // setValues({ ...values, [name]: value });\r\n // }\r\n } else if (name === \"pin\") {\r\n if (pinValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"oneFAAmt\") {\r\n if (checkDigitOnly(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"bankAccNo\") {\r\n if (checkBankAccNo(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else {\r\n setValues({ ...values, [name]: value });\r\n }\r\n }\r\n };\r\n\r\n const phoneChange = (value, data, event, formattedValue) => {\r\n if (data.dialCode && data.dialCode.length) {\r\n setValues({\r\n ...values,\r\n phone: value,\r\n mobileCode: data.dialCode,\r\n mobWithoutCC: value.substring(data.dialCode.length),\r\n });\r\n }\r\n return;\r\n };\r\n\r\n const closeModal = () => {\r\n setOpen(false);\r\n setValues({ ...initialValue });\r\n setActiveTab(\"1\");\r\n setDisableTab2(true);\r\n setDisableTab3(true);\r\n };\r\n\r\n const reviewModal = () => {\r\n setOpen(false);\r\n };\r\n\r\n const checkMobValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 6) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const checkMobileMoneyAccNo = (value) => {\r\n if (value.length <= 11) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const pinValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 4) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const checkProfileTab = () => {\r\n let error = {};\r\n let valid = true;\r\n if (!values.subscriberType) {\r\n error.subscriberType = \"Please select subscriber type\";\r\n valid = false;\r\n }\r\n\r\n if (!values.firstName) {\r\n error.firstName = \"First Name is Required\";\r\n valid = false;\r\n }\r\n if (!values.lastName) {\r\n error.lastName = \"Last Name is Required\";\r\n valid = false;\r\n }\r\n if (!values.mobileCode) {\r\n error.mobileCode = \"Mobile Code is Required\";\r\n valid = false;\r\n }\r\n if (!values.phone) {\r\n error.phone = \"Phone Number is Required\";\r\n valid = false;\r\n } else if (!values.mobWithoutCC) {\r\n error.phone = \"Phone Number is Required\";\r\n valid = false;\r\n }\r\n if (!values.password) {\r\n error.password = \"Password is Required\";\r\n valid = false;\r\n } else if (values.password.length < 6) {\r\n error.password = \"Password should have atleast 6 characters\";\r\n valid = false;\r\n }\r\n\r\n if (!values.pin) {\r\n error.pin = \"PIN is Required\";\r\n valid = false;\r\n } else if (values.pin.length !== 4) {\r\n error.pin = \"PIN should have 4 characters\";\r\n valid = false;\r\n }\r\n if (values.email) {\r\n if (!checkEmail(values.email)) {\r\n error.email = \"Please enter valid email\";\r\n valid = false;\r\n }\r\n }\r\n setErrors(error);\r\n return valid;\r\n };\r\n\r\n const checkEmail = (email) => {\r\n let emailRegEx = /\\S+@\\S+\\.\\S+/;\r\n if (emailRegEx.test(email)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const validateProfile = () => {\r\n if (checkProfileTab()) {\r\n toggle(\"3\");\r\n setDisableTab2(false);\r\n setValues({\r\n ...values,\r\n bankAccNo: values.phone,\r\n bankLinkedPhone: 0,\r\n });\r\n } else {\r\n setDisableTab2(true);\r\n setDisableTab3(true);\r\n }\r\n };\r\n\r\n const checkBank = () => {\r\n let error = {};\r\n let valid = true;\r\n if (!values.bank) {\r\n error.bank = \"Bank is Required\";\r\n valid = false;\r\n }\r\n\r\n if (!values.authMode) {\r\n error.authMode = \"Please select authentication mode\";\r\n valid = false;\r\n }\r\n\r\n if (values.authMode === \"1FA\" && values.oneFAAmt === \"\") {\r\n error.oneFAAmt = \"Please enter amount\";\r\n valid = false;\r\n }\r\n\r\n if (!values.bankAccNo) {\r\n error.bankAccNo = \"Please enter bank account number\";\r\n valid = false;\r\n } else if (values.bankAccNo.length < 8 || values.bankAccNo.length > 18) {\r\n error.bankAccNo = \"Please enter 8 to 18 digit Bank Account Number\";\r\n valid = false;\r\n }\r\n setErrors(error);\r\n return valid;\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const validateBank = () => {\r\n if (checkBank()) {\r\n setOpen(true);\r\n }\r\n };\r\n\r\n const fetchBank = async () => {\r\n let errorMsg = \"\";\r\n getMethod(\"/api/FSP/GetAll\", \"get\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data.result.length) {\r\n res.data.result = [];\r\n }\r\n setBanks(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const fetchMMO = async () => {\r\n let errorMsg = \"\";\r\n getMethod(\"/api/MobileMoney/ddllist\", \"get\")\r\n .then((res) => {\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n if (!res.data.result || !res.data.result.length) {\r\n res.data.result = [];\r\n }\r\n setMMO(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const checkDigitOnly = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n return (\r\n Master Agent Information
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AddMasterAgent;\r\n","import React, { useEffect } from \"react\";\r\n\r\n// reactstrap components\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input, InputGroupText, InputGroupAddon, InputGroup,\r\n Container,\r\n Row,\r\n Col,\r\n Label\r\n} from \"reactstrap\";\r\nimport Header from \"../../components/Headers/Header\";\r\nimport { connect } from \"react-redux\";\r\nimport { fetchSubs, addVoucher } from \"./action\";\r\nimport { useToasts } from 'react-toast-notifications';\r\nimport { getUserEmail, loginMethod } from \"services/httpServices\";\r\nimport { useHistory } from \"react-router\";\r\nimport { postMethod } from \"services/httpServices\";\r\nimport { getUserId } from \"services/httpServices\";\r\nimport swal from 'sweetalert';\r\nimport { getAmt } from \"services/util\";\r\nimport { getLoginType } from \"services/httpServices\";\r\n\r\n\r\nconst initialValue = {\r\n accountType: 'Bank',\r\n amount: null,\r\n otp: '',\r\n password: ''\r\n};\r\n\r\nconst TopUp = (props) => {\r\n const [values, setValues] = React.useState(initialValue);\r\n const [subsInfo, setSubsInfo] = React.useState({});\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const [form, setForm] = React.useState(1);\r\n const [use1FA, set1FA] = React.useState(false);\r\n const [use2FA, set2FA] = React.useState(false);\r\n const [showPswd, setShowPswd] = React.useState(false);\r\n const [spinner, setSpinner] = React.useState(false);\r\n const [fees, setFees] = React.useState(0);\r\n\r\n const { addToast } = useToasts();\r\n const history = useHistory();\r\n\r\n\r\n /**======================== React Hooks ==========================*/\r\n\r\n useEffect(() => {\r\n props.fetchSubsInfo();\r\n // genOtp();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (props.subscriber.subsInfo.error) {\r\n notifyFailed(props.subscriber.subsInfo.errorMsg);\r\n }\r\n }, [props.subscriber.subsInfo.error]);\r\n\r\n\r\n useEffect(() => {\r\n setSubsInfo(props.subscriber.subsInfo.data);\r\n }, [props.subscriber.subsInfo.data]);\r\n\r\n useEffect(() => {\r\n setLoading(props.subscriber.voucherInfo.loading);\r\n }, [props.subscriber.voucherInfo.loading]);\r\n\r\n useEffect(() => {\r\n if (props.subscriber.voucherInfo.success) {\r\n notifySuccess(props.subscriber.voucherInfo.successMsg);\r\n resetValues();\r\n history.push('/subscriber-transaction');\r\n }\r\n }, [props.subscriber.voucherInfo.success]);\r\n\r\n useEffect(() => {\r\n if (props.subscriber.voucherInfo.error) {\r\n notifyFailed(props.subscriber.voucherInfo.errorMsg);\r\n }\r\n }, [props.subscriber.voucherInfo.error]);\r\n\r\n // useEffect(() => {\r\n // if (use2FA) {\r\n // genOtp();\r\n // }\r\n // }, [use2FA]);\r\n\r\n\r\n /**======================== File Functions ==========================*/\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = 'Error in saving';\r\n }\r\n addToast(text, {\r\n appearance: 'error',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = 'Save successfully';\r\n }\r\n addToast(text, {\r\n appearance: 'success',\r\n autoDismiss: true,\r\n });\r\n }\r\n\r\n const resendOtp = (e) => {\r\n e.preventDefault();\r\n setValues({ ...values, 'otp': '' });\r\n setSpinner(true);\r\n genOtp();\r\n }\r\n\r\n const handleSubmit = (e) => {\r\n e.preventDefault();\r\n handleSubmitCB();\r\n }\r\n\r\n const handleSubmitCB = () => {\r\n const validationErrors = validateV2(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every(x => x === '');\r\n if (isNoError) {\r\n // verifyOtp();\r\n saveTrans();\r\n }\r\n }\r\n\r\n const resetValues = () => {\r\n setValues({ ...values, amount: \"\" });\r\n };\r\n\r\n const openModal = (msg) => {\r\n swal({\r\n // title: msg,\r\n icon: \"success\",\r\n text: msg,\r\n allowOutsideClick: false,\r\n allowEscapeKey: false,\r\n closeOnClickOutside: false,\r\n buttons:\r\n {\r\n confirm: {\r\n text: \"Ok\",\r\n visible: true,\r\n closeModal: true,\r\n className: 'sweet-btn'\r\n }\r\n }\r\n }).then((confirm) => {\r\n setLoading(false);\r\n setForm(3);\r\n });\r\n }\r\n\r\n const gotoNext = (e) => {\r\n setLoading(true);\r\n e.preventDefault();\r\n const validationErrors = validate(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every(x => x === '');\r\n if (isNoError) {\r\n verifyPinV2();\r\n // Check subscriber's 1FA/2FA\r\n // if (subsInfo.authFactorType == \"2FA\") {\r\n // set2FA(true);\r\n // } else if (subsInfo.authFactorType == \"1FA\") {\r\n // if (\r\n // subsInfo.excidedPaymentAmount >=\r\n // values.amount\r\n // ) {\r\n // set1FA(true);\r\n // setForm(2);\r\n // setLoading(false);\r\n // } else {\r\n // set2FA(true);\r\n // }\r\n // }\r\n } else {\r\n setLoading(false);\r\n }\r\n }\r\n\r\n const goBack = () => {\r\n setForm(1);\r\n set1FA(false);\r\n set2FA(false);\r\n setValues({ ...values, otp: '', password: '' });\r\n }\r\n\r\n const proceed = (e) => {\r\n e.preventDefault();\r\n if (use2FA) {\r\n // call genOtp()\r\n setLoading(true);\r\n genOtp();\r\n } else {\r\n handleSubmitCB();\r\n }\r\n }\r\n\r\n /**======================== Form Validation function ==========================*/\r\n\r\n\r\n const handleInputChange = (ev) => {\r\n var { name, value } = ev.target;\r\n value = value.trim();\r\n if (name === \"amount\") {\r\n if (value == '') {\r\n setValues({ ...values, [name]: value });\r\n } else {\r\n if (checkNumberOnly(value)) {\r\n setValues({ ...values, [name]: value });\r\n } else {\r\n setValues({...values, [name]: ''});\r\n }\r\n }\r\n \r\n } else if (name === \"password\") {\r\n if (pinValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"otp\") {\r\n if (checkOTP(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else {\r\n setValues({ ...values, [name]: value });\r\n }\r\n };\r\n\r\n const pinValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 4) {\r\n\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n const checkNumberOnly = (value) => {\r\n let digiRegex = /^[1-9][\\d]*$/;\r\n // let digiRegex = /^[+-]?([1-9]+\\.?[0-9]*|\\.[0-9]+)$/;\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n const checkOTP = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (digiRegex.test(value)) {\r\n if (value.length <= 6) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n }\r\n\r\n const validate = (inputs) => {\r\n let errors = {};\r\n if (!inputs.accountType) {\r\n errors.accountType = 'Please select one account';\r\n }\r\n if (!inputs.amount) {\r\n errors.amount = 'Please enter amount';\r\n } else if (Number(inputs.amount) <= 0) {\r\n errors.amount = `Amount can't be ${inputs.amount}`\r\n }\r\n if (!subsInfo.id) {\r\n errors.id = 'Subscriber is required';\r\n }\r\n // if (!inputs.otp) {\r\n // errors.otp = 'Please enter OTP';\r\n // }\r\n \r\n if (!inputs.password) {\r\n errors.password = 'Pin is required';\r\n } else if (inputs.password.length !== 4) {\r\n errors.password = 'Pin should contain 4 digits';\r\n }\r\n return errors;\r\n }\r\n\r\n const validateV2 = (inputs) => {\r\n let errors = {};\r\n if (!inputs.accountType) {\r\n errors.accountType = 'Please select one account';\r\n }\r\n if (!inputs.amount) {\r\n errors.amount = 'Please enter amount';\r\n }\r\n if (!subsInfo.id) {\r\n errors.id = 'Subscriber is required';\r\n }\r\n // if (!inputs.otp) {\r\n // errors.otp = 'Please enter OTP';\r\n // }\r\n if (Number(inputs.amount) <= 0) {\r\n errors.amount = `Amount can't be ${inputs.amount}`\r\n }\r\n if (!inputs.password) {\r\n errors.password = 'Password is Required';\r\n }\r\n if (use2FA && !inputs.otp) {\r\n errors.otp = 'Otp is required';\r\n }\r\n return errors;\r\n }\r\n\r\n /**======================== API Calls ==========================*/\r\n\r\n\r\n const saveTrans = () => {\r\n setLoading(true);\r\n var data = new FormData();\r\n // data.append('SubscriberId', subsInfo.id);\r\n data.append('SubscriberUserId', getUserId());\r\n data.append('Amount', values.amount);\r\n data.append('PaymentMethod', values.accountType);\r\n data.append('PaymentType', 'topup');\r\n data.append('PaymentTo', 'Wallet TopUp');\r\n data.append('AmountType', 'R');\r\n data.append('CollectionType', 'TopUp');\r\n if (use2FA) {\r\n data.append('Otp', values.otp);\r\n }\r\n data.append('PIN', values.password);\r\n if (values.accountType === \"Bank\") {\r\n data.append('PaymentFrom', subsInfo.bankName);\r\n data.append('PaymentMethodId', subsInfo.bankProfileId);\r\n } else if (values.accountType === \"MMO\") {\r\n data.append('PaymentFrom', subsInfo.mmoName);\r\n data.append('PaymentMethodId', subsInfo.mmoId);\r\n }\r\n data.append('FeesAmount', fees);\r\n let loginType = getLoginType()\r\n if(loginType === \"Master Agent\") {\r\n data.append('MasterAgentUserId', getUserId())\r\n }\r\n props.addVoucherAmt(data);\r\n }\r\n\r\n const genOtp = () => {\r\n var errorMsg = '';\r\n var data = JSON.stringify({\r\n \"UserId\": getUserId(),\r\n \"OtpType\": \"TransactionOTP\"\r\n });\r\n let url = '/api/Transactions/Sendotp';\r\n postMethod(url, data, 'post')\r\n .then(res => {\r\n setSpinner(false);\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let msg = res.data.responseMessage || 'Otp sent';\r\n // notifySuccess(msg);\r\n openModal(msg);\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg = res.data.responseMessage || 'Error in generating otp';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n } else {\r\n errorMsg = 'Unknown error in generating otp';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n }).catch(err => {\r\n setSpinner(false);\r\n setLoading(false);\r\n errorMsg = 'Something went wrong!, Please call 3737';\r\n notifyFailed(errorMsg);\r\n });\r\n }\r\n\r\n const verifyOtp = () => {\r\n var errorMsg = '';\r\n var data = JSON.stringify({\r\n \"UserId\": getUserId(),\r\n \"OtpType\": \"TransactionOTP\",\r\n \"Otp\": values.otp\r\n });\r\n setLoading(true);\r\n let url = '/api/Transactions/verifyotp';\r\n postMethod(url, data, 'post')\r\n .then(res => {\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n saveTrans();\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg = res.data.responseMessage || 'Error in generating otp';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n } else {\r\n errorMsg = 'Unknown error in generating otp';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n }).catch(err => {\r\n errorMsg = 'Something went wrong!, Please call 3737';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n });\r\n }\r\n\r\n const verifyPin = () => {\r\n var errorMsg = '';\r\n var data = {\r\n \"PaymentAmount\": Number(values.amount),\r\n \"Password\": values.password,\r\n \"Email\": getUserEmail(),\r\n \"PaymentType\": values.accountType \r\n };\r\n\r\n setLoading(true);\r\n let loginType = getLoginType()\r\n let url = loginType === \"Master Agent\" ? '/api/Agent/GetSuperAgentDetails' : '/api/Subscriber/GetSubscriberDetails';\r\n postMethod(url, JSON.stringify(data), 'post')\r\n .then(res => {\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let result = res.data.result;\r\n setFees(result.fees);\r\n if (result.authFactorType == \"1FA\") {\r\n set1FA(true);\r\n set2FA(false);\r\n handleSubmitCB();\r\n } else if (result.authFactorType == \"2FA\") {\r\n set1FA(false);\r\n set2FA(true);\r\n // setForm(2);\r\n // setLoading(false);\r\n } else {\r\n set1FA(false);\r\n set2FA(false);\r\n handleSubmitCB();\r\n }\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg = res.data.responseMessage || 'Error in validating pin';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n } else {\r\n errorMsg = 'Unknown error in validating pin';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n }).catch(err => {\r\n errorMsg = 'Something went wrong!, Please call 3737';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n });\r\n }\r\n\r\n const verifyPinV2 = () => {\r\n var errorMsg = '';\r\n var data = {\r\n \"PaymentAmount\": Number(values.amount),\r\n \"Password\": values.password,\r\n \"Email\": getUserEmail(),\r\n \"PaymentType\": values.accountType \r\n };\r\n\r\n setLoading(true);\r\n let loginType = getLoginType()\r\n let url = loginType === \"Master Agent\" ? '/api/Agent/GetSuperAgentDetails' : '/api/Subscriber/GetSubscriberDetails';\r\n postMethod(url, JSON.stringify(data), 'post')\r\n .then(res => {\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let result = res.data.result;\r\n if (!isNaN(result.fees)) {\r\n setFees(Number(result.fees));\r\n }\r\n if (result.authFactorType == \"1FA\") {\r\n set1FA(true);\r\n set2FA(false);\r\n // handleSubmitCB();\r\n } else if (result.authFactorType == \"2FA\") {\r\n set1FA(false);\r\n set2FA(true);\r\n // setForm(2);\r\n // setLoading(false);\r\n } else {\r\n set1FA(false);\r\n set2FA(false);\r\n // handleSubmitCB();\r\n }\r\n verifyPinHandle(result);\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg = res.data.responseMessage || 'Error in validating pin';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n } else {\r\n errorMsg = 'Unknown error in validating pin';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n } else {\r\n errorMsg = 'Unknown Error';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n }\r\n }).catch(err => {\r\n errorMsg = 'Something went wrong!, Please call 3737';\r\n notifyFailed(errorMsg);\r\n setLoading(false);\r\n });\r\n }\r\n\r\n const verifyPinHandle = (result) => {\r\n if (result.fees == 0) {\r\n // Smart pay fees is zero\r\n if (result.authFactorType == '2FA') {\r\n // setLoading(false);\r\n genOtp();\r\n } else {\r\n handleSubmitCB();\r\n }\r\n } else {\r\n setLoading(false);\r\n setForm(2);\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n Profile Info\r\n
\r\n \r\n\r\n {values.subscriberType && (\r\n
\r\n \r\n \r\n \r\n \r\n First Name\r\n \r\n \r\n \r\n \r\n \r\n Last Name\r\n \r\n \r\n \r\n\r\n \r\n \r\n Email\r\n \r\n \r\n \r\n\r\n \r\n \r\n PIN\r\n \r\n \r\n \r\n \r\n setShowPin(true)}\r\n />\r\n \r\n \r\n )}\r\n\r\n {showPin && (\r\n \r\n \r\n setShowPin(false)}\r\n />\r\n \r\n \r\n )}\r\n \r\n *{\" \"}\r\n \r\n {PIN_HINT}\r\n \r\n {errors.pin && (\r\n \r\n \r\n\r\n \r\n \r\n Phone Number\r\n \r\n \r\n \r\n \r\n \r\n Password\r\n \r\n \r\n \r\n \r\n setShowPswd(true)}\r\n />\r\n \r\n \r\n )}\r\n\r\n {showPswd && (\r\n \r\n \r\n setShowPswd(false)}\r\n />\r\n \r\n \r\n )}\r\n \r\n *{\" \"}\r\n \r\n {PASSWORD_HINT}\r\n \r\n {errors.password && (\r\n \r\n \r\n\r\n \r\n \r\n Save and Next\r\n \r\n \r\n \r\n
\r\n
\r\n )}\r\n \r\n * {errors.firstName}\r\n
\r\n )}\r\n \r\n * {errors.lastName}\r\n
\r\n )}\r\n \r\n * {errors.email}\r\n
\r\n )}\r\n \r\n * {errors.pin}\r\n
\r\n )}\r\n \r\n * {errors.phone}\r\n
\r\n )}\r\n \r\n * {errors.password}\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n FSP\r\n \r\n \r\n \r\n {banks &&\r\n banks.map((c) => (\r\n \r\n ))}\r\n \r\n {errors.bank && (\r\n \r\n \r\n\r\n \r\n \r\n Bank Account Number\r\n \r\n \r\n \r\n\r\n \r\n \r\n Authentication Mode\r\n \r\n \r\n \r\n {MODES.map((c) => (\r\n \r\n ))}\r\n \r\n {errors.authMode && (\r\n \r\n \r\n\r\n {values.authMode === \"1FA\" && (\r\n \r\n \r\n Enter amount for using 1FA\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n Save and Review\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Bank Info\r\n
\r\n \r\n\r\n * {errors.bank}\r\n
\r\n )}\r\n \r\n * {errors.bankAccNo}\r\n
\r\n )}\r\n \r\n * {errors.authMode}\r\n
\r\n )}\r\n \r\n \r\n * {HINT}\r\n \r\n
\r\n {errors.oneFAAmt && (\r\n \r\n * {errors.oneFAAmt}\r\n
\r\n )}\r\n Top Up
\r\n \r\n\r\n \r\n {\r\n e.preventDefault();\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setSearchText(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {loading &&
\r\n \r\n \r\n \r\n {error && (\r\n \r\n \r\n sendNotification(response.transactionID)\r\n }\r\n disabled={loading}\r\n >\r\n Send Notification\r\n \r\n \r\n
\r\n
\r\n )}\r\n {error}
\r\n )}\r\n\r\n {response && response?.transactionID && (\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n Smart Pay Application Overview\r\n
\r\n\r\n Smart Pay is a comprehensive financial management application designed\r\n to streamline and simplify transactions across various user roles.\r\n With a user-friendly interface, administrators can efficiently create\r\n and manage a hierarchy of roles, including Master Agents, Super\r\n Agents, Sub Agents, Merchants, Subscribers, and Bank Users. This\r\n powerful platform empowers administrators to oversee and analyze\r\n transactional data between these roles, while also offering the\r\n flexibility to manage commissions associated with fund transfers.\r\n
\r\n\r\n In addition to its core functionalities, Smart Pay offers a seamless\r\n integration option for other platforms through an extensive set of\r\n APIs. This integration capability allows external platforms to\r\n incorporate Smart Pay as a payment option, enhancing the overall\r\n versatility of the financial ecosystem. Smart Pay's robust API\r\n endpoints provide third-party developers with the means to seamlessly\r\n integrate payment functionalities, ensuring a consistent and efficient\r\n user experience across platforms.\r\n
\r\n\r\n Key Features and Responsibilities of Each Role\r\n
\r\n\r\n
\r\n User Roles
\r\n\r\n 
\r\n
\r\n {overviewPageListItems.map(({ heading, list }) => (\r\n \r\n
\r\n ))}\r\n {heading}
\r\n- \r\n {list.map((item, idx) => (\r\n
- {item} \r\n ))}\r\n
\r\n
\r\n Access permission Chart
\r\n\r\n
\r\n Smart Pay
\r\n\r\n Serves as a centralized platform that revolutionizes financial\r\n interactions among Master Agents, Super Agents, Sub Agents, Merchants,\r\n Subscribers, and Bank Users. With its robust capabilities, Smart Pay\r\n ensures secure, efficient, and transparent financial management for all\r\n users involved. Furthermore, its extensive API endpoints enable seamless\r\n integration for third-party platforms, expanding the reach and impact of\r\n Smart Pay's payment ecosystem.\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Overview;\r\n","export default __webpack_public_path__ + \"static/media/HTTPs.b6637571.jpg\";","export default __webpack_public_path__ + \"static/media/JWT.a5ff7300.jpg\";","/* eslint-disable react/no-unescaped-entities */\r\nimport HTTPsImg from \"../../assets/kb/HTTPs.jpg\";\r\nimport JWTImg from \"../../assets/kb/JWT.jpg\";\r\n\r\nconst TechnicalBackground = () => {\r\n return (\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default TechnicalBackground;\r\n","export default __webpack_public_path__ + \"static/media/Login.3e7ad95e.png\";","export default __webpack_public_path__ + \"static/media/SelfRegister.3833aed9.png\";","export default __webpack_public_path__ + \"static/media/OTPEmail.6bc9d250.png\";","export default __webpack_public_path__ + \"static/media/SleftRegOTPVerify.1352f20f.png\";","export default __webpack_public_path__ + \"static/media/1FA and bank.1529c389.png\";","export default __webpack_public_path__ + \"static/media/Preview.6e624845.png\";","export default __webpack_public_path__ + \"static/media/regsuccessfull.a1412fc4.png\";","export default __webpack_public_path__ + \"static/media/credentialemail.3f362695.png\";","export default __webpack_public_path__ + \"static/media/SubscriberFlow.b4b3ad96.png\";","export default __webpack_public_path__ + \"static/media/1.05c4763a.png\";","export default __webpack_public_path__ + \"static/media/2.ef4882ab.png\";","export default __webpack_public_path__ + \"static/media/3.d3d467d1.png\";","export default __webpack_public_path__ + \"static/media/4.3eecf2f6.png\";","export default __webpack_public_path__ + \"static/media/6.d5f715e2.png\";","export default __webpack_public_path__ + \"static/media/7.353d0be1.png\";","export default __webpack_public_path__ + \"static/media/8.f5c5c78a.png\";","export default __webpack_public_path__ + \"static/media/9.270b4afa.png\";","export default __webpack_public_path__ + \"static/media/10.69e739ff.png\";","export default __webpack_public_path__ + \"static/media/11.323e99f8.png\";","export default __webpack_public_path__ + \"static/media/12.469ed397.png\";","export default __webpack_public_path__ + \"static/media/13.e418b718.png\";","export default __webpack_public_path__ + \"static/media/14.538d76f0.png\";","/* eslint-disable react/no-unescaped-entities */\r\n\r\nimport LoginImg from \"../../assets/kb/Login.png\";\r\nimport SelfRegisterImg from \"../../assets/kb/SelfRegister.png\";\r\nimport OTPEmail from \"../../assets/kb/OTPEmail.png\";\r\nimport SelfRegOTP from \"../../assets/kb/SelfRegOTP.png\";\r\nimport SleftRegOTPVerify from \"../../assets/kb/SleftRegOTPVerify.png\";\r\nimport FA1Img from \"../../assets/kb/1FA and bank.png\";\r\nimport PreviewImg from \"../../assets/kb/Preview.png\";\r\nimport regsuccessfullImg from \"../../assets/kb/regsuccessfull.png\";\r\nimport credentialemailImg from \"../../assets/kb/credentialemail.png\";\r\nimport SubscriberFlowImg from \"../../assets/kb/SubscriberFlow.png\";\r\nimport Img1 from \"../../assets/kb/1.png\";\r\nimport Img2 from \"../../assets/kb/2.png\";\r\nimport Img3 from \"../../assets/kb/3.png\";\r\nimport Img4 from \"../../assets/kb/4.png\";\r\nimport Img6 from \"../../assets/kb/6.png\";\r\nimport Img7 from \"../../assets/kb/7.png\";\r\nimport Img8 from \"../../assets/kb/8.png\";\r\nimport Img9 from \"../../assets/kb/9.png\";\r\nimport Img10 from \"../../assets/kb/10.png\";\r\nimport Img11 from \"../../assets/kb/11.png\";\r\nimport Img12 from \"../../assets/kb/12.png\";\r\nimport Img13 from \"../../assets/kb/13.png\";\r\nimport Img14 from \"../../assets/kb/14.png\";\r\n\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst SubscriberJourney = () => {\r\n return (\r\n \r\n Technical Background of the Smart Pay Application\r\n
\r\n\r\n
\r\n Introduction
\r\n\r\n The Smart Pay application is constructed with a sophisticated\r\n technical architecture, comprising three interconnected elements: the\r\n Mobile Application, the Front-End Website, and a set of structured\r\n APIs supported by a robust database. This comprehensive approach\r\n ensures a seamless user experience across diverse platforms while\r\n harnessing advanced technologies to uphold modern security standards.\r\n
\r\n\r\n
\r\n 1. Mobile Application
\r\n\r\n The mobile application facet of Smart Pay is meticulously developed\r\n using a strategic blend of technologies that prioritize performance\r\n and user engagement. The application is crafted using the{\" \"}\r\n React Native framework, enabling it to be seamlessly\r\n cross-platform, guaranteeing a consistent user experience across both\r\n iOS and Android devices. React Native's component-driven architecture\r\n empowers developers to craft dynamic, responsive, and engaging user\r\n interfaces.\r\n
\r\n\r\n
\r\n 2. Front-End Website
\r\n\r\n he Smart Pay front-end website is skillfully engineered with the{\" \"}\r\n React JavaScript library. React's inherent\r\n flexibility allows developers to craft interactive and adaptive user\r\n interfaces through modular, reusable components. This choice ensures a\r\n smooth, intuitive user interaction for individuals accessing Smart Pay\r\n through web browsers, effectively mirroring the capabilities of the\r\n mobile application.\r\n
\r\n\r\n
\r\n 3. API with Structured Database
\r\n\r\n Central to Smart Pay's operation is a well-designed set of structured\r\n APIs, acting as a vital link between user interfaces and the\r\n underlying database. Developed using Microsoft .NET{\" \"}\r\n and C#, these APIs facilitate seamless communication,\r\n data retrieval, and updates. By opting for .NET and C#, Smart Pay\r\n achieves robustness and scalability, enabling efficient handling of\r\n user requests and data transactions.\r\n
\r\n\r\n At the core of the application, the structured database is powered by{\" \"}\r\n SQL Server, serving as a foundation for data\r\n integrity, security, and reliable data storage. SQL Server's\r\n relational database management capabilities ensure organized storage\r\n and retrieval of crucial data elements, including user information and\r\n transaction records.\r\n
\r\nSecurity Standards
\r\n\r\n
\r\n \r\n Smart Pay is uncompromising in its dedication to security, implemented\r\n through several comprehensive measures:\r\n
\r\n- \r\n
- \r\n HTTPS (Hypertext Transfer Protocol Secure): All\r\n communication between users and the application is fortified with\r\n HTTPS, encrypting data during transmission and thwarting\r\n unauthorized access to sensitive information.\r\n \r\n\r\n
\r\n
\r\n - \r\n JWT Authorization (JSON Web Tokens): Smart Pay\r\n employs JWT for robust authorization and authentication. This\r\n industry-standard practice enables users to access designated\r\n functionalities confidently, while unauthorized access attempts are\r\n thwarted.\r\n \r\n\r\n
\r\n
\r\n - \r\n TLS 1.2 and 1.3 (Transport Layer Security): Smart\r\n Pay adopts TLS protocols 1.2 and 1.3 to establish secure connections\r\n between users and the server, encrypting data transmission and\r\n mitigating the risk of eavesdropping and tampering.\r\n \r\n
\r\n Secure Code Management\r\n
\r\n\r\n Smart Pay's codebase is meticulously managed within a secure environment\r\n on GitHub, a widely recognized and trusted platform for\r\n version control and collaborative software development. This ensures the\r\n code's integrity, version history, and collaborative enhancements are\r\n securely managed.\r\n
\r\n\r\n Personal Information Security\r\n
\r\n\r\n In line with stringent data protection practices, sensitive user\r\n information such as Email, Password, and PIN is stored with the highest\r\n degree of security. Smart Pay employs the SHA-256{\" \"}\r\n encryption algorithm to secure this data, rendering it virtually\r\n irreversible. This cryptographic technique ensures that even in the\r\n unlikely event of data exposure, personal information remains\r\n safeguarded against unauthorized access.\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default SubscriberJourney;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVUAAAEQCAIAAACP+3CmAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAABgcSURBVHhe7Z3tj2THVYf7P0KAkPgj+IYUxWTxhg8GRBAIQZB2bWNbQISxeIm0NqyQHAnibJRI3nwArRUUZBBLHKSNIBvZcfy2fsm+eHc9np2d2e0e9zjP9CmfPVu3u3dm+nbful2/R6WZqrpVp86pW7/b996+3T04LYSog08bSP9C1EISfUD6F6IWkugD0r8QtZBEH5D+haiFJPrAPf2fP3/+xo0be3t7aYsQoucgZ0SNtE3jqTaQ9P/GG2+kCiHE2oHAZ+qfw0MqCSHWlKky39c/ZwipJIRYU6bKfF//uuYXYu2ZKvN9/aesEKIypH8h6kX6F6JepH8h6mXwO7//JykrhKgM6V+Iehk8/uRfpqwQojIGv/6FR1JWCFEZg6/81TMpK4SoDF3/C1Evgz/608dSVghRGXr/X4h6kf6FqBfpX4h6kf6FqBfpX4h6kf6FqBfpX4h6kf6FqBfpX4h6kf6FqBfpX4h6kf6FqBfpXzwI/TzE+iL9C1Ev0v/aMt77ZDS+s7O7dXv3463Rzc3h9Y3htY/uXvFEkUo20YBmNKZL6izqYPD5L+v7f9aH8d54OL6Dnj+++2GU+sETHemOEUwlo2J9GRx77KspK/oMit0afZSJecGEQcymAcQ6Mnj4iVMpK3oIZ+w7u7eyE/vP0tVbo5vbu5vD8c5ofHe8t7tH889u5pGhSCWbaEAzGtOlYWT/MoEhdGmwlgyOP/lsyopegSC3R5uZVknImIv53b1RandI6Ej3ybEgt8wxQkeBNWNw/KnnUlb0BySaiXNzeJ3KFvU5ObPYwmw2EJWpheg/0n/PGI3vZJrktZpz+LR5CWA8Ox3AAdxIm0Wfkf77BGfgUYfLVn6keRTAmbRN9Bbpvx/sjkebwxuuvY3hteF4J21bIQwa7zXiEo6lbaKHSP89YDi+45Ij3R5t7H3a2ZvzDI0D0R+9R9hfpP/SufvJ9v1i6+BlvwluRK9wMm0QvUL6L5p4n39zeL2ok+3JJcm9O5F6X6CPSP/lEsV/a3Szw3P+WeBSvCmoQ0DvkP4LJZ72b402Um2R4J67qguBfiH9l0i84Ve4+I14CNDtwB4h/RcH19WuJc6uU23xxAsBvSnYF6T/4vD3+TeH1wu85p8FrvrtQEJItaJspP+yiE/49e5VNJ656OnAXiD9F8QoXPYX8j7/YYnPBegzAuUj/ReEnz/f7sM9v1n404GEk6pEqUj/peDv9m8Mr/Xosr8JzvtnBPREQOFI/4vTwtdjj/c+McGQenrmH4lXAfe+kkDfI14e0n8R+G2/Hr3hNx9/O3B7pBuB5SL9d4+9+F/deYe/K/s8/7IhENM/qcVvJRLtIv13z87uLdMJh4BUtRb4KQABpipRGNJ/9/jdMl4z+yKVrdFHr228cmnrx6k8DT8FIMBUJQpD+u8Yf9S/R++WXdl+63s/+5dvv/XX/3rpuVc/+p9UOw1/R1MfCigT6b9j/Ec7+vJWmYvf03tbr6ZtDfxNTcJMVaIkpP8uGe+N0cabmz/kby9ukjXFT3r94/9NmxvE9zX1g2IFIv13iZ38v7/12k82XklVBTNV/C9fPnN5+83UYhp+F1CXAAUi/XfJ7d2PTRvXdt5FXam2SGaJ/8Odd1OLGfglAMGmKlEM0n+X+K/07u6NSv7mnCOLHwjNYiTYVCWKQfrvjHBtfDVVFcki4jf8Z0X1IFBpSP+d4Z/2LfmZ38XFD34LQJ8ILg3pvzP8wrjYr8poRfzgn27QxwFLQ/rvDL/5V+YH/toSP/jHAXULsDSk/87YundWXNxnfloUP/iDwIScqkQZSP+d4c/Gjvd2U1UZtCt+IECLVN8IVBrSf2f4x36K+raf1sUPBGiR6oNApSH9d4ZJYl//xXwxzjLEDwTowaYqUQbSf2csIokr22//5+Vvfvf9r7X44PCSxG8sEqxYHtL/gWn7VfrIktgc3viPn33d9Pni23835+M3B2ep4ocjByuWivTfGS6Jw57//+jmy1GlZ9/5+wUPAcsWv87/i0X674wj3/9D7ZlW9w8BG0c8BCxb/KD7f8Ui/XfGIu///fD6v2eKPdohYAXiB73/VyzSf2cs8vzPcLyz+CFgNeIHPf9TLNJ/Zyz4/O+Ch4CViR/0/G+xSP+dsfjnf+5+sn20Q8AqxQ/6/E+xSP+d0crnf49wCFix+EGf/y0W6b8z2vr+j0MdAlYvftD3fxSL9N8l8fu/UtWROOAhoBPx6/u/Skb67xK/Bbj4hfEDDwGdiB/8Nodu/hXI4PiTz6asWDn+4z+tfAXYnENAV+IHv/jX938XyODhJ06lrFg59vsfllq5Np56CHjxnb/9t3f/MatcjfjDPQ4C1O9/FMfg9OnTKSu6oPXf/9o/BNzIDwGkb715L78a8YOf/Ov3v8pE+u8YvwRo8dnYWYeAb08OASsTP/gzzjr5LxPpv3v8g0AtfhHgrEPAKsXvj/3qYz/FIv13z87uLdNJK3cBHQ4B37/2nSj+733wzysTP/idPwJMVaIwpP/uiTfJWjwFAA4B/3X5WxPxP/3dD762SvH7iz9Jj/0Ui/RfBNuj9IR8u6cAsL27+d7tV9/e+tG1nUupaiX4i3+xv24iQPovgngKcLSPAxaFf+CPpBf/kpH+S8HfKtsYXivqG8EPC877Hc223tQUS0L6Lwh/t+z2aCNV9RCctyj0bT/lI/0XhH8imNTTq4B45q9P+5aP9F8W/lUZpN3xQh8KXD047M7rtl8vkP6LY3N4wyTE+XOPbgTgql+/EEKqFWUj/RdHfBVt/e3A5eFv+JF6d+ZSLdJ/ifiHAkhbfbgXiJPusB717xHSf6Hc/WTbFbW0Q0A7v2gWxY/bqVb0Aem/XPyJABJn1wXeC8CleNqvd/t7h/RfNPEQsDm8XtR1Nc74DT+SxN9HpP/SiRcCpEKeC4jv85N02t9TpP8eEG8Hkm6PNjq8FmBof8LPkm749Rfpvx9MTrbTcwGkjeG1Tk4EGNSf7Sfhkt7q6zXSf5+ITweSbo1utvt9AXNgoHirj6Qn/NYA6b9njMZ34l030rKPAk3l44Ce7V8PpP9eEt8XcE1S2eKH7TGFQT/WXNl+yzK6z79OSP99BX1mlwOWeK1Gokf+QTE60j17wbf04c67+jKPNUP67zeTV+lb8Z5cSFeRMceI4XiHc/jx3u4ezffSM39kKFLJJhrQbKL59EOdV3feeWPzguUxzhCmfL3Pt2ZI/2vCcHzHf0qklfT+1ms/2fiB3ttbb6T/tWK8N0axt3c/9l8WPmyiI90xgiku/lf8raFixUj/awtn7KPxHS7m0fPW6CZizi4TKFLJJhrQjMa6vK8N6V+IepH+hagX6V+IepH+hagX6V+IepH+hagX6V+IepH+hagX6V+IepH+hagX6V+IepH+hagX6V+Iehl8/svPpKwQojIGxx77asoKISpj8PATp1JWCFEZg+NPPpuyQojKGBx/6rmUFUJUhvQvRL1I/0LUi/QvRL1I/0LUi/QvRL1I/0LUS6X6f/31159//vnhcJjKvQK3cf7YsWMnT568fPlyqp3G2bNnz58/38yLktna2jp16tT8PdsW7eifhcVyNB64KEug1/pHyZAKc4maj3kxFdbtuXPnUqE7+qR/ey16+umncdpqkBZHgbjUqDngel0Z/dW/TTj+p/JcpP9DwfzEldyEyT9z5syyldkn/U+dMlZnPAugjfTfFtJ/h6xGmb3Rv63F5qryesvYdQHYkYLAOIheunSJY4TVz1rNWLAGEI8ysd77Ns1mjiEAq8fUhQsXpuqfIdhqzcAsMEQcvalAtww+KP64J9492o8OYM0qwQ+dTWdiM6BobaIzNPOjbVP/zfaMRY2NGIn+R1epnz/PMH+UGBcZitbmgbGwib/0au4728Rftk6dwCwEd96wrXT3ZrEv4IkZdzxqMqlq9mr0evMf3EkjGmdx9kP/zR3mECc082Cz7xNtxaYRauLicJju2Jc2NlPzzeKAWzO3vaVDkUrfr07miTWLlpumpgaVTddkVvanJUbhzHImGz2zCXQxs0DGLXg+NgCKD/Sf9t7GNmXFLFKYNYo5bJ5Yvc/tA2NBFd4xg170RXIeyKzZzhzweqCxOQlkmmM19xRt4lT4Vv7iLVhoRjYWjW0reWQfXWVK4yjLY1H9E+FUR+O8xLAhTpORNTDiBDnNEelo+2mqWdtELzb5/EJ0z5m11zNPrJlZaw5qTALKI8JyrKSXrY+pRmY5E0eHqaH5KGTcgud9XPKzRqExpML9ozS9dcuRWaPwlzw1k1b3bXpgLLFjBr0yzcS+4P5k/tPRzXoe3KtI1hdrc1ZjdlikxicEbAhrQK/M1WyGl0c3r/9xIoApm7pr6cVxkSG8sU3r5CzpHma8aZZ63xnZhMa9HnH7cd/TOPoQ91y2yZi1eiyciC9ZGseiMdWZODowdLYLaOyz7TMQ89E9hsgmDab6Hydz1jxHZo1CY5g0SdDGag4eSxN6MRyDpvKk/WSO72HTm41CM7B8NDJ18qmkL3+9aG0iZo1N2SxhPLUIYLw52/Sir4+yVJZ7/W/FOMXQnBpaZjsvYhNnDegbd0CkaZZBzYdmr+ZyiZj/DGqrhL90d8u2deomwxo0pyWbhyZ4yHrKDGbOxNGBlrT3IjCuj0Im7gXP0x4jmIqNnab/sWbOPGdMHYWM5w2vOXgsTXysVJ42kGPzvK+/++8LNI1Y4D752ULKihEqm/rP9qxhQ8TQaNMP/QN+N6MiVDvWWjHbE81Zyxo08ZXhmbQh0JxxbNq0NntRn+3pJt4m23PRWjMWY2pEBxm0uRoM72sNPJZmaHFoMm4q5unFXF26dCmaikxs3PM/C/mA+p86igdiRQvHuh88lib0imYhGyjCJjcbaRox3FS2u5sOO81ZyvpGJlHe82dOy9ZZVP+2/3DXQ2U6OF7GXZXtCQLj6OA11r45iayb2MVnBGvx4EIbG5qaOeuSvI9ouy26ZFB/5cqVVAh7xRx2D7EZHY6WnayLYeOaTYMaOjKou21t6DjLGdoznFu2otu0cb1IJs6A54HimTNnshlzMv9p7DHOn+eM5igWoLcnQ9G2HjyWJria7QUbyLsDNdZglik3Qsupk282fVoAOziJq1a0vmSaswQY8WDBG2MwGqFZLC6VRfVvMAtIwmi6brPGJgvepubChQvWHuKEOtEmZJOeasNwZjbOOPMYdzNF62K7MN4rNtxPI64n2qfayaENU9Eftwxejz/4ZpVuKhuCjlRG42A+z3KGv+Tj6LElmy5evGhmgYzPQMyDuectm0z13+oPrv+po0SHyURTB4ylCRMSnTSiNXBTMTRwH9xI1jFaxgerdGe8BjCLcSqbs2TgQ2p6f+xxDRA1i9PsLJt29H8oZk2NWCXMP3th2YtsNaMcCpQWhQdo0g8NtSH9V8rUF8zWWc0oBwdP8Cc7j6Ao/a8O6b9zmHxeAxFnKi+H1YxyWJB6PCSxGjlpL83JlSH914VpkovMpb7irWaUI4NXkwvtffyKvU460L8QohCkfyHqRfoXol6kfyHqpa/6Pzv3aZDFOeAbVyXfy1z2FIk1oE/6R2z+9WzNxe1StJvP0JQlXY7d/2zyLObrHzfspvER9M/ozXvOBzzcHArpXzyQwS/96q+lbPGwml3VzcVNkUoyNECTtMze1EVdZ86cof4gqpgjSDu+mJGj6Z9jUGZc+hedsCbn/6ZJE7zpH6nb4cBBq1TCgvqPHE3/nD5khyHpX3RCC/pnkU2epNjHFNjEtHfx4kVrZifANLYixI40o4HVx1PlKJJsccdNpv8LFy6gMe8L1iXrSAMfKyrQDGYO2ybasMkcpjLq3w5D1iVai5gPdJ8VGnmMuM04HHmm0RrYKFiLg2LZeoHHa5syf2Lg3svs2yd2Y71YVxbVPyvMFxZLKpOcY6vN1xO9WF7ekWJc8fHzsNF+FIkt7kmTfWKRvmiSER9YaV6ZtIBNcawoAIouVxrQzHpR4/rnL1FEa949wuhWHxvQKw4dZyMOZ3nfav67Y81wCCEWfQha+p4ymzYn5NF/jEKsNwvp30WVypNF5uqKxAXXLDbtOFS6wFiUvoLjQFl3L8b25E1ssSN5qzTo6Eufv+RtXMhEQt6aRffYGq3FTRFvlg0XXW0Obc2iG80iYNmL+7Hd74/PeWwGProZjL3EerOQ/llMvODwIhOZunoyMWRFMqZYL7JSk7lpH88mH1dwrAe3Fs3S3iTkHW2tRxmAb81sApuAjHU0azEQtiaPP8NfmSPYNzuWt+jicOTn69/yzSJg2SOKecAgZmlsvZKLn2EjNg2K9WZR/bNumkscWHlxYUWdQFYk40LlbzyJJeNiIM/qZI2Sn7/Qo+whDueNba3HjrEmjmWYKTJRJJllazAf7HszM0UxDhdD9jY2XMw3i4ApjyjmAYOYpbH1ipucpkGx3ix6/m9LKpVnE3XSLJJxxbIuWYIsRNuE8fn6pxcNrK8RrVn3c+fOueQyhXg90NHDieNC1EwUSQwk83wWNIuDYoHjHTXeNxs6ehWHbhYBO7OiixOVbXKaBsV608L9v3iWywLyhRuJOmkWyWSKtU38Je9FNrlIWL620DM5QbRmCzp66B2ByniuwSa3TyUnL96SohuJIqHGAzFvozPUmLVI02FqGMuHzryyrVaMQzeLEKMjnwWeDeEt4caNG/xtGrSazGGxNiyqf7AFasQFF4k6aRbJuGKB1WbWkNOVK1dYf9aSdekr2BZ6c71CZo1m3guso+WBZvhsw8Vm2LSWtinGFQdtBoLP1gWmygabWb0ZzEZPJibHINrbcHHoZhFidOQvXrxIA7MT7UMMHKxX06DVZH3F2tCC/oUQPUX6F6JepH8h6kX6F6JepH8h6kX6F6JepH8h6kX6F6JepH8h6mVw4sSJlBVCVMbg9OnTKSuEqAzpX4h6kf6FqBfpX4h6kf6FqBfpX4h6kf6FqBfpX4h6kf6FqBfpX4h6kf6FqBfpX4h6kf6FqBfpX4h6kf6FqBfpX4h6GZz8sz9PWSFEZQx+47e+lLJCiMoYfPG3/zBlhRCVMXj4kT9IWSFEZQwef/IvUlYIURmDh774eykrhKiMwSNf+uOUFUJUxuALuv8v6uMbL7z00OdO/sov/uYv/8KxwhNO4ioOJ9dbRe//i+p49MSzmcZ6kXA7BdAeev5P1AUvpJmuepRaPwuQ/kVdcC6diapHCedTGC0h/Yu66MU1/6yE8ymMlpD+RV1kiupdSmG0hPQv6iKTU+9SCqMlpH9RF5mcepdSGC0h/Yu6yOTUu5TCaAnpX9RFJqfepRRGS0j/oi4yOfUupTBaQvoXdZHJqXcphdES0r+oi0xOvUspjJaQ/kVdZHLqXUphtIT0L+oik1PvUgqjJaR/UReZnJaU3nrrg2vXPvrdR76S1S+eUhgtMThx4kTKClEBmZwWSd958eVkdAJF39Qb/R9/6rmUFaICMjkdOf3glR9jzUROIkORStsq/QtRIpmcjpYef/Qftm/fQeSxkiKVbLK8658848azg0WSRdEW0r+oi0xOR0t25p9JmuJotPtPp8+Sd/1zRuCVrSSLoi2kf1EXmZyOlqLUYyX27aBg+v////tpu+InWRRtIf2LusjkdLQUpR4r4+u/DSf9C1EQmZyOlg5y/U/+b575OmcB7d4ITGG0hPQv6iKT05HTAe//8+LPKUB2pFgkTYJoDelf1EUmp0WSXQUY2Xm+69+b+aFhwWTDtYX0L+oik1PvUgqjJaR/UReZnHqXUhgtIf2Lusjk1LuUwmgJ6V/URSan3qUURktI/6IuMjn1LqUwWkL6F3WRyal3KYXREtK/qItMTr1LKYyWkP5FXWRy6l1KYbSE9C/qIpNT71IKoyWkf1EXmZx6l1IYLSH9i7rQ739HpH9RFw997mQmqh4lnE9htIT0L+riGy+8lImqRwnnUxgtIf2L6nj0xLOZrnqRcDsF0B7Sv6gRXkg5l+7FvQCcxNXWX/kN6V+IepH+hagX6V+IepH+hagX6V+IepH+hagX6V+IepH+hagX6V+IepH+hagX6V+IepH+haiXff3v7e2lkhBiTZkq8339v3f1RioJIdaUqTLf1/8LL/13Kgkh1pSpMt/XP+n7F3+aKoQQawcCR+apEEj6J3F44AxB9wKEWBuQM6JG2qbxVBsYpP9CiPqQ/oWoF+lfiHqR/oWoF+lfiHqR/oWoF+lfiHqR/oWoF+lfiFr59NOfAzBf47qaD/VaAAAAAElFTkSuQmCC\"","export default __webpack_public_path__ + \"static/media/M1.8b6c92a0.png\";","export default __webpack_public_path__ + \"static/media/M2.68f6a5e4.png\";","export default __webpack_public_path__ + \"static/media/M3.ed2fa8e2.png\";","export default __webpack_public_path__ + \"static/media/M4.729f881a.png\";","export default __webpack_public_path__ + \"static/media/MasterAgentFlow.e76293d2.png\";","/* eslint-disable react/no-unescaped-entities */\r\n\r\nimport M1Img from \"../../assets/kb/M1.png\";\r\nimport M2Img from \"../../assets/kb/M2.png\";\r\nimport M3Img from \"../../assets/kb/M3.png\";\r\nimport M4Img from \"../../assets/kb/M4.png\";\r\nimport MasterAgentFlowImg from \"../../assets/kb/MasterAgentFlow.png\";\r\n\r\nconst MasterAgentJourney = () => {\r\n return (\r\n User Process
\r\n\r\n
\r\n \r\n Welcome to the SmartPay Self-Signup Process!\r\n
\r\n\r\n
\r\n \r\n Step 1: Access SmartPay\r\n
\r\n\r\n Visit our website at{\" \"}\r\n
\r\n
\r\n \r\n Step 2: Click \"Signup\"\r\n
\r\n\r\n On the login dialog, you'll find the \"Signup\" button located at the\r\n bottom left corner. Click on it to begin your signup journey.\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Step 3: Choose Account Type\r\n
\r\n\r\n As a subscriber, you have the option to sign up as an \"Individual\" or\r\n as part of an \"Organization.\" Select \"Individual\" to proceed.\r\n
\r\n\r\n
\r\n \r\n Step 4: Fill in Your Information\r\n
\r\nIt's time to provide your details:
\r\n- \r\n
- First Name \r\n
- Last Name \r\n
- Phone Number \r\n
- Create a Password and Confirm it \r\n
- \r\n Set a 4-digit PIN (Personal Identification Number)\r\n \r\n\r\n \r\n
\r\n Once you've filled in your information, click \"Save and Next\" to move\r\n forward.\r\n
\r\n\r\n
\r\n\r\n \r\n Step 5: Verify with OTP\r\n
\r\n\r\n An OTP (One-Time Password) will be sent to both your email and phone.\r\n
\r\n\r\n 
\r\n
\r\n \r\n Enter the OTP to verify your contact information. If you miss the OTP,\r\n you can request a new one within 10 minutes.\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n Step 6: Non-Editable Details\r\n
\r\nYou'll now see some non-editable information:
\r\n- \r\n
- Default Bank (NO BANK initially) \r\n
- \r\n Bank Account Number (by default, it's your registered mobile/phone\r\n number)\r\n \r\n
- \r\n Authentication Type (default is 1FA - One-Factor Authentication)\r\n \r\n
- \r\n Initial Transaction Amount using 1FA (default: 50000 SLE)\r\n \r\n\r\n \r\n
\r\n
\r\n \r\n Step 7: Save and Preview\r\n
\r\n\r\n Click \"Save and Preview\" to review all the information you've entered.\r\n This is your chance to double-check and make sure everything is\r\n accurate. Preview\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n\r\n \r\n Step 8: Submission\r\n
\r\n\r\n Once you're satisfied with the details, hit \"Submit.\" You'll receive a\r\n confirmation email/SMS with your account credentials.\r\n
\r\n\r\n
\r\n \r\n Subscriber Flowchart\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n Step 9: Account Activation\r\n
\r\n\r\n Your account will be fully activated once it's personally verified by\r\n a BANK user in the SmartPay system.\r\n
\r\n\r\n Congratulations! You're now well on your way to using SmartPay for\r\n seamless transactions.\r\n
\r\n\r\n
\r\n \r\n Subscriber Journey\r\n
\r\n\r\n Dashboard Overview\r\n
\r\n\r\n The SmartPay dashboard provides a comprehensive overview of your\r\n financial activities and balance. Here's what you can find on your\r\n dashboard:\r\n
\r\n- \r\n
- \r\n Available Balance: The available balance of your wallet is displayed\r\n prominently on the dashboard. This balance reflects the funds you\r\n have available for transactions and payments.\r\n \r\n
- \r\n Bank Withdrawals: This section allows you to initiate withdrawals\r\n from your SmartPay wallet to your associated bank account. You can\r\n manage your financial liquidity by making secure transfers.\r\n \r\n
- \r\n MMO Withdrawals: If you prefer to use mobile money services for\r\n withdrawals, this section enables you to initiate MMO withdrawals\r\n directly from your SmartPay wallet.\r\n \r\n
- \r\n Payments: The Payments section facilitates secure payments for\r\n various services, bills, and utilities. You can conveniently make\r\n payments within the SmartPay platform.\r\n \r\n
- \r\n Wallet Transfer: Transfer money to another SmartPay subscriber's\r\n wallet seamlessly. Whether you want to share funds with friends or\r\n family, this feature simplifies the process.\r\n \r\n
- \r\n Wallet Received: Keep track of funds received from other SmartPay\r\n subscribers. This section helps you monitor incoming transactions.\r\n \r\n
- \r\n Visual Graphs for Better Insights: The dashboard includes visual\r\n graphs that offer insights into your financial trends and\r\n activities. These graphs help you understand your transactions and\r\n balance fluctuations more effectively.\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n Top-Up Process\r\n
\r\n\r\n The top-up process allows you to add funds to your SmartPay wallet\r\n quickly and securely. There are two options available:\r\n
\r\nSelf Wallet Top-Up
\r\n- \r\n
- Self Wallet Top-Up \r\n
- Select \"Own Wallet\" and proceed. \r\n
- \r\n Choose your preferred payment method: MMO or Credit/Debit Card.\r\n \r\n
- \r\n Provide the necessary financial details as per your chosen payment\r\n method and confirm.\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n Other Wallet Top-Up
\r\n- \r\n
- Click on \"Top-Up\" in the dashboard. \r\n
- \r\n Select \"Other Wallet\" and enter the recipient's wallet number\r\n (SmartPay).\r\n \r\n
- \r\n Choose your preferred payment method: MMO or Credit/Debit Card.\r\n \r\n
- \r\n Fill in the recipient's financial details and confirm the top-up.\r\n \r\n\r\n
\r\n
\r\n
\r\n Payment Options (MMO, Credit/Debit Card): Depending on your chosen\r\n payment method, enter the required information. For MMO, provide\r\n mobile money details. For Credit/Debit Card, enter card details.\r\n
\r\nTransaction Confirmation and Notifications:
\r\n- \r\n
- \r\n After confirming the top-up, you will be redirected to the SmartPay\r\n home page.\r\n \r\n
- A transaction ID and success message will be provided to you. \r\n
- \r\n SMS and email notifications will also be sent to confirm the\r\n transaction.\r\n \r\n\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n \r\n Transactions History\r\n
\r\n\r\n View All Transaction Details\r\n
\r\n- \r\n
- \r\n Access your transaction history by clicking on \"Transactions\" in the\r\n dashboard.\r\n \r\n
- \r\n The transaction history provides a detailed record of all your\r\n financial activities within the SmartPay platform.\r\n \r\n
\r\n Transaction Status and Information\r\n
\r\n- \r\n
- \r\n Each transaction entry includes essential details such as the date\r\n of the transaction, recipient information, transaction amount, and\r\n status.\r\n \r\n
- \r\n By checking the transaction status, you can stay informed about the\r\n progress of each financial activity.\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n Transfer Money\r\n
\r\n\r\n Wallet-to-Wallet Transfer\r\n
\r\n- \r\n
- Navigate to the \"Transfer Money\" section in the dashboard. \r\n
- \r\n Enter the recipient's wallet number (phone number) for the transfer.\r\n \r\n
- \r\n The system will automatically populate the recipient's details.\r\n \r\n
- \r\n Provide the transfer amount and your associated PIN for\r\n verification.\r\n \r\n
- Verify and confirm the transaction. \r\n
\r\n Automatic Population of Receiver Details: The SmartPay system\r\n conveniently auto-populates receiver details based on the provided\r\n wallet number.\r\n
\r\n\r\n 
\r\n
\r\n Transaction Completion and Notifications:
\r\n- \r\n
- \r\n Once the transfer is verified, the funds will be transferred to the\r\n recipient's wallet. .\r\n \r\n
- \r\n Both the sender and receiver will receive SMS and email\r\n notifications to confirm the successful transfer.\r\n \r\n
\r\n
\r\n \r\n Cash Out\r\n
\r\nCash Out to Sub Agent
\r\n- \r\n
- Visit the \"Cash Out\" section on the dashboard. \r\n
- \r\n Enter the sub agent's wallet number (phone number) for the\r\n transaction.\r\n \r\n
- \r\n Receiver details will be automatically populated by the system.\r\n \r\n
- \r\n Provide the amount you wish to cash out and your associated PIN.\r\n \r\n
- Verify and confirm the cash out transaction. \r\n
\r\n Automatic Population of Receiver Details: The system streamlines the\r\n process by automatically filling in the receiver's details.\r\n
\r\nTransaction Completion and Notifications:
\r\n- \r\n
- \r\n Once the transaction is verified, the cash will be successfully\r\n transferred to the sub agent's wallet.\r\n \r\n
- \r\n Both the sender and sub agent will receive SMS and email\r\n notifications confirming the transaction.\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n Make Payment\r\n
\r\nPayment to Services
\r\n- \r\n
- Access the \"Make Payment\" option in the dashboard. \r\n
- \r\n Choose the type of service you intend to make a payment for:\r\n SmartBills, University Fees, or Other Services.\r\n \r\n
\r\n Service Types (SmartBills, University Fees, Other Services)\r\n
\r\n\r\n 
\r\n
\r\n - \r\n
- \r\n Based on your selection, further specify the service you are making\r\n a payment for. Options include EDSA, NRA, ITS, and Others.\r\n \r\n
\r\n
\r\n Pay Smart bills
\r\n\r\n 
\r\n
\r\n \r\n
\r\n Pay University Fees
\r\n\r\n 
\r\n
\r\n \r\n
\r\n Pay Other Services
\r\n\r\n 
\r\n
\r\n Payment Confirmation and Notifications:
\r\n- \r\n
- Confirm the payment details. \r\n
- \r\n Receive a payment confirmation along with SMS and email notifications\r\n to verify the successful payment.\r\n \r\n
\r\n
\r\n \r\n Top-Up History\r\n
\r\nView Top-Up History
\r\n- \r\n
- Navigate to the \"Top-Up History\" section in the dashboard. \r\n
- \r\n Gain insights into your top-up history, including details of top-ups\r\n made to your own wallet and to other wallets.\r\n \r\n\r\n
\r\n
\r\n
\r\n If you have any questions or need assistance, our support team is here\r\n to help. Happy SmartPaying!\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default MasterAgentJourney;\r\n","export default __webpack_public_path__ + \"static/media/SP1.f10dcb93.png\";","export default __webpack_public_path__ + \"static/media/SP2.60f28d26.png\";","export default __webpack_public_path__ + \"static/media/SP3.e3a76507.png\";","export default __webpack_public_path__ + \"static/media/SP4.7a34c019.png\";","export default __webpack_public_path__ + \"static/media/SP5.8dcc12d4.png\";","export default __webpack_public_path__ + \"static/media/SuperAgent.08a4a7d5.png\";","/* eslint-disable react/no-unescaped-entities */\r\n\r\nimport SP1Img from \"../../assets/kb/SP1.png\";\r\nimport SP2Img from \"../../assets/kb/SP2.png\";\r\nimport SP3Img from \"../../assets/kb/SP3.png\";\r\nimport SP4Img from \"../../assets/kb/SP4.png\";\r\nimport SP5Img from \"../../assets/kb/SP5.png\";\r\nimport SuperAgentImg from \"../../assets/kb/SuperAgent.png\";\r\n\r\nconst SuperAgentJourney = () => {\r\n return (\r\n \r\n
\r\n Introduction
\r\n\r\n Welcome to the Master Agent's role in the SmartPay ecosystem. As a\r\n Master Agent, you play a vital role in managing and overseeing\r\n transactions within the platform. This guide will walk you through\r\n your responsibilities and capabilities.\r\n
\r\n\r\n
\r\n \r\n Registration and Access\r\n
\r\n\r\n As a Master Agent, your account is registered by the Super Admin. Once\r\n registered, you'll gain access to a range of functionalities to\r\n facilitate and monitor financial activities.\r\n
\r\n\r\n
\r\n \r\n Top-Up Balance\r\n
\r\n\r\n Your Master Agent account enables you to top up your own wallet\r\n balance using an associated bank account. The process involves the\r\n following steps:\r\n
\r\n- \r\n
- \r\n Wallet Balance: Monitor the balance in your own wallet, reflecting\r\n your available funds.\r\n \r\n
- \r\n Commission: Stay updated on the commissions associated with\r\n transactions.\r\n \r\n
- \r\n Super Agent Balances: Access the balances of Super Agents in your\r\n network.\r\n \r\n
- \r\n Sub Agent Balances: Review the balances of Sub Agents linked to your\r\n operations.\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n Transfer to Super Agents\r\n
\r\n\r\n One of your key responsibilities is facilitating financial\r\n transactions between Master Agents and Super Agents. You can initiate\r\n money transfers to Super Agent wallets using the SmartPay platform.\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Transaction Monitoring\r\n
\r\n\r\n Your Master Agent account allows you to keep track of all transactions\r\n that take place within the platform. This includes transactions\r\n initiated by Super Agents, Sub Agents, and other users. CC\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n Dashboard Overview\r\n
\r\n\r\n Your dashboard provides a comprehensive view of your financial\r\n operations:\r\n
\r\n- \r\n
- Wallet Balance: Keep track of the balance in your own wallet. \r\n
- \r\n Commission: Stay informed about the commissions associated with\r\n transactions.\r\n \r\n
- \r\n Sub Agent Balances: Access the balances of Sub Agents under your\r\n management.\r\n \r\n\r\n
\r\n
\r\n
\r\n Master Agent Flowchart\r\n
\r\n\r\n
\r\n \r\n Conclusion\r\n
\r\n\r\n As a Master Agent, you play a pivotal role in the SmartPay financial\r\n ecosystem. Your responsibilities include managing transactions,\r\n facilitating transfers, and monitoring financial activities. By\r\n utilizing your dashboard and the functionalities provided, you\r\n contribute to the seamless functioning of the platform.\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default SuperAgentJourney;\r\n","export default __webpack_public_path__ + \"static/media/SA1.4cbf398b.png\";","export default __webpack_public_path__ + \"static/media/SA3.ad9c83e4.png\";","export default __webpack_public_path__ + \"static/media/SA4.7b897282.png\";","export default __webpack_public_path__ + \"static/media/SA5.438b2498.png\";","export default __webpack_public_path__ + \"static/media/SA6.c9e3db53.png\";","export default __webpack_public_path__ + \"static/media/SA7.4b31f04d.png\";","export default __webpack_public_path__ + \"static/media/SA8.78de33b8.png\";","export default __webpack_public_path__ + \"static/media/SubAgent.e9046898.png\";","/* eslint-disable react/no-unescaped-entities */\r\nimport SA1Img from \"../../assets/kb/SA1.png\";\r\nimport SA3Img from \"../../assets/kb/SA3.png\";\r\nimport SA4Img from \"../../assets/kb/SA4.png\";\r\nimport SA5Img from \"../../assets/kb/SA5.png\";\r\nimport SA6Img from \"../../assets/kb/SA6.png\";\r\nimport SA7Img from \"../../assets/kb/SA7.png\";\r\nimport SA8Img from \"../../assets/kb/SA8.png\";\r\nimport SubAgentImg from \"../../assets/kb/SubAgent.png\";\r\n\r\nconst SubAgentJourney = () => {\r\n return (\r\n \r\n
\r\n Introduction
\r\n\r\n Welcome to the Super Agent's role within the SmartPay platform. As a\r\n Super Agent, you play a pivotal role in managing and facilitating\r\n financial activities. This guide will provide you with an overview of\r\n your responsibilities and capabilities.\r\n
\r\n\r\n
\r\n \r\n Registration and Access\r\n
\r\n\r\n As a Super Agent, your account is registered and authorized by the\r\n Super Admin. Once registered, you gain access to a range of\r\n functionalities that allow you to oversee financial transactions.\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n Create Sub Agents\r\n
\r\n\r\n One of your key roles as a Super Agent is the ability to create Sub\r\n Agents under your supervision. This process involves:\r\n
\r\n- \r\n
- Initiating the creation of a Sub Agent from your dashboard. \r\n
- Providing necessary details for the Sub Agent account. \r\n
- Verifying and confirming the creation. \r\n
- \r\n The newly created Sub Agent will be under your management.\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n Transfer to Sub Agents\r\n
\r\n\r\n As a Super Agent, you have the authority to transfer funds to Sub\r\n Agents when required. This enables you to support and facilitate their\r\n financial operations.\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n Transaction Monitoring\r\n
\r\n\r\n Your Super Agent account allows you to monitor all transactions taking\r\n place within your network. This includes transactions initiated by Sub\r\n Agents and other users.\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n Dashboard Overview\r\n
\r\n\r\n Your dashboard provides a comprehensive view of your financial\r\n operations:\r\n
\r\n- \r\n
- Wallet Balance: Keep track of the balance in your own wallet. \r\n
- \r\n Commission: Stay informed about the commissions associated with\r\n transactions.\r\n \r\n
- \r\n Sub Agent Balances: Access the balances of Sub Agents under your\r\n management.\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n Transfer to Created Sub Agents\r\n
\r\n\r\n It's important to note that you can transfer funds exclusively to Sub\r\n Agents you have created. This ensures controlled financial management\r\n within your network.\r\n
\r\n\r\n Super Agent Flowchart\r\n
\r\n\r\n
\r\n \r\n Conclusion\r\n
\r\n\r\n As a Super Agent, you play a crucial role in the SmartPay financial\r\n ecosystem. Your responsibilities encompass creating and managing Sub\r\n Agents, overseeing transactions, and facilitating transfers. Utilizing\r\n your dashboard and provided functionalities, you contribute to the\r\n efficient functioning of the platform.\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default SubAgentJourney;\r\n","export default __webpack_public_path__ + \"static/media/MR1.b2ee91d6.png\";","export default __webpack_public_path__ + \"static/media/MR2.c9ddcc89.png\";","export default __webpack_public_path__ + \"static/media/MR3.e34aa866.png\";","export default __webpack_public_path__ + \"static/media/MR4.333d9910.png\";","export default __webpack_public_path__ + \"static/media/Merchant.da921112.png\";","/* eslint-disable react/no-unescaped-entities */\r\nimport MR1Img from \"../../assets/kb/MR1.png\";\r\nimport MR2Img from \"../../assets/kb/MR2.png\";\r\nimport MR3Img from \"../../assets/kb/MR3.png\";\r\nimport MR4Img from \"../../assets/kb/MR4.png\";\r\nimport MerchantImg from \"../../assets/kb/Merchant.png\";\r\n\r\nconst MerchantJourney = () => {\r\n return (\r\n \r\n
\r\n Introduction
\r\n\r\n Welcome to the role of Sub Agent within the SmartPay platform. As a\r\n Sub Agent, you have a crucial role in facilitating financial\r\n transactions and offering essential services. This guide will provide\r\n you with insights into your responsibilities and capabilities.\r\n
\r\n\r\n
\r\n \r\n Top Up Money to Subscribers\r\n
\r\n\r\n One of your primary functions is to Top the wallet money to\r\n Subscribers within the SmartPay network. This process involves:\r\n
\r\n- \r\n
- Initiating a money transfer from your dashboard. \r\n
- Selecting the desired Subscriber to receive the funds. \r\n
- \r\n Providing the required details, including the amount and any\r\n necessary verification.\r\n \r\n
- \r\n Completing the transfer, ensuring the funds are accurately received\r\n by the intended Subscriber.\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n Cash Out to Super Agents
\r\n\r\n As a Sub Agent, you have the ability to perform cash outs to Super\r\n Agents. This feature allows you to return funds to the Super Agents as\r\n needed.\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n Transaction Monitoring
\r\n\r\n Your Sub Agent account provides access to a transaction monitoring\r\n feature, allowing you to review and track all transactions within your\r\n network.\r\n
\r\n\r\n 
\r\n
\r\n \r\n
\r\n Payment Services
\r\n\r\n Within your role as a Sub Agent, you can offer various payment\r\n services to Subscribers:\r\n
\r\n- \r\n
- \r\n EDSA - Electricity Pin Purchase\r\n \r\n\r\n
\r\n
\r\n - \r\n SmartKorpor Services\r\n \r\n\r\n
\r\n
\r\n - \r\n Betting Platform Tickets\r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n Dashboard Insights
\r\n\r\n Your dashboard provides a comprehensive overview of your financial\r\n activities:\r\n
\r\n- \r\n
- Transfer: Initiate money transfers to Subscribers. \r\n
- Receive: Receive funds from Super Agents and other sources. \r\n
- \r\n Other Insights: Access key information related to your transactions\r\n and activities.\r\n \r\n\r\n
\r\n
\r\n
Sub-Agent flowchart
\r\n\r\n 
\r\n
\r\n Conclusion
\r\n\r\n As a Sub Agent, you play an essential role in the SmartPay financial\r\n ecosystem. Your responsibilities include transferring money to\r\n Subscribers, performing cash outs, offering payment services, and\r\n overseeing transactions. Utilizing your dashboard and provided\r\n functionalities, you contribute to the seamless functioning of the\r\n platform.\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default MerchantJourney;\r\n","export default __webpack_public_path__ + \"static/media/CB1.8ec9d791.png\";","export default __webpack_public_path__ + \"static/media/CB2.bfc5c5b8.png\";","export default __webpack_public_path__ + \"static/media/CB3.dd804b6a.png\";","export default __webpack_public_path__ + \"static/media/CB4.d72b7037.png\";","export default __webpack_public_path__ + \"static/media/SB1.2e03764e.png\";","export default __webpack_public_path__ + \"static/media/SB2.b4407675.png\";","import React, { useState } from \"react\";\r\nimport {\r\n TabContent,\r\n Nav,\r\n NavItem,\r\n NavLink,\r\n Card,\r\n Container,\r\n CardBody,\r\n TabPane,\r\n CardHeader,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\nimport classnames from \"classnames\";\r\nimport Header from \"components/Headers/Header.js\";\r\nimport { knowledgeBaseItems } from \"appConfig\";\r\nimport Overview from \"./Overview\";\r\nimport TechnicalBackground from \"./TechnicalBackground\";\r\nimport SubscriberJourney from \"./SubscriberJourney\";\r\nimport MasterAgentJourney from \"./MasterAgentJourney\";\r\nimport SuperAgentJourney from \"./SuperAgentJourney\";\r\nimport SubAgentJourney from \"./SubAgentJourney\";\r\nimport MerchantJourney from \"./MerchantJourney\";\r\nimport BankUserJourney from \"./BankUserJourney\";\r\nimport LegalInformation from \"./LegalInformation\";\r\nimport ContactUs from \"./ContactUs\";\r\n\r\nconst cardHeaderCls = {\r\n backgroundColor: \"#6490CA\",\r\n};\r\nconst All_TABS = [\r\n Overview,\r\n TechnicalBackground,\r\n SubscriberJourney,\r\n MasterAgentJourney,\r\n SuperAgentJourney,\r\n SubAgentJourney,\r\n MerchantJourney,\r\n BankUserJourney,\r\n LegalInformation,\r\n ContactUs,\r\n];\r\nconst AddSubscriber = (props) => {\r\n const [activeTab, setActiveTab] = useState(1);\r\n const [activeTabName, setActiveTabName] = useState(\r\n knowledgeBaseItems[0].label\r\n );\r\n\r\n const toggle = (tab) => {\r\n if (activeTab !== tab) setActiveTab(tab);\r\n };\r\n\r\n const getActiveTabContent = (tab) => {\r\n const CurrentTab = All_TABS[tab - 1];\r\n return \r\n
\r\n Introduction
\r\n\r\n The Merchant role within the Smart Pay system comes with a set of\r\n functionalities designed to facilitate financial interactions and\r\n streamline operations. This section outlines the key features and\r\n capabilities available to a Merchant user.\r\n
\r\n\r\n
\r\n \r\n Cash Out by Super Agent\r\n
\r\n\r\n As a Merchant user, you have the ability to initiate a cash-out\r\n request through the Super Agent. This enables you to withdraw funds\r\n from your wallet as needed, enhancing the liquidity of your financial\r\n activities.\r\n
\r\n\r\n
\r\n \r\n Payment Receipt Tracking\r\n
\r\n\r\n Through your Merchant account, you can efficiently track and monitor\r\n the payments received against bills and services. The system provides\r\n you with valuable insights into the status of these payments. Once the\r\n Settlement Bank user settles the amount, you will receive the\r\n corresponding funds into your account.\r\n
\r\n\r\n
\r\n \r\n Transaction Search\r\n
\r\n\r\n To enhance your record-keeping capabilities, the Smart Pay platform\r\n allows you to search for specific transactions. This functionality\r\n enables you to easily locate and review transaction details,\r\n contributing to a comprehensive overview of your financial\r\n interactions.\r\n
\r\n\r\n
\r\n \r\n Daily End Reports\r\n
\r\n\r\n Stay informed about your daily financial activities with the Daily End\r\n Reports feature. By selecting a specific date, you can generate a\r\n report that summarizes the transactions and activities for that day.\r\n This provides you with a clear snapshot of your financial performance,\r\n aiding in your decision-making process.\r\n
\r\n\r\n
\r\n \r\n Getting Started\r\n
\r\n- \r\n
- \r\n Access the Smart Pay platform using your Merchant credentials.\r\n \r\n
- \r\n Navigate to the dashboard to access the various features outlined\r\n above.\r\n \r\n
- \r\n Use the \"Cash Withdraw\" option to initiate a cash withdrawal through\r\n the Super Agent.\r\n \r\n\r\n
\r\n
\r\n - \r\n Monitor your payment receipts and their statuses to stay informed\r\n about your financial transactions.\r\n \r\n\r\n
\r\n
\r\n - \r\n Utilize the transaction search feature to locate and review specific\r\n transactions.\r\n \r\n\r\n
\r\n
\r\n - \r\n Generate Daily End Reports by selecting a date to gain insights into\r\n your daily financial activities. Also Merchant can export the report\r\n in the excel or PDF.\r\n \r\n\r\n
\r\n
\r\n
\r\n Merchant Flowchart\r\n
\r\n\r\n 
\r\n
\r\n Conclusion
\r\n\r\n As a Merchant user, the Smart Pay platform offers you a range of tools\r\n to effectively manage your financial operations. By leveraging the\r\n capabilities outlined in this manual, you can enhance your financial\r\n visibility, streamline transactions, and make informed decisions to\r\n optimize your financial activities.\r\n
\r\n\r\n \r\n \r\n \r\n \r\n {knowledgeBaseItems.map((item, idx) => (\r\n \r\n {\r\n setActiveTabName(item.label);\r\n toggle(idx + 1);\r\n }}\r\n style={{\r\n padding: \"10px\",\r\n whiteSpace: \"nowrap\",\r\n cursor: \"pointer\",\r\n }}\r\n >\r\n {item.label}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AddSubscriber;\r\n","/* eslint-disable react/no-unescaped-entities */\r\nimport CB1Img from \"../../assets/kb/CB1.png\";\r\nimport CB2Img from \"../../assets/kb/CB2.png\";\r\nimport CB3Img from \"../../assets/kb/CB3.png\";\r\nimport CB4Img from \"../../assets/kb/CB4.png\";\r\nimport SB1Img from \"../../assets/kb/SB1.png\";\r\nimport SB2Img from \"../../assets/kb/SB2.png\";\r\n\r\nconst BankUserJourney = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {getActiveTabContent(activeTab)} \r\n \r\n
\r\n \r\n {activeTabName}\r\n
\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default BankUserJourney;\r\n","/* eslint-disable react/no-unescaped-entities */\r\nimport React from \"react\";\r\n\r\nconst LegalInformation = () => {\r\n return (\r\n \r\n
\r\n \r\n This guide will help you navigate and utilize the features of both\r\n Collection Bank and Settlement Bank effectively.\r\n
\r\n\r\n Collection Bank\r\n
\r\n\r\n
\r\n Dashboard
\r\n- \r\n
- \r\n Total COLLECTION: View the total collection amount\r\n for the current period.\r\n \r\n
- \r\n TOTAL SUBSCRIBER: Monitor the total number of\r\n subscribers registered.\r\n {\" \"}\r\n
- \r\n VERIFIED SUBSCRIBER: Keep track of the count of\r\n verified subscribers.\r\n {\" \"}\r\n
- \r\n UNVERIFIED SUBSCRIBER: Track the number of\r\n subscribers awaiting verification.\r\n {\" \"}\r\n
- \r\n MTD Commissions: See the total commissions earned\r\n month-to-date.\r\n {\" \"}\r\n
- \r\n MTD Customer Transfers: Review the total customer\r\n transfers for the current month.\r\n {\" \"}\r\n
\r\n 
\r\n
\r\n \r\n
\r\n Features
\r\n- \r\n
- \r\n Subscriber Account Approval: As a Collection Bank\r\n user, you have the authority to approve subscriber accounts. Once\r\n approved, subscribers can access and use their accounts.\r\n \r\n\r\n
\r\n
\r\n - \r\n Master Agent Top-Up Approval: You also have the\r\n ability to approve top-up amounts for master agents. This\r\n facilitates smooth transactions within the system.\r\n \r\n\r\n
\r\n
\r\n - \r\n Commission Collection: You can view the collected\r\n commissions through a dedicated section, allowing you to keep track\r\n of earnings accurately.\r\n \r\n\r\n
\r\n
\r\n - \r\n Transaction Search: To find specific transactions,\r\n use the transaction search feature. This helps in quickly locating\r\n and reviewing particular transaction details.\r\n \r\n
\r\n Settlement Bank\r\n
\r\n- \r\n
- \r\n Dashboard Overview: Upon logging in, you'll be\r\n greeted with an informative dashboard. This dashboard displays\r\n essential information, including Settlement Balance, Collection\r\n Accounts Balance, and Merchant Settlement Amounts.\r\n \r\n\r\n
\r\n
\r\n - \r\n Merchant Settlement: Within the dashboard, you'll\r\n find a dedicated tab for Merchant Settlements. Use this tab to approve\r\n and settle merchant bills, ensuring timely and accurate payments.\r\n \r\n\r\n
\r\n
\r\n - \r\n Search Transactions: The Search Transaction tab\r\n allows you to search for detailed transaction information. This\r\n feature is particularly useful for tracking down specific transactions\r\n and their associated details.\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default LegalInformation;\r\n","const ContactUs = () => {\r\n return (\r\n \r\n Welcome to the Smart Pay System Copyright Notice. This section outlines\r\n the legal information and rights associated with the Smart Pay\r\n application, its content, and its services. Please take a moment to\r\n review the following details regarding copyright, usage, and legal\r\n responsibilities.\r\n
\r\n\r\n
\r\n Ownership of Content
\r\n\r\n The Smart Pay System, including its website, mobile application,\r\n graphics, text, images, and other content, is protected by\r\n international copyright laws and intellectual property rights. All\r\n rights, including copyrights, trademarks, and proprietary information,\r\n are owned by Smart Systems Ltd. Any unauthorized reproduction,\r\n distribution, or use of the Smart Pay content is strictly prohibited\r\n and may result in legal action.\r\n
\r\n\r\n
\r\n Usage Rights
\r\n\r\n Smart Systems Ltd. grants users limited, non-exclusive, and\r\n non-transferable rights to access and use the Smart Pay System for\r\n personal or internal business purposes. This includes the ability to\r\n interact with the system, access information, and perform authorized\r\n transactions. However, users are explicitly prohibited from modifying,\r\n reproducing, distributing, displaying, transmitting, or creating\r\n derivative works based on the Smart Pay content without prior written\r\n consent from Smart Systems Ltd.\r\n
\r\n\r\n
\r\n Restrictions
\r\n\r\n Users must adhere to the terms and conditions set forth by Smart\r\n Systems Ltd. Unauthorized use, copying, distribution, or modification\r\n of the Smart Pay content may violate copyright and trademark laws and\r\n could result in legal consequences. Users are advised to respect the\r\n rights of Smart Systems Ltd. and other parties who hold proprietary\r\n interests in the content available through the Smart Pay System.\r\n
\r\n\r\n
\r\n Third-Party Content and Links
\r\n\r\n The Smart Pay System may include links to third-party websites,\r\n services, or content that are not owned or controlled by Smart Systems\r\n Ltd. These links are provided for users' convenience and do not imply\r\n endorsement or affiliation. Smart Systems Ltd. is not responsible for\r\n the content, privacy practices, or terms of use of any third-party\r\n websites or services.\r\n
\r\n\r\n
\r\n Reporting Copyright Infringements
\r\n\r\n Smart Systems Ltd. takes copyright and intellectual property rights\r\n seriously. If you believe that any content on the Smart Pay System\r\n infringes your copyright or violates your intellectual property\r\n rights, please contact us immediately using the provided contact\r\n information below.\r\n
\r\n\r\n
\r\n Contact Us
\r\n\r\n For inquiries related to copyright, legal matters, or any questions\r\n regarding the Smart Pay System's terms of use, please reach out to us\r\n at:\r\n
\r\n- \r\n
- \r\n Email:{\" \"}\r\n
- \r\n Phone: 3737\r\n \r\n
\r\n
\r\n Changes to Copyright Notice
\r\n\r\n Smart Systems Ltd. reserves the right to update, modify, or amend this\r\n Copyright Notice from time to time without prior notice. Users are\r\n advised to review this section periodically to stay informed about any\r\n changes in copyright and usage rights.\r\n
\r\n\r\n Thank you for choosing the Smart Pay System. We appreciate your\r\n compliance with these terms and your respectful use of our services.\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default ContactUs;\r\n","/* eslint-disable eqeqeq */\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport Header from \"components/Headers/Header\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport {\r\n Button,\r\n Card,\r\n CardFooter,\r\n CardHeader,\r\n Col,\r\n Container,\r\n FormGroup,\r\n Input,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Row,\r\n Table,\r\n} from \"reactstrap\";\r\nimport { getMethod } from \"services/httpServices\";\r\nimport { getUserId } from \"services/httpServices\";\r\nimport { btnCss, iconCss } from \"../../appConfig\";\r\nimport { getSortCls } from \"services/util\";\r\nimport ReactPaginate from \"react-paginate\";\r\n\r\nconst sortIS = {\r\n sortPOSID: 0,\r\n sortRegisteredDate: 0,\r\n sortRegisteredLocation: 0,\r\n sortTodaysSales: 0,\r\n sortMtdSales: 0,\r\n sortYtdSales: 0,\r\n};\r\n\r\nfunction Tellers() {\r\n const [data, setData] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [sort, setSort] = useState(sortIS);\r\n const [sortBy, setSortBy] = useState(\"\");\r\n const [sortDirection, setSortDirection] = useState(\"asc\");\r\n const [searchText, setSearchText] = useState(\"\");\r\n const [currentPage, setCurrentPage] = useState(0);\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n };\r\n\r\n function fetchData() {\r\n setLoading(true);\r\n getMethod(\r\n \"/api/MerchantProfile/TellerLandingPage?MerchantId=\" + getUserId()\r\n )\r\n .then((res) => {\r\n if (res.data?.result?.length) {\r\n setData(res.data.result);\r\n }\r\n })\r\n .catch(console.log)\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n fetchData();\r\n }, []);\r\n\r\n const sortHandle = (fieldValue, fieldName, sortBy) => {\r\n let newValue = 0;\r\n if (fieldValue == \"0\") {\r\n newValue = \"1\";\r\n } else if (fieldValue == \"1\") {\r\n newValue = \"2\";\r\n } else if (fieldValue == \"2\") {\r\n newValue = \"1\";\r\n }\r\n setSort({ ...sortIS, [fieldName]: newValue });\r\n setSortDirection(sortDirection === \"asc\" ? \"desc\" : \"asc\");\r\n setSortBy(sortBy);\r\n };\r\n\r\n let filteredData = data.sort((a, b) => {\r\n if (sortDirection === \"asc\") {\r\n return typeof a[sortBy] === \"string\"\r\n ? String(a[sortBy]).localeCompare(String(b[sortBy]))\r\n : a[sortBy] - b[sortBy];\r\n } else if (sortDirection === \"desc\") {\r\n return typeof a[sortBy] === \"string\"\r\n ? String(b[sortBy]).localeCompare(String(a[sortBy]))\r\n : b[sortBy] - a[sortBy];\r\n } else {\r\n return 0;\r\n }\r\n });\r\n\r\n if (searchText) {\r\n filteredData = filteredData.filter((item) =>\r\n String(item?.tellerName).includes(searchText?.trim())\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n Call 3737
\r\n\r\n
\r\n 8 Regent Road, Hill station, Freetown
\r\n\r\n \r\n Fill form\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setSearchText(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {filteredData.length > 0 && (\r\n \r\n
\r\n )}\r\n {\" \"}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Tellers;\r\n","/* eslint-disable eqeqeq */\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport Header from \"components/Headers/Header\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport {\r\n Button,\r\n Card,\r\n CardFooter,\r\n CardHeader,\r\n Col,\r\n Container,\r\n FormGroup,\r\n Input,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Row,\r\n Table,\r\n} from \"reactstrap\";\r\nimport { getMethod } from \"services/httpServices\";\r\nimport { getUserId } from \"services/httpServices\";\r\nimport { btnCss, iconCss } from \"../../appConfig\";\r\nimport { getSortCls } from \"services/util\";\r\nimport SearchableSelect from \"components/dropdown/SearchDropdown\";\r\nimport moment from \"moment\";\r\nimport { postMethod } from \"services/httpServices\";\r\nimport ReactPaginate from \"react-paginate\";\r\n\r\nconst sortIS = {\r\n sortPOSID: 0,\r\n sortRegisteredDate: 0,\r\n sortRegisteredLocation: 0,\r\n sortTodaysSales: 0,\r\n sortMtdSales: 0,\r\n sortYtdSales: 0,\r\n};\r\n\r\nfunction Statements() {\r\n const [data, setData] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [sort, setSort] = useState(sortIS);\r\n const [sortBy, setSortBy] = useState(\"\");\r\n const [sortDirection, setSortDirection] = useState(\"asc\");\r\n const [searchText, setSearchText] = useState(\"\");\r\n const [posDeviceData, setPosDeviceData] = useState([]);\r\n const [allUsers, setAllUsers] = useState([]);\r\n const [startDate, setStartDate] = useState(null);\r\n const [endDate, setEndDate] = useState(null);\r\n const [users, setUsers] = useState([]);\r\n const [devices, setDevices] = useState([]);\r\n const [statements, setStatements] = useState([]);\r\n const [currentPage, setCurrentPage] = useState(0);\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n };\r\n function fetchPosDeviceData() {\r\n getMethod(\"/api/POS/GetAllDevice\")\r\n .then((res) => {\r\n if (res.data?.length) {\r\n setPosDeviceData(res.data);\r\n }\r\n })\r\n .catch(console.log);\r\n }\r\n\r\n function fetchAllUsers() {\r\n getMethod(\"/api/User/all\")\r\n .then((res) => {\r\n if (res.data?.result?.length) {\r\n setAllUsers(res.data.result.filter((i) => i.roleName === \"POSAgent\"));\r\n }\r\n })\r\n .catch(console.log);\r\n }\r\n\r\n useEffect(() => {\r\n fetchPosDeviceData();\r\n fetchAllUsers();\r\n }, []);\r\n\r\n const sortHandle = (fieldValue, fieldName, sortBy) => {\r\n let newValue = 0;\r\n if (fieldValue == \"0\") {\r\n newValue = \"1\";\r\n } else if (fieldValue == \"1\") {\r\n newValue = \"2\";\r\n } else if (fieldValue == \"2\") {\r\n newValue = \"1\";\r\n }\r\n setSort({ ...sortIS, [fieldName]: newValue });\r\n setSortDirection(sortDirection === \"asc\" ? \"desc\" : \"asc\");\r\n setSortBy(sortBy);\r\n };\r\n\r\n const getAllData = () => {\r\n setLoading(true);\r\n postMethod(\r\n \"/api/MerchantProfile/GetTransactionDetails\",\r\n {\r\n merchantId: getUserId(),\r\n startDate: startDate,\r\n endDate: endDate,\r\n posMacIds: devices,\r\n posAgentUseIds: users,\r\n },\r\n \"post\"\r\n )\r\n .then((res) => {\r\n if (res?.data?.result?.length) {\r\n setStatements(res.data?.result);\r\n }\r\n })\r\n .catch(console.log)\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n };\r\n\r\n let filteredData = statements.sort((a, b) => {\r\n if (sortDirection === \"asc\") {\r\n return typeof a[sortBy] === \"string\"\r\n ? String(a[sortBy]).localeCompare(String(b[sortBy]))\r\n : a[sortBy] - b[sortBy];\r\n } else if (sortDirection === \"desc\") {\r\n return typeof a[sortBy] === \"string\"\r\n ? String(b[sortBy]).localeCompare(String(a[sortBy]))\r\n : b[sortBy] - a[sortBy];\r\n } else {\r\n return 0;\r\n }\r\n });\r\n\r\n if (searchText) {\r\n filteredData = filteredData.filter((item) =>\r\n String(item?.tellerName).includes(searchText?.trim())\r\n );\r\n }\r\n return (\r\n | Teller ID | \r\nTeller Name | \r\n||||
|---|---|---|---|---|---|
| {teller.tellerId ?? \"-\"} | \r\n{teller.registeredDate ?? \"-\"} | \r\n{teller.tellerName ?? \"-\"} | \r\n{teller.todaysSales ?? \"-\"} | \r\n{teller.mtdSales ?? \"-\"} | \r\n{teller.ytdSales ?? \"-\"} | \r\n
\r\n \r\n Total Records : {filteredData.length}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setSearchText(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n */}\r\n \r\n \r\n
\r\n \r\n {filteredData.length > 0 && (\r\n \r\n
\r\n )}\r\n {\" \"}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Statements;\r\n","/* eslint-disable eqeqeq */\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport Header from \"components/Headers/Header\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport {\r\n Button,\r\n Card,\r\n CardFooter,\r\n CardHeader,\r\n Col,\r\n Container,\r\n FormGroup,\r\n Input,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Row,\r\n Table,\r\n} from \"reactstrap\";\r\nimport { getMethod } from \"services/httpServices\";\r\nimport { getUserId } from \"services/httpServices\";\r\nimport { btnCss, iconCss } from \"../../appConfig\";\r\nimport { getSortCls } from \"services/util\";\r\nimport ReactPaginate from \"react-paginate\";\r\n\r\nconst sortIS = {\r\n sortPOSID: 0,\r\n sortRegisteredDate: 0,\r\n sortTransactionDate: 0,\r\n sortNoOfTransactions: 0,\r\n sortTodaysSales: 0,\r\n sortMtdSales: 0,\r\n sortYtdSales: 0,\r\n};\r\n\r\nfunction Sales() {\r\n const [data, setData] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [sort, setSort] = useState(sortIS);\r\n const [sortBy, setSortBy] = useState(\"\");\r\n const [sortDirection, setSortDirection] = useState(\"asc\");\r\n const [searchText, setSearchText] = useState(\"\");\r\n const [currentPage, setCurrentPage] = useState(0);\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n };\r\n\r\n function fetchData() {\r\n setLoading(true);\r\n getMethod(\"/api/MerchantProfile/SalesLandingPage?MerchantId=\" + getUserId())\r\n .then((res) => {\r\n if (res.data?.result?.length) {\r\n setData(res.data.result);\r\n }\r\n })\r\n .catch(console.log)\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n fetchData();\r\n }, []);\r\n\r\n const sortHandle = (fieldValue, fieldName, sortBy) => {\r\n let newValue = 0;\r\n if (fieldValue == \"0\") {\r\n newValue = \"1\";\r\n } else if (fieldValue == \"1\") {\r\n newValue = \"2\";\r\n } else if (fieldValue == \"2\") {\r\n newValue = \"1\";\r\n }\r\n setSort({ ...sortIS, [fieldName]: newValue });\r\n setSortDirection(sortDirection === \"asc\" ? \"desc\" : \"asc\");\r\n setSortBy(sortBy);\r\n };\r\n\r\n let filteredData = data.sort((a, b) => {\r\n if (sortDirection === \"asc\") {\r\n return typeof a[sortBy] === \"string\"\r\n ? String(a[sortBy]).localeCompare(String(b[sortBy]))\r\n : a[sortBy] - b[sortBy];\r\n } else if (sortDirection === \"desc\") {\r\n return typeof a[sortBy] === \"string\"\r\n ? String(b[sortBy]).localeCompare(String(a[sortBy]))\r\n : b[sortBy] - a[sortBy];\r\n } else {\r\n return 0;\r\n }\r\n });\r\n\r\n if (searchText) {\r\n filteredData = filteredData.filter((item) =>\r\n String(item?.tellerName).includes(searchText?.trim())\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n Start Date
\r\n\r\n setStartDate(e.target.value)}\r\n >\r\n
\r\n \r\n
\r\n End Date
\r\n\r\n setEndDate(e.target.value)}\r\n >\r\n
\r\n \r\n ({\r\n key: i.userId,\r\n value: i.fullName,\r\n }))}\r\n onSelect={(e) => setUsers([...users, e.key])}\r\n />\r\n
\r\n Select User
\r\n\r\n ({\r\n key: i.posSerialNumber,\r\n value: i.posDeviceName,\r\n }))}\r\n onSelect={(e) => setDevices([...devices, e.key])}\r\n />\r\n
\r\n Select POS
\r\n\r\n \r\n
\r\n | Transaction Time/Date | \r\nTransaction Ref | \r\nAmount (Le) | \r\nCustomer | \r\nTeller | \r\nLocation | \r\n
|---|---|---|---|---|---|
| \r\n {new Date(teller.createdDate).toLocaleString() ?? \"-\"}\r\n | \r\n{teller.transactionId ?? \"-\"} | \r\n{teller.amount ?? \"-\"} | \r\n{teller.fromPaymentName ?? \"-\"} | \r\n{teller.collectedBy ?? \"-\"} | \r\n{teller.ytdSales ?? \"-\"} | \r\n
\r\n \r\n Total Records : {filteredData.length}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setSearchText(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {filteredData.length > 0 && (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Sales;\r\n","import Header from \"components/Headers/Header\";\r\nimport React from \"react\";\r\nimport { Card, CardHeader, Container } from \"reactstrap\";\r\n\r\nfunction Maps() {\r\n return (\r\n | No. of POS | \r\nNo. of Tellers | \r\nNo. of Locations | \r\nTotals Sales (Le) | \r\n||
|---|---|---|---|---|---|
| \r\n {new Date(teller.transactionDate).toLocaleString() ??\r\n \"-\"}\r\n | \r\n{teller.noOfTransactions ?? \"-\"} | \r\n{teller?.noOfPOS ?? \"-\"} | \r\n{teller?.noOfTellers ?? \"-\"} | \r\n{teller?.noOfLocations ?? \"-\"} | \r\n{teller.totalSales ?? \"-\"} | \r\n
\r\n \r\n Total Records : {filteredData.length}\r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n \r\n \r\n Coming soon. \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Maps;\r\n","/* eslint-disable eqeqeq */\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport Header from \"components/Headers/Header\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport {\r\n Button,\r\n Card,\r\n CardFooter,\r\n CardHeader,\r\n Col,\r\n Container,\r\n FormGroup,\r\n Input,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Row,\r\n Table,\r\n} from \"reactstrap\";\r\nimport { getMethod } from \"services/httpServices\";\r\nimport { getUserId } from \"services/httpServices\";\r\nimport { btnCss, iconCss } from \"../../appConfig\";\r\nimport { getSortCls } from \"services/util\";\r\nimport ReactPaginate from \"react-paginate\";\r\n\r\nconst sortIS = {\r\n sortTellerID: 0,\r\n sortRegisteredDate: 0,\r\n sortTellerName: 0,\r\n sortTodaysSales: 0,\r\n sortMtdSales: 0,\r\n sortYtdSales: 0,\r\n};\r\n\r\nfunction POS() {\r\n const [data, setData] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [sort, setSort] = useState(sortIS);\r\n const [sortBy, setSortBy] = useState(\"\");\r\n const [sortDirection, setSortDirection] = useState(\"asc\");\r\n const [searchText, setSearchText] = useState(\"\");\r\n const [currentPage, setCurrentPage] = useState(0);\r\n\r\n function fetchData() {\r\n setLoading(true);\r\n getMethod(\"/api/MerchantProfile/POSLandingPage?MerchantId=\" + getUserId())\r\n .then((res) => {\r\n if (res.data?.result?.length) {\r\n setData(res.data.result);\r\n }\r\n })\r\n .catch(console.log)\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n }\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n };\r\n\r\n useEffect(() => {\r\n fetchData();\r\n }, []);\r\n\r\n const sortHandle = (fieldValue, fieldName, sortBy) => {\r\n let newValue = 0;\r\n if (fieldValue == \"0\") {\r\n newValue = \"1\";\r\n } else if (fieldValue == \"1\") {\r\n newValue = \"2\";\r\n } else if (fieldValue == \"2\") {\r\n newValue = \"1\";\r\n }\r\n setSort({ ...sortIS, [fieldName]: newValue });\r\n setSortDirection(sortDirection === \"asc\" ? \"desc\" : \"asc\");\r\n setSortBy(sortBy);\r\n };\r\n\r\n let filteredData = data.sort((a, b) => {\r\n if (sortDirection === \"asc\") {\r\n return typeof a[sortBy] === \"string\"\r\n ? String(a[sortBy]).localeCompare(String(b[sortBy]))\r\n : a[sortBy] - b[sortBy];\r\n } else if (sortDirection === \"desc\") {\r\n return typeof a[sortBy] === \"string\"\r\n ? String(b[sortBy]).localeCompare(String(a[sortBy]))\r\n : b[sortBy] - a[sortBy];\r\n } else {\r\n return 0;\r\n }\r\n });\r\n\r\n if (searchText) {\r\n filteredData = filteredData.filter((item) =>\r\n String(item?.registeredLocation).includes(searchText?.trim())\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setSearchText(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {filteredData.length > 0 && (\r\n \r\n
\r\n )}\r\n {\" \"}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default POS;\r\n","export default __webpack_public_path__ + \"static/media/Apex-logo.7b071ba0.jpeg\";","export default __webpack_public_path__ + \"static/media/link-logo.ab656a24.png\";","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n FormGroup,\r\n Form,\r\n Input,\r\n InputGroupText,\r\n InputGroupAddon,\r\n InputGroup,\r\n Container,\r\n Row,\r\n Col,\r\n Label,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n} from \"reactstrap\";\r\nimport Header from \"../../components/Headers/Header\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { checkSpace, postMethod, getUserId } from \"services/httpServices\";\r\nimport { useHistory } from \"react-router\";\r\nimport swal from \"sweetalert\";\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport { getUserEmail } from \"services/httpServices\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { MOBILE_ONLY_COUNTRY } from \"appConfig\";\r\nimport { getAmt } from \"services/util\";\r\nimport { getLoginType } from \"services/httpServices\";\r\nimport { getSuperAgentId } from \"services/httpServices\";\r\nimport { useLocation, useParams } from \"react-router-dom/cjs/react-router-dom\";\r\nimport LapoLogo from \"../../assets/img/brand/lapologo.PNG\";\r\nimport NacsaLogo from \"../../assets/img/brand/nacsaLogo.png\";\r\nimport WellbodiLogo from \"../../assets/img/brand/wellbodi-logo.jpg\";\r\nimport SpayLogo from \"../../assets/img/brand/project_logo.png\";\r\nimport ApexLogo from \"../../assets/img/brand/Apex-logo.jpeg\";\r\nimport LinkLogo from \"../../assets/img/brand/link-logo.png\";\r\nimport { getUserName } from \"services/httpServices\";\r\n\r\nconst initialValue = {\r\n toMobWithCC: \"\",\r\n toMobWithoutCC: \"\",\r\n toMobCC: \"\",\r\n amount: \"\",\r\n pin: \"\",\r\n otp: \"\",\r\n};\r\nconst STR = `Please enter the mobile number whom you want to transfer`;\r\n\r\nconst paymentToOptions = [\r\n {\r\n name: \"Lapo\",\r\n value: \"Lapo\",\r\n logo: LapoLogo,\r\n },\r\n {\r\n name: \"NaCSA\",\r\n value: \"Nacsa\",\r\n logo: NacsaLogo,\r\n },\r\n {\r\n name: \"Wellbodi\",\r\n value: \"wellbodi\",\r\n logo: WellbodiLogo,\r\n },\r\n {\r\n name: \"SmartPay\",\r\n value: \"SmartPay\",\r\n logo: SpayLogo,\r\n },\r\n {\r\n name: \"Apex\",\r\n value: \"Apex\",\r\n logo: ApexLogo,\r\n },\r\n {\r\n name: \"Link\",\r\n value: \"Link\",\r\n logo: LinkLogo,\r\n },\r\n];\r\n\r\nconst CashoutSubAgent = (props) => {\r\n const [values, setValues] = useState(initialValue);\r\n const [subsInfo, setSubsInfo] = React.useState({});\r\n const [SubscriberDetails, setSubscriberDetails] = React.useState({});\r\n const [toUserInfo, setToUserInfo] = React.useState({});\r\n const [errors, setErrors] = React.useState({});\r\n const [loading, setLoading] = React.useState(false);\r\n const [spinner, setSpinner] = React.useState(false);\r\n const [use1FA, set1FA] = React.useState(false);\r\n const [use2FA, set2FA] = React.useState(false);\r\n const [showPswd, setShowPswd] = React.useState(false);\r\n const [form, setForm] = React.useState(1);\r\n const [resendLoader, setResendLoader] = React.useState(false);\r\n const [paymentTo, setPaymentTo] = useState(null);\r\n const [openDelModal, setOpenDelModal] = React.useState(false);\r\n\r\n const { addToast } = useToasts();\r\n const history = useHistory();\r\n const routeName = useLocation();\r\n let loginType = getLoginType();\r\n // console.log(routeName.pathname);\r\n\r\n /**======================== React Hooks ==========================*/\r\n\r\n useEffect(() => {\r\n if (paymentTo === \"SmartPay\") {\r\n fetchSubs();\r\n }\r\n }, [paymentTo]);\r\n\r\n /**======================== File Functions ==========================*/\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const openModal = (msg) => {\r\n swal({\r\n // title: msg,\r\n icon: \"success\",\r\n text: msg,\r\n allowOutsideClick: false,\r\n allowEscapeKey: false,\r\n closeOnClickOutside: false,\r\n buttons: {\r\n confirm: {\r\n text: \"Ok\",\r\n visible: true,\r\n closeModal: true,\r\n className: \"sweet-btn\",\r\n },\r\n },\r\n }).then((confirm) => {\r\n setSpinner(false);\r\n if (confirm) {\r\n setForm(3);\r\n } else {\r\n setForm(3);\r\n }\r\n });\r\n };\r\n\r\n const phoneChange = (value, data, event, formattedValue) => {\r\n if (data.dialCode && data.dialCode.length) {\r\n setValues({\r\n ...values,\r\n toMobWithCC: value,\r\n toMobCC: data.dialCode,\r\n toMobWithoutCC: value.substring(data.dialCode.length),\r\n });\r\n }\r\n return;\r\n };\r\n\r\n const goBack1 = () => {\r\n setValues(initialValue);\r\n setToUserInfo({});\r\n setForm(1);\r\n };\r\n\r\n const goBack2 = () => {\r\n setValues({ ...values, otp: \"\", pin: \"\" });\r\n setForm(2);\r\n };\r\n\r\n const resendOtp = (e) => {\r\n e.preventDefault();\r\n setValues({ ...values, otp: \"\" });\r\n setResendLoader(true);\r\n genOtp();\r\n };\r\n\r\n const checkForm = () => {\r\n if (form == 2 || form == 3) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n /**======================== Form Validation function ==========================*/\r\n\r\n const handleSubmit1 = (e) => {\r\n e?.preventDefault();\r\n const validationErrors = validate1(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n setOpenDelModal(true);\r\n // handleCashout();\r\n }\r\n };\r\n\r\n const validate1 = (inputs) => {\r\n var errors = {};\r\n if (!inputs.toMobWithCC) {\r\n errors.toMobWithCC = \"Phone number is required\";\r\n } else if (!inputs.toMobWithoutCC) {\r\n errors.toMobWithCC = \"Phone number is required\";\r\n }\r\n\r\n if (!inputs.amount) {\r\n errors.amount = \"amount is required\";\r\n }\r\n\r\n return errors;\r\n };\r\n\r\n const handleSubmit2 = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate2(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n verifyPinV2();\r\n }\r\n };\r\n\r\n const validate2 = (inputs) => {\r\n var errors = {};\r\n if (!inputs.amount) {\r\n errors.amount = \"Amount is required\";\r\n }\r\n if (!inputs.pin) {\r\n errors.pin = \"Pin is required\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleSubmit3 = (e) => {\r\n e.preventDefault();\r\n const validationErrors = validate3(values);\r\n setErrors(validationErrors);\r\n const isNoError = Object.values(validationErrors).every((x) => x === \"\");\r\n if (isNoError) {\r\n transferMoney();\r\n }\r\n };\r\n\r\n const validate3 = (inputs) => {\r\n var errors = {};\r\n if (!inputs.amount) {\r\n errors.amount = \"Amount is required\";\r\n }\r\n if (!inputs.pin) {\r\n errors.pin = \"Pin is required\";\r\n }\r\n if (use2FA && !inputs.otp) {\r\n errors.otp = \"OTP is required\";\r\n }\r\n if (!toUserInfo || !toUserInfo.userId) {\r\n errors.toUserId = \"To userid is required\";\r\n }\r\n return errors;\r\n };\r\n\r\n const handleInputChange = (ev) => {\r\n var { name, value } = ev.target;\r\n value = value.trim();\r\n if (name === \"amount\") {\r\n if (value == \"\") {\r\n setValues({ ...values, [name]: value });\r\n } else {\r\n if (checkNumberOnly(value)) {\r\n setValues({ ...values, [name]: value });\r\n } else {\r\n setValues({ ...values, [name]: \"\" });\r\n }\r\n }\r\n } else if (name === \"password\") {\r\n if (pinValidation(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else if (name === \"otp\") {\r\n if (checkOTP(value)) {\r\n setValues({ ...values, [name]: value });\r\n }\r\n } else {\r\n setValues({ ...values, [name]: value });\r\n }\r\n };\r\n\r\n const checkOTP = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (digiRegex.test(value)) {\r\n if (value.length <= 6) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const pinValidation = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 4) {\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const checkNumberOnly = (value) => {\r\n // let digiRegex = /^[0-9]*$/;\r\n let digiRegex = /^[+-]?([1-9]+\\.?[0-9]*|\\.[0-9]+)$/;\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n /**======================== API Calls ==========================*/\r\n\r\n const fetchSubs = () => {\r\n let errorMsg = \"\";\r\n let id = getUserId();\r\n\r\n let url = \"\";\r\n if (loginType === \"Super Agent\") {\r\n url = \"/api/agent/GetSuperAgent/\" + id;\r\n } else if (loginType === \"Master Agent\") {\r\n url = \"/api/Agent/GetMasterAgentById/\" + id;\r\n } else if (loginType === \"Agent\") {\r\n setForm(2);\r\n checkToMob();\r\n return;\r\n } else {\r\n url = \"/api/Subscriber/GetByUserId/\" + id;\r\n }\r\n setLoading(true);\r\n postMethod(url, null, \"post\")\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n setSubsInfo(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg =\r\n res.data.responseMessage || \"Error in fetching subscriber info\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching subscriber info\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const checkToMob = () => {\r\n let errorMsg = \"\";\r\n setSpinner(true);\r\n\r\n let url = \"\";\r\n if (loginType === \"Super Agent\") {\r\n url = \"/api/Transactions/validateSubAgent/\";\r\n } else if (loginType === \"Master Agent\") {\r\n url = \"/api/Transactions/validateSuperAgent/\";\r\n } else if (loginType === \"Agent\") {\r\n url = \"/api/Agent/GetSuperAgent/\" + getSuperAgentId();\r\n } else {\r\n if (routeName.pathname.includes(\"cash-out\") && loginType === \"Agent\") {\r\n // url = \"/api/Transactions/validateSubAgent-Subscriber/\";\r\n url = \"/api/Transactions/CashOutToOtherPlatform\";\r\n } else {\r\n url = \"/api/Transactions/validateSubscriber/\";\r\n }\r\n }\r\n postMethod(url + values.toMobWithCC, {}, \"post\")\r\n .then((res) => {\r\n setSpinner(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n setToUserInfo({\r\n ...res.data.result,\r\n userId:\r\n res.data.result?.userId || res.data?.result?.userProfileId,\r\n });\r\n setForm(2);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg =\r\n res.data.responseMessage || \"Error in fetching user info\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching user info\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setSpinner(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n const verifyPinV2 = () => {\r\n var errorMsg = \"\";\r\n // var data = {\r\n // \"PaymentAmount\": Number(values.amount),\r\n // \"Password\": values.pin,\r\n // \"Email\": getUserEmail().trim(),\r\n // \"PaymentType\": \"BalanceTransfer\"\r\n // };\r\n\r\n var data = {\r\n PaymentAmount: Number(values.amount),\r\n Password: values.pin,\r\n Email: getUserEmail().trim(),\r\n PaymentType: \"BalanceTransfer\",\r\n };\r\n let url = \"\";\r\n\r\n if (loginType === \"Super Agent\") {\r\n url = \"/api/agent/GetSubAgentDetails\";\r\n data.Email = subsInfo.mobNumber;\r\n } else if (loginType === \"Master Agent\") {\r\n url = \"/api/Agent/GetSuperAgentDetails\";\r\n data.Email = subsInfo.mobNumber;\r\n } else if (loginType === \"Agent\") {\r\n url = \"/api/Agent/GetSuperAgent/\" + getSuperAgentId();\r\n } else {\r\n if (routeName.pathname.includes(\"cash-out\") && loginType === \"Agent\") {\r\n url = \"/api/Subscriber/GetSubscriberDetailsForCashout/\";\r\n } else {\r\n url = \"/api/Subscriber/GetSubscriberDetails/\";\r\n }\r\n }\r\n setSpinner(true);\r\n // let url = '/api/pos/PaymentPinVerification';\r\n postMethod(url, JSON.stringify(data), \"post\")\r\n .then((res) => {\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let result = res.data.result;\r\n setSubscriberDetails(result);\r\n if (result.authFactorType == \"1FA\") {\r\n set1FA(true);\r\n set2FA(false);\r\n } else if (result.authFactorType == \"2FA\") {\r\n set1FA(false);\r\n set2FA(true);\r\n } else {\r\n set1FA(false);\r\n set2FA(false);\r\n }\r\n verifyPinHandle(result);\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg = res.data.responseMessage || \"Error in validating pin\";\r\n notifyFailed(errorMsg);\r\n setSpinner(false);\r\n } else {\r\n errorMsg = \"Unknown error in validating pin\";\r\n notifyFailed(errorMsg);\r\n setSpinner(false);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setSpinner(false);\r\n }\r\n })\r\n .catch((err) => {\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n setSpinner(false);\r\n });\r\n };\r\n\r\n const verifyPinHandle = (result) => {\r\n if (result.authFactorType == \"2FA\") {\r\n genOtp();\r\n } else {\r\n setSpinner(false);\r\n setForm(3);\r\n }\r\n };\r\n\r\n const genOtp = () => {\r\n var errorMsg = \"\";\r\n var data = JSON.stringify({\r\n UserId: getUserId(),\r\n OtpType: \"BalanceTransfer\",\r\n });\r\n let url = \"/api/Transactions/Sendotp\";\r\n postMethod(url, data, \"post\")\r\n .then((res) => {\r\n setSpinner(false);\r\n setResendLoader(false);\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let msg = res.data.responseMessage || \"Otp sent\";\r\n // notifySuccess(msg);\r\n openModal(msg);\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg = res.data.responseMessage || \"Error in generating otp\";\r\n notifyFailed(errorMsg);\r\n setSpinner(false);\r\n } else {\r\n errorMsg = \"Unknown error in generating otp\";\r\n notifyFailed(errorMsg);\r\n setSpinner(false);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n setSpinner(false);\r\n }\r\n })\r\n .catch((err) => {\r\n setSpinner(false);\r\n setResendLoader(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n const transferMoney = () => {\r\n var errorMsg = \"\";\r\n var data = {\r\n ToUserId: toUserInfo.userId,\r\n Amount: Number(values.amount),\r\n PIN: values.pin,\r\n };\r\n if (use2FA) {\r\n data[\"Otp\"] = values.otp;\r\n }\r\n setSpinner(true);\r\n\r\n let url = \"\";\r\n if (loginType === \"Super Agent\") {\r\n url = \"/api/Transactions/walletBalanceTransferToSubAgent\";\r\n } else if (loginType === \"Master Agent\") {\r\n url = \"/api/Transactions/walletBalanceTransferToSuperAgent\";\r\n } else if (loginType === \"Agent\") {\r\n url = \"/api/Transactions/walletBalanceTransferToSuperAgentReverse\";\r\n data.ToUserId = getSuperAgentId();\r\n } else {\r\n if (routeName.pathname.includes(\"cash-out\") && loginType === \"Agent\") {\r\n url = \"/api/Transactions/walletBalanceTransferToSubAgentFromSubscriber\";\r\n } else {\r\n url = \"/api/Transactions/walletBalanceTransfer\";\r\n }\r\n }\r\n postMethod(url, data, \"post\")\r\n .then((res) => {\r\n setSpinner(false);\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let msg = res.data.responseMessage || \"Amount Transferred\";\r\n notifySuccess(msg);\r\n history.push(\"/index\");\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg =\r\n res.data.responseMessage || \"Error in transferring amount\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n errorMsg = \"Unknown error in transferring amount\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setSpinner(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n const handleCashout = () => {\r\n var errorMsg = \"\";\r\n var data = {\r\n walletOrAccount: values.toMobWithoutCC,\r\n subAgentName: getUserName(),\r\n amount: Number(values.amount),\r\n platform: paymentTo === \"Nacsa\" ? \"NACSA\" : paymentTo,\r\n };\r\n\r\n setSpinner(true);\r\n\r\n let url = \"\";\r\n if (loginType === \"Super Agent\") {\r\n url = \"/api/Transactions/walletBalanceTransferToSubAgent\";\r\n } else if (loginType === \"Master Agent\") {\r\n url = \"/api/Transactions/walletBalanceTransferToSuperAgent\";\r\n } else if (loginType === \"Agent\") {\r\n // url = \"/api/Transactions/walletBalanceTransferToSuperAgentReverse\";\r\n // data.ToUserId = getSuperAgentId();\r\n url = \"/api/Transactions/CashOutToOtherPlatform\";\r\n } else {\r\n // if (routeName.pathname.includes(\"cash-out\") && loginType === \"Agent\") {\r\n // url = \"/api/Transactions/walletBalanceTransferToSubAgentFromSubscriber\";\r\n // } else {\r\n url = \"/api/Transactions/walletBalanceTransfer\";\r\n // }\r\n }\r\n postMethod(url, data, \"post\")\r\n .then((res) => {\r\n setSpinner(false);\r\n if (res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n let msg = res.data.responseMessage || \"Amount Transferred\";\r\n notifySuccess(msg);\r\n history.push(\"/index\");\r\n } else if (res.data.responseCode === \"400\") {\r\n errorMsg =\r\n res.data.responseMessage || \"Error in transferring amount\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n errorMsg = \"Unknown error in transferring amount\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setSpinner(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n | POS ID | \r\nRegistered Location | \r\n||||
|---|---|---|---|---|---|
| {teller.pos ?? \"-\"} | \r\n{teller.registeredDate ?? \"-\"} | \r\n{teller.registeredLocation ?? \"-\"} | \r\n{teller.todaysSales ?? \"-\"} | \r\n{teller.mtdSales ?? \"-\"} | \r\n{teller.ytdSales ?? \"-\"} | \r\n
\r\n \r\n Total Records : {filteredData.length}\r\n \r\n
\r\n \r\n\r\n Confirm Cashout
\r\n\r\n
\r\n \r\n
\r\n \r\n are you sure want to cashout Amount Le. {values.amount}\r\n
\r\n\r\n \r\n Yes {spinner && }\r\n {\" \"}\r\n setOpenDelModal(false)}\r\n disabled={spinner}\r\n >\r\n No\r\n \r\n
\r\n Cash Out
\r\n \r\n{item.name}
\r\n\r\n
\r\n \r\n \r\n \r\n Transfer to -{\" \"}\r\n {toUserInfo.subscriberName ||\r\n toUserInfo?.fullName}\r\n \r\n
\r\n \r\n \r\n Mobile Number -{\" \"}\r\n {`(${\r\n toUserInfo.mobileCodeId ||\r\n toUserInfo?.mobileCode\r\n }) - ${\r\n loginType === \"Agent\"\r\n ? toUserInfo?.mobileNumber\r\n : toUserInfo?.mobNumber\r\n }`}\r\n \r\n
\r\n \r\n \r\n Email - {toUserInfo.email}\r\n \r\n
\r\n {form == 3 && (\r\n \r\n \r\n Amount - \r\n Le \r\n {getAmt(values.amount)}\r\n \r\n
\r\n )}\r\n \r\n {routeName.pathname.includes(\"cash-out\") ? (\r\n \r\n Fees - Le {SubscriberDetails.fees}\r\n (Sub Agent Commission:{\" \"}\r\n \r\n {SubscriberDetails.commissionWillCredit}\r\n {\" \"}\r\n & Subscriber Commission:{\" \"}\r\n {SubscriberDetails.actualCommission})\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\nexport default FSPCustomerResetPin;\r\n","/* eslint-disable no-mixed-operators */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable eqeqeq */\r\n\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\n// reactstrap components\r\nimport { Card, CardHeader, Table, Row, Button, Col } from \"reactstrap\";\r\n// core components\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { postMethod } from \"../../services/httpServices\";\r\n\r\nconst CardsList = (props) => {\r\n const [loading, setLoading] = useState(false);\r\n const [filteredList, setFilteredList] = useState([]);\r\n\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n if (props?.customerId) {\r\n fetchNFC(props?.customerId);\r\n }\r\n }, []);\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const fetchNFC = async (customerId) => {\r\n let errorMsg = \"\";\r\n setLoading(true);\r\n\r\n postMethod(\r\n \"/api/POS/Search/GetSmartPayCardByCustomerId?Id=\" + customerId,\r\n {},\r\n \"post\"\r\n )\r\n .then((res) => {\r\n setLoading(false);\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\" && res.data.result) {\r\n // Success\r\n if (!res.data.result || !res.data.result.length) {\r\n res.data.result = [];\r\n }\r\n setFilteredList(res.data.result);\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setLoading(false);\r\n notifyFailed(\"Something went wrong!, Please call 3737\");\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n {/* Page content */}\r\n Reset FSP Customer PIN
\r\n \r\n\r\n {/* Table */}\r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CardsList;\r\n","/* eslint-disable eqeqeq */\r\nimport FullPageLoader from \"components/FullPageLoader/fullpageloader\";\r\nimport Header from \"components/Headers/Header\";\r\nimport NoRecordFound from \"components/NoRecordFound/NoRecordFound\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport {\r\n Button,\r\n Card,\r\n CardFooter,\r\n CardHeader,\r\n Col,\r\n Container,\r\n FormGroup,\r\n Input,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Modal,\r\n ModalBody,\r\n ModalHeader,\r\n Row,\r\n Table,\r\n} from \"reactstrap\";\r\nimport { getMethod } from \"services/httpServices\";\r\nimport { btnCss, iconCss } from \"../../appConfig\";\r\nimport { getSortCls } from \"services/util\";\r\nimport ReactPaginate from \"react-paginate\";\r\nimport { postMethod } from \"services/httpServices\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport FSPCustomerResetPin from \"./fsp-customer-reset-pin\";\r\nimport CardsList from \"./cards-list\";\r\n\r\nconst sortIS = {\r\n sortFullName: 0,\r\n};\r\n\r\nfunction FSPCustomersList() {\r\n const [data, setData] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [sort, setSort] = useState(sortIS);\r\n const [sortBy, setSortBy] = useState(\"\");\r\n const [sortDirection, setSortDirection] = useState(\"asc\");\r\n const [searchText, setSearchText] = useState(\"\");\r\n const [currentPage, setCurrentPage] = useState(0);\r\n const [deleteObj, setDeleteObj] = React.useState(null);\r\n const [openDelModal, setOpenDelModal] = React.useState(false);\r\n const [isCardModalOpen, setIsOpenCardModal] = React.useState(false);\r\n const [openReset, setOpenReset] = React.useState(false);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n\r\n const { addToast } = useToasts();\r\n\r\n function fetchData() {\r\n setLoading(true);\r\n getMethod(\"/api/FSP/Profile/Customers\")\r\n .then((res) => {\r\n if (res.data?.result?.length) {\r\n setData(res.data.result);\r\n }\r\n })\r\n .catch(console.log)\r\n .finally(() => {\r\n setLoading(false);\r\n });\r\n }\r\n\r\n const handlePageClick = ({ selected: selectedPage }) => {\r\n setCurrentPage(selectedPage);\r\n };\r\n\r\n useEffect(() => {\r\n fetchData();\r\n }, []);\r\n\r\n const sortHandle = (fieldValue, fieldName, sortBy) => {\r\n let newValue = 0;\r\n if (fieldValue == \"0\") {\r\n newValue = \"1\";\r\n } else if (fieldValue == \"1\") {\r\n newValue = \"2\";\r\n } else if (fieldValue == \"2\") {\r\n newValue = \"1\";\r\n }\r\n setSort({ ...sortIS, [fieldName]: newValue });\r\n setSortDirection(sortDirection === \"asc\" ? \"desc\" : \"asc\");\r\n setSortBy(sortBy);\r\n };\r\n\r\n let filteredData = data.sort((a, b) => {\r\n if (sortDirection === \"asc\") {\r\n return typeof a[sortBy] === \"string\"\r\n ? String(a[sortBy]).localeCompare(String(b[sortBy]))\r\n : a[sortBy] - b[sortBy];\r\n } else if (sortDirection === \"desc\") {\r\n return typeof a[sortBy] === \"string\"\r\n ? String(b[sortBy]).localeCompare(String(a[sortBy]))\r\n : b[sortBy] - a[sortBy];\r\n } else {\r\n return 0;\r\n }\r\n });\r\n\r\n if (searchText) {\r\n filteredData = filteredData.filter((item) =>\r\n String(item?.fullName)\r\n .toLocaleLowerCase()\r\n .includes(searchText?.trim().toLocaleLowerCase())\r\n );\r\n }\r\n\r\n const notifySuccess = (text) => {\r\n if (!text) {\r\n text = \"Save successfully\";\r\n }\r\n addToast(text, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const closeDeleteModal = () => {\r\n setDeleteObj(null);\r\n fetchData();\r\n setOpenDelModal(false);\r\n setOpenReset(false);\r\n setIsOpenCardModal(false)\r\n };\r\n\r\n const notifyFailed = (text) => {\r\n if (!text) {\r\n text = \"Error in saving\";\r\n }\r\n addToast(text, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n });\r\n };\r\n\r\n const deleteFsp = () => {\r\n let errorMsg = \"\";\r\n setModalLoading(true);\r\n let url = \"/api/FSP/Customer/Block/\" + deleteObj.id;\r\n postMethod(url, {}, \"post\")\r\n .then((res) => {\r\n setModalLoading(false);\r\n if (typeof res.data === \"string\") {\r\n let text = deleteObj.isBlocked\r\n ? \"FSP Customer unblocked successfully\"\r\n : \"FSP Customer blocked successfully\";\r\n notifySuccess(text);\r\n closeDeleteModal();\r\n return;\r\n }\r\n if (res && res.data) {\r\n if (res.data.responseCode === \"200\") {\r\n // Success\r\n let text = deleteObj.isBlocked\r\n ? \"FSP Customer unblocked successfully\"\r\n : \"FSP Customer blocked successfully\";\r\n notifySuccess(text);\r\n closeDeleteModal();\r\n } else if (res.data.responseCode === \"400\") {\r\n // Error\r\n errorMsg = res.data.responseMessage || \"Error in fetching list\";\r\n notifyFailed(errorMsg);\r\n } else {\r\n // Unknown Error\r\n errorMsg = \"Unknown Error in fetching\";\r\n notifyFailed(errorMsg);\r\n }\r\n } else {\r\n errorMsg = \"Unknown Error\";\r\n notifyFailed(errorMsg);\r\n }\r\n })\r\n .catch((err) => {\r\n setModalLoading(false);\r\n errorMsg = \"Something went wrong!, Please call 3737\";\r\n notifyFailed(errorMsg);\r\n });\r\n };\r\n\r\n const openDelete = (mmo) => {\r\n setDeleteObj(mmo);\r\n setOpenDelModal(true);\r\n };\r\n\r\n const openResetModal = (mmo) => {\r\n setDeleteObj(mmo);\r\n setOpenReset(true);\r\n };\r\n\r\n const openCardsModal = (mmo) => {\r\n setDeleteObj(mmo);\r\n setIsOpenCardModal(true);\r\n };\r\n\r\n const getBlockText = () => {\r\n let str = \"block\";\r\n if (deleteObj.isBlocked) {\r\n str = \"unblock\";\r\n }\r\n\r\n return `Are you sure you want to ${str} ${deleteObj?.fullName} FSP Customer ?`;\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n Customer Cards List
\r\n \r\n| Card Name | \r\nID | \r\nSerial Number | \r\nStatus | \r\ncreatedBy | \r\ncreatedDate | \r\n|
|---|---|---|---|---|---|---|
| {mmo.nfcCardName} | \r\n{mmo.nfcCardID} | \r\n{mmo.nfcCardClientID} | \r\n\r\n | \r\n {mmo.createdBy} | \r\n\r\n\r\n {new Date(mmo.createdDate).toLocaleDateString()}\r\n | \r\n\r\n {/*\r\n {privileges.edit && (\r\n | */}\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {openReset && (\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {isCardModalOpen && (\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setSearchText(e.target.value)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {filteredData.length > 0 && (\r\n \r\n
\r\n )}\r\n {\" \"}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default FSPCustomersList;\r\n","import Index from \"views/Index.js\";\r\nimport Login from \"views/examples/Login.js\";\r\n// import MobileMoneyList from \"views/mobile-money-list\";\r\n// import BankList from \"views/bank/bank-list\";\r\nimport MerchantList from \"views/merchant/merchant-list\";\r\nimport MerchantUsersList from \"views/merchant-users/merchant-users-list\";\r\nimport MerchantLocationsList from \"views/merchant-locations/merchant-locations-list\";\r\nimport NFCList from \"views/nfc/nfc-list\";\r\n// import AddSubscriber from \"views/add-subscriber\";\r\nimport ChangePassword from \"views/change-password\";\r\nimport ForgotPassword from \"views/examples/forgot-pswd\";\r\n// import SubscriberList from \"views/subscriber/subscriber-list\";\r\nimport FSPList from \"views/fsp/fsp-list\";\r\nimport FSPUsersList from \"views/fsp-users/fsp-users-list\";\r\nimport SettlementProcessList from \"views/settlement-process/settlement-process-list\";\r\nimport MerchantSettlementTransactionHistoryList from \"views/merchant-settlement-transaction-history/merchant-settlement-transaction-history-list\";\r\nimport CustomerWhiteList from \"views/customer-whitelist\";\r\nimport UserList from \"views/users/user-list\";\r\n// import BankPaymentList from \"views/bank/payment-list\";\r\nimport TopUpWallet from \"views/subscriber/top-up-new\";\r\nimport SubsTransaction from \"views/subscriber/subs-trans\";\r\nimport MakePayment from \"views/subscriber/make-payment\";\r\nimport AgentMakePayment from \"views/sub-agent/make-payment\";\r\nimport CollectionList from \"views/finance-user/collection-list\";\r\nimport SettlementList from \"views/settlement-bank/settle-merchant-payment\";\r\nimport PayWithVoucher from \"views/examples/pay-with-voucher\";\r\nimport TopUpHistory from \"views/subscriber/topup-history-list\";\r\nimport SHOWMSG from \"views/examples/show-msg\";\r\nimport MerchantPaymentList from \"views/merchant/payments\";\r\nimport SearchTransaction from \"views/examples/search-transaction\";\r\n// import DayEndReport from \"views/merchant/day-end-report\";\r\nimport Reports from \"views/report/reports\";\r\nimport SignupSubscriber from \"views/sign-up/signup-subscriber\";\r\nimport ChangePin from \"views/subscriber/change-pin\";\r\nimport PosTerminalList from \"views/pos-terminal/pos-terminal-list\";\r\nimport CommissionList from \"views/commission/commission-list\";\r\nimport AgentList from \"views/commission//agent-commission-list\";\r\n// import BankCommission from \"views/commission/bank-commission-list\";\r\n// import MMOCommission from \"views/commission/mmo-commission-list\";\r\nimport MerchantCommission from \"views/commission/merchant-commission\";\r\nimport CollectionCommission from \"views/finance-user/commission-list\";\r\nimport BankCollectionCommission from \"views/bank/commission-list\";\r\nimport SubscriberVerificationList from \"views/bank/subscriber-verification\";\r\n// import CheckBal from \"views/merchant/check-balance\";\r\nimport TransferMoney from \"views/subscriber/transfer-money\";\r\nimport TopUpSubscriberList from \"views/top-up-subscriber/top-up-subscriber-list\";\r\nimport Logs from \"views/logs/logs\";\r\nimport privacyPolicy from \"views/examples/privacy-policy\";\r\nimport WhiteListCustomer from \"views/examples/whiteListCustomer\";\r\nimport WhiteListCustomerLink from \"views/examples/whiteListCustomerLink\";\r\nimport PaymentInfo from \"views/payment-info\";\r\nimport AddSuperAgent from \"views/super-agent/add-super-agent\";\r\nimport SuperAgentList from \"views/super-agent/super-agent-list\";\r\nimport AddSubAgent from \"views/sub-agent/add-sub-agent\";\r\nimport SubAgentsList from \"views/sub-agent/sub-agent-list\";\r\nimport MasterAgentsList from \"views/master-agent/master-agent-list\";\r\nimport AddMasterAgent from \"views/master-agent/add-master-agent\";\r\nimport topUp from \"views/subscriber/top-up\";\r\nimport EDSATransactionsMerchant from \"views/merchant/EDSATransactionsMerchant\";\r\nimport KnowledgeBase from \"views/knowledge-base\";\r\nimport Tellers from \"views/tellers\";\r\nimport Statements from \"views/statements\";\r\nimport Sales from \"views/sales\";\r\nimport Maps from \"views/maps\";\r\nimport POS from \"views/pos\";\r\nimport CashoutSubAgent from \"views/sub-agent/Cashout\";\r\nimport FSPCustomersList from \"views/fsp-customers/fsp-customers-list\";\r\n\r\nconst routes = [\r\n {\r\n path: \"/index\",\r\n name: \"Dashboard\",\r\n icon: \"ni ni-tv-2\",\r\n component: Index,\r\n layout: \"/admin\",\r\n allow: [\r\n \"Admin\",\r\n \"Finance\",\r\n \"Bank\",\r\n \"SettlementBank\",\r\n \"Subscriber\",\r\n \"Super Agent\",\r\n \"Agent\",\r\n \"Master Agent\",\r\n \"Merchant\",\r\n ],\r\n },\r\n {\r\n path: \"/user-list\",\r\n name: \"Users\",\r\n icon: \"fa fa-users\",\r\n component: UserList,\r\n layout: \"/admin\",\r\n allow: [\r\n \"Admin\",\r\n \"Finance\",\r\n \"Operations Officer\",\r\n \"Customer Support Supervisor\",\r\n \"Audits and Compliance\",\r\n \"Sales Supervisor\",\r\n \"Sales Representative\",\r\n \"Customer Support Representative\",\r\n \"Operation supervisor\",\r\n ],\r\n },\r\n {\r\n path: \"/login\",\r\n name: \"Login\",\r\n icon: \"ni ni-key-25\",\r\n component: Login,\r\n layout: \"/auth\",\r\n },\r\n {\r\n //Privay-policy\r\n path: \"/privacy-policy\",\r\n name: \"Privacy policy\",\r\n layout: \"/auth\",\r\n icon: \"ni ni-key-25\",\r\n component: privacyPolicy,\r\n },\r\n // {\r\n // path: \"/mobile-money\",\r\n // name: \"MM Operators\",\r\n // icon: \"ni ni-bullet-list-67\",\r\n // component: MobileMoneyList,\r\n // layout: \"/admin\",\r\n // allow: [\r\n // \"Admin\",\r\n // \"Finance\",\r\n // \"Operations Officer\",\r\n // \"Customer Support Supervisor\",\r\n // \"Audits and Compliance\",\r\n // \"Sales Supervisor\",\r\n // \"Sales Representative\",\r\n // \"Customer Support Representative\",\r\n // \"Operation supervisor\",\r\n // ],\r\n // },\r\n // {\r\n // path: \"/banks\",\r\n // name: \"Banks\",\r\n // icon: \"ni ni-bag-17\",\r\n // component: BankList,\r\n // layout: \"/admin\",\r\n // allow: [\r\n // \"Admin\",\r\n // \"Finance\",\r\n // \"Operations Officer\",\r\n // \"Customer Support Supervisor\",\r\n // \"Audits and Compliance\",\r\n // \"Sales Supervisor\",\r\n // \"Sales Representative\",\r\n // \"Customer Support Representative\",\r\n // \"Operation supervisor\",\r\n // ],\r\n // },\r\n {\r\n path: \"/merchant\",\r\n name: \"Merchants\",\r\n icon: \"ni ni-single-02\",\r\n component: MerchantList,\r\n layout: \"/admin\",\r\n allow: [\r\n \"Admin\",\r\n \"Finance\",\r\n \"Operations Officer\",\r\n \"Customer Support Supervisor\",\r\n \"Audits and Compliance\",\r\n \"Sales Supervisor\",\r\n \"Sales Representative\",\r\n \"Customer Support Representative\",\r\n \"Operation supervisor\",\r\n ],\r\n },\r\n {\r\n path: \"/merchant-users\",\r\n name: \"Merchant users\",\r\n icon: \"ni ni-single-02\",\r\n component: MerchantUsersList,\r\n layout: \"/admin\",\r\n title: \"POS Agent\",\r\n allow: [\"Admin\"],\r\n },\r\n {\r\n path: \"/merchant-locations\",\r\n name: \"Merchant Locations\",\r\n icon: \"fas fa-map\",\r\n component: MerchantLocationsList,\r\n layout: \"/admin\",\r\n allow: [\"Admin\"],\r\n },\r\n {\r\n path: \"/fsp\",\r\n name: \"FSP\",\r\n icon: \"ni ni-single-02\",\r\n component: FSPList,\r\n layout: \"/admin\",\r\n allow: [\"Admin\"],\r\n },\r\n {\r\n path: \"/fsp-users\",\r\n name: \"FSP Users\",\r\n icon: \"ni ni-single-02\",\r\n component: FSPUsersList,\r\n layout: \"/admin\",\r\n allow: [\"Admin\"],\r\n },\r\n {\r\n path: \"/fsp-customers\",\r\n name: \"FSP Customers\",\r\n icon: \"ni ni-single-02\",\r\n component: FSPCustomersList,\r\n layout: \"/admin\",\r\n allow: [\"Admin\"],\r\n },\r\n {\r\n path: \"/customer-whitelist\",\r\n name: \"Customer Whitelist\",\r\n icon: \"fas fa-user-shield\",\r\n component: CustomerWhiteList,\r\n layout: \"/admin\",\r\n },\r\n {\r\n path: \"/WhitelistCustomer/:id\",\r\n name: \"Whitelist Customer\",\r\n layout: \"/auth\",\r\n icon: \"ni ni-key-25\",\r\n component: WhiteListCustomer,\r\n },\r\n {\r\n path: \"/CustomerWhitelist/:id\",\r\n name: \"Whitelist Customer\",\r\n layout: \"/auth\",\r\n icon: \"ni ni-key-25\",\r\n component: WhiteListCustomerLink,\r\n },\r\n {\r\n path: \"/nfc\",\r\n name: \"Card Management (NFC)\",\r\n icon: \"far fa-credit-card\",\r\n component: NFCList,\r\n layout: \"/admin\",\r\n allow: [\"Admin\"],\r\n },\r\n {\r\n path: \"/pos-terminals\",\r\n name: \"POS Terminals\",\r\n icon: \"fas fa-mobile-alt\",\r\n component: PosTerminalList,\r\n layout: \"/admin\",\r\n },\r\n {\r\n path: \"/settlement-process\",\r\n name: \"Settlement Process\",\r\n icon: \"fas fa-handshake\",\r\n component: SettlementProcessList,\r\n allow: [\"Finance\"],\r\n layout: \"/finance\",\r\n },\r\n {\r\n path: \"/merchant-settlement-transaction-history\",\r\n name: \"Merchant Settlement Transaction History\",\r\n icon: \"fas fa-history\",\r\n component: MerchantSettlementTransactionHistoryList,\r\n allow: [\"Finance\"],\r\n layout: \"/finance\",\r\n },\r\n {\r\n path: \"/commissions\",\r\n name: \"Commissions\",\r\n icon: \"fas fa-wallet\",\r\n component: CommissionList,\r\n layout: \"/admin\",\r\n allow: [\r\n \"Admin\",\r\n \"Finance\",\r\n \"Operations Officer\",\r\n \"Customer Support Supervisor\",\r\n \"Audits and Compliance\",\r\n \"Sales Supervisor\",\r\n \"Sales Representative\",\r\n \"Customer Support Representative\",\r\n \"Operation supervisor\",\r\n ],\r\n },\r\n // {\r\n // path: \"/AgentCommissions\",\r\n // name: \"Agent Commission\",\r\n // icon: \"fas fa-wallet\",\r\n // component: AgentList,\r\n // layout: \"/admin\",\r\n // allow: [\"Admin\", \"Finance\", \"Agent\"],\r\n // },\r\n // {\r\n // path: \"/bank-commissions\",\r\n // name: \"Bank Commission\",\r\n // icon: \"fas fa-university\",\r\n // component: BankCommission,\r\n // layout: \"/admin\",\r\n // allow: [\r\n // \"Finance\",\r\n // \"Operations Officer\",\r\n // \"Customer Support Supervisor\",\r\n // \"Audits and Compliance\",\r\n // \"Sales Supervisor\",\r\n // \"Customer Support Representative\",\r\n // \"Operation supervisor\",\r\n // ],\r\n // },\r\n // {\r\n // path: \"/mmo-commissions\",\r\n // name: \"MMO Commission\",\r\n // icon: \"fas fa-money-check\",\r\n // component: MMOCommission,\r\n // layout: \"/admin\",\r\n // allow: [\r\n // \"Finance\",\r\n // \"Operations Officer\",\r\n // \"Customer Support Supervisor\",\r\n // \"Audits and Compliance\",\r\n // \"Sales Supervisor\",\r\n // \"Customer Support Representative\",\r\n // \"Operation supervisor\",\r\n // ],\r\n // },\r\n {\r\n path: \"/merchant-commissions\",\r\n name: \"Merchant Commission\",\r\n icon: \"fas fa-money-check-alt\",\r\n component: MerchantCommission,\r\n layout: \"/admin\",\r\n allow: [\r\n \"Finance\",\r\n \"Operations Officer\",\r\n \"Audits and Compliance\",\r\n \"Customer Support Supervisor\",\r\n \"Sales Supervisor\",\r\n \"Customer Support Representative\",\r\n \"Operation supervisor\",\r\n ],\r\n },\r\n // {\r\n // path: \"/subscriber\",\r\n // name: \"Register Subscriber\",\r\n // icon: \"ni ni-circle-08\",\r\n // component: AddSubscriber,\r\n // layout: \"/admin\",\r\n // allow: [\r\n // \"Operations Officer\",\r\n // \"Customer Support Supervisor\",\r\n // \"Sales Supervisor\",\r\n // \"Customer Support Representative\",\r\n // \"Operation supervisor\",\r\n // ],\r\n // },\r\n // {\r\n // path: \"/master-agent\",\r\n // name: \"Register Master Agent\",\r\n // icon: \"ni ni-circle-08\",\r\n // component: AddMasterAgent,\r\n // layout: \"/admin\",\r\n // allow: [\"Admin\"],\r\n // },\r\n // {\r\n // path: \"/super-agent\",\r\n // name: \"Register Super Agent\",\r\n // icon: \"ni ni-circle-08\",\r\n // component: AddSuperAgent,\r\n // layout: \"/admin\",\r\n // allow: [\"Admin\", \"Master Agent\"],\r\n // },\r\n // {\r\n // path: \"/sub-agent\",\r\n // name: \"Register Sub Agent\",\r\n // icon: \"ni ni-circle-08\",\r\n // component: AddSubAgent,\r\n // layout: \"/super-agent\",\r\n // allow: [\"Super Agent\"],\r\n // },\r\n {\r\n path: \"/change-password\",\r\n name: \"Change Password\",\r\n icon: \"ni ni-lock-circle-open\",\r\n component: ChangePassword,\r\n layout: \"/admin\",\r\n common: true,\r\n hideFromMenu: true,\r\n },\r\n {\r\n path: \"/forgot-password\",\r\n name: \"Forgot Password\",\r\n icon: \"ni ni-lock-circle-open\",\r\n component: ForgotPassword,\r\n layout: \"/auth\",\r\n },\r\n // {\r\n // path: \"/subscriber-list\",\r\n // name: \"Subscribers\",\r\n // icon: \"ni ni-chart-pie-35\",\r\n // component: SubscriberList,\r\n // layout: \"/admin\",\r\n // allow: [\r\n // \"Admin\",\r\n // \"Finance\",\r\n // \"Operations Officer\",\r\n // \"Customer Support Supervisor\",\r\n // \"Audits and Compliance\",\r\n // \"Sales Supervisor\",\r\n // \"Sales Representative\",\r\n // \"Customer Support Representative\",\r\n // \"Operation supervisor\",\r\n // ],\r\n // },\r\n // {\r\n // path: \"/master-agent-list\",\r\n // name: \"Master Agents\",\r\n // icon: \"ni ni-chart-pie-35\",\r\n // component: MasterAgentsList,\r\n // layout: \"/admin\",\r\n // allow: [\"Admin\"],\r\n // },\r\n // {\r\n // path: \"/super-agent-list\",\r\n // name: \"Super Agents\",\r\n // icon: \"ni ni-chart-pie-35\",\r\n // component: SuperAgentList,\r\n // layout: \"/admin\",\r\n // allow: [\"Admin\", \"Master Agent\"],\r\n // },\r\n // {\r\n // path: \"/sub-agent-list\",\r\n // name: \"Sub Agents\",\r\n // icon: \"ni ni-chart-pie-35\",\r\n // component: SubAgentsList,\r\n // layout: \"/super-agent\",\r\n // allow: [\"Super Agent\", \"Admin\"],\r\n // },\r\n // {\r\n // path: \"/bank-payment-list\",\r\n // name: \"Payments\",\r\n // icon: \"fa fa-money-check\",\r\n // component: BankPaymentList,\r\n // layout: \"/bank\",\r\n // allow: [\"Admin\", \"Finance\", \"Bank\"],\r\n // },\r\n // {\r\n // path: \"/bank-commission-list\",\r\n // name: \"Commission Collection\",\r\n // icon: \"fa fa-money-check-alt\",\r\n // component: BankCollectionCommission,\r\n // layout: \"/bank\",\r\n // allow: [\"Admin\", \"Finance\", \"Bank\"],\r\n // },\r\n {\r\n path: \"/bank-subscriber-list\",\r\n name: \"Subscribers\",\r\n icon: \"fa fa-user-friends\",\r\n component: SubscriberVerificationList,\r\n layout: \"/bank\",\r\n },\r\n {\r\n path: \"/top-up\",\r\n name: \"Top-Up\",\r\n icon: \"fa fa-money-check\",\r\n component: TopUpWallet,\r\n layout: \"/subscriber\",\r\n },\r\n // {\r\n // path: \"/top-up-old\",\r\n // name: \"Top-Up old\",\r\n // icon: \"fa fa-money-check\",\r\n // component: topUp,\r\n // layout: \"/subscriber\",\r\n // },\r\n {\r\n path: \"/top-up\",\r\n name: \"Top-Up\",\r\n icon: \"fa fa-money-check\",\r\n component: topUp,\r\n layout: \"/master-agent\",\r\n },\r\n {\r\n path: \"/subscriber-transaction\",\r\n name: \"Transactions\",\r\n icon: \"fa fa-address-card\",\r\n component: SubsTransaction,\r\n layout: \"/subscriber\",\r\n },\r\n {\r\n path: \"/transfer-money\",\r\n name: \"Transfer Money\",\r\n icon: \"fa fa-money-check-alt\",\r\n component: TransferMoney,\r\n layout: \"/subscriber\",\r\n allow: [\"Super Agent\", \"Subscriber\", \"Master Agent\", \"Agent\"],\r\n },\r\n {\r\n path: \"/cash-out\",\r\n name: \"Cash out\",\r\n icon: \"fa fa-money-check-alt\",\r\n component: TransferMoney,\r\n layout: \"/subscriber\",\r\n allow: [\"Subscriber\"],\r\n },\r\n {\r\n path: \"/cash-out\",\r\n name: \"Cash out\",\r\n icon: \"fa fa-money-check-alt\",\r\n component: CashoutSubAgent,\r\n layout: \"/subscriber\",\r\n allow: [\"Agent\"],\r\n },\r\n {\r\n path: \"/agent-transaction\",\r\n name: \"Transactions\",\r\n icon: \"fa fa-address-card\",\r\n component: SubsTransaction,\r\n layout: \"/master-agent\",\r\n },\r\n {\r\n path: \"/make-payment\",\r\n name: \"Make Payment\",\r\n icon: \"fa fa-money-bill\",\r\n component: MakePayment,\r\n layout: \"/subscriber\",\r\n },\r\n {\r\n path: \"/make-payment\",\r\n name: \"Make Payment\",\r\n icon: \"fa fa-money-bill\",\r\n component: AgentMakePayment,\r\n layout: \"/sub-agent\",\r\n },\r\n {\r\n path: \"/collection-list\",\r\n name: \"Collection\",\r\n icon: \"fa fa-money-bill\",\r\n component: CollectionList,\r\n layout: \"/finance\",\r\n },\r\n // {\r\n // path: \"/commision-collection-list\",\r\n // name: \"Commission\",\r\n // icon: \"fa fa-money-check-alt\",\r\n // component: CollectionCommission,\r\n // layout: \"/finance\",\r\n // allow: [\"Finance\", \"Admin\"],\r\n // },\r\n // {\r\n // path: \"/merchant-settlement\",\r\n // name: \"Merchant Settlements\",\r\n // icon: \"fa fa-money-bill\",\r\n // component: SettlementList,\r\n // layout: \"/settlementBank\",\r\n // allow: [\"Finance\", \"Admin\", \"SettlementBank\"],\r\n // },\r\n {\r\n path: \"/paywith-voucher/:id\",\r\n name: \"Paywith Voucher\",\r\n icon: \"ni ni-key-25\",\r\n component: PayWithVoucher,\r\n layout: \"/auth\",\r\n },\r\n {\r\n path: \"/topup-history\",\r\n name: \"Top-up History\",\r\n icon: \"fa fa-money-bill\",\r\n component: TopUpHistory,\r\n layout: \"/subscriber\",\r\n },\r\n {\r\n path: \"/show-msg\",\r\n name: \"Show message\",\r\n icon: \"fa fa-money-bill\",\r\n component: SHOWMSG,\r\n layout: \"/auth\",\r\n },\r\n {\r\n path: \"/tellers\",\r\n name: \"Tellers\",\r\n icon: \"fas fa-cash-register\",\r\n component: Tellers,\r\n layout: \"/merchant\",\r\n },\r\n {\r\n path: \"/pos\",\r\n name: \"POS\",\r\n icon: \"fas fa-vote-yea\",\r\n component: POS,\r\n layout: \"/merchant\",\r\n },\r\n {\r\n path: \"/sales\",\r\n name: \"Sales\",\r\n icon: \"fas fa-money-check\",\r\n component: Sales,\r\n layout: \"/merchant\",\r\n },\r\n {\r\n path: \"/statements\",\r\n name: \"Statements\",\r\n icon: \"fas fa-file-invoice-dollar\",\r\n component: Statements,\r\n layout: \"/merchant\",\r\n },\r\n {\r\n path: \"/maps\",\r\n name: \"Maps\",\r\n icon: \"fas fa-map-marked-alt\",\r\n component: Maps,\r\n layout: \"/merchant\",\r\n },\r\n // {\r\n // path: \"/top-up-list\",\r\n // name: \"Withdraw cash\",\r\n // icon: \"fa fa-money-bill\",\r\n // component: TopUpSubscriberList,\r\n // layout: \"/merchant\",\r\n // },\r\n {\r\n path: \"/top-up-agent\",\r\n name: \"Topup List\",\r\n icon: \"fa fa-money-bill\",\r\n component: TopUpSubscriberList,\r\n layout: \"/sub-agent\",\r\n },\r\n {\r\n path: \"/agent-transaction\",\r\n name: \"Transactions\",\r\n icon: \"fa fa-address-card\",\r\n component: SubsTransaction,\r\n layout: \"/sub-agent\",\r\n },\r\n {\r\n path: \"/super-agent-transaction\",\r\n name: \"Transactions\",\r\n icon: \"fa fa-address-card\",\r\n component: SubsTransaction,\r\n layout: \"/super-agent\",\r\n },\r\n // {\r\n // path: \"/merchant-payment\",\r\n // name: \"Payment List\",\r\n // icon: \"fa fa-money-bill\",\r\n // component: MerchantPaymentList,\r\n // layout: \"/merchant\",\r\n // },\r\n // {\r\n // path: \"/check-balance\",\r\n // name: \"Check Balance\",\r\n // icon: \"fa fa-wallet\",\r\n // component: CheckBal,\r\n // layout: \"/merchant\",\r\n // },\r\n\r\n {\r\n path: \"/search-transaction\",\r\n name: \"Search Transaction\",\r\n icon: \"fas fa-address-card\",\r\n component: SearchTransaction,\r\n layout: \"/admin\",\r\n allow: [\r\n \"Admin\",\r\n // \"Merchant\",\r\n \"Bank\",\r\n \"SettlementBank\",\r\n \"Operations Officer\",\r\n \"Finance\",\r\n \"Customer Support Supervisor\",\r\n \"Audits and Compliance\",\r\n \"Customer Support Representative\",\r\n \"Operation supervisor\",\r\n ],\r\n },\r\n {\r\n path: \"/EDSATransactionsMerchant\",\r\n name: \"Search EDSA Transaction\",\r\n icon: \"fas fa-address-card\",\r\n component: EDSATransactionsMerchant,\r\n layout: \"/merchant\",\r\n },\r\n // {\r\n // path: \"/day-end-report\",\r\n // name: \"Day End Report\",\r\n // icon: \"fas fa-archive\",\r\n // component: DayEndReport,\r\n // layout: \"/merchant\",\r\n // },\r\n {\r\n path: \"/reports\",\r\n name: \"Reports\",\r\n icon: \"fas fa-archive\",\r\n component: Reports,\r\n layout: \"/admin\",\r\n allow: [\"Finance\", \"Audits and Compliance\", \"Operation supervisor\"],\r\n },\r\n {\r\n path: \"/sign-up\",\r\n name: \"Register Subscriber\",\r\n icon: \"ni ni-key-25\",\r\n component: SignupSubscriber,\r\n layout: \"/auth\",\r\n },\r\n {\r\n path: \"/change-Pin\",\r\n name: \"Change Pin\",\r\n icon: \"ni ni-lock-circle-open\",\r\n component: ChangePin,\r\n layout: \"/admin\",\r\n common: true,\r\n hideFromMenu: true,\r\n },\r\n {\r\n path: \"/logs\",\r\n name: \"Logs\",\r\n icon: \"fas fa-book\",\r\n component: Logs,\r\n layout: \"/admin\",\r\n allow: [\"Audits and Compliance\", \"Finance\", \"Operation supervisor\"],\r\n },\r\n {\r\n path: \"/payment-status\",\r\n name: \"Payment status\",\r\n icon: \"ni ni-key-25\",\r\n component: PaymentInfo,\r\n layout: \"/auth\",\r\n },\r\n {\r\n path: \"/knowledge-base\",\r\n name: \"Knowledge base\",\r\n icon: \"fa fa-book\",\r\n component: KnowledgeBase,\r\n layout: \"/admin\",\r\n allow: [\r\n \"Admin\",\r\n \"Finance\",\r\n \"Bank\",\r\n \"SettlementBank\",\r\n \"Subscriber\",\r\n \"Super Agent\",\r\n \"Agent\",\r\n \"Master Agent\",\r\n \"Merchant\",\r\n ],\r\n },\r\n];\r\n\r\nexport default routes;\r\n","import React from \"react\";\r\nimport { useLocation, Route, Switch, Redirect } from \"react-router-dom\";\r\nimport { Container } from \"reactstrap\";\r\nimport AdminNavbar from \"components/Navbars/AdminNavbar.js\";\r\nimport Sidebar from \"components/Sidebar/Sidebar.js\";\r\nimport routes from \"routes.js\";\r\nimport { getLoginType } from \"../services/httpServices\";\r\nimport { routePermissions } from \"services/util\";\r\n\r\nconst Admin = (props) => {\r\n const mainContent = React.useRef(null);\r\n const location = useLocation();\r\n\r\n React.useEffect(() => {\r\n document.documentElement.scrollTop = 0;\r\n document.scrollingElement.scrollTop = 0;\r\n mainContent.current.scrollTop = 0;\r\n }, [location]);\r\n\r\n const getRoutes = (routes) => {\r\n return routes.map((prop, key) => {\r\n let layout = null;\r\n let route = routePermissions.find((i) => i.name === getLoginType());\r\n if (prop.common === true) {\r\n layout = (\r\n \r\n {deleteObj && deleteObj.isBlocked\r\n ? \"Unblock FSP Customer\"\r\n : \"Block FSP Customer\"}\r\n
\r\n\r\n {deleteObj && deleteObj.fullName ? (\r\n
\r\n \r\n {deleteObj?.isBlocked && (\r\n
\r\n ) : (\r\n <> \r\n )}\r\n \r\n You have verified all the personal information from the\r\n customer and after verification it's being unblock\r\n
\r\n )}\r\n{getBlockText()}
\r\n\r\n \r\n Yes{\" \"}\r\n {modalLoading && }\r\n {\" \"}\r\n \r\n No\r\n \r\n
\r\n | Customer Id | \r\nGender | \r\nDOB | \r\nVerification Status | \r\nActions | \r\n|
|---|---|---|---|---|---|
| {teller.customerId ?? \"-\"} | \r\n{teller.fullName ?? \"-\"} | \r\n{teller.email ?? \"-\"} | \r\n\r\n {teller.gender === \"M\" ? (\r\n \r\n ) : teller.gender === \"F\" ? (\r\n \r\n ) : (\r\n \"-\"\r\n )}\r\n | \r\n\r\n {new Date(teller.dateOfBirth).toLocaleDateString() ??\r\n \"-\"}\r\n | \r\n\r\n {!teller.isBlocked ? (\r\n | \r\n
\r\n \r\n Total Records : {filteredData.length}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n {getRoutes(routes)}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Admin;\r\n","import React from \"react\";\r\nimport { useLocation, Route, Switch, Redirect } from \"react-router-dom\";\r\n// reactstrap components\r\nimport { Container, Row, Col } from \"reactstrap\";\r\n\r\n// core components\r\nimport AuthNavbar from \"components/Navbars/AuthNavbar.js\";\r\n\r\nimport routes from \"routes.js\";\r\n\r\nconst Auth = (props) => {\r\n const mainContent = React.useRef(null);\r\n const location = useLocation();\r\n\r\n React.useEffect(() => {\r\n document.body.classList.add(\"bg-dark-green\");\r\n return () => {\r\n document.body.classList.remove(\"bg-dark-green\");\r\n };\r\n }, []);\r\n React.useEffect(() => {\r\n document.documentElement.scrollTop = 0;\r\n document.scrollingElement.scrollTop = 0;\r\n mainContent.current.scrollTop = 0;\r\n }, [location]);\r\n\r\n const getRoutes = (routes) => {\r\n let r = routes.map((prop, key) => {\r\n if (prop.layout === \"/auth\") {\r\n return \r\n {/*
\r\n {/* Page content */}\r\n \r\n \r\n \r\n {/* \r\n \r\n
*/}\r\n \r\n \r\n (window.location.href = \"/login\")}\r\n >\r\n Welcome to Smart Pay!\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {/* \r\n getLoggedIn() ? \r\n \r\n \r\n \r\n
,\r\n document.getElementById(\"root\")\r\n);\r\n","import { getLoginType } from \"./httpServices\";\r\n\r\nexport const setUserDetails = (props) => {\r\n const initialValue = {\r\n 'firstName': props.userDetails && props.userDetails.firstName ? \r\n props.userDetails.firstName.trim() : '',\r\n 'lastName': props.userDetails && props.userDetails.lastName ? \r\n props.userDetails.lastName.trim() : '',\r\n 'organisationName': props.userDetails.organisationName ? \r\n props.userDetails.organisationName.trim() : '',\r\n 'subscriberType': props.userDetails.subscriberType ? \r\n props.userDetails.subscriberType : '',\r\n 'mobileCode': props.userDetails && props.userDetails.mobileCode ? \r\n props.userDetails.mobileCode : 23225,\r\n 'phone': props.userDetails && props.userDetails.phone ? \r\n props.userDetails.phone : '',\r\n 'mobWithoutCC': props.userDetails && props.userDetails.mobWithoutCC ? \r\n props.userDetails.mobWithoutCC : '',\r\n 'email': props.userDetails && props.userDetails.email ? \r\n props.userDetails.email : '',\r\n 'password': props.userDetails && props.userDetails.password ? \r\n props.userDetails.password : '',\r\n 'oneFAAmt': props.userDetails && props.userDetails.oneFAAmt ? \r\n props.userDetails.oneFAAmt : '50000',\r\n 'authMode': props.userDetails && props.userDetails.authMode ? \r\n props.userDetails.authMode : '1FA',\r\n 'confirmpswd': props.userDetails && props.userDetails.confirmpswd ? \r\n props.userDetails.confirmpswd : '',\r\n 'bank': props.userDetails && props.userDetails.bank ? props.userDetails.bank : '22',\r\n 'bban': props.userDetails && props.userDetails.bban ? props.userDetails.bban : '',\r\n 'bankLinkedMobileCode': props.userDetails && props.userDetails.bankLinkedMobileCode ?\r\n props.userDetails.bankLinkedMobileCode : 23225,\r\n 'bankLinkedPhone': props.userDetails && props.userDetails.bankLinkedPhone ?\r\n props.userDetails.bankLinkedPhone : '',\r\n 'bankMobWithoutCC': props.userDetails && props.userDetails.bankMobWithoutCC ? \r\n props.userDetails.bankMobWithoutCC : '',\r\n 'mobileMoney': props.userDetails && props.userDetails.mobileMoney ? props.userDetails.mobileMoney : '',\r\n 'mobileMoneyAccNo': props.userDetails.mobileMoneyAccNo ? \r\n props.userDetails.mobileMoneyAccNo : '',\r\n 'pin': props.userDetails && props.userDetails.pin ? props.userDetails.pin : '',\r\n 'confirmpin': props.userDetails && props.userDetails.confirmpin ? props.userDetails.confirmpin :\r\n '',\r\n 'bankAccNo': props.userDetails && props.userDetails.bankAccNo ? props.userDetails.bankAccNo : props?.userDetails?.mobWithoutCC || '',\r\n };\r\n\r\n return initialValue;\r\n};\r\n\r\nexport const getMobCodes = () => {\r\n return [23225, 23230, 23231, 23232,\r\n 23233, 23234, 23244, 23275, 23276, 23277,\r\n 23278, 23279, 23280, 23288, 23299];\r\n}\r\n\r\nexport const checkMacAddress = (value) => {\r\n let regex = /^([0-9a-f]{1,2}[\\.:-]){5}([0-9a-f]{1,2})$/i\r\n if (regex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\nexport const checkDigit2Decimal = (value) => {\r\n // let regex = /^\\d+(\\.\\d{0,2})?$/;\r\n let regex = /^[0-9]*(\\.\\d{0,2})?$/;\r\n if (regex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\nexport const subscriberType = () => {\r\n return [\r\n {key: 'Individual', value: 'Individual'},\r\n {key: 'Organisation', value: 'Organisation'}\r\n ];\r\n}\r\n\r\nexport const checkPercentage = (value) => {\r\n const regex = /^100(\\.0{0,2}?)?$|^\\d{0,2}(\\.\\d{0,2})?$/;\r\n if (regex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\nexport const getAmt = (amt) => {\r\n return Number(amt).toLocaleString();\r\n}\r\n\r\nexport const getPaymentType = (type) => {\r\n if (type == 'topup') {\r\n return 'Top-Up';\r\n } else if (type == 'Merchant') {\r\n return 'Merchant Payment';\r\n } else {\r\n return type;\r\n }\r\n}\r\n\r\nexport const checkDigitOnly = (value) => {\r\n let digiRegex = /^[0-9]*$/;\r\n if (digiRegex.test(value)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\nexport const checkBankAccNo = (value) => {\r\n // let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 18) {\r\n // if (digiRegex.test(value)) {\r\n // return true;\r\n // } else {\r\n // return false;\r\n // }\r\n return true\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\n\r\nexport const checkMMOBankAccNo = (value) => {\r\n // let digiRegex = /^[0-9]*$/;\r\n // if (value.length <= 11) {\r\n // if (digiRegex.test(value)) {\r\n // return true;\r\n // } else {\r\n // return false;\r\n // }\r\n return true\r\n // } else {\r\n // return false;\r\n // }\r\n}\r\n\r\nexport const getSortCls = (fieldName) => {\r\n if (fieldName == \"0\") {\r\n return 'fas fa-sort fa-lg';\r\n } else if (fieldName == \"1\") {\r\n return 'fas fa-sort-up fa-lg';\r\n } else if (fieldName == \"2\") {\r\n return 'fas fa-sort-down fa-lg';\r\n }\r\n}\r\n\r\nexport const reportloaderContainer = {\r\n position: 'absolute',\r\n top: '270px',\r\n left: 0,\r\n width: '100%',\r\n heigth: '100%',\r\n backgroundColor: '#F8F8F8AD',\r\n // display: 'none'\r\n};\r\n\r\nexport const reportloader = {\r\n left: '40%',\r\n top: '50%',\r\n zIndex: '1000',\r\n position: 'absolute'\r\n};\r\n\r\nexport const paymentType = [\r\n {key: 'Wallet', value: 'Wallet'},\r\n {key: 'Bank', value: 'Bank'}\r\n];\r\nexport const bankPaymentType = [\r\n {key: 'topup', value: 'Top Up'},\r\n {key: 'Merchant', value: 'Merchant Payment'}\r\n];\r\nexport const daysInMonth = (month, year) => {\r\n return new Date(year, month, 0).getDate();\r\n}\r\n\r\nexport const daysInArray = (num) => {\r\n let arr = [];\r\n for (let i = 1; i <= num; i++) {\r\n arr.push(i);\r\n }\r\n return arr;\r\n}\r\n\r\nexport const MonthArraySM = [\r\n \"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\",\r\n \"Jul\",\"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"\r\n];\r\n\r\nexport const MonthArrayCAP = [\r\n {key:0, value: \"January\"},\r\n {key:1, value: \"February\"},\r\n {key:2, value: \"March\"},\r\n {key:3, value: \"April\"},\r\n {key:4, value: \"May\"},\r\n {key:5, value: \"June\"},\r\n {key:6, value: \"July\"},\r\n {key:7, value: \"August\"},\r\n {key:8, value: \"September\"},\r\n {key:9, value: \"October\"},\r\n {key:10, value: \"November\"},\r\n {key:11, value: \"December\"}\r\n];\r\n\r\nexport const YearArray = () => {\r\n const currentYear = new Date().getFullYear();\r\n let arr = [];\r\n for (let i = 2021; i <= currentYear; i++) {\r\n arr.push({key: i, value: i});\r\n }\r\n return arr;\r\n}\r\n\r\nexport const checkName = (value) => {\r\n // let charRegex = /^[A-Za-z. ]*$/;\r\n // if (charRegex.test(value)) {\r\n // return true;\r\n // } else {\r\n // return false;\r\n // }\r\n return true\r\n}\r\n\r\nexport const checkBbanValidation = (value) => {\r\n // let digiRegex = /^[0-9]*$/;\r\n if (value.length <= 18) {\r\n // if (digiRegex.test(value)) {\r\n // return true;\r\n // } else {\r\n // return false;\r\n // }\r\n return true\r\n } else {\r\n return false;\r\n }\r\n}\r\n\r\nexport const DUMMY_USER = {\r\n \"id\": 8,\r\n \"pin\": null,\r\n \"subscriberUID\": \"232326572835\",\r\n \"userProfileId\": \"28275f9f-1a96-4060-ac75-c1d9ed60cb56\",\r\n \"subscriberName\": \"Kavita Rana\",\r\n \"firstName\": \"Kavita\",\r\n \"lastName\": \"Rana\",\r\n \"organizationName\": null,\r\n \"subscriberType\": \"Individual\",\r\n \"mobileCode\": 232,\r\n \"mobileCodeId\": 232,\r\n \"mobileNumber\": \"326572835\",\r\n \"mobNumber\": \"326572835\",\r\n \"email\": \"kr@gmail.com\",\r\n \"isVerifiedByAdmin\": true,\r\n \"mmoId\": 2,\r\n \"mmoAccountNumber\": \"12345678908\",\r\n \"bankProfileId\": 4,\r\n \"bban\": \"345678909876545678\",\r\n \"isBankVerifiedAPI\": false,\r\n \"isBankVerified\": true,\r\n \"bbanLinkMobileNumber\": \"876576487654\",\r\n \"bbanLinkMobileCode\": 232,\r\n \"bankAccountNumber\": \"7328265876457\",\r\n \"accountCreateedBy\": \"Admin\",\r\n \"balanceAmount\": 97500.00,\r\n \"authFactorType\": \"2FA\",\r\n \"excidedPaymentAmount\": 0.00,\r\n \"mmoName\": \"Test MMO\",\r\n \"bankName\": \"SCB\",\r\n \"isBankApiAvailable\": false,\r\n \"isCardAssigned\": false,\r\n \"createdAt\": \"2021-08-10T08:28:53.6355799\",\r\n \"createdBy\": null,\r\n \"updatedAt\": null,\r\n \"updatedBy\": null,\r\n \"isDeleted\": false,\r\n \"isBlocked\": false,\r\n \"password\": null\r\n};\r\n\r\nexport const getPrivileges = (module) => {\r\n const role = getLoginType();\r\n const previleges = {\r\n 'add': true,\r\n 'view': true,\r\n 'edit': true,\r\n 'block': true,\r\n 'unblock': true\r\n };\r\n if (role == 'Admin') {\r\n return previleges;\r\n } else {\r\n if (module == 'user') {\r\n return getUserPrivileges(role, previleges);\r\n } else if (module == 'mmo') {\r\n return getMMOPrivileges(role, previleges);\r\n } else if (module == 'bank') {\r\n return getBanksPrivileges(role, previleges);\r\n } else if (module == 'merchant') {\r\n return getMerchantPrivileges(role, previleges);\r\n } else if (module == 'subscriber') {\r\n return getSubscriberPrivileges(role, previleges);\r\n } else if (module == 'commission') {\r\n return getCommissionPrivileges(role, previleges);\r\n } else if (module == 'super_agent') {\r\n return getSuperAgentPrivileges(role, previleges);\r\n } else {\r\n return previleges;\r\n }\r\n }\r\n};\r\n\r\nexport const getSuperAgentPrivileges = (role, privileges) => {\r\n privileges['unblock'] = false;\r\n if (role == 'Finance') {\r\n privileges['add'] = false;\r\n privileges['view'] = false;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Operations Officer') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Customer Support Supervisor') {\r\n privileges['add'] = false;\r\n privileges['view'] = false;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Audits and Compliance') {\r\n privileges['add'] = false;\r\n privileges['view'] = false;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Super Agent') {\r\n privileges['add'] = true;\r\n privileges['view'] = true;\r\n privileges['edit'] = true;\r\n privileges['block'] = true;\r\n } else if (role == 'Sub Agent') {\r\n privileges['add'] = true;\r\n privileges['view'] = true;\r\n privileges['edit'] = true;\r\n privileges['block'] = true;\r\n } else {\r\n privileges['add'] = false;\r\n privileges['view'] = false;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n }\r\n return privileges;\r\n}\r\n\r\nexport const getUserPrivileges = (role, privileges) => {\r\n privileges['unblock'] = false;\r\n if (role == 'Finance') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Operations Officer') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Customer Support Supervisor') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Audits and Compliance') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n }\r\n return privileges;\r\n}\r\n\r\nexport const getMMOPrivileges = (role, privileges) => {\r\n privileges['unblock'] = false;\r\n if (role == 'Finance') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Operations Officer') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Customer Support Supervisor') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Audits and Compliance') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if(role === 'Operation supervisor') {\r\n privileges['add'] = true;\r\n privileges['view'] = true;\r\n privileges['edit'] = true;\r\n privileges['block'] = true;\r\n privileges['unblock'] = true;\r\n } else {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n }\r\n return privileges;\r\n}\r\n\r\nexport const getBanksPrivileges = (role, privileges) => {\r\n privileges['unblock'] = false;\r\n if (role == 'Finance') {\r\n privileges['add'] = true;\r\n privileges['view'] = true;\r\n privileges['edit'] = true;\r\n privileges['block'] = true;\r\n privileges['unblock'] = true;\r\n } else if (role == 'Operations Officer') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Customer Support Supervisor') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Audits and Compliance') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n }\r\n return privileges;\r\n}\r\n\r\nexport const getMerchantPrivileges = (role, privileges) => {\r\n privileges['unblock'] = false;\r\n if (role == 'Finance') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Operations Officer') {\r\n privileges['add'] = true;\r\n privileges['view'] = true;\r\n privileges['edit'] = true;\r\n privileges['block'] = true;\r\n privileges['unblock'] = true;\r\n } else if (role == 'Customer Support Supervisor') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Audits and Compliance') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if(role === 'Operation supervisor') {\r\n privileges['add'] = true;\r\n privileges['view'] = true;\r\n privileges['edit'] = true;\r\n privileges['block'] = true;\r\n privileges['unblock'] = true;\r\n } else {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n }\r\n return privileges;\r\n}\r\n\r\nexport const getSubscriberPrivileges = (role, privileges) => {\r\n privileges['unblock'] = false;\r\n if (role == 'Finance') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Operations Officer') {\r\n privileges['add'] = true;\r\n privileges['view'] = true;\r\n privileges['edit'] = true;\r\n privileges['block'] = false;\r\n } else if (role == 'Customer Support Supervisor') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Audits and Compliance') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Operation supervisor') {\r\n privileges['add'] = true;\r\n privileges['view'] = true;\r\n privileges['edit'] = true;\r\n privileges['block'] = true;\r\n }\r\n else {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n }\r\n return privileges;\r\n}\r\n\r\nexport const getCommissionPrivileges = (role, privileges) => {\r\n privileges['unblock'] = false;\r\n if (role == 'Finance') {\r\n privileges['add'] = true;\r\n privileges['view'] = true;\r\n privileges['edit'] = true;\r\n privileges['block'] = false;\r\n } else if (role == 'Operations Officer') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Customer Support Supervisor') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else if (role == 'Audits and Compliance') {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n } else {\r\n privileges['add'] = false;\r\n privileges['view'] = true;\r\n privileges['edit'] = false;\r\n privileges['block'] = false;\r\n }\r\n return privileges;\r\n}\r\n\r\nexport const Transaction_Log_Action_Type = [\r\n {key : 1, value: 'Balance Transfer' , id: 'BalanceTransfer'},\r\n {key : 2, value: 'Cash Top Up' , id: 'CashTopUp'},\r\n {key : 3, value: 'Merchant Payment' , id: 'MerchantPayment'},\r\n {key : 4, value: 'Top Up' , id: 'topup'},\r\n {key : 5, value: 'Wallet Payment' , id: 'WalletPayment'},\r\n {key: 6, value: 'Bank Approved', id: 'BankApproved'},\r\n {key: 7, value: 'Bank Rejected', id: 'BankRejected'},\r\n {key: 7, value: 'Top Up Transfer', id: 'TopUpTransfer'},\r\n {key: 8, value: 'Bank Payment Transfer', id: 'BankPaymentTransfer'},\r\n {key: 9, value: 'Merchant Settlement', id: 'MerchantSettlement'},\r\n {key: 10, value: 'Bank Commission Transfer', id: 'BankCommissionTransfer'}\r\n];\r\n\r\nexport const User_Log_Action_Type = [\r\n { key: 1, value: 'Add User' , id: 'AddUser'},\r\n { key: 2, value: 'Edit User', id: 'EditUser'},\r\n { key: 3, value: 'Block User', id: 'BlockedUser'},\r\n { key: 4, value: 'Unblock User', id: 'UnBlockedUser'},\r\n // { key: 5, value: 'Delete User', id: 'DeleteUser },\r\n { key: 6, value: 'Bank Verification', id: 'BankVerification'},\r\n { key: 7, value: 'Log in', id: 'Login'},\r\n { key: 8, value: 'Log out', id: 'LogOut'},\r\n { key: 9, value: 'Add Commission', id: 'AddCommission'},\r\n { key: 10, value: 'Edit Commission', id: 'EditCommission'},\r\n // { key: 11, value: 'Block Commission', id: 'BlockCommission'}\r\n]\r\n\r\nexport const routePermissions = [\r\n {\r\n name: \"Admin\",\r\n layout: \"/admin\",\r\n },\r\n {\r\n name: \"Bank\",\r\n layout: \"/bank\",\r\n },\r\n {\r\n name: \"Subscriber\",\r\n layout: \"/subscriber\",\r\n },\r\n {\r\n name: \"Merchant\",\r\n layout: \"/merchant\",\r\n },\r\n {\r\n name: \"Finance\",\r\n layout: \"/finance\",\r\n },\r\n {\r\n name: \"SettlementBank\",\r\n layout: \"/settlementBank\",\r\n },\r\n {\r\n name: \"Operations Officer\",\r\n layout: \"/operationOfficer\",\r\n },\r\n {\r\n name: \"Customer Support Supervisor\",\r\n layout: \"/customerSupportSupervisor\",\r\n },\r\n {\r\n name: \"Audits and Compliance\",\r\n layout: \"/auditCompliance\",\r\n },\r\n {\r\n name: \"Super Agent\",\r\n layout: \"/super-agent\",\r\n },\r\n {\r\n name: \"Agent\",\r\n layout: \"/sub-agent\",\r\n },\r\n {\r\n name: 'Master Agent',\r\n layout: '/master-agent'\r\n },\r\n {\r\n name: \"Sales Supervisor\",\r\n },\r\n {\r\n name: \"MMO\",\r\n },\r\n {\r\n name: \"Sales Representative\",\r\n },\r\n {\r\n name: \"Customer Support Representative\",\r\n },\r\n {\r\n name: \"Operation supervisor\",\r\n }\r\n];\r\n\r\nexport const getCurrentDateTime = () => {\r\n const now = new Date();\r\n const year = now.getFullYear();\r\n const month = ('0' + (now.getMonth() + 1)).slice(-2); // add leading zero\r\n const date = ('0' + now.getDate()).slice(-2); // add leading zero\r\n const hours = ('0' + now.getHours()).slice(-2); // add leading zero\r\n const minutes = ('0' + now.getMinutes()).slice(-2); // add leading zero\r\n const seconds = ('0' + now.getSeconds()).slice(-2); // add leading zero\r\n return `${date}${month}${year}-${hours}${minutes}${seconds}`;\r\n}\r\n\r\nexport default {\r\n setUserDetails,\r\n getMobCodes,\r\n checkMacAddress,\r\n subscriberType,\r\n getAmt,\r\n getPaymentType,\r\n checkDigitOnly,\r\n checkBankAccNo,\r\n getSortCls,\r\n reportloaderContainer,\r\n reportloader,\r\n paymentType,\r\n daysInMonth,\r\n daysInArray,\r\n MonthArraySM,\r\n MonthArrayCAP,\r\n YearArray,\r\n checkName,\r\n DUMMY_USER,\r\n checkMMOBankAccNo,\r\n getPrivileges,\r\n bankPaymentType,\r\n Transaction_Log_Action_Type,\r\n User_Log_Action_Type\r\n};\r\n","export default __webpack_public_path__ + \"static/media/right-checkmark-removebg-preview.88824f2f.png\";"],"sourceRoot":""}