\r\n
\r\n \r\n 
\r\n
\r\n\r\n \r\n \r\n
\r\n {title}
\r\n \r\n);\r\n\r\nTopbarMenuLinks.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n icon: PropTypes.string.isRequired,\r\n path: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default TopbarMenuLinks;\r\n","import axios from \"axios\";\r\nimport React, { useContext, useEffect, useState } from \"react\";\r\nconst Auth = React.createContext({});\r\n\r\nconst AuthProvider = ({ children }) => {\r\n\r\n const [AuthData, setAuthData] = useState({ Buttons: [], Navigations: [] });\r\n useEffect(() => {\r\n var t = localStorage.getItem(\"authnav\");\r\n if (t != \"\") {\r\n setAuthData(JSON.parse(t));\r\n }\r\n }, [])\r\n return (\r\n\r\n {title}\r\n {newLink ?
{data ? data?.GetAccountsDifferenceByYear?.TotalAccountCreatedToday : 0}%\r\n Since last Year
\r\n\r\n \r\n {data ? data?.GetNewUsersDifferenceByMonth?.TotalUsersDifferenceByMonth : 0}%\r\n Since last month\r\n
\r\n\r\n \r\n {data ? data?.TotalAccountDifferenceByDay?.TotalAccountPercentageDifferenceByDay : 0}%\r\n Since last 24 hours\r\n
\r\n\r\n Since last month
\r\n| # | \r\nCustomer Name | \r\nCNIC | \r\nMobile number | \r\nApplication Status | \r\nSubmited Date | \r\nView Details | \r\n {/*Schedule Meeting | */}\r\n|
|---|---|---|---|---|---|---|---|---|
{(i + 1)} | \r\n {p.CustomerName} | \r\n {p.CNIC} | \r\n {p.Email} | \r\n {p.PhoneNumber} | \r\n {p.ApplicationStatus} | \r\n {p.ApplicationStatusTimeStamps !== \"\" ? (new Date(JSON.parse(p.ApplicationStatusTimeStamps).filter(p => p.TransactionStatus === 2)[0]?.DateTime).toLocaleDateString()).replace(\"Invalid Date\", \"\") + \" \" + (new Date(JSON.parse(p.ApplicationStatusTimeStamps).filter(p => p.TransactionStatus === 2)[0]?.DateTime).toLocaleTimeString()).replace(\"Invalid Date\", \"\") : \"\"} | \r\n \r\n {/* {\r\n p.ApplicationStatusTimeStamps !== \"\" &&\r\n (new Date(new Date(JSON.parse(p.ApplicationStatusTimeStamps).filter(p => p.TransactionStatus === 2)[0]?.DateTime)).setHours(new Date().getDate() + 1) < new Date())\r\n ? */}\r\n \r\n {/* : <>\r\n \r\n \r\n } */}\r\n | \r\n {/**/}\r\n |
| DateTime | \r\nStatus | \r\nUser | \r\nInternal Notes | \r\nOther Details | \r\n
|---|---|---|---|---|
| {(new Date(p?.DateTime).toDateString()).replace(\"Invalid Date\", \"\") + \" \" + (new Date(p?.DateTime).toLocaleTimeString()).replace(\"Invalid Date\", \"\")} | \r\n{ApplicationStatusList2.filter(o => o.id === p.TransactionStatus)[0]?.name} | \r\n{p?.UserEmail} | \r\n{p.Notes} | \r\n{p.TransactionStatus === ApplicationStatusesEnum.Application_Discrepant ?\r\n p.Remarks\r\n : p.TransactionStatus === ApplicationStatusesEnum.Application_Successful ?\r\n <>\r\n IBAN Number : {p.successfulApplication.IBANNumber} \r\nAccount Title : {p.successfulApplication.AccountTitle} \r\nAccount Opening Date : {(new Date(p.successfulApplication.AccountOpeningDate).toDateString())} \r\nBranch Name : {p.successfulApplication.BranchName} \r\nSWIFT Code : {p.successfulApplication.SWIFTCode} UserEmail\r\n :\r\n \"\"\r\n } | \r\n
| DateTime | \r\nUpload by | \r\nFile | \r\n
|---|---|---|
| {(new Date(p?.Date).toDateString()).replace(\"Invalid Date\", \"\") + \" \" + (new Date(p?.Date).toLocaleTimeString()).replace(\"Invalid Date\", \"\")} | \r\n{p.Uploadby} | \r\n{Click here to see} | \r\n
| # | \r\nFull Name | \r\nRoles | \r\nIs Active | \r\nAction | \r\n|
|---|---|---|---|---|---|
{(i + 1)} | \r\n {p.Email} | \r\n {p.FullName} | \r\n {p.Roles.map(i => (\r\n {Roles.filter(r => r.Id === i)[0].Name} \r\n ))} | \r\n \r\n {p.ActiveStatus ?\r\n | \r\n\r\n \r\n {AuthData.Buttons.findIndex(p => p === ButtonList.AddUserRole || p === ButtonList.RemoveUserRole) !== -1 ?\r\n \r\n : <>}\r\n {AuthData.Buttons.findIndex(p => p === ButtonList.UpdateUserStatus) !== -1 ?\r\n <>\r\n {p.ActiveStatus ?\r\n DisabledUser(p.Email)} className=\"btn\" style={{ marginLeft: 30, backgroundColor: \"var(--islamic)\", color: \"white\" }}>Disable\r\n :\r\n EnableUser(p.Email)} className=\"btn\" style={{ marginLeft: 30, backgroundColor: \"var(--faysal)\", color: \"white\" }}>Enable\r\n }\r\n \r\n : <>}\r\n | \r\n
| # | \r\nEmployee Code | \r\nEmployee Name | \r\nCNIC | \r\n {/*Short Link | */}\r\nReferral Link | \r\n\r\n
|---|---|---|---|---|---|
{i + 1} | \r\n {p.EmployeeCode} | \r\n {p.EmployeeName} | \r\n {p.CNIC} | \r\n {/* {p.ShortUrl} | */}\r\n {p.LongUrl} | \r\n
{i + 1} | \r\n {p.EmployeeCode} | \r\n {p.EmployeeName} | \r\n {p.CNIC} | \r\n {/* {p.ShortUrl} | */}\r\n {p.LongUrl} | \r\n
| Successful Hits | \r\nFailed Hits | \r\nView Details | \r\n
|---|---|---|
| {Data.TotalCountSuccess} | \r\n{Data.TotalCountFailed} | \r\n\r\n |
| CNIC | \r\nReference Id | \r\nRequested On | \r\nSession ID | \r\nStatus | \r\nStatus Message | \r\n\r\n
|---|---|---|---|---|---|
| {p.CNIC} | \r\n{p.ReferenceId} | \r\n{new Date(p.Hiton).toLocaleDateString()} | \r\n{p.VerifyCitizenNumberResultDtl.VERIFICATION.RESPONSE_DATA.SESSION_ID} | \r\n{p.VerifyCitizenNumberResultDtl.VERIFICATION.RESPONSE_DATA.RESPONSE_STATUS.CODE} | \r\n{p.VerifyCitizenNumberResultDtl.VERIFICATION.RESPONSE_DATA.RESPONSE_STATUS.MESSAGE} | \r\n\r\n
| # | \r\nRole | \r\nAction | \r\n
|---|---|---|
{(i + 1)} | \r\n {filterlist.filter(r => r.Id === p)[0].Name} | \r\n \r\n {AuthData.Buttons.findIndex(p => p === ButtonList.RemoveUserRole) !== -1 ?\r\n \r\n : <>}\r\n | \r\n
The following number you entered is registered with another application. Would you like to continue with the previous application.
\r\n \r\n \r\n )\r\n setLoading(false);\r\n DynamicModelShow(\"Number Already Exist\",\r\n t\r\n , false);\r\n\r\n } else {\r\n // DynamicModelHide()\r\n setLoading(false);\r\n }\r\n } else {\r\n setLoading(false);\r\n }\r\n }\r\n\r\n var callback = function () {\r\n\r\n };\r\n var verifyCallback = function (response) {\r\n \r\n setCaptcha(true);\r\n };\r\n const datasubmit = async (event) => {\r\n // event.preventDefault();\r\n\r\n var url_string = window.location.href;\r\n var url = new URL(url_string);\r\n var ReferralId = url.searchParams.get(\"ReferralId\");\r\n // setData({ ...data, ReferralId: c });\r\n if (enable) {\r\n history.push(\"accountoption\");\r\n return;\r\n }\r\n if (!Captcha && Config.robot) {\r\n alert(\"Please validate Captcha.\");\r\n return;\r\n }\r\n const ipv4 = await publicIp.v4()\r\n setData({ ...data, UserIp: ipv4 });\r\n\r\n setLoading(true)\r\n var resp = await FirstScreen(data, ReferralId);\r\n setLoading(false);\r\n if (resp.StatusCode === 0) {\r\n history.push(\"otp\")\r\n }\r\n }\r\n const enable = 0 < screen[sessionStorage.getItem(\"CurrentScreen\")] ? true : false;\r\n return (\r\nQuestion 1
*/}\r\n{p.BankingType}
\r\nNote:{data.Note}
\r\n : <>}\r\nQuestion 2
*/}\r\n{p.AccountType}\r\n {data?.option?.Id === p.Id ?
Phone Number : +92{data.mnumber}
\r\nEmail : {data.email}
\r\nQuestion 1 / 1
*/}\r\nEnter the OTP code sent to your provided mobile number.
\r\n setotp(txt.target.value)} required />\r\nEnter the OTP code sent to your provided Email address.
\r\n setotpEmail(txt.target.value)} required />\r\n {countdown < 1 ?resend()} className=\"Qhelper\" style={{ cursor: \"pointer\" }}>Resent OTP
:OTP expire in 00:{countdown < 10 ? \"0\" + countdown : countdown}
}\r\nQuestion 1 /2
*/}\r\nQuestion 1 /7
*/}\r\nQuestion 1 /7
*/}\r\nQuestion 1 /7
*/}\r\nQuestion 1 /7
*/}\r\nQuestion 1 /7
*/}\r\nQuestion 1 /7
*/}\r\nQuestion 1 /7
*/}\r\nQuestion 1 /8
*/}\r\nQuestion 2 / 8
\r\nQuestion 3 / 8
*/}\r\nQuestion 1 /3
*/}\r\nHouse no., Street no, Area, Sector
\r\nQuestion 2 / 3
*/}\r\nSelect the appropriate/relevant as per available documentary evidence.
\r\nQuestion 4 / 8
*/}\r\nQuestion 4 / 8
*/}\r\nQuestion 4 / 8
*/}\r\nQuestion 4 / 8
*/}\r\nQuestion 3 / 3
*/}\r\nSelect the appropriate/relevant as per available documentary evidence
\r\n {(data.Occupation === \"Salaried\" || data.Occupation === \"Self Employed\" || data.Occupation === \"Business\" || data.Occupation === \"Freelancer\") ?\r\n <>\r\n \r\n :\r\n <>\r\n }\r\nPlease attach documentary evidence(s) as per above selected Occupation/Source of Income (PNG, PDF, BMP, GIF or JPEG).
\r\nPlease attach documentary evidence(s) of Proof of Profession (PNG, PDF, BMP, GIF or JPEG).
\r\nQuestion 4 / 8
*/}\r\nQuestion 5 / 8
*/}\r\nQuestion 6 / 8
*/}\r\nQuestion 7 / 8
*/}\r\nYour account reference number is {location.state.Ref}.
*/}\r\nQuestion 1 /7
*/}\r\nAs per NADRA ID document
\r\nQuestion 2 /7
*/}\r\nQuestion 3 /7
*/}\r\nHouse no., Street no, Area, Sector
\r\nQuestion 4 /7
*/}\r\nQuestion 5 /7
*/}\r\nQuestion 6 /7
*/}\r\nAttach legal ID document of beneficial owner (PNG, PDF, BMP, GIF or JPEG)
\r\nQuestion 7 /7
*/}\r\nAttach source of income evidence of beneficial owner
\r\nNote:{data.Note}
\r\n : <>} */}\r\n ;\r\n DynamicModelShow(data.Name, t, true);\r\n }\r\n const populatecities = (list) => {\r\n var cities = {};\r\n var t = '';\r\n brancheslist.map(p => {\r\n\r\n if (p.Province === data.Branchprovince && !(p.City in cities)) {\r\n t += ``;\r\n cities[p.City] = 1;\r\n }\r\n })\r\n cityref.current.innerHTML = t;\r\n }\r\n useEffect(() => {\r\n debugger\r\n setActive(\"Value Added Services\");\r\n }, [])\r\n useEffect(() => {\r\n if (plist.length === 0) {\r\n popbanklist();\r\n }\r\n }, [ApiData])\r\n const popbanklist = () => {\r\n debugger\r\n setLoading(true);\r\n if (ApiData.BankList?.length > 0) {\r\n var t = ApiData.BankList;\r\n \r\n if (t?.length > 0) {\r\n var arr = [];\r\n var alreadyp = [];\r\n var branches = [];\r\n for (let index = 0; index < t.length; index++) {\r\n \r\n const element = JSON.parse(t[index]);\r\n if (alreadyp[element.Province] === undefined) {\r\n arr.push(element.Province);\r\n alreadyp[element.Province] = 1;\r\n }\r\n branches.push(element);\r\n }\r\n setPlist([...arr]);\r\n setbrancheslist([...branches]);\r\n }\r\n }\r\n setLoading(true);\r\n\r\n }\r\n\r\n const datasubmit = async (e) => {\r\n\r\n setLoading(true);\r\n var resp = await CNCInfo(data);\r\n setLoading(false); \r\n if (resp.StatusCode === 0) {\r\n //setApiData({ ...ApiData, ...resp.ResponseObject });\r\n history.push(\"tnc\")\r\n } \r\n }\r\n\r\n const populatemultiopt = (arr) => {\r\n var s = [];\r\n arr.map(p => {\r\n s.push({ value: p.id, label: p.Name });\r\n })\r\n return s;\r\n }\r\n\r\n return (\r\n <>\r\n\r\n\r\nQuestion 1 /3
*/}\r\nPlease mention the name of person who will be prospective remitter
\r\nQuestion 1 /3
*/}\r\nPlease mention the relation with prospective remitter
\r\nQuestion 1 /3
*/}\r\nPlease mention the legal ID of prospective remitter
\r\n| Probability | \r\nQuality | \r\nScore | \r\n
|---|---|---|
| {parseFloat(obj.probability).toFixed(2)} | \r\n{parseFloat(obj.quality).toFixed(2)} | \r\n{parseFloat(obj.score).toFixed(2)} | \r\n
Product Features, T&C And KFS
\r\nPhone Number : {mnumber}
\r\nEmail : {email}
\r\nQuestion 1 / 1
*/}\r\nEnter the OTP code sent to you mobile number.
\r\n setotp(txt.target.value)} required />\r\n {countdown === 0 ?resend()} className=\"Qhelper\" style={{ cursor: \"pointer\" }}>Resent OTP
:OTP expire in 00:{countdown < 10 ? \"0\" + countdown : countdown}
}\r\n\r\n