\r\n \r\n \r\n 1. Your name, sex, and age\r\n \r\n \r\n 2. Your address\r\n \r\n \r\n 3. Your contact number\r\n \r\n \r\n 4. Intellicare Account Number\r\n \r\n \r\n 5. Intellicare Card Number\r\n \r\n \r\n 6. Copy of a Government Issued ID\r\n \r\n \r\n 7. Copy of your Intellicare Card ID\r\n \r\n \r\n 1. You gave your consent;\r\n \r\n \r\n 2. The processing of personal information is necessary and is\r\n related to the fulfillment of the HMO contract with your Employer,\r\n \r\n \r\n 3. The processing is necessary for compliance with a legal\r\n obligation to which Intellicare/Avega or your Employer is subject,\r\n \r\n \r\n 4. The processing is necessary to protect your vitally important\r\n interests, including life and health,\r\n \r\n \r\n 5. The processing is necessary in order to respond to national\r\n emergency, to comply with the requirements of public order and\r\n safety, or to fulfill functions of public authority which\r\n necessarily includes the processing of personal data for the\r\n fulfillment of its mandate; or\r\n \r\n \r\n 6. The processing is necessary for the purposes of the legitimate\r\n interests pursued by Intellicare/Avega or your Employer or by a\r\n third party or parties to whom the data are disclosed, except\r\n where such interests are overridden by fundamental rights and\r\n freedoms of the data subject which require protection under the\r\n Philippine Constitution.\r\n \r\n\r\n \r\n 1. Your Human Resource Department as far as HMO utilization is\r\n concerned and your eligibility as a member of the\r\n Intellicare/Avega Network\r\n \r\n \r\n 2. Courts, Law Enforcement Authorities and Regulators but only\r\n upon their lawful orders\r\n \r\n \r\n 3. Lawyers or any person whenever there is a need to protect the\r\n rights of Intellicare/Avega and your Employer; provided that the\r\n information is absolutely necessary.\r\n \r\n\r\n
\r\n \r\n \r\n Hi Agora App User,
\r\n\r\n Asalus Corporation (Intellicare) and Avega Managed Care (Avega)\r\n values your privacy and this notice are meant to help you\r\n understand how we protect the information you provide.\r\n
\r\n\r\n Our people are working hard to ensure you remain in control of\r\n your data. So please take time to read this before you continue\r\n signing up.\r\n
\r\n\r\nWhat we collect and why.
\r\n\r\n We built this App to provide you with the most efficient services\r\n we can offer in the market, improve our services and personalize\r\n them to your needs to the extent possible. This App allows us to\r\n provide you information on your HMO coverage, our partner medical\r\n institutions and our Company and to interact with you directly.\r\n But to do this we need the following information from your end\r\n
\r\n\r\n This set of information will be used further for other purposes.\r\n Specifically, we collect your name, sex, age, address,\r\n Intellicare/Avega Details, and Identification Cards to verify your\r\n identity and membership in the Intellicare/Avega Network and to\r\n reach out to you in cases of public service announcements.\r\n Collecting your contact details like mobile number and email\r\n allows us to send you confirmation of registration in this App, as\r\n well as updates and materials you may like. For example, if there\r\n are updates in our services, you will know them with a\r\n notification sent via this App. Please note, we will only send you\r\n marketing materials if you give your specific consent, which you\r\n will see later on.\r\n
\r\n\r\n All those we collect from you are treated as private and\r\n confidential.\r\n
\r\n\r\n\r\n Reviewing, Updating, Removing and deleting your information\r\n
\r\n\r\n You can request to update and delete App account information by\r\n sending your request to our data protection officer, via\r\n dpo@intellicare.net.ph\r\n
\r\n\r\n Note, however, that deleting your account information will\r\n automatically result in the deactivation of your access to this\r\n App.\r\n
\r\n\r\n To be clear, your HMO information is treated separately and is\r\n subject to the Privacy Policy of Intellicare/Avega and the Benefit\r\n Plan of your Employer. In other words, deleting App account\r\n information does not result in the deletion of your HMO\r\n information as the latter is governed by the Benefit Plan provided\r\n by your employer. But if you want to withdraw your consent to our\r\n use and/or disclosure of your personal data for the delivery of\r\n HMO services, just bear in mind that we may no longer be able to\r\n serve you nor provide you with the products and services that you\r\n require.\r\n
\r\n\r\n\r\n When Intellicare/Avega shares your information\r\n
\r\n\r\n Intellicare/Avega will only share your information if:\r\n
\r\nTo whom we may Disclose
\r\n\r\n Your information may be disclosed subject to the above-stated\r\n conditions only and the requirements of the Data Privacy Act to:\r\n
\r\n\r\n We build security into our services to protect your information\r\n
\r\n\r\n We strive to build the best security precautions to ensure that\r\n the information you provide is protected against unauthorized or\r\n unintended access. We can assure you that internationally\r\n acceptable standards are in place so you will feel comfortable\r\n trusting us with your data.\r\n
\r\n\r\nRetention
\r\n\r\n Your information is retained for the period of time for as long as\r\n the purpose for which the personal data was collected continues.\r\n
\r\n\r\n We will destroy the personal data thereafter, unless it is\r\n necessary to retain the personal data longer for our satisfaction\r\n and compliance of legal, regulatory or accounting requirements, or\r\n to protect our interest.\r\n
\r\n\r\nComplaints
\r\n\r\n If you have complaints, our lines are open. Kindly contact our\r\n Data Protection Officer via email via\r\n dpo@intellicare.net.ph\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n 
\r\n
\r\n \r\n\r\n {!collapsed ? \"KYC Web Portal\" : null}
\r\n \r\nKYC Web Portal
\r\n \r\n }\r\n placement=\"left\"\r\n closable={false}\r\n // maskClosable={true}\r\n // onClose={this.onClose}\r\n onClose={() => {\r\n setCollapsed(!collapsed)\r\n setDrawer(false)\r\n }}\r\n visible={drawer}\r\n \r\n >\r\n \r\n \r\n\r\n {children}\r\n {/*
\r\n\r\n \r\n Agora App Privacy Notice\r\n
\r\n\r\n \r\n \r\n 1. Your name, sex, and age\r\n \r\n \r\n 2. Your address\r\n \r\n \r\n 3. Your contact number\r\n \r\n \r\n 4. Intellicare Account Number\r\n \r\n \r\n 5. Intellicare Card Number\r\n \r\n \r\n 6. Copy of a Government Issued ID\r\n \r\n \r\n 7. Copy of your Intellicare Card ID\r\n \r\n \r\n 1. You gave your consent;\r\n \r\n \r\n 2. The processing of personal information is necessary and is\r\n related to the fulfillment of the HMO contract with your Employer,\r\n \r\n \r\n 3. The processing is necessary for compliance with a legal\r\n obligation to which Intellicare/Avega or your Employer is subject,\r\n \r\n \r\n 4. The processing is necessary to protect your vitally important\r\n interests, including life and health,\r\n \r\n \r\n 5. The processing is necessary in order to respond to national\r\n emergency, to comply with the requirements of public order and\r\n safety, or to fulfill functions of public authority which\r\n necessarily includes the processing of personal data for the\r\n fulfillment of its mandate; or\r\n \r\n \r\n 6. The processing is necessary for the purposes of the legitimate\r\n interests pursued by Intellicare/Avega or your Employer or by a\r\n third party or parties to whom the data are disclosed, except\r\n where such interests are overridden by fundamental rights and\r\n freedoms of the data subject which require protection under the\r\n Philippine Constitution.\r\n \r\n\r\n \r\n 1. Your Human Resource Department as far as HMO utilization is\r\n concerned and your eligibility as a member of the\r\n Intellicare/Avega Network\r\n \r\n \r\n 2. Courts, Law Enforcement Authorities and Regulators but only\r\n upon their lawful orders\r\n \r\n \r\n 3. Lawyers or any person whenever there is a need to protect the\r\n rights of Intellicare/Avega and your Employer; provided that the\r\n information is absolutely necessary.\r\n \r\n\r\n
\r\n \r\n \r\n Hi Agora App User,
\r\n\r\n Asalus Corporation (Intellicare) and Avega Managed Care (Avega)\r\n values your privacy and this notice are meant to help you\r\n understand how we protect the information you provide.\r\n
\r\n\r\n Our people are working hard to ensure you remain in control of\r\n your data. So please take time to read this before you continue\r\n signing up.\r\n
\r\n\r\nWhat we collect and why.
\r\n\r\n We built this App to provide you with the most efficient services\r\n we can offer in the market, improve our services and personalize\r\n them to your needs to the extent possible. This App allows us to\r\n provide you information on your HMO coverage, our partner medical\r\n institutions and our Company and to interact with you directly.\r\n But to do this we need the following information from your end\r\n
\r\n\r\n This set of information will be used further for other purposes.\r\n Specifically, we collect your name, sex, age, address,\r\n Intellicare/Avega Details, and Identification Cards to verify your\r\n identity and membership in the Intellicare/Avega Network and to\r\n reach out to you in cases of public service announcements.\r\n Collecting your contact details like mobile number and email\r\n allows us to send you confirmation of registration in this App, as\r\n well as updates and materials you may like. For example, if there\r\n are updates in our services, you will know them with a\r\n notification sent via this App. Please note, we will only send you\r\n marketing materials if you give your specific consent, which you\r\n will see later on.\r\n
\r\n\r\n All those we collect from you are treated as private and\r\n confidential.\r\n
\r\n\r\n\r\n Reviewing, Updating, Removing and deleting your information\r\n
\r\n\r\n You can request to update and delete App account information by\r\n sending your request to our data protection officer, via\r\n dpo@intellicare.net.ph\r\n
\r\n\r\n Note, however, that deleting your account information will\r\n automatically result in the deactivation of your access to this\r\n App.\r\n
\r\n\r\n To be clear, your HMO information is treated separately and is\r\n subject to the Privacy Policy of Intellicare/Avega and the Benefit\r\n Plan of your Employer. In other words, deleting App account\r\n information does not result in the deletion of your HMO\r\n information as the latter is governed by the Benefit Plan provided\r\n by your employer. But if you want to withdraw your consent to our\r\n use and/or disclosure of your personal data for the delivery of\r\n HMO services, just bear in mind that we may no longer be able to\r\n serve you nor provide you with the products and services that you\r\n require.\r\n
\r\n\r\n\r\n When Intellicare/Avega shares your information\r\n
\r\n\r\n Intellicare/Avega will only share your information if:\r\n
\r\nTo whom we may Disclose
\r\n\r\n Your information may be disclosed subject to the above-stated\r\n conditions only and the requirements of the Data Privacy Act to:\r\n
\r\n\r\n We build security into our services to protect your information\r\n
\r\n\r\n We strive to build the best security precautions to ensure that\r\n the information you provide is protected against unauthorized or\r\n unintended access. We can assure you that internationally\r\n acceptable standards are in place so you will feel comfortable\r\n trusting us with your data.\r\n
\r\n\r\nRetention
\r\n\r\n Your information is retained for the period of time for as long as\r\n the purpose for which the personal data was collected continues.\r\n
\r\n\r\n We will destroy the personal data thereafter, unless it is\r\n necessary to retain the personal data longer for our satisfaction\r\n and compliance of legal, regulatory or accounting requirements, or\r\n to protect our interest.\r\n
\r\n\r\nComplaints
\r\n\r\n If you have complaints, our lines are open. Kindly contact our\r\n Data Protection Officer via email via\r\n dpo@intellicare.net.ph\r\n
\r\n\r\n {JSON.parse(localStorage.getItem(\"appName\")) === \"ARUGA\" ? \r\n localStorage.getItem(\"user_info\") ? (\r\n JSON.parse(localStorage.getItem(\"appName\")) === \"AGORA\" ? (\r\n \r\n \r\n ) :\r\n (\r\n
\r\n);\r\n","import React from \"react\";\r\nimport NavBar from \"../components/NavBar\";\r\nimport { Redirect, Route } from \"react-router-dom\";\r\n\r\nexport const AdminRoute = ({ component: Component, ...rest }) => (\r\n \r\n \r\n localStorage.getItem(\"user_info\") &&\r\n JSON.parse(localStorage.getItem(\"user_info\")).data.role === \"1\" ? (\r\n
\r\n);\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport LinearProgress from \"@material-ui/core/LinearProgress\";\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n width: \"100%\",\r\n \"& > * + *\": {\r\n marginTop: theme.spacing(2)\r\n }\r\n }\r\n}));\r\n\r\nexport default function LinearInderterminate() {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport * as API from \"../util/live_api\";\r\nimport { Decrypt, Decrypt2, EncryptHeader } from \"../util/EncryptionHandler\";\r\n\r\nexport default function CheckSession() {\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n let uuid = localStorage.getItem(\"uuid\");\r\n\r\n GetSession();\r\n\r\n async function GetSession() {\r\n let resp = await fetch(Decrypt(API.CHECK_SESSION), {\r\n method: \"GET\",\r\n headers: {\r\n email: EncryptHeader(user_info.data.emailaddress),\r\n },\r\n });\r\n let respJson = await resp.json();\r\n let respText = await Decrypt2(respJson.replace(/\"/g, \"\"));\r\n\r\n if (respText.data) {\r\n let decrypted = respText.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n\r\n let deviceid = decrypted[0].deviceid;\r\n\r\n if (uuid !== deviceid) {\r\n alert(\r\n \"We have detected that you are currently on another session. For your security, we logged you out from all active devices. Thank you.\"\r\n );\r\n SessionUpdate();\r\n } else {\r\n // do nothing\r\n }\r\n }\r\n }\r\n\r\n function logout() {\r\n window.location.assign(window.location.origin);\r\n }\r\n\r\n async function SessionUpdate() {\r\n let EncryptedEmail = EncryptHeader(user_info.data.emailaddress);\r\n let stat_resp = await fetch(Decrypt(API.LOGOUT_USER_STAT), {\r\n method: \"POST\",\r\n headers: {\r\n Email: EncryptedEmail,\r\n },\r\n });\r\n let stat_respText = await stat_resp.text();\r\n let stat_respJson = await Decrypt2(stat_respText.replace(/\"/g, \"\"));\r\n if (stat_respJson.success) {\r\n logout();\r\n }\r\n }\r\n}\r\n","import React from 'react';\r\nimport '../spinner/globalspinner.css';\r\n\r\nconst LoadSpinner = () => (\r\n \r\n
\r\n);\r\n\r\nexport default LoadSpinner;","import React, { useState } from \"react\";\r\nimport { MDBBtn, MDBIcon } from \"mdbreact\";\r\nimport { Select, Modal, Input, Button, DatePicker } from \"antd\";\r\nimport * as FileSaver from \"file-saver\";\r\nimport * as XLSX from \"xlsx\";\r\nimport jsPDF from \"jspdf\";\r\nimport \"jspdf-autotable\";\r\nimport moment from \"moment\";\r\nimport * as API from \"../util/live_api\";\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n EncryptHeader,\r\n Encrypt2,\r\n ImgEncrypt,\r\n DecryptTxt,\r\n} from \"../util/EncryptionHandler\";\r\n\r\nconst { RangePicker } = DatePicker;\r\nconst { Option } = Select;\r\nexport default function ExportFile({ exportdata, loading, reapp_remarks }) {\r\n const [filetype, setFiletype] = useState(\"\");\r\n const [filterType, setFilterType] = useState(\"\");\r\n const [filename, setFilename] = useState(\"\");\r\n const [startDate, setStartDate] = useState(\"\");\r\n const [endDate, setEndDate] = useState(\"\");\r\n const [modal, setModal] = useState(false);\r\n\r\n const [HistoryReport, setHistoryReport] = useState([]);\r\n\r\n let xlsreport = [];\r\n const file_Type =\r\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\";\r\n const fileExtension = \".xlsx\";\r\n const formatDate = \"MM-DD-YYYY\"; \r\n\r\n function handleSubmitExport() {\r\n if (startDate === \"\" && endDate === \"\" && filterType !== \"\") return alert(\"Please pick date range\");\r\n if (filename.trim() === \"\") return alert(\"Please input your filename\"); \r\n\r\n GenerateReport();\r\n }\r\n\r\n function toTitleCase(str) {\r\n return str.replace(/\\w\\S*/g, function (txt) {\r\n return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\r\n });\r\n }\r\n\r\n async function GenerateReport() {\r\n let Filteredby = \"\";\r\n let Reapprove = \"\";\r\n\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n if (exportdata === \"AllReapprove\") {Reapprove = \"TRUE\"};\r\n if (exportdata === \"AllApprovalHistory\") {Reapprove = \"FALSE\"}; \r\n switch (filterType) {\r\n case \"posted\":\r\n Filteredby = \"POSTED\";\r\n case \"approved\":\r\n Filteredby = \"APPROVED\";\r\n case \"disapproved\":\r\n Filteredby = \"APPROVED\";\r\n\r\n case \"reapproved\":\r\n Filteredby = \"APPROVED\";\r\n };\r\n\r\n try {\r\n let resp = await fetch(Decrypt(API.APPROVAL_HISTORY_REPORT), {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n DateFrom: EncryptHeader(startDate),\r\n DateTo : EncryptHeader(endDate),\r\n FilterBy : EncryptHeader(Filteredby),\r\n Reapprove: EncryptHeader(Reapprove),\r\n },\r\n });\r\n let respJson = await resp.json();\r\n if (respJson.data !== null) { \r\n if (respJson.success === true) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n\r\n newD.fullname = toTitleCase(\r\n newD[\"lastname\"] +\r\n \", \" +\r\n newD[\"firstname\"] +\r\n \" \" +\r\n newD[\"middlename\"]\r\n );\r\n\r\n HistoryReport.push(newD);\r\n return newD;\r\n });\r\n\r\n switch (filetype) {\r\n case \"Excel\":\r\n return exportToXLSX();\r\n case \"PDF\":\r\n return exportToPDF();\r\n default:\r\n break;\r\n }\r\n }\r\n else \r\n {\r\n alert(respJson.message);\r\n return;\r\n }\r\n } \r\n else\r\n { \r\n alert(respJson.message); \r\n return;\r\n }\r\n\r\n } catch (error) {\r\n console.log(error);\r\n alert(\"Internal Server Error\");\r\n }\r\n }\r\n\r\n function exportToXLSX() {\r\n let xlsdata = HistoryReport;\r\n xlsdata.forEach((report) => {\r\n xlsreport = xlsreport.concat({\r\n Counter: report.increment_id,\r\n Posted_Date: report.posted_date,\r\n Member_Type: report.membType,\r\n Company: report.company,\r\n Employee_ID: report.pci_employee_id,\r\n Members_Status: report.member_status,\r\n AccountNo: report.accountno,\r\n Fullname: report.fullname,\r\n Card_Number: report.cardno,\r\n Status: report.status,\r\n Approved_Date: report.approved_date,\r\n Approved_By: report.approved_by,\r\n Disapproved_Remarks: report.remarks + \", \" + reapp_remarks,\r\n Registration_Attempts: report.regcount,\r\n Email_Verification_Date: report.email_verdate,\r\n });\r\n });\r\n const ws = XLSX.utils.json_to_sheet(xlsreport);\r\n const wb = { Sheets: { kyc_report: ws }, SheetNames: [\"kyc_report\"] };\r\n const excelBuffer = XLSX.write(wb, { bookType: \"xlsx\", type: \"array\" });\r\n const data = new Blob([excelBuffer], { type: file_Type });\r\n FileSaver.saveAs(data, filename + fileExtension);\r\n setFilename(\"\");\r\n setFilterType(\"\");\r\n }\r\n\r\n function exportToPDF() {\r\n let xlsdata = HistoryReport;\r\n const unit = \"pt\";\r\n const size = \"legal\";\r\n const orientation = \"landscape\";\r\n const doc = new jsPDF(orientation, unit, size);\r\n doc.setFontSize(15);\r\n\r\n const title = \"KYC Report\";\r\n const headers = [\r\n [\r\n \"Counter\",\r\n \"Posted Date\",\r\n \"Member Type\",\r\n \"Company\",\r\n \"Employee ID\",\r\n \"Members Status\",\r\n \"AccountNo\",\r\n \"Fullname\",\r\n \"Card Number\",\r\n \"Status\",\r\n \"Approved Date\",\r\n \"Approved By\",\r\n \"Disapproved Remarks\",\r\n \"Registration Attempts\",\r\n \"Email Verification Date \",\r\n ],\r\n ];\r\n const data = xlsdata.map((element) => [\r\n element.increment_id,\r\n moment(element.posted_date).format(\"MM-DD-YYYY\"),\r\n element.membType,\r\n element.company,\r\n element.employee_id,\r\n element.member_status,\r\n element.accountno,\r\n element.fullname,\r\n element.cardno,\r\n element.stats,\r\n moment(element.approved_date).format(\"MM-DD-YYYY\"),\r\n element.approved_by,\r\n element.remarks + \", \" + reapp_remarks,\r\n element.regcount,\r\n moment(element.email_verdate).format(\"MM-DD-YYYY\"),\r\n ]);\r\n let content = {\r\n styles: {\r\n cellWidth: \"auto\",\r\n font: \"times\",\r\n fontSize: 8,\r\n },\r\n margin: { left: 10, right: 10 },\r\n startY: 50,\r\n head: headers,\r\n body: data,\r\n };\r\n\r\n doc.text(title, 40, 40);\r\n doc.autoTable(content);\r\n doc.save(filename + \".pdf\");\r\n setFilename(\"\");\r\n setFilterType(\"\");\r\n }\r\n return (\r\n \r\n
\r\n {/* \r\n Loading ...\r\n
*/}\r\n \r\n setFiletype(e)}\r\n >\r\n \r\n \r\n \r\n \r\n setModal(true)}\r\n >\r\n Export\r\n \r\n {\r\n setModal(false);\r\n handleSubmitExport();\r\n }}\r\n >\r\n Submit\r\n ,\r\n {\r\n setModal(false);\r\n setFilename(\"\");\r\n setFilterType(\"\");\r\n setStartDate(null);\r\n setEndDate(null);\r\n }}\r\n >\r\n Return\r\n ,\r\n ]}\r\n >\r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n MDBModal,\r\n MDBModalBody,\r\n MDBModalFooter,\r\n MDBModalHeader,\r\n MDBBtn,\r\n MDBRow,\r\n MDBCol,\r\n MDBView,\r\n MDBIcon,\r\n} from \"mdbreact\";\r\n\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\n// import Lightbox from \"react-image-lightbox\";\r\nimport moment from \"moment\";\r\nimport DataTable from \"react-data-table-component\";\r\nimport LinearIndeterminate from \"./LinearInderterminate\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { confirmAlert } from \"react-confirm-alert\";\r\nimport \"react-confirm-alert/src/react-confirm-alert.css\"; // Import css\r\nimport { Menu, Icon, Select, Modal, Button, DatePicker, message, Table, Tag, Tooltip } from \"antd\";\r\nimport Viewer from \"react-viewer\";\r\nimport CheckSession from \"./CheckSession\";\r\nimport LoadSpinner from \"../global/spinner/globalspinner\";\r\n\r\n//apis\r\nimport * as API from \"../util/live_api\";\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n EncryptHeader,\r\n Encrypt2,\r\n ImgEncrypt,\r\n DecryptTxt,\r\n VNIEncryptBody,\r\n VNIDecryptBody\r\n} from \"../util/EncryptionHandler\";\r\n\r\nimport ExportFile from \"./ExportFile\";\r\nimport { Portal } from \"@material-ui/core\";\r\n// import { ConsoleSqlOutlined } from \"@ant-design/icons\";\r\n\r\nconst { RangePicker } = DatePicker;\r\nconst { Option } = Select;\r\n\r\nexport default function Dashboard() {\r\n\r\n const formatDate = \"MM/DD/YYYY\";\r\n\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n let history = useHistory();\r\n if (user_info.data.department === \"MIS TECH\") {\r\n history.push(\"/users\");\r\n }\r\n if (!sessionStorage.getItem(\"logged_in\")) {\r\n SessionUpdate();\r\n localStorage.removeItem(\"user_info\");\r\n localStorage.removeItem(\"current_pw\");\r\n history.push(\"/\");\r\n }\r\n\r\n document.title = \"Intellicare Admin - Dashboard\";\r\n\r\n const { addToast, removeToast } = useToasts();\r\n const [isLoaded, setIsLoaded] = useState(false); // global loading spinner\r\n const [data, setData] = useState([]);\r\n const [tempData, setTempData] = useState([]);\r\n const [approvalHistory, setApprovalHistory] = useState([]);\r\n const [tempHistory, setTempHistory] = useState([]);\r\n const [reapproveHistory, setReapproveHistory] = useState([]);\r\n const [FetchingAllReapprove, setFetchingAllReapprove] = useState(false);\r\n const [AllReapprove, setAllReapprove] = useState([]);\r\n const [AllApprovalHistory, setAllApprovalHistory] = useState([]);\r\n\r\n const [HistoryMembUser, setHistoryMembUser] = useState({});\r\n const [HistoryPciMemb, setHistoryPciMemb] = useState({});\r\n \r\n const [ReapporoveSearchValue, setReapproveSearchValue] = useState([]);\r\n const [tempReapproved, setTempReapproved] = useState([]);\r\n const [searchTempData, setsearchTempData] = useState([]);\r\n const [modal, setModal] = useState(false);\r\n const [modCardWarn, setmodCardWarn] = useState(false);\r\n const [request, setRequest] = useState({}); \r\n const [photoIndex, setPhotoIndex] = useState(0);\r\n const [isOpen, setIsOpen] = useState(false);\r\n const [recordid, setRecordId] = useState(\"\");\r\n const [modDisapprove, setModDisapprove] = useState(false);\r\n const [disapproveRemarks, setDisapproveRemarks] = useState(\"\");\r\n const [disapproveMessage, setDisapproveMessage] = useState(\"\");\r\n const [intIdImg, setIntIdImg] = useState(null);\r\n const [govIdImg, setGovIdImg] = useState(null);\r\n const [images, setImages] = useState([]);\r\n const [imgLoad, setImgLoad] = useState(false);\r\n const [reason, setReason] = useState([]);\r\n\r\n const [lstReasons, setLstReasons] = useState([]);\r\n const [current, setCurrent] = useState(\"pending\");\r\n // const [HMOPicked, SetHMOPicked] = useState(\r\n // user_info.data.department === \"INT APD\" ? \"Intellicare\" : \"Avega\"\r\n // );\r\n const [filterNumTo, setFilterNumTo] = useState(0);\r\n const [filterNumFrom, setFilterNumFrom] = useState(0);\r\n const [startDate, setStartDate] = useState(\"\");\r\n\r\n const [HistoryStartDate, setHistoryStartDate] = useState(\"\");\r\n const [HistoryEndDate, setHistoryEndDate] = useState(\"\");\r\n \r\n const [loading] = useState(false);\r\n const [clicked, setClicked] = useState(\"Approve\");\r\n const [fetching, setFetching] = useState(false);\r\n const [historyFetching, setHistoryFetching] = useState(false);\r\n const [reappNotif, setReappNotif] = useState(null);\r\n const [memberProfile, setMemberProfile] = useState(false);\r\n const [modalSize, setModalSize] = useState(\"lg\");\r\n const [membProfButtonCaption, setMembProfButtonCaption] = useState(\r\n \"View Member Profile\"\r\n );\r\n const [warningTime] = useState(15 * 60 * 1000);\r\n const [logoutTime] = useState(10 * 1000);\r\n\r\n const [addDetails, setaddDetails] = useState({\r\n currentScreen: \"\",\r\n pageNumber: 1,\r\n pageRow: 10,\r\n totalRecord: 0\r\n })\r\n\r\n let multipleReason = [];\r\n let SpecialInstructions = [];\r\n let warnTimeout;\r\n let logoutTimeout;\r\n let toastId;\r\n\r\n useEffect(() => {\r\n\r\n loadComponent();\r\n\r\n }, []);\r\n\r\n async function loadComponent() {\r\n \r\n // CheckSession();\r\n await GetApprovalRequests();\r\n await GetDisapproveRemarks();\r\n }\r\n\r\n const columns = [\r\n {\r\n dataIndex: \"recordid\",\r\n className: \"hide\",\r\n width: 100,\r\n },\r\n {\r\n title: \"Counter\",\r\n dataIndex: \"incremental_id\",\r\n width: 180,\r\n ellipsis: {\r\n showTitle: false,\r\n },\r\n render: (incremental_id) => (\r\n \r\n setFilename(e.target.value)}\r\n />\r\n
\r\n {\r\n setFilterType(e);\r\n }}\r\n >\r\n \r\n {reapp_remarks === \"Reapprove\" ? null : (\r\n \r\n )}\r\n {reapp_remarks === \"Reapprove\" ? null : (\r\n \r\n )}\r\n {reapp_remarks === \"Reapprove\" ? (\r\n \r\n ) : null}\r\n \r\n
\r\n \r\n {\r\n setStartDate(dateString[0]);\r\n setEndDate(dateString[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
\r\n {current === \"reapproved\" ? (\r\n \r\n
\r\n );\r\n }\r\n\r\n function renderStatus(status) {\r\n if (current === \"history\" || current === \"reapproved\") {\r\n if (status === \"Waiting\")\r\n return (\r\n \r\n {\" - \"}\r\n WAITING\r\n \r\n );\r\n else if (status === \"Approved\")\r\n return (\r\n \r\n {\" - \"}\r\n APPROVED\r\n \r\n );\r\n else if (status === \"Reapproved\")\r\n return (\r\n \r\n {\" - \"}\r\n REAPPROVED\r\n \r\n );\r\n else\r\n return (\r\n \r\n {\" - \"}\r\n DISAPPROVED\r\n \r\n );\r\n } else return null;\r\n }\r\n\r\n function FilterHistory(status) {\r\n if (status === \"None\") setApprovalHistory(tempHistory);\r\n else if (status === \"Approved\") {\r\n let filterApprove = tempHistory.filter((data) => {\r\n return data.stats === \"Approved\";\r\n });\r\n setApprovalHistory(filterApprove);\r\n } else {\r\n let filterDisapprove = tempHistory.filter((data) => {\r\n return data.stats === \"Disapproved\";\r\n });\r\n setApprovalHistory(filterDisapprove);\r\n }\r\n }\r\n\r\n async function getpci_membprofile() {\r\n try {\r\n let resp = await fetch(Decrypt(API.APPROVAL_HISTORY_PCIMEMB), {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n Account: EncryptHeader(HistoryMembUser.accountno)\r\n },\r\n });\r\n let respJson = await resp.json();\r\n if (respJson.data) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n\r\n for (let data of decrypted) {\r\n data.pci_gnder = data[\"pci_gender\"].toUpperCase() === \"M\" ? \"Male\" : \"Female\";\r\n data.pci_membType = getMembType(data[\"pci_membertype\"]);\r\n data.membStatus =\r\n data[\"member_status\"] === \"A\"\r\n ? \"Active\"\r\n : data[\"member_status\"] === \"T\"\r\n ? \"Terminated\"\r\n : data[\"member_status\"] === \"D\"\r\n ? \"Disapproved\"\r\n : data[\"member_status\"] === \"W\"\r\n ? \"Waiting\"\r\n : data[\"member_status\"] === \"U\"\r\n ? \"Under-Process\"\r\n : data[\"member_status\"] === \"S\"\r\n ? \"Suspended\"\r\n : \"\";\r\n }\r\n\r\n Pci_membApprovalHistory(decrypted[0]);\r\n }\r\n else \r\n {\r\n alert(respJson.message);\r\n }\r\n\r\n } catch (error) {\r\n console.log(error);\r\n alert(\"Internal Server Error\");\r\n }\r\n }\r\n\r\n // async function FilterByHmo(HMOFilter) {\r\n // if (current === \"pending\") {\r\n // if (HMOFilter === \"All\") {\r\n // setData(tempData);\r\n // } else if (HMOFilter === \"Intellicare\") {\r\n // let filterHMOIntellicare = tempData.filter((data) => {\r\n // return data.avegatag === false;\r\n // });\r\n // setData(filterHMOIntellicare);\r\n // } else {\r\n // let filterHMOAvega = tempData.filter((data) => {\r\n // return data.avegatag === true;\r\n // });\r\n // setData(filterHMOAvega);\r\n // }\r\n // } else if (current === \"history\") {\r\n // if (HMOFilter === \"All\") {\r\n // setApprovalHistory(tempHistory);\r\n // } else if (HMOFilter === \"Intellicare\") {\r\n // let filterHMOIntellicare = tempHistory.filter((data) => {\r\n // return data.avegatag === false;\r\n // });\r\n // setApprovalHistory(filterHMOIntellicare);\r\n // } else {\r\n // let filterHMOAvega = tempHistory.filter((data) => {\r\n // return data.avegatag === true;\r\n // });\r\n // setApprovalHistory(filterHMOAvega);\r\n // }\r\n // } else {\r\n // if (HMOFilter === \"All\") {\r\n // setReapproveHistory(tempReapproved);\r\n // } else if (HMOFilter === \"Intellicare\") {\r\n // let filterHMOIntellicare = tempReapproved.filter((data) => {\r\n // return data.avegatag === false;\r\n // });\r\n // setReapproveHistory(filterHMOIntellicare);\r\n // } else {\r\n // let filterHMOAvega = tempReapproved.filter((data) => {\r\n // return data.avegatag === true;\r\n // });\r\n // setReapproveHistory(filterHMOAvega);\r\n // }\r\n // }\r\n // }\r\n\r\n function Filter(date, numFrom, numTo) {\r\n if (date === \"\") return message.warning(\"Please select date\", 2);\r\n let ref = date.replace(\"-\", \"\");\r\n let newref = ref.replace(\"-20\", \"\");\r\n let filtered_date = tempData.filter((item) => {\r\n const itemData = `${item.incremental_id.toUpperCase()}`;\r\n const textData = newref.toUpperCase();\r\n return itemData.indexOf(textData) > -1;\r\n });\r\n for (let data of filtered_date) {\r\n data.counter = convertToNumber(data.incremental_id);\r\n }\r\n if (numFrom > numTo) {\r\n return alert(\"Invalid filter number range!\");\r\n }\r\n if (numFrom === 0 && numTo === 0) {\r\n setData(filtered_date);\r\n } else {\r\n let filtered_num = filtered_date.filter((item) => {\r\n return item.counter >= numFrom && item.counter <= numTo;\r\n });\r\n setData(filtered_num);\r\n }\r\n }\r\n\r\n function SearchData(text) {\r\n if (current === \"pending\") {\r\n setsearchTempData(tempData);\r\n } else if (current === \"reapproved\") {\r\n setsearchTempData(tempReapproved);\r\n } else {\r\n setsearchTempData(tempHistory);\r\n }\r\n\r\n let searchedData = searchTempData.filter((item) => {\r\n const itemData = `${item.fullname.toUpperCase()} ${item.accountno.toUpperCase()} ${\r\n current === \"pending\"\r\n ? item.incremental_id.toUpperCase()\r\n : item.increment_id.toUpperCase()\r\n }`;\r\n const textData = text.toUpperCase();\r\n return itemData.indexOf(textData) > -1;\r\n });\r\n if (current === \"pending\") {\r\n setData(searchedData);\r\n } else if (current === \"reapproved\") {\r\n setReapproveHistory(searchedData);\r\n } else {\r\n setApprovalHistory(searchedData);\r\n }\r\n }\r\n\r\n function menuDataTable(current_menu) {\r\n switch (current_menu) {\r\n case \"pending\":\r\n return (\r\n \r\n
\r\n {current === \"reapproved\" ? (\r\n
No Reapprove History Right Now
\r\n ) : current === \"history\" ? (\r\nNo Approval History Right Now
\r\n ) : (\r\nNo Pending Requests Right Now
\r\n )}\r\n\r\n
\r\n )}\r\n />\r\n );\r\n case \"history\":\r\n return (\r\n Pending Request
\r\n\r\n `Total ${total} items`,\r\n }}\r\n title={() => (\r\n
\r\n );\r\n case \"reapproved\":\r\n return (\r\n \r\n
\r\n )}\r\n />\r\n Approval History
\r\n\r\n
\r\n )}\r\n />\r\n );\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n function viewMembProfile() {\r\n if (membProfButtonCaption === \"View Member Profile\") { \r\n if (current === \"reapproved\" || current === \"history\") {\r\n getpci_membprofile();\r\n } \r\n setMemberProfile(true);\r\n setMembProfButtonCaption(\"Hide Member Profile\");\r\n setModalSize(\"fluid\");\r\n } else {\r\n setMemberProfile(false);\r\n setMembProfButtonCaption(\"View Member Profile\");\r\n setModalSize(\"lg\");\r\n }\r\n }\r\n\r\n if (isLoaded) {\r\n return (\r\n Reapproved History
\r\n\r\n
\r\n );\r\n }\r\n else {\r\n return (\r\n \r\n {/* Comment this portion if live api */}\r\n {/*
*/}\r\n {/* Comment this portion if live api */}\r\n \r\n {current === \"history\" ? (\r\n\r\n
\r\n ) : null}\r\n {menuDataTable(current)}\r\n {current === \"pending\" ? (\r\n */}\r\n {/* Comment this portion if live api */}\r\n \r\n {current === \"history\" ? (\r\n
\r\n
\r\n ) : null}\r\n {current === \"pending\" ? (\r\n \r\n Filter: \r\n {\r\n FilterHistory(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 setHistoryStartDate(dateString[0]);\r\n setHistoryEndDate(dateString[1]);\r\n }}\r\n />\r\n\r\n \r\n ApprovalHistoryFilterByDate(HistoryStartDate, HistoryEndDate)\r\n }\r\n color=\"primary\"\r\n size=\"sm\"\r\n loading={loading.toString()}\r\n >\r\n Apply\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n ApprovalHistory_AdvanceSearch(ReapporoveSearchValue)\r\n }\r\n color=\"primary\"\r\n size=\"sm\"\r\n loading={loading.toString()}\r\n >\r\n Proceed\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n {current === \"reapproved\" ? (\r\n \r\n Filter: \r\n setStartDate(dateString)}\r\n />\r\n setFilterNumFrom(e.target.value.trim())}\r\n />\r\n \r\n setFilterNumTo(e.target.value.trim())}\r\n />\r\n Filter(startDate, filterNumFrom, filterNumTo)}\r\n color=\"primary\"\r\n size=\"sm\"\r\n style={{ height: 29 }}\r\n >\r\n Search\r\n \r\n {\r\n setData(tempData);\r\n setFilterNumFrom(0);\r\n setFilterNumTo(0);\r\n }}\r\n color=\"primary\"\r\n size=\"sm\"\r\n style={{ height: 29 }}\r\n >\r\n Reset\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n {\r\n setHistoryStartDate(dateString[0]);\r\n setHistoryEndDate(dateString[1]);\r\n }}\r\n />\r\n\r\n \r\n ApprovalHistoryFilterByDate(HistoryStartDate, HistoryEndDate)\r\n }\r\n color=\"primary\"\r\n size=\"sm\"\r\n loading={loading.toString()}\r\n >\r\n Apply\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n ApprovalHistory_AdvanceSearch(ReapporoveSearchValue)\r\n }\r\n color=\"primary\"\r\n size=\"sm\"\r\n style={{ height: 29 }}\r\n loading={loading.toString()}\r\n >\r\n Proceed\r\n \r\n
\r\n \r\n No Uploaded Files Found!\r\n
\r\n ) : (\r\n \r\n No Uploaded Files Found!\r\n
\r\n ) : (\r\n Member Profile(PCI)
\r\n\r\n \r\n {membProfButtonCaption}\r\n \r\n \r\n {current === \"reapproved\" || current === \"history\" ? null : (\r\n {\r\n toggleModal();\r\n toggleModDisapprove();\r\n setReason(\"\");\r\n setClicked(\"Disapprove\");\r\n }}\r\n >\r\n Disapprove\r\n \r\n )}\r\n {current === \"reapproved\" || current === \"history\" ? null : (\r\n {\r\n setClicked(\"Approve\");\r\n Confirm();\r\n }}\r\n >\r\n Approve\r\n \r\n )}\r\n
\r\n {(current === \"reapproved\" || current === \"history\") && HistoryMembUser.status === \"Disapproved\" && \r\n HistoryMembUser.is_for_reapprove === true ? (\r\n \r\n
\r\n {/* SPECIAL INSTRUCTIONS */}\r\n \r\n
{disapproveMessage}
\r\n \r\n \r\n {/*
*/}\r\n \r\n {\r\n // if (record.role === \"1\") {\r\n // record.type = \"Administrator\";\r\n // } else {\r\n // record.type = \"Standard\";\r\n // }\r\n if (record.intellicareavega_tag === true) {\r\n record.company = \"Intellicare\";\r\n } else {\r\n record.company = \"Avega\";\r\n }\r\n }}\r\n loading={dataSource.length > 0 ? false : true}\r\n >\r\n \r\n {loading ? (\r\n setModal(false)}\r\n key=\"close\"\r\n disabled={loading ? true : false}\r\n >\r\n Close\r\n ,\r\n ]}\r\n >\r\n {newUser && emailExist ? (\r\n (recaptchaInstance = e)}\r\n elementID=\"adduser\"\r\n sitekey=\"6LfoHLgZAAAAAMNMXXajVsJva8MgZT0JfKPAODkk\"\r\n render=\"explicit\"\r\n verifyCallback={verifyCallback}\r\n />\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\n\r\nexport default function PrivacyPolicy() {\r\n return (\r\n */}\r\n \r\n
\r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"Save\"\r\n )}\r\n ,\r\n \r\n
\r\n \r\n \r\n {\r\n setEmailAddress(e.target.value);\r\n }}\r\n onBlur={(e) => isEmailExists(e.target.value)}\r\n readOnly={newUser ? false : true}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n setLastname(e.target.value)}\r\n />\r\n
\r\n \r\n \r\n setFirstname(e.target.value)}\r\n />\r\n
\r\n \r\n \r\n setMiddlename(e.target.value)}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n setIntavega_tag(e)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n setEmpid(e.target.value)} />\r\n
\r\n \r\n \r\n {/* setDepartment(e.target.value)}\r\n /> */}\r\n setDepartment(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 {!newUser ? (\r\n \r\n \r\n {/* setRole(e)}\r\n >\r\n \r\n \r\n */}\r\n setRole(e)}\r\n >\r\n {dataSourceRoles.map((roles, index) => (\r\n \r\n {roles.name}\r\n \r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {!newUser ? (\r\n \r\n \r\n setStatus(e)}\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 ) : null}\r\n\r\n {newUser ? (\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n setPassword(e.target.value)}\r\n type=\"password\"\r\n />\r\n
\r\n \r\n \r\n setConfirmPass(e.target.value)}\r\n type=\"password\"\r\n disabled={password === \"\" ? true : false}\r\n />\r\n
\r\n \r\n \r\n \r\n Updated May 18, 2020\r\n \r\n
\r\n \r\n Agora App Privacy Notice\r\n
\r\nHi Agora App User,
\r\n\r\n Asalus Corporation (Intellicare) and Avega Managed Care (Avega) values\r\n your privacy and this notice are meant to help you understand how we\r\n protect the information you provide.\r\n
\r\n\r\n Our people are working hard to ensure you remain in control of your\r\n data. So please take time to read this before you continue signing up.\r\n
\r\n\r\nWhat we collect and why.
\r\n\r\n We built this App to provide you with the most efficient services we\r\n can offer in the market, improve our services and personalize them to\r\n your needs to the extent possible. This App allows us to provide you\r\n information on your HMO coverage, our partner medical institutions and\r\n our Company and to interact with you directly. But to do this we need\r\n the following information from your end\r\n
\r\n\r\n This set of information will be used further for other purposes.\r\n Specifically, we collect your name, sex, age, address,\r\n Intellicare/Avega Details, and Identification Cards to verify your\r\n identity and membership in the Intellicare/Avega Network and to reach\r\n out to you in cases of public service announcements. Collecting your\r\n contact details like mobile number and email allows us to send you\r\n confirmation of registration in this App, as well as updates and\r\n materials you may like. For example, if there are updates in our\r\n services, you will know them with a notification sent via this App.\r\n Please note, we will only send you marketing materials if you give\r\n your specific consent, which you will see later on.\r\n
\r\n\r\n All those we collect from you are treated as private and confidential.\r\n
\r\n\r\n\r\n Reviewing, Updating, Removing and deleting your information\r\n
\r\n\r\n You can request to update and delete App account information by\r\n sending your request to our data protection officer, via\r\n dpo@intellicare.net.ph\r\n
\r\n\r\n Note, however, that deleting your account information will\r\n automatically result in the deactivation of your access to this App.\r\n
\r\n\r\n To be clear, your HMO information is treated separately and is subject\r\n to the Privacy Policy of Intellicare/Avega and the Benefit Plan of\r\n your Employer. In other words, deleting App account information does\r\n not result in the deletion of your HMO information as the latter is\r\n governed by the Benefit Plan provided by your employer. But if you\r\n want to withdraw your consent to our use and/or disclosure of your\r\n personal data for the delivery of HMO services, just bear in mind that\r\n we may no longer be able to serve you nor provide you with the\r\n products and services that you require.\r\n
\r\n\r\n\r\n When Intellicare/Avega shares your information\r\n
\r\n\r\n Intellicare/Avega will only share your information if:\r\n
\r\nTo whom we may Disclose
\r\n\r\n Your information may be disclosed subject to the above-stated\r\n conditions only and the requirements of the Data Privacy Act to:\r\n
\r\n\r\n We build security into our services to protect your information\r\n
\r\n\r\n We strive to build the best security precautions to ensure that the\r\n information you provide is protected against unauthorized or\r\n unintended access. We can assure you that internationally acceptable\r\n standards are in place so you will feel comfortable trusting us with\r\n your data.\r\n
\r\n\r\nRetention
\r\n\r\n Your information is retained for the period of time for as long as the\r\n purpose for which the personal data was collected continues.\r\n
\r\n\r\n We will destroy the personal data thereafter, unless it is necessary\r\n to retain the personal data longer for our satisfaction and compliance\r\n of legal, regulatory or accounting requirements, or to protect our\r\n interest.\r\n
\r\n\r\nComplaints
\r\n\r\n If you have complaints, our lines are open. Kindly contact our Data\r\n Protection Officer via email via\r\n dpo@intellicare.net.ph\r\n
\r\n \r\n \r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Modal, Input, Button, Select, Tag } from \"antd\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport * as API from \"../util/live_api\";\r\nimport CheckSession from \"./CheckSession\";\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n EncryptHeader,\r\n Encrypt2,\r\n} from \"../util/EncryptionHandler\";\r\n\r\nconst { Option } = Select;\r\n\r\nconst plan_columns = [\r\n {\r\n title: \"Corporate Account\",\r\n dataIndex: \"account\",\r\n key: \"account\",\r\n },\r\n {\r\n title: \"Company\",\r\n dataIndex: \"company\",\r\n },\r\n {\r\n dataIndex: \"avega\",\r\n className: \"hide\",\r\n },\r\n {\r\n dataIndex: \"recordid\",\r\n className: \"hide\",\r\n },\r\n];\r\n\r\nconst label_columns = [\r\n {\r\n title: \"Bank Code\",\r\n dataIndex: \"bankcode\",\r\n key: \"bankcode\",\r\n },\r\n {\r\n title: \"Bank Name\",\r\n dataIndex: \"bankname\",\r\n key: \"bankname\",\r\n },\r\n {\r\n title: \"Account\",\r\n dataIndex: \"corpacct\",\r\n key: \"corpacct\",\r\n className: \"hide\",\r\n },\r\n {\r\n title: \"Contract\",\r\n dataIndex: \"contract\",\r\n key: \"contract\",\r\n className: \"hide\",\r\n },\r\n {\r\n title: \"Swift Code\",\r\n dataIndex: \"swiftcode\",\r\n key: \"swiftcode\",\r\n },\r\n {\r\n title: \"Status\",\r\n dataIndex: \"status\",\r\n key: \"status\",\r\n },\r\n];\r\n\r\nexport default function BankInclusion() {\r\n //For Plan table\r\n const [searchValue, setsearchValue] = useState(\"\");\r\n const [selectedAccount, setselectedAccount] = useState(\"\");\r\n const [selectedContract, setselectedContract] = useState(\"\");\r\n const [displayedAccount, setdisplayedAccount] = useState(\"\");\r\n\r\n //For Suspended table\r\n const [lstFeatures, setlstFeatures] = useState([]);\r\n const [lstPlan, setlstPlan] = useState([]);\r\n const [ribanksID, setribanksID] = useState(\"\");\r\n const [company, setCompany] = useState(\"\");\r\n\r\n const [hasDataFeatures, setHasDataFeature] = useState(false);\r\n const [hasDataPlan, setHasDataPlan] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [username, setUsername] = useState(\"\");\r\n\r\n const [addBank, setAddBank] = useState(false);\r\n const [bankcode, setBankCode] = useState(\"\");\r\n const [bankname, setBankName] = useState(\"\");\r\n const [status, setStatus] = useState(\"\");\r\n const [avega_bit, setAvegaBit] = useState(true);\r\n const [lstBanks, setlstBanks] = useState([]);\r\n const [SubMenusDropDown, setSubMenusDropDown] = useState(\"\");\r\n\r\n //Modals\r\n const [modal_features, setModalFeatures] = useState(false);\r\n const [modal_plan, setModalPlan] = useState(false);\r\n const [modal_confirm, setModalConfirm] = useState(false);\r\n const [modal_add_bank, setModalAddBank] = useState(false);\r\n\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n CheckSession();\r\n getFeatureData();\r\n }, []);\r\n\r\n async function getFeatureData() {\r\n setHasDataFeature(true);\r\n setUsername(user_info.data.emailaddress);\r\n return;\r\n }\r\n\r\n function onLabelRowClick(record) {\r\n return {\r\n onClick: () => {\r\n if (record.status === \"I\") {\r\n setStatus(\"Yes\");\r\n } else {\r\n setStatus(\"No\");\r\n }\r\n setModalFeatures(true);\r\n setribanksID(record.Corp_RIBanksID);\r\n setBankCode(record.bankcode);\r\n setBankName(record.bankname);\r\n },\r\n };\r\n }\r\n\r\n async function onClickUpdateInclusion() {\r\n setModalConfirm(false);\r\n\r\n let exclusion = \"\";\r\n\r\n if (status == 1) {\r\n exclusion = \"X\";\r\n } else {\r\n exclusion = \"I\";\r\n }\r\n\r\n let Value = Encrypt2({\r\n Corp_RIBanksID: ribanksID,\r\n editedby: username,\r\n excl: exclusion,\r\n });\r\n\r\n let resp = await fetch(Decrypt(API.REACT_APP_UPDATE_BANK_INCLUSION), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n\r\n if (respJson.success) {\r\n addToast(\"Bank inclusion updated\", {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n GetConfigs(selectedAccount, selectedContract);\r\n setModalFeatures(false);\r\n setLoading(false);\r\n } else {\r\n addToast(respJson.message, {\r\n appearance: \"warning\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n setModalFeatures(false);\r\n setLoading(false);\r\n }\r\n }\r\n\r\n function onPlanRowClick(record) {\r\n return {\r\n onClick: () => {\r\n if (record.avega) {\r\n setAvegaBit(true);\r\n } else {\r\n setAvegaBit(false);\r\n }\r\n setselectedAccount(record.account);\r\n setCompany(record.company);\r\n },\r\n };\r\n }\r\n\r\n function onClickSearchCompany() {\r\n setsearchValue(\"\");\r\n setselectedAccount(\"\");\r\n setHasDataPlan(true);\r\n setlstPlan([]);\r\n setModalPlan(true);\r\n }\r\n\r\n function onClickAddBank() {\r\n GetBankList();\r\n setLoading(false);\r\n setModalAddBank(true);\r\n setSubMenusDropDown(\"\");\r\n }\r\n\r\n async function GetBankList() {\r\n try {\r\n let resp = await fetch(Decrypt(API.REACT_APP_GET_BANKLIST), {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n\r\n let respJson = await resp.json();\r\n if (respJson.data) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newdata = Decrypt2(data);\r\n\r\n let final_data = {\r\n recordid: newdata.recordid,\r\n bankcode: avega_bit ? newdata.bankcode2 : newdata.bankcode,\r\n bankname: newdata.bankname,\r\n swiftcode: newdata.swiftcode,\r\n status: \"I\",\r\n };\r\n\r\n return final_data;\r\n });\r\n\r\n setlstBanks(decrypted);\r\n setHasDataFeature(true);\r\n }\r\n } catch (error) {\r\n // error\r\n }\r\n }\r\n\r\n async function SaveBank(bank_exist) {\r\n if (!bank_exist) {\r\n let filteredData = lstBanks;\r\n let fdata = filteredData.filter((data) => {\r\n return data.bankname === SubMenusDropDown;\r\n });\r\n\r\n let Value = Encrypt2({\r\n corpacct: selectedAccount,\r\n contract: selectedContract,\r\n bankcodeandswiftcodeRecID: fdata[0].recordid,\r\n excl: fdata[0].status,\r\n });\r\n\r\n let resp = await fetch(Decrypt(API.REACT_APP_ADD_BANKS), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n\r\n if (respJson.is_success) {\r\n addToast(\"Bank successfully added.\", {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n\r\n GetConfigs(selectedAccount, selectedContract);\r\n setdisplayedAccount(selectedAccount + \" / \" + company);\r\n setModalAddBank(false);\r\n setLoading(false);\r\n } else {\r\n addToast(respJson.message, {\r\n appearance: \"warning\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n setLoading(false);\r\n }\r\n }\r\n }\r\n\r\n async function onClickSaveBank(SubMenusDropDown) {\r\n if (SubMenusDropDown == \"\") {\r\n alert(\"No bank selected.\");\r\n return;\r\n }\r\n\r\n setLoading(true);\r\n let bank_exist = false;\r\n\r\n lstFeatures.forEach((item) => {\r\n if (item.bankname.trim() === SubMenusDropDown.trim()) {\r\n setLoading(false);\r\n bank_exist = true;\r\n return alert(\"Bank already added on this plan.\");\r\n }\r\n });\r\n\r\n SaveBank(bank_exist);\r\n }\r\n\r\n async function GetConfigs(account, contract) {\r\n setAddBank(true);\r\n setlstFeatures([]);\r\n setselectedContract(contract);\r\n\r\n if (account === \"\" || account === null) {\r\n alert(\"Error no account gathered.\");\r\n return;\r\n }\r\n\r\n try {\r\n let hacct = EncryptHeader(account);\r\n let hcont = EncryptHeader(contract);\r\n\r\n let resp = await fetch(Decrypt(API.REACT_APP_GET_CURRENT_BANKS), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n acct: hacct,\r\n contract: hcont,\r\n },\r\n });\r\n\r\n let respJson = await resp.json();\r\n if (respJson.data) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newdata = Decrypt2(data);\r\n\r\n let final_data = {\r\n recordid: newdata.recordid,\r\n Corp_RIBanksID: newdata.Corp_RIBanksID,\r\n bankcode: avega_bit ? newdata.bankcode2 : newdata.bankcode,\r\n bankname: newdata.bankname,\r\n corpacct: newdata.corpacct,\r\n contract: newdata.contract,\r\n swiftcode: newdata.swiftcode,\r\n status: newdata.excl,\r\n };\r\n\r\n return final_data;\r\n });\r\n\r\n setlstFeatures(decrypted);\r\n setHasDataFeature(true);\r\n }\r\n } catch (error) {\r\n setHasDataFeature(false);\r\n }\r\n }\r\n\r\n async function GetCorporatePlan() {\r\n let acct = EncryptHeader(selectedAccount);\r\n let resp = await fetch(Decrypt(API.REACT_APP_GET_CORPORATE_PLAN), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n acct: acct,\r\n },\r\n });\r\n\r\n let respJson = await resp.json();\r\n if (respJson.data) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newdata = Decrypt2(data);\r\n\r\n let final_data = {\r\n recordid: newdata.recordid,\r\n acct: newdata.acct,\r\n contract: newdata.contract,\r\n company: newdata.company,\r\n avega: newdata.avega,\r\n };\r\n\r\n return final_data;\r\n });\r\n\r\n let contract = decrypted[0].contract;\r\n GetConfigs(selectedAccount, contract);\r\n }\r\n }\r\n\r\n async function onClickAccount() {\r\n if (selectedAccount.length == 0) {\r\n alert(\"No selected company.\");\r\n return;\r\n }\r\n\r\n GetCorporatePlan();\r\n setdisplayedAccount(selectedAccount + \" / \" + company);\r\n setLoading(false);\r\n setModalPlan(false);\r\n }\r\n\r\n async function onSearchCompany() {\r\n if (searchValue.length == 0) {\r\n alert(\"Search field is empty.\");\r\n return;\r\n }\r\n\r\n setlstPlan([]);\r\n setHasDataPlan(false);\r\n\r\n try {\r\n let header_param = EncryptHeader(searchValue);\r\n let resp = await fetch(Decrypt(API.GET_ACCOUNT_BY_NAME), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n company: header_param,\r\n },\r\n });\r\n let respJson = await resp.json();\r\n if (respJson === \"Invalid Access Token\") {\r\n setHasDataPlan(false);\r\n return;\r\n } else {\r\n if (Array.isArray(respJson.data)) {\r\n if (respJson.data.length > 0) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n\r\n setHasDataPlan(true);\r\n setlstPlan(decrypted);\r\n } else {\r\n setHasDataPlan(false);\r\n setLoading(false);\r\n }\r\n } else {\r\n let header_param = EncryptHeader(searchValue);\r\n let resp = await fetch(Decrypt(API.GET_ACCOUNT_BY_CORPACCT), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n corpacct: header_param,\r\n },\r\n });\r\n\r\n let respJson = await resp.json();\r\n if (respJson === \"Invalid Access Token\") {\r\n setHasDataPlan(false);\r\n return;\r\n } else {\r\n let result = Decrypt2(respJson);\r\n if (result.is_success) {\r\n let final_plan = [];\r\n\r\n final_plan.push(result.data);\r\n setHasDataPlan(true);\r\n setlstPlan(final_plan);\r\n } else {\r\n setHasDataPlan(true);\r\n alert(result.message);\r\n }\r\n }\r\n }\r\n }\r\n } catch (error) {\r\n // error\r\n setHasDataPlan(false);\r\n }\r\n }\r\n\r\n return (\r\n\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\n\r\nexport default function PrivacyPolicy() {\r\n return (\r\n \r\n onClickSearchCompany()}\r\n >\r\n Search Account\r\n \r\n
\r\n
\r\n
\r\n
\r\n {addBank ? (\r\n \r\n ) : null}\r\n
\r\n setModalConfirm(true)}\r\n >\r\n {loading ? (\r\n onClickAccount()}>\r\n {loading ? (\r\n onClickSaveBank(SubMenusDropDown)}\r\n >\r\n {loading ? (\r\n setSubMenusDropDown(e)}\r\n >\r\n {lstBanks.map((submenu, index) => (\r\n \r\n ))}\r\n \r\n \r\n onClickUpdateInclusion()}\r\n >\r\n {loading ? (\r\n
\r\n \r\n
\r\n
\r\n
\r\n {addBank ? (\r\n \r\n ) : null}\r\n
\r\n
\r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"Update\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setStatus(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 Selecting...\r\n
\r\n ) : (\r\n \"Select\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n \r\n \r\n setsearchValue(e.target.value)}\r\n />\r\n onSearchCompany()}\r\n >\r\n {!hasDataPlan ? (\r\n
\r\n
\r\n \r\n \r\n {\" \"}\r\n Searching...\r\n
\r\n ) : (\r\n \"Search\"\r\n )}\r\n \r\n \r\n
\r\n
\r\n ) : (\r\n \"Save\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n \r\n \r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"YES\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n Proceed with the changes?
\r\n \r\n\r\n \r\n
\r\n \r\n Contact us\r\n
\r\n\r\n
\r\n \r\n \r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Modal, Input, Button, Select, Alert } from \"antd\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport moment from \"moment\";\r\nimport CheckSession from \"./CheckSession\";\r\n\r\nimport * as API from \"../util/live_api\";\r\nimport { Decrypt, Decrypt2, Encrypt2 } from \"../util/EncryptionHandler\";\r\n\r\nconst { Option } = Select;\r\nconst { TextArea } = Input;\r\n\r\nconst columns = [\r\n {\r\n title: \"Remarks\",\r\n dataIndex: \"remarks\",\r\n key: \"remarks\",\r\n },\r\n {\r\n title: \"Special Instructions\",\r\n dataIndex: \"special_instructions\",\r\n },\r\n {\r\n title: \"Status\",\r\n dataIndex: \"status\",\r\n },\r\n {\r\n title: \"Posted Date\",\r\n dataIndex: \"posted_date\",\r\n },\r\n {\r\n title: \"Posted by\",\r\n dataIndex: \"posted_by\",\r\n },\r\n {\r\n title: \"Edited Date\",\r\n dataIndex: \"edited_date\",\r\n },\r\n {\r\n title: \"Edited by\",\r\n dataIndex: \"edited_by\",\r\n },\r\n {\r\n dataIndex: \"recordid\",\r\n className: \"hide\",\r\n },\r\n];\r\n\r\nexport default function DisapprovedRemarks() {\r\n const [lstRemarks, setLstRemarks] = useState([]);\r\n const [recordid, setRecordid] = useState(\"\");\r\n const [remarks, setRemarks] = useState(\"\");\r\n const [special_instructions, setSpecial_Instructions] = useState(\"\");\r\n const [status, setStatus] = useState(\"\");\r\n const [postedDate, setPostedDate] = useState(undefined);\r\n const [postedBy, setPostedBy] = useState(\"\");\r\n const [editedDate, setEditedDate] = useState(undefined);\r\n const [editedBy, setEditedBy] = useState(\"\");\r\n const [reappNotif, setReappNotif] = useState(undefined);\r\n const [modal, setModal] = useState(false);\r\n const [newUser, setNewUser] = useState(false);\r\n const [hasData, setHasData] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n CheckSession();\r\n GetDisapproveRemarks();\r\n }, []);\r\n async function GetDisapproveRemarks() {\r\n try {\r\n let resp = await fetch(Decrypt(API.DISAPPROVED_REMARKS), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n let respJson = await resp.json();\r\n if (respJson === \"Invalid Access Token\") {\r\n setHasData(false);\r\n return;\r\n } else {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n\r\n // let activeOnly = decrypted.filter((data) => {\r\n // return data.status === \"A\";\r\n // });\r\n setLstRemarks(decrypted);\r\n setHasData(true);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n setHasData(false);\r\n }\r\n }\r\n function handleRowClick(record) {\r\n return {\r\n onClick: () => {\r\n setNewUser(false);\r\n setModal(true);\r\n setRecordid(record.recordid);\r\n setRemarks(record.remarks);\r\n setSpecial_Instructions(record.special_instructions);\r\n setStatus(record.status);\r\n setReappNotif(record.reapp_notif);\r\n setPostedDate(record.posted_date);\r\n setPostedBy(record.posted_by);\r\n setEditedDate(record.edited_date);\r\n setEditedBy(record.edited_by);\r\n },\r\n };\r\n }\r\n function handleAddRemarksOnClick() {\r\n setNewUser(true);\r\n setModal(true);\r\n setRemarks(\"\");\r\n setSpecial_Instructions(\"\");\r\n setStatus(\"\");\r\n setReappNotif(undefined);\r\n setPostedDate(moment(new Date()).toDate());\r\n setPostedBy(user_info.data.emailaddress);\r\n setEditedDate(undefined);\r\n setEditedBy(\"\");\r\n }\r\n async function handleAddRemarks() {\r\n setLoading(true);\r\n try {\r\n let Value = Encrypt2({\r\n remarks: remarks,\r\n special_instructions: special_instructions,\r\n posted_by: user_info.data.emailaddress,\r\n reappnotif: Number(reappNotif),\r\n });\r\n let resp = await fetch(Decrypt(API.ADD_REMARKS), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n if (respJson.success) {\r\n addToast(\"New Remark has been added\", {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n GetDisapproveRemarks();\r\n setModal(false);\r\n setLoading(false);\r\n } else {\r\n addToast(respJson.message, {\r\n appearance: \"warning\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n setModal(false);\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function handleEditRemarks() {\r\n setLoading(true);\r\n try {\r\n let Value = Encrypt2({\r\n recordid: recordid,\r\n remarks: remarks,\r\n special_instructions: special_instructions,\r\n status: status,\r\n reappnotif: Number(reappNotif),\r\n });\r\n let resp = await fetch(Decrypt(API.UPDATE_REMARKS), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n if (respJson.success) {\r\n addToast(\"Remarks Successfully Updated\", {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n GetDisapproveRemarks();\r\n setModal(false);\r\n setLoading(false);\r\n } else {\r\n addToast(respJson.message, {\r\n appearance: \"warning\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n setModal(false);\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n mobile.dev@intellicare.com.ph\r\n \r\n
\r\n\r\n {/* Comment this portion if live api */}\r\n {/*
*/}\r\n \r\n (newUser ? handleAddRemarks() : handleEditRemarks())}\r\n >\r\n {loading ? (\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Spin, Modal, Result, Button } from \"antd\";\r\n\r\nexport default class Spinner extends React.Component {\r\n render() {\r\n const { modalLoading, success, close, successMsg, savingMsg } = this.props;\r\n return (\r\n */}\r\n \r\n
\r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"Save\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n \r\n \r\n setRemarks(e.target.value)} />\r\n \r\n setSpecial_Instructions(e.target.value)}\r\n style={{ marginBottom: 5 }}\r\n />\r\n
\r\n \r\n \r\n \r\n setStatus(e)}\r\n >\r\n \r\n \r\n \r\n \r\n setReappNotif(e)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {success !== null ? null : (\r\n close()}>\r\n Okay\r\n ,\r\n ]}\r\n />\r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Modal, Input, Button, Select, Tag, Popconfirm } from \"antd\";\r\nimport moment from \"moment\";\r\nimport * as FileSaver from \"file-saver\";\r\nimport * as XLSX from \"xlsx\";\r\nimport jsPDF from \"jspdf\";\r\nimport \"jspdf-autotable\";\r\nimport CheckSession from \"./CheckSession\";\r\n\r\nimport LinearIndeterminate from \"./LinearInderterminate\";\r\nimport Spinner from \"./Newsletter/Spinner\";\r\nimport * as API from \"../util/live_api\";\r\nimport { Decrypt, Decrypt2, Encrypt2 } from \"../util/EncryptionHandler\";\r\n\r\nconst { Option } = Select;\r\nconst { Search, TextArea } = Input;\r\n\r\nexport default function FeaturesControl() {\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n let xlsreport = [];\r\n const file_Type =\r\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\";\r\n const fileExtension = \".xlsx\";\r\n const [features, setFeatures] = useState([]);\r\n const [temp, setTemp] = useState([]);\r\n const [details, setDetails] = useState({\r\n featurerecid: \"\",\r\n feature: \"\",\r\n cbmsg: \"\",\r\n status: \"\",\r\n url: \"\",\r\n postedby: \"\",\r\n posted: undefined,\r\n editedby: \"\",\r\n edited: undefined,\r\n });\r\n const [modal, setModal] = useState(false);\r\n const [newFeature, setNewFeature] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n const [success, setSuccess] = React.useState(null);\r\n const [successMsg, setSuccessMsg] = React.useState(\"\");\r\n const [savingMsg, setSavingMsg] = React.useState(\"\");\r\n const [filetype, setFiletype] = useState(\"\");\r\n\r\n const columns = [\r\n {\r\n title: \"Feature\",\r\n dataIndex: \"feature\",\r\n width: \"170px\",\r\n },\r\n {\r\n title: \"Message\",\r\n dataIndex: \"cbmsg\",\r\n key: \"cbmsg\",\r\n width: \"350px\",\r\n },\r\n {\r\n title: \"URL/Link\",\r\n dataIndex: \"url\",\r\n key: \"url\",\r\n width: \"350px\",\r\n },\r\n {\r\n title: \"Status\",\r\n dataIndex: \"status\",\r\n render: (status) => {\r\n let color = \"geekblue\";\r\n if (status === \"D\") {\r\n color = \"volcano\";\r\n }\r\n return (\r\n \r\n
\r\n )}\r\n {success !== null && (\r\n \r\n {loading ? \r\n newFeature ? handleAddFeature() : handleEditFeature()\r\n }\r\n >\r\n Save\r\n ,\r\n ,\r\n ]}\r\n >\r\n
\r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Input, Button, Layout, Modal, Select, Alert } from \"antd\";\r\nimport { UserOutlined, LockOutlined, LoginOutlined } from \"@ant-design/icons\";\r\nimport { useHistory, Link } from \"react-router-dom\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { isMobile } from \"react-device-detect\";\r\nimport \"./Login.css\";\r\nimport * as API from \"../../util/live_api\";\r\nimport {\r\n Decrypt,\r\n Encrypt2,\r\n Decrypt2,\r\n EncryptHeader,\r\n} from \"../../util/EncryptionHandler\";\r\nimport packageJson from \"../../../package.json\";\r\nvar Recaptcha = require(\"react-recaptcha\");\r\nlet recaptchaInstance;\r\n\r\nconst { Header, Footer } = Layout;\r\nconst { Option } = Select;\r\n\r\nexport default function Login() {\r\n const { addToast } = useToasts();\r\n const [emailaddress, setEmail] = useState(\"\");\r\n const [password, setPassword] = useState(\"\");\r\n const [loading, setLoading] = useState(false);\r\n const [sub_loading, setSubLoading] = useState(false);\r\n const [rs_loading, setRsLoading] = useState(false);\r\n const [wp_loading, setWPLoading] = useState(false);\r\n const [cp_loading, setCPLoading] = useState(false);\r\n const [emailFeedback, setEmailFeedback] = useState(\"\");\r\n const [passwordFeedback, setPasswordFeedback] = useState(\"\");\r\n const [changePw, setChangePw] = useState(false);\r\n const [newPassword, setNewPassword] = useState(\"\");\r\n const [confirmPass, setConfirmPass] = useState(\"\");\r\n const [applicationname, setAppName] = useState(\"AGORA\");\r\n const [click, setClick] = useState(false);\r\n const [recaptchaVerified, setRecaptchaVerified] = useState(false);\r\n const [otpModal, setOTPModal] = useState(false);\r\n const [waiveModal, setWaiveModal] = useState(false);\r\n const [userData, setUserData] = useState([]);\r\n const [message, setMessage] = useState(\"\");\r\n const [isError, setIsError] = useState(false);\r\n const [login, setLogin] = useState(false);\r\n const [isExpired, setIsExpired] = useState(false);\r\n const [modal_confirm, setModalConfirm] = useState(false);\r\n const [isWaiving, setIsWaiving] = useState(false);\r\n const [DoctorsData, setDoctorsData] = useState([]);\r\n\r\n // var for resending\r\n const [val, setVal] = useState(false);\r\n const [val_hmo, setValHMO] = useState(false);\r\n const [val_expired, setValExpired] = useState(false);\r\n\r\n //timer\r\n const [otp, setOTP] = useState(\"\");\r\n const [seconds, setSeconds] = useState(5);\r\n\r\n document.title = \"AGORA ADMIN - LOGIN\";\r\n let history = useHistory();\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n if (user_info) {\r\n if (\r\n user_info.data.department === \"INT MRKTG\" ||\r\n user_info.data.department === \"AVG MRKTG\"\r\n ) {\r\n history.push(\"/newsletter\");\r\n } else {\r\n history.push(\"/dashboard\");\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n localStorage.removeItem(\"user_info\");\r\n localStorage.removeItem(\"current_pw\");\r\n }, []);\r\n\r\n useEffect(() => {\r\n const interval = setInterval(() => {\r\n if (seconds > 0) {\r\n setSeconds(seconds - 1);\r\n }\r\n\r\n if (seconds === 0) {\r\n setSeconds(0);\r\n clearInterval(interval);\r\n }\r\n }, 1000);\r\n\r\n return () => {\r\n clearInterval(interval);\r\n };\r\n }, [seconds]);\r\n\r\n async function loginAruga(respJson) {\r\n let stat_respJson = LoginStatus(applicationname, respJson.access_token);\r\n if (stat_respJson) {\r\n localStorage.setItem(\"user_info\", JSON.stringify(respJson));\r\n localStorage.setItem(\"appName\", JSON.stringify(applicationname));\r\n localStorage.setItem(\"current_pw\", password);\r\n sessionStorage.setItem(\"logged_in\", true);\r\n\r\n if (respJson.data.department === \"MIS TECH\") {\r\n history.push(\"/users\", respJson);\r\n } else if (\r\n respJson.data.department === \"INT MRD\" ||\r\n respJson.data.department === \"AVG MRD\"\r\n ) {\r\n history.push(\"/docdashboard\");\r\n } else if (\r\n respJson.data.department === \"INT APD\" ||\r\n respJson.data.department === \"AVG APD\"\r\n ) {\r\n history.push(\"/dashboard\", respJson);\r\n } else {\r\n history.push(\"/newsletter\", respJson);\r\n }\r\n setEmail(\"\");\r\n } else {\r\n addToast(stat_respJson.message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 2000,\r\n });\r\n }\r\n }\r\n\r\n const handleClick = () => setClick(!click);\r\n const closeMobileMenu = () => setClick(false);\r\n async function handleLogin(e) {\r\n e.preventDefault();\r\n e.target.className += \" was-validated\";\r\n\r\n if (emailaddress.trim() === \"\")\r\n setEmailFeedback(\"Please input your Email!\");\r\n if (password.trim() === \"\")\r\n setPasswordFeedback(\"Please input your Password!\");\r\n\r\n if (emailaddress.trim() === \"\" || password.trim() === \"\") return;\r\n\r\n try {\r\n setLoading(true);\r\n\r\n let login_url = baseurl(applicationname);\r\n let Value = Encrypt2({\r\n emailaddress,\r\n password,\r\n });\r\n\r\n let resp = await fetch(Decrypt(login_url), {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n Value,\r\n }),\r\n });\r\n\r\n let respText = await resp.text();\r\n let respJson = await Decrypt2(respText.replace(/\"/g, \"\"));\r\n if (respJson.data) {\r\n if (applicationname === \"ARUGA\") {\r\n // await loginAruga(respJson);\r\n setUserData(respJson);\r\n setLogin(true);\r\n await LoginOTPDoctors();\r\n } else {\r\n setUserData(respJson);\r\n setLogin(true);\r\n setIsExpired(false);\r\n let expired = false;\r\n await GetHMOTagging(expired);\r\n }\r\n } else {\r\n if (respJson.message === \"Password is expired.\") {\r\n setLogin(false);\r\n setIsExpired(true);\r\n addToast(\r\n respJson.message,\r\n {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 2000,\r\n },\r\n setWaiveModal(true)\r\n );\r\n } else {\r\n addToast(respJson.message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 5000,\r\n });\r\n }\r\n }\r\n } catch (error) {\r\n alert(\"Internal Server Error\");\r\n }\r\n setPassword(\"\");\r\n setLoading(false);\r\n }\r\n\r\n async function onPressedCancel() {\r\n setWaiveModal(true);\r\n setModalConfirm(false);\r\n }\r\n\r\n async function onPressChangePass() {\r\n setCPLoading(true);\r\n let expired = true;\r\n let value = \"cp\";\r\n await GetHMOTagging(expired, value);\r\n }\r\n\r\n async function onPressWaivePass() {\r\n setWPLoading(true);\r\n let expired = true;\r\n let value = \"wp\";\r\n await GetHMOTagging(expired, value);\r\n }\r\n\r\n async function onPressResend() {\r\n setRsLoading(true);\r\n if (applicationname === \"AGORA\") {\r\n await LoginOTP(val_hmo, val_expired, val);\r\n } else {\r\n await LoginOTPDoctors();\r\n }\r\n }\r\n\r\n async function onPressClose() {\r\n if (login) {\r\n setWaiveModal(false);\r\n setOTPModal(false);\r\n } else {\r\n setWaiveModal(true);\r\n setOTPModal(false);\r\n }\r\n }\r\n\r\n async function WaivePassword() {\r\n let Value = Encrypt2({\r\n email: emailaddress,\r\n });\r\n\r\n let resp = await fetch(Decrypt(API.REACT_APP_WAIVE_PASSWORD), {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n Value,\r\n }),\r\n });\r\n\r\n let respText = await resp.text();\r\n let respJson = await Decrypt2(respText.replace(/\"/g, \"\"));\r\n\r\n if (respJson.success) {\r\n setModalConfirm(false);\r\n addToast(respJson.message, {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 2000,\r\n });\r\n } else {\r\n addToast(\"Password waiving failed.\", {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 2000,\r\n });\r\n }\r\n }\r\n\r\n async function GetHMOTagging(expired, value) {\r\n let resp = await fetch(Decrypt(API.REACT_APP_GET_HMO_TAGGING), {\r\n method: \"GET\",\r\n headers: {\r\n email: EncryptHeader(emailaddress),\r\n },\r\n });\r\n\r\n let respJson = await resp.json();\r\n let result = Decrypt2(respJson);\r\n\r\n if (result.success) {\r\n let decrypted = result.data.map((data) => {\r\n return Decrypt2(data);\r\n });\r\n\r\n await LoginOTP(decrypted[0].hmo_tag, expired, value);\r\n } else {\r\n addToast(result.message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 5000,\r\n });\r\n }\r\n }\r\n\r\n async function LoginOTP(hmo_tag, expired, value) {\r\n setRsLoading(true);\r\n setValHMO(hmo_tag);\r\n setValExpired(expired);\r\n setVal(value);\r\n\r\n let waiving;\r\n if (value === \"wp\") {\r\n setIsWaiving(true);\r\n waiving = true;\r\n } else {\r\n setIsWaiving(false);\r\n waiving = false;\r\n }\r\n\r\n let is_intellicare = hmo_tag;\r\n\r\n let Value = Encrypt2({\r\n email: emailaddress,\r\n intellicare: is_intellicare,\r\n is_expired: expired,\r\n is_waiving: waiving,\r\n });\r\n\r\n let resp = await fetch(Decrypt(API.REACT_APP_SEND_OTP), {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n Value,\r\n }),\r\n });\r\n\r\n let respText = await resp.text();\r\n let respJson = await Decrypt2(respText.replace(/\"/g, \"\"));\r\n\r\n if (respJson.success) {\r\n setOTP(\"\");\r\n setIsError(false);\r\n setWaiveModal(false);\r\n setOTPModal(true);\r\n setSeconds(60);\r\n setLoading(false);\r\n setCPLoading(false);\r\n setWPLoading(false);\r\n setRsLoading(false);\r\n setMessage(\r\n \"One-time password (OTP) has been sent to your email. Please enter the code below.\"\r\n );\r\n } else {\r\n setWaiveModal(false);\r\n setMessage(respJson.message);\r\n setLoading(false);\r\n setCPLoading(false);\r\n setWPLoading(false);\r\n setRsLoading(false);\r\n addToast(respJson.message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 5000,\r\n });\r\n }\r\n }\r\n\r\n async function LoginOTPDoctors() {\r\n setRsLoading(true);\r\n setLogin(true);\r\n let Value = Encrypt2({\r\n email_address: emailaddress,\r\n });\r\n\r\n let resp = await fetch(Decrypt(API.REACT_APP_SEND_OTP_DOCTORS), {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n Value,\r\n }),\r\n });\r\n\r\n let respText = await resp.text();\r\n let respJson = await Decrypt2(respText.replace(/\"/g, \"\"));\r\n\r\n if (respJson.success) {\r\n setOTP(\"\");\r\n setIsError(false);\r\n setWaiveModal(false);\r\n setOTPModal(true);\r\n setSeconds(60);\r\n setLoading(false);\r\n setCPLoading(false);\r\n setWPLoading(false);\r\n setRsLoading(false);\r\n setMessage(\r\n \"One-time password (OTP) has been sent to your email. Please enter the code below.\"\r\n );\r\n } else {\r\n setWaiveModal(false);\r\n setMessage(respJson.message);\r\n setLoading(false);\r\n setCPLoading(false);\r\n setWPLoading(false);\r\n setRsLoading(false);\r\n addToast(respJson.message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 5000,\r\n });\r\n }\r\n }\r\n\r\n async function ValidateOTP() {\r\n setSubLoading(true);\r\n\r\n if (otp.length <= 0) {\r\n alert(\"Please input OTP.\");\r\n setSubLoading(false);\r\n return;\r\n }\r\n\r\n try {\r\n let gcemail = EncryptHeader(emailaddress);\r\n let gcotp = EncryptHeader(otp);\r\n\r\n let resp = await fetch(Decrypt(API.REACT_APP_VALIDATE_OTP), {\r\n method: \"GET\",\r\n headers: {\r\n email: gcemail,\r\n otp: gcotp,\r\n },\r\n });\r\n\r\n let respJson = await resp.json();\r\n let result = Decrypt2(respJson);\r\n\r\n if (result.success) {\r\n if (!login) {\r\n if (isWaiving) {\r\n setSubLoading(false);\r\n setOTPModal(false);\r\n setModalConfirm(true);\r\n return;\r\n } else {\r\n setSubLoading(false);\r\n setOTPModal(false);\r\n setChangePw(true);\r\n return;\r\n }\r\n }\r\n\r\n let stat_respJson = LoginStatus(applicationname, userData.access_token);\r\n if (stat_respJson) {\r\n if (applicationname === \"AGORA\") {\r\n await gatherUserSystemAccess(userData);\r\n }\r\n\r\n localStorage.setItem(\"user_info\", JSON.stringify(userData));\r\n localStorage.setItem(\"appName\", JSON.stringify(applicationname));\r\n localStorage.setItem(\"current_pw\", password);\r\n sessionStorage.setItem(\"logged_in\", true);\r\n\r\n if (userData.data.department === \"MIS TECH\") {\r\n history.push(\"/users\", userData);\r\n } else if (\r\n userData.data.department === \"INT MRD\" ||\r\n userData.data.department === \"AVG MRD\"\r\n ) {\r\n history.push(\"/docdashboard\");\r\n } else if (\r\n userData.data.department === \"INT APD\" ||\r\n userData.data.department === \"AVG APD\"\r\n ) {\r\n history.push(\"/dashboard\", userData);\r\n } else {\r\n history.push(\"/newsletter\", userData);\r\n }\r\n setEmail(\"\");\r\n } else {\r\n history.push(\"/dashboard\", userData);\r\n }\r\n } else {\r\n if (result.is_exceed) {\r\n setOTPModal(false);\r\n setWaiveModal(false);\r\n addToast(result.message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 5000,\r\n });\r\n } else {\r\n setSubLoading(false);\r\n setMessage(result.message);\r\n setIsError(true);\r\n }\r\n }\r\n } catch (error) {\r\n // error\r\n }\r\n }\r\n\r\n async function ValidateOTPDoctors() {\r\n setSubLoading(true);\r\n\r\n if (otp.length <= 0) {\r\n alert(\"Please input OTP.\");\r\n setSubLoading(false);\r\n return;\r\n }\r\n try {\r\n let Value = Encrypt2({\r\n email_address: emailaddress,\r\n vercode: otp,\r\n });\r\n\r\n let resp = await fetch(Decrypt(API.REACT_APP_VALIDATE_OTP_DOCTORS), {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n Value,\r\n }),\r\n });\r\n\r\n let respJson = await resp.json();\r\n let result = Decrypt2(respJson);\r\n\r\n if (result.success) {\r\n let stat_respJson = LoginStatus(applicationname, userData.access_token);\r\n if (stat_respJson) {\r\n localStorage.setItem(\"user_info\", JSON.stringify(userData));\r\n localStorage.setItem(\"appName\", JSON.stringify(applicationname));\r\n localStorage.setItem(\"current_pw\", password);\r\n sessionStorage.setItem(\"logged_in\", true);\r\n\r\n if (userData.data.department === \"MIS TECH\") {\r\n history.push(\"/users\", userData);\r\n } else if (\r\n userData.data.department === \"INT MRD\" ||\r\n userData.data.department === \"AVG MRD\"\r\n ) {\r\n history.push(\"/docdashboard\");\r\n } else if (\r\n userData.data.department === \"INT APD\" ||\r\n userData.data.department === \"AVG APD\"\r\n ) {\r\n history.push(\"/dashboard\", userData);\r\n } else {\r\n history.push(\"/newsletter\", userData);\r\n }\r\n setEmail(\"\");\r\n } else {\r\n addToast(stat_respJson.message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 5000,\r\n });\r\n }\r\n } else {\r\n if (result.is_exceed) {\r\n setOTPModal(false);\r\n setWaiveModal(false);\r\n addToast(result.message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 5000,\r\n });\r\n } else {\r\n setSubLoading(false);\r\n setMessage(result.message);\r\n setIsError(true);\r\n }\r\n }\r\n } catch (error) {\r\n // error\r\n }\r\n }\r\n\r\n async function gatherUserSystemAccess(respJson) {\r\n let paramRolesID = respJson.data.rolesid;\r\n let paramToken = respJson.access_token;\r\n\r\n try {\r\n let Value = Encrypt2({\r\n rolesid: paramRolesID,\r\n });\r\n\r\n let resp = await fetch(Decrypt(API.SYSACCESS_GET_USERSYSTEMACCESS), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + paramToken,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n let respJson = await resp.json();\r\n\r\n localStorage.setItem(\"user_systemaccess\", JSON.stringify(respJson.data));\r\n } catch (error) {\r\n alert(error);\r\n }\r\n\r\n return;\r\n }\r\n\r\n const handleChangPassword = async () => {\r\n var regularExpression = new RegExp(\r\n \"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$%^&*_])(?=.{8,50})\"\r\n );\r\n if (newPassword.length < 6) {\r\n return alert(\"Oops, Password too short\");\r\n }\r\n if (newPassword !== confirmPass) {\r\n return alert(\"Oops, Password does not match!\");\r\n }\r\n if (!regularExpression.test(newPassword)) {\r\n return alert(\r\n \"Oops, Password should contain atleast one number, one upper case and one special character.\"\r\n );\r\n }\r\n if (recaptchaVerified === false) {\r\n return alert(\"Please verify that you are human!\");\r\n }\r\n try {\r\n let Value = Encrypt2({\r\n emailaddress,\r\n newpassword: newPassword,\r\n });\r\n let resp = await fetch(Decrypt(API.FP_CHANGE_PW), {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n if (respJson.success) {\r\n addToast(\"Password successfully updated.\", {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 2000,\r\n });\r\n resetRecaptcha();\r\n setChangePw(false);\r\n setWaiveModal(false);\r\n } else {\r\n resetRecaptcha();\r\n setChangePw(false);\r\n setWaiveModal(false);\r\n addToast(respJson.message, {\r\n appearance: \"warning\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 5000,\r\n });\r\n }\r\n } catch (error) {\r\n alert(\"Internal Server Error\");\r\n }\r\n };\r\n function verifyCallback(response) {\r\n if (response) {\r\n setRecaptchaVerified(true);\r\n }\r\n }\r\n function resetRecaptcha() {\r\n recaptchaInstance.reset();\r\n }\r\n\r\n function baseurl(app) {\r\n if (app == \"AGORA\") {\r\n let loginurl = API.USER_LOGIN;\r\n return loginurl;\r\n } else {\r\n let loginurl = API.USER_LOGIN_DOCTORS;\r\n return loginurl;\r\n }\r\n }\r\n async function LoginStatus(app, access_token) {\r\n const crypto = require(\"crypto\");\r\n const uuid = crypto.randomBytes(32).toString(\"hex\");\r\n localStorage.setItem(\"uuid\", uuid);\r\n\r\n let SessionToken = access_token;\r\n let DeviceType = isMobile ? \"MOBILE\" : \"PC-WEB-BROWSER\";\r\n\r\n let CheckSessionBody = Encrypt2({\r\n email: emailaddress,\r\n devicename: DeviceType,\r\n deviceid: uuid,\r\n });\r\n let param = JSON.stringify({\r\n Value: CheckSessionBody,\r\n });\r\n if (app === \"AGORA\") {\r\n let stat_resp = await fetch(Decrypt(API.POST_USER_STAT), {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: param,\r\n });\r\n\r\n let stat_respText = await stat_resp.text();\r\n let stat_respJson = await Decrypt2(stat_respText.replace(/\"/g, \"\"));\r\n return stat_respJson;\r\n } else {\r\n let stat_resp = await fetch(Decrypt(API.POST_USER_STAT_DOCTORS), {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: param,\r\n });\r\n\r\n let stat_respText = await stat_resp.text();\r\n let stat_respJson = await Decrypt2(stat_respText.replace(/\"/g, \"\"));\r\n return stat_respJson;\r\n }\r\n }\r\n return (\r\n <>\r\n \r\n 0 ? features : null}\r\n columns={columns}\r\n rowKey=\"featurerecid\"\r\n style={{ paddingTop: 10, overflow: \"scroll\" }}\r\n loading={loading}\r\n size=\"middle\"\r\n />\r\n
\r\n \r\n search(e.target.value)}\r\n allowClear\r\n />\r\n
\r\n \r\n \r\n \r\n sort(e)}\r\n >\r\n \r\n \r\n \r\n \r\n setFiletype(e)}\r\n >\r\n \r\n \r\n \r\n \r\n filetype === \"\"\r\n ? alert(\"Please select file type\")\r\n : filetype === \"Excel\"\r\n ? exportToXLSX(features)\r\n : exportToPDF(features)\r\n }\r\n >\r\n Export\r\n \r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetails((prevState) => {\r\n return { ...prevState, feature: val };\r\n });\r\n }}\r\n style={{ marginBottom: 5 }}\r\n />\r\n \r\n {\r\n const val = e.target.value;\r\n setDetails((prevState) => {\r\n return { ...prevState, cbmsg: val };\r\n });\r\n }}\r\n style={{ marginBottom: 5 }}\r\n />\r\n
\r\n \r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetails((prevState) => {\r\n return { ...prevState, url: val };\r\n });\r\n }}\r\n style={{ marginBottom: 5 }}\r\n />\r\n\r\n \r\n \r\n setDetails((prevState) => {\r\n return { ...prevState, status: e };\r\n })\r\n }\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {newFeature ? null : (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n {loading ? null :
\r\n \r\n
\r\n \r\n {applicationname} ADMIN \r\n
\r\n\r\n
\r\n \r\n Application: \r\n setAppName(AppName)}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {emailFeedback}\r\n
\r\n {passwordFeedback}
\r\n \r\n Forgot Password?\r\n
\r\n \r\n
\r\n
\r\n
\r\n {seconds > 0 ? (\r\n 0}\r\n style={{\r\n color: seconds > 0 ? \"#DFE3E8\" : \"#FF5630\",\r\n marginRight: 15,\r\n }}\r\n onClick={() => onPressResend()}\r\n >\r\n {rs_loading ? \"Resending...\" : \"Resend OTP\"}\r\n \r\n
\r\n \r\n \r\n Time Remaining: 00:\r\n {seconds < 10 ? `0${seconds}` : seconds}\r\n
\r\n ) : (\r\nDidn't receive code?
\r\n )}\r\n\r\n onPressChangePass()}\r\n >\r\n Change Password\r\n \r\n onPressWaivePass()}\r\n >\r\n Waive Password\r\n \r\n
\r\n \r\n \r\n {\" \"}\r\n Waving...\r\n
\r\n ) : (\r\n \"YES\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n Continue waiving 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 alert(value)}\r\n onChange={(e) => search(e.target.value)}\r\n allowClear\r\n />\r\n
\r\n {/* \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n setChangePWModal(true)}\r\n >\r\n {\r\n SessionUpdate();\r\n }}\r\n >\r\n
\r\n \r\n \r\n // \r\n //
,\r\n // ]\r\n }\r\n footer={[\r\n ,\r\n // ,\r\n ,\r\n ]}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {imageLoad ? (\r\n 
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n toggleEditModal()}\r\n color={getRandomColor()}\r\n style={{ borderRadius: 20 }}\r\n >\r\n Read more\r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport moment from \"moment\";\r\nimport { Input, Modal, Button, Form, DatePicker } from \"antd\";\r\nimport { MDBIcon } from \"mdbreact\";\r\n\r\nimport Spinner from \"../Spinner\";\r\nimport * as NL_API from \"../../../util/live_api\";\r\nimport { Decrypt, Encrypt2, Decrypt2 } from \"../../../util/EncryptionHandler\";\r\n\r\nconst layout = {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 19 },\r\n};\r\nconst dateFormat = \"MM/DD/YYYY hh:mm:ss\";\r\nexport default function CreateNLModal({\r\n key,\r\n modalNewNL,\r\n closeCreateNL,\r\n getAll,\r\n}) {\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n\r\n const [image, setImage] = React.useState(null);\r\n const [details, setDetails] = React.useState({\r\n title: \"\",\r\n content: \"\",\r\n newsdate: moment(new Date(), dateFormat),\r\n intellicare_tag: user_info.data.intellicareavega_tag,\r\n postedby: user_info.data.emailaddress,\r\n isactive: true,\r\n status: \"A\",\r\n editedby: null,\r\n });\r\n const [imgUri, setImgUri] = React.useState(\"\");\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n const [success, setSuccess] = React.useState(null);\r\n const [successMsg, setSuccessMsg] = React.useState(\"\");\r\n const [savingMsg, setSavingMsg] = React.useState(\"\");\r\n const [fileSizeMsg, setFileSizeMsg] = React.useState(\"\");\r\n\r\n // function getBase64(file) {\r\n // return new Promise((resolve, reject) => {\r\n // const reader = new FileReader();\r\n // reader.readAsDataURL(file);\r\n // reader.onload = () => resolve(reader.result);\r\n // reader.onerror = (error) => reject(error);\r\n // });\r\n // }\r\n function handleUploadChange(e) {\r\n const fsize = e.target.files[0].size;\r\n const file = Math.round(fsize / 1024);\r\n if (\r\n e.target.files[0].type !== \"image/png\" &&\r\n e.target.files[0].type !== \"image/jpeg\"\r\n ) {\r\n return alert(\"File is not image type!\");\r\n }\r\n if (file > 4096) {\r\n setFileSizeMsg(\"File too Big, please select a file max of 4mb\");\r\n setImgUri(\"\");\r\n setImage(\"\");\r\n } else {\r\n setFileSizeMsg(\"\");\r\n setImgUri(URL.createObjectURL(e.target.files[0]));\r\n setImage(e.target.files[0]);\r\n }\r\n }\r\n async function handleCreateFeed() {\r\n if (image === null) {\r\n return alert(\"Please add image of newsletter!\");\r\n }\r\n if (details.title.trim() === \"\") {\r\n return alert(\"Please add title of newsletter!\");\r\n }\r\n if (details.content.trim() === \"\") {\r\n return alert(\"Please add content of newsletter!\");\r\n }\r\n let formdata = new FormData();\r\n formdata.append(\"newsletter_image\", image);\r\n formdata.append(\"newsletter_details\", Encrypt2(details));\r\n formdata.forEach((value, key) => {\r\n // cs.log removed\r\n });\r\n try {\r\n setModalLoading(true);\r\n setSuccess(null);\r\n setSavingMsg(\"Saving Newsletter...\");\r\n let respAdd = await fetch(Decrypt(NL_API.ADD_NEWSLETTER), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n body: formdata,\r\n });\r\n let respAddText = await respAdd.json();\r\n let respAddJson = await Decrypt2(respAddText);\r\n if (respAddJson.is_success) {\r\n setDetails({\r\n title: \"\",\r\n content: \"\",\r\n intellicare_tag: false,\r\n postedby: user_info.data.emailaddress,\r\n editedby: null,\r\n });\r\n setImage(null);\r\n setSuccess(true);\r\n setSuccessMsg(\"Newsletter has been added!\");\r\n } else {\r\n setSuccess(false);\r\n setSuccessMsg(respAddJson.error_message);\r\n }\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n function closeModal() {\r\n setDetails({\r\n title: \"\",\r\n content: \"\",\r\n newsdate: moment(new Date(), dateFormat),\r\n intellicare_tag: user_info.data.intellicareavega_tag,\r\n postedby: user_info.data.emailaddress,\r\n editedby: null,\r\n });\r\n closeCreateNL();\r\n }\r\n\r\n function closeSpinner() {\r\n setModalLoading(false);\r\n if (success === true) {\r\n closeCreateNL();\r\n getAll();\r\n }\r\n }\r\n return (\r\n \r\n
\r\n \r\n {/* */}\r\n {data.title}\r\n {/* */}\r\n
\r\n{data.content.substring(0, 200)}
\r\n\r\n by\r\n {data.postedby},{\" \"}\r\n {data.newsdate}\r\n
\r\n\r\n
\r\n handleCreateFeed()}\r\n >\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport moment from \"moment\";\r\nimport { Input, Modal, Button, Form, DatePicker, Select } from \"antd\";\r\nimport { MDBMask, MDBIcon, MDBView, MDBCard, MDBCardBody } from \"mdbreact\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\n\r\nimport Spinner from \"../Spinner\";\r\nimport LinearIndeterminate from \"../../LinearInderterminate\";\r\nimport * as NL_API from \"../../../util/live_api\";\r\nimport { Decrypt, Decrypt2, Encrypt2 } from \"../../../util/EncryptionHandler\";\r\n\r\nconst { Option } = Select;\r\nconst { RangePicker } = DatePicker;\r\nconst layout = {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 19 },\r\n};\r\nconst dateFormat = \"MM/DD/YYYY\";\r\n\r\nexport default function EditDelights({\r\n open,\r\n close,\r\n data,\r\n img,\r\n imageLoad,\r\n getAll,\r\n}) {\r\n const { addToast } = useToasts();\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n\r\n const [editCaption, setEditCaption] = React.useState(\"Edit\");\r\n const [closeCaption, setCloseCaption] = React.useState(\"Close\");\r\n const [details, setDetails] = React.useState({\r\n delightdetailid: data.delightdetailID,\r\n validfromdate: data.validfromdate,\r\n validtodate: data.validtodate,\r\n branches: data.branches,\r\n details: data.details,\r\n intellicare_tag: data.intellicare_tag,\r\n editby: user_info.data.emailaddress,\r\n postedby: data.postedby,\r\n postdate: data.postdate,\r\n contactnumber: data.contactnumber,\r\n isactive: data.isactive,\r\n status: data.status,\r\n delightcategoryID: data.delightcategoryID,\r\n delightstoreID: data.delightstoreID,\r\n });\r\n const [image, setImage] = React.useState(\"\");\r\n const [imgUri, setImgUri] = React.useState(\"\");\r\n const [category, setCategory] = React.useState([]);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n const [success, setSuccess] = React.useState(null);\r\n const [successMsg, setSuccessMsg] = React.useState(\"\");\r\n const [savingMsg, setSavingMsg] = React.useState(\"\");\r\n const [fileSizeMsg, setFileSizeMsg] = React.useState(\"\");\r\n\r\n React.useEffect(() => {\r\n async function getAllDelightsCategory() {\r\n try {\r\n let delights = await fetch(Decrypt(NL_API.GET_DELIGHTS_CATEGORY), {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n let respJson = await delights.json();\r\n if (respJson) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n setCategory(decrypted);\r\n } else {\r\n addToast(respJson.error_message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n getAllDelightsCategory();\r\n }, [user_info.access_token, addToast]);\r\n function onEditClick() {\r\n if (editCaption === \"Save\") {\r\n if (image !== \"\") {\r\n handleUpdateDelightsWPic();\r\n } else {\r\n handleUpdateDelightsWoPic();\r\n }\r\n setCloseCaption(\"Close\");\r\n setEditCaption(\"Edit\");\r\n }\r\n setEditCaption(\"Save\");\r\n setCloseCaption(\"Cancel\");\r\n }\r\n function onCloseClick() {\r\n if (closeCaption === \"Close\") {\r\n close();\r\n } else {\r\n setCloseCaption(\"Close\");\r\n setEditCaption(\"Edit\");\r\n setDetails({\r\n delightdetailid: data.delightdetailID,\r\n validfromdate: data.validfromdate,\r\n validtodate: data.validtodate,\r\n branches: data.branches,\r\n details: data.details,\r\n intellicare_tag: data.intellicare_tag,\r\n editby: data.editby,\r\n postedby: data.postedby,\r\n postdate: data.postdate,\r\n contactnumber: data.contactnumber,\r\n delightcategoryID: data.delightcategoryID,\r\n delightstoreID: data.delightstoreID,\r\n });\r\n }\r\n }\r\n function handleUploadChange(e) {\r\n const fsize = e.target.files[0].size;\r\n const file = Math.round(fsize / 1024);\r\n if (\r\n e.target.files[0].type !== \"image/png\" &&\r\n e.target.files[0].type !== \"image/jpeg\"\r\n ) {\r\n return alert(\"File is not image type!\");\r\n }\r\n if (file > 4096) {\r\n setFileSizeMsg(\"File too Big, please select a file max of 4mb\");\r\n setImgUri(\"\");\r\n setImage(\"\");\r\n } else {\r\n setFileSizeMsg(\"\");\r\n setImgUri(URL.createObjectURL(e.target.files[0]));\r\n setImage(e.target.files[0]);\r\n }\r\n }\r\n async function handleUpdateDelightsWPic() {\r\n let formdata = new FormData();\r\n formdata.append(\"delights_image\", image);\r\n formdata.append(\"Delights_details\", Encrypt2(details));\r\n formdata.forEach((value, key) => {\r\n // cs.log removed\r\n });\r\n try {\r\n setModalLoading(true);\r\n setSuccess(null);\r\n setSavingMsg(\"Saving Changes...\");\r\n let respUpdate = await fetch(Decrypt(NL_API.UPDATE_DELIGHTS_w_PIC), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n body: formdata,\r\n });\r\n let respUpdateText = await respUpdate.json();\r\n let respUpdateJson = await Decrypt2(respUpdateText);\r\n if (respUpdateJson.is_success) {\r\n setDetails({\r\n delightdetailid: \"\",\r\n validfromdate: \"\",\r\n validtodate: \"\",\r\n branches: \"\",\r\n details: \"\",\r\n intellicare_tag: \"\",\r\n editby: \"\",\r\n postedby: \"\",\r\n postdate: \"\",\r\n contactnumber: \"\",\r\n delightcategoryID: \"\",\r\n delightstoreID: \"\",\r\n });\r\n setSuccessMsg(\r\n user_info.data.intellicareavega_tag\r\n ? \"Delights has been updated!\"\r\n : \"Treats has been updated!\"\r\n );\r\n setImage(\"\");\r\n setSuccess(true);\r\n } else {\r\n setSuccess(false);\r\n setImage(\"\");\r\n setSuccessMsg(respUpdateJson.error_message);\r\n }\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n async function handleUpdateDelightsWoPic() {\r\n try {\r\n setModalLoading(true);\r\n setSuccess(null);\r\n setSavingMsg(\"Saving Changes...\");\r\n let value = Encrypt2(details);\r\n let respUpdate = await fetch(Decrypt(NL_API.UPDATE_DELIGHTS_wo_PIC), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ value }),\r\n });\r\n let respUpdateText = await respUpdate.json();\r\n let respUpdateJson = await Decrypt2(respUpdateText);\r\n if (respUpdateJson.is_success) {\r\n setDetails({\r\n delightdetailid: \"\",\r\n validfromdate: \"\",\r\n validtodate: \"\",\r\n branches: \"\",\r\n details: \"\",\r\n intellicare_tag: \"\",\r\n editby: \"\",\r\n postedby: \"\",\r\n postdate: \"\",\r\n contactnumber: \"\",\r\n delightcategoryID: \"\",\r\n delightstoreID: \"\",\r\n });\r\n setSuccessMsg(\r\n user_info.data.intellicareavega_tag\r\n ? \"Delights has been updated!\"\r\n : \"Treats has been updated!\"\r\n );\r\n setImage(\"\");\r\n setSuccess(true);\r\n } else {\r\n setSuccess(false);\r\n setImage(\"\");\r\n setSuccessMsg(respUpdateJson.error_message);\r\n }\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n function closeSpinner() {\r\n setModalLoading(false);\r\n if (success === true) {\r\n setEditCaption(\"Edit\");\r\n setCloseCaption(\"Close\");\r\n getAll();\r\n close();\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n onEditClick()}>\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { MDBCol, MDBMask, MDBIcon, MDBView, MDBBtn } from \"mdbreact\";\r\nimport LinearIndeterminate from \"../../LinearInderterminate\";\r\n\r\nimport EditDelights from \"./EditDelights\";\r\nimport * as NL_API from \"../../../util/live_api\";\r\nimport { Decrypt, ImgEncrypt } from \"../../../util/EncryptionHandler\";\r\n\r\nexport default function DelightsCard({ data, token, imgpath, getNewDelights }) {\r\n const [image, setImage] = React.useState(\"\");\r\n const [imageLoad, setImageLoad] = React.useState(false);\r\n const [editDelights, setEditDelights] = React.useState(false);\r\n const [btnColors] = React.useState([\r\n \"elegant\",\r\n \"unique\",\r\n \"pink\",\r\n \"purple\",\r\n \"deep-purple\",\r\n \"indigo\",\r\n \"light-blue\",\r\n \"cyan\",\r\n \"dark-green\",\r\n \"light-green\",\r\n \"yellow\",\r\n \"amber\",\r\n \"deep-orange\",\r\n \"brown\",\r\n \"blue-grey\",\r\n \"mdb-color\",\r\n ]);\r\n\r\n React.useEffect(() => {\r\n async function renderImg(imgpath) {\r\n try {\r\n let ImagePath = ImgEncrypt(imgpath);\r\n setImageLoad(true);\r\n let resp = await fetch(Decrypt(NL_API.IMAGES_PATH), {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n ImagePath,\r\n },\r\n });\r\n let respBlob = await resp.blob();\r\n let reader = new FileReader();\r\n reader.readAsDataURL(respBlob);\r\n reader.onload = () => {\r\n setImageLoad(false);\r\n setImage(reader.result);\r\n };\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n renderImg(imgpath);\r\n }, [imgpath, token]);\r\n function getCategoryIcon(catIcon) {\r\n switch (catIcon) {\r\n case \"Beauty & Wellness\":\r\n return \"spa\";\r\n case \"Dining & Cafe\":\r\n return \"coffee\";\r\n case \"Fitness\":\r\n return \"running\";\r\n case \"Hotels & Resorts\":\r\n return \"hotel\";\r\n case \"Optical\":\r\n return \"eye\";\r\n case \"Leisure & Recreation\":\r\n return \"swimming-pool\";\r\n case \"Other Services\":\r\n return \"cart-plus\";\r\n case \"Retail\":\r\n return \"shopping-bag\";\r\n default:\r\n return \"shopping-cart\";\r\n }\r\n }\r\n function getRandomColor() {\r\n let colorValues = btnColors;\r\n return colorValues[Math.floor(Math.random() * colorValues.length)];\r\n }\r\n function closeEdit() {\r\n setEditDelights(false);\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n */}\r\n {data.storename}
\r\n {/*
*/}\r\n {data.details}
\r\n\r\n handleCreateDelights()}\r\n >\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Select, Tabs, Empty } from \"antd\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { MDBRow, MDBCard, MDBCardBody, MDBIcon, MDBBtn } from \"mdbreact\";\r\nimport LinearIndeterminate from \"../LinearInderterminate\";\r\n\r\nimport NavBar from \"./NLNavBar\";\r\nimport NewsletterCard from \"./NewsFeeds/NewsletterCard\";\r\nimport CreateNLModal from \"./NewsFeeds/CreateNLModal\";\r\nimport DelightsCard from \"./Delights/DelightsCard\";\r\nimport CreateDelights from \"./Delights/CreateDelights\";\r\n\r\nimport * as API from \"../../util/live_api\";\r\nimport { Decrypt, Decrypt2 } from \"../../util/EncryptionHandler\";\r\n\r\nconst { TabPane } = Tabs;\r\nconst { Option } = Select;\r\n\r\nexport default function NewsFeed() {\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n let history = useHistory();\r\n if (!sessionStorage.getItem(\"logged_in\")) {\r\n localStorage.removeItem(\"user_info\");\r\n localStorage.removeItem(\"current_pw\");\r\n history.push(\"/\");\r\n }\r\n\r\n document.title = \"Intellicare Newsletter\";\r\n\r\n const { addToast, removeToast } = useToasts();\r\n const [key, setKey] = React.useState(\"news\");\r\n const [loading, setLoading] = React.useState(false);\r\n\r\n const [newsletterData, setNewsletterData] = React.useState([]);\r\n const [delightsData, setDelightsData] = React.useState([]);\r\n const [delightsCategory, setDelightsCategory] = React.useState([]);\r\n const [tempData, setTempData] = React.useState([]);\r\n const [modalNewNL, setModalNewNL] = React.useState(false);\r\n const [newDelights, setNewDelights] = React.useState(false);\r\n const [warningTime] = React.useState(15 * 60 * 1000);\r\n const [logoutTime] = React.useState(10 * 1000);\r\n\r\n let warnTimeout;\r\n let logoutTimeout;\r\n let toastId;\r\n\r\n function warn() {\r\n document.title = \"Logging Out...\";\r\n addToast(\r\n \"You are about to logout in \" +\r\n logoutTime / 1000 +\r\n \" seconds due to inactivity.\",\r\n {\r\n appearance: \"warning\",\r\n autoDismiss: true,\r\n autoDismissTimeout: logoutTime,\r\n },\r\n (id) => {\r\n toastId = id;\r\n }\r\n );\r\n }\r\n function logout() {\r\n localStorage.removeItem(\"user_info\");\r\n localStorage.removeItem(\"current_pw\");\r\n history.push(\"/\");\r\n }\r\n function setTimeouts() {\r\n warnTimeout = setTimeout(warn, warningTime);\r\n logoutTimeout = setTimeout(logout, warningTime + logoutTime);\r\n }\r\n function clearTimeouts() {\r\n if (warnTimeout) clearTimeout(warnTimeout);\r\n if (logout) clearTimeout(logoutTimeout);\r\n }\r\n function resetTimeout() {\r\n document.title = \"Intellicare Newsletter\";\r\n removeToast(toastId);\r\n clearTimeouts();\r\n setTimeouts();\r\n }\r\n React.useEffect(() => {\r\n async function getAllNewsLetter() {\r\n try {\r\n setLoading(true);\r\n let newsletter = await fetch(Decrypt(API.GET_NEWSLETTER), {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n let resJSON = await newsletter.json();\r\n if (resJSON) {\r\n let decrypted = resJSON.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n let newest = decrypted.sort(function (a, b) {\r\n return new Date(b.newsdate) - new Date(a.newsdate);\r\n });\r\n let iOnly = newest.filter((item) => {\r\n return item.intellicare_tag === user_info.data.intellicareavega_tag;\r\n });\r\n let activeOnly = iOnly.filter((item) => {\r\n return item.isactive === true && item.status === \"A\";\r\n });\r\n setNewsletterData(activeOnly);\r\n setTempData(activeOnly);\r\n setLoading(false);\r\n } else {\r\n addToast(resJSON.error_message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n setLoading(false);\r\n }\r\n }\r\n getAllNewsLetter();\r\n\r\n const events = [\r\n \"load\",\r\n \"mousemove\",\r\n \"mousedown\",\r\n \"click\",\r\n \"scroll\",\r\n \"keypress\",\r\n ];\r\n for (let i in events) window.addEventListener(events[i], resetTimeout);\r\n setTimeouts();\r\n return () => {\r\n for (let i in events) {\r\n window.removeEventListener(events[i], resetTimeout);\r\n clearTimeouts();\r\n }\r\n };\r\n }, [user_info.access_token, user_info.data.intellicareavega_tag]);\r\n\r\n async function getAllNewsLetter() {\r\n try {\r\n setLoading(true);\r\n let newsletter = await fetch(Decrypt(API.GET_NEWSLETTER), {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n let resJSON = await newsletter.json();\r\n if (resJSON) {\r\n let decrypted = resJSON.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n let newest = decrypted.sort(function (a, b) {\r\n return new Date(b.newsdate) - new Date(a.newsdate);\r\n });\r\n let iOnly = newest.filter((item) => {\r\n return item.intellicare_tag === user_info.data.intellicareavega_tag;\r\n });\r\n let activeOnly = iOnly.filter((item) => {\r\n return item.isactive === true && item.status === \"A\";\r\n });\r\n setNewsletterData(activeOnly);\r\n setTempData(activeOnly);\r\n setLoading(false);\r\n } else {\r\n addToast(resJSON.error_message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n setLoading(false);\r\n }\r\n }\r\n async function getAllDelights() {\r\n try {\r\n setLoading(true);\r\n let delights = await fetch(Decrypt(API.GET_DELIGHTS), {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n let resJSON = await delights.json();\r\n if (resJSON) {\r\n let decrypted = resJSON.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n let newest = decrypted.sort(function (a, b) {\r\n return new Date(b.postdate) - new Date(a.postdate);\r\n });\r\n let iOnly = newest.filter((item) => {\r\n return item.intellicare_tag === user_info.data.intellicareavega_tag;\r\n });\r\n let activeOnly = iOnly.filter((item) => {\r\n return item.isactive === true && item.status === \"A\";\r\n });\r\n setDelightsData(activeOnly);\r\n setTempData(activeOnly);\r\n setLoading(false);\r\n } else {\r\n addToast(resJSON.error_message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n setLoading(false);\r\n }\r\n }\r\n async function getAllDelightsCategory() {\r\n try {\r\n setLoading(true);\r\n let delights = await fetch(Decrypt(API.GET_DELIGHTS_CATEGORY), {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n let resJSON = await delights.json();\r\n if (resJSON) {\r\n let decrypted = resJSON.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n let actvieOnly = decrypted.filter((item) => {\r\n return item.isactive === true;\r\n });\r\n setDelightsCategory(actvieOnly);\r\n setLoading(false);\r\n } else {\r\n addToast(resJSON.error_message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n setLoading(false);\r\n }\r\n }\r\n async function sortToNewestDelights() {\r\n try {\r\n setLoading(true);\r\n setDelightsData([]);\r\n let newsletter = await fetch(Decrypt(API.GET_DELIGHTS), {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n let resJSON = await newsletter.json();\r\n if (resJSON) {\r\n let decrypted = resJSON.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n let newest = decrypted.sort(function (a, b) {\r\n return new Date(b.postdate) - new Date(a.postdate);\r\n });\r\n let iOnly = newest.filter((item) => {\r\n return item.intellicare_tag === user_info.data.intellicareavega_tag;\r\n });\r\n let activeOnly = iOnly.filter((item) => {\r\n return item.isactive === true && item.status === \"A\";\r\n });\r\n setDelightsData(activeOnly);\r\n setTempData(activeOnly);\r\n setLoading(false);\r\n } else {\r\n addToast(resJSON.error_message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n setLoading(false);\r\n }\r\n }\r\n function toggleSortToNewest(e) {\r\n setNewsletterData([]);\r\n let sorted = tempData.sort(function (a, b) {\r\n if (e === \"newest\") {\r\n return new Date(b.newsdate) - new Date(a.newsdate);\r\n } else {\r\n return new Date(a.newsdate) - new Date(b.newsdate);\r\n }\r\n });\r\n setNewsletterData((prevNewsletter) => [...prevNewsletter, ...sorted]);\r\n }\r\n function toggleSortByCategory(e) {\r\n let sortByCategory = tempData.filter((data) => {\r\n if (e === \"all\") {\r\n return data;\r\n } else {\r\n return data.categoryname === e;\r\n }\r\n });\r\n setDelightsData(sortByCategory);\r\n }\r\n function toggleTabChange(key) {\r\n setKey(key);\r\n if (key === \"news\") {\r\n setNewsletterData([]);\r\n getAllNewsLetter();\r\n } else {\r\n setDelightsData([]);\r\n getAllDelights();\r\n getAllDelightsCategory();\r\n }\r\n }\r\n function search(str) {\r\n let searchedData = tempData.filter((item) => {\r\n const itemData = `${\r\n key === \"news\" ? item.title.toUpperCase() : item.storename.toUpperCase()\r\n }`;\r\n const textData = str.toUpperCase();\r\n return itemData.indexOf(textData) > -1;\r\n });\r\n if (key === \"news\") setNewsletterData(searchedData);\r\n else setDelightsData(searchedData);\r\n }\r\n function closeCreateNL() {\r\n setModalNewNL(!modalNewNL);\r\n }\r\n function closeCreateDelights() {\r\n setNewDelights(false);\r\n }\r\n\r\n if (!user_info) return null;\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Modal, Input, Button, Select } from \"antd\";\r\nimport moment from \"moment\";\r\n\r\nimport LinearIndeterminate from \"../../LinearInderterminate\";\r\nimport NavBar from \"../NLNavBar\";\r\nimport Spinner from \"../Spinner\";\r\nimport * as NL_API from \"../../../util/live_api\";\r\nimport { Decrypt, Decrypt2, Encrypt2 } from \"../../../util/EncryptionHandler\";\r\n\r\nconst { Option } = Select;\r\nconst { Search } = Input;\r\nconst columns = [\r\n {\r\n title: \"Store Name\",\r\n dataIndex: \"storename\",\r\n key: \"storename\",\r\n },\r\n // {\r\n // title: \"Status\",\r\n // dataIndex: \"active\",\r\n // },\r\n {\r\n title: \"Posted Date\",\r\n dataIndex: \"posteddate\",\r\n },\r\n {\r\n title: \"Posted by\",\r\n dataIndex: \"postedby\",\r\n },\r\n {\r\n title: \"Edited Date\",\r\n dataIndex: \"editdate\",\r\n },\r\n {\r\n title: \"Edited by\",\r\n dataIndex: \"editedby\",\r\n },\r\n {\r\n dataIndex: \"delightstoreID\",\r\n className: \"hide\",\r\n },\r\n];\r\n\r\nexport default function Store() {\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n\r\n const [stores, setStores] = useState([]);\r\n const [temp, setTemp] = useState([]);\r\n const [details, setDetails] = useState({\r\n delightstoreid: \"\",\r\n storename: \"\",\r\n isactive: false,\r\n postedby: \"\",\r\n postdate: undefined,\r\n editby: \"\",\r\n });\r\n const [editeddate, setEditedDate] = useState(undefined);\r\n const [modal, setModal] = useState(false);\r\n const [newStore, setNewStore] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n const [success, setSuccess] = React.useState(null);\r\n const [successMsg, setSuccessMsg] = React.useState(\"\");\r\n const [savingMsg, setSavingMsg] = React.useState(\"\");\r\n\r\n useEffect(() => {\r\n async function GetAllStores() {\r\n try {\r\n setLoading(true);\r\n let resp = await fetch(Decrypt(NL_API.GET_STORES), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n\r\n let respJson = await resp.json();\r\n if (respJson === \"Invalid Access Token\") {\r\n setLoading(false);\r\n } else {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n setStores(decrypted);\r\n setTemp(decrypted);\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n setLoading(false);\r\n }\r\n }\r\n GetAllStores();\r\n }, [user_info.access_token]);\r\n async function GetAllStores() {\r\n try {\r\n setLoading(true);\r\n let resp = await fetch(Decrypt(NL_API.GET_STORES), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n\r\n let respJson = await resp.json();\r\n if (respJson === \"Invalid Access Token\") {\r\n setLoading(false);\r\n } else {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n setStores(decrypted);\r\n setTemp(decrypted);\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n setLoading(false);\r\n }\r\n }\r\n function handleRowClick(record) {\r\n return {\r\n onClick: () => {\r\n setNewStore(false);\r\n setModal(true);\r\n setDetails({\r\n delightstoreid: record.delightstoreID,\r\n storename: record.storename,\r\n isactive: record.active,\r\n postedby: record.postedby,\r\n postdate: record.posteddate,\r\n editby: record.editedby,\r\n });\r\n setEditedDate(record.editdate);\r\n },\r\n };\r\n }\r\n function handleAddStoreOnClick() {\r\n setNewStore(true);\r\n setModal(true);\r\n setDetails({\r\n delightstoreid: \"\",\r\n storename: \"\",\r\n isactive: false,\r\n postedby: user_info.data.emailaddress,\r\n postdate: moment(new Date()).format(\"LL\"),\r\n editby: \"\",\r\n });\r\n }\r\n async function handleAddStore() {\r\n try {\r\n setModalLoading(true);\r\n setSuccess(null);\r\n setSavingMsg(\"Saving new store...\");\r\n let value = Encrypt2(details);\r\n let resp = await fetch(Decrypt(NL_API.ADD_STORE), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ value }),\r\n });\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n if (respJson.is_success) {\r\n setSuccess(true);\r\n setSuccessMsg(\"New store has been added.\");\r\n } else {\r\n setSuccess(false);\r\n setSuccessMsg(respJson.error_message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function handleEditStore() {\r\n try {\r\n setModalLoading(true);\r\n setSuccess(null);\r\n setSavingMsg(\"Saving changes...\");\r\n let value = Encrypt2({\r\n delightstoreid: details.delightstoreid,\r\n storename: details.storename,\r\n isactive: details.isactive,\r\n postedby: details.postedby,\r\n postdate: details.posteddate,\r\n editby: user_info.data.emailaddress,\r\n });\r\n let resp = await fetch(Decrypt(NL_API.UPDATE_STORE), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ value }),\r\n });\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n if (respJson.is_success) {\r\n setSuccess(true);\r\n setSuccessMsg(\"Store Successfully Updated\");\r\n } else {\r\n setSuccess(false);\r\n setSuccessMsg(respJson.error_message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n function closeSpinner() {\r\n setModalLoading(false);\r\n if (success === true) {\r\n setModal(false);\r\n setLoading(false);\r\n GetAllStores();\r\n }\r\n }\r\n function search(str) {\r\n let searchedData = temp.filter((item) => {\r\n const itemData = `${item.storename.toUpperCase()}`;\r\n const textData = str.toUpperCase();\r\n return itemData.indexOf(textData) > -1;\r\n });\r\n setStores(searchedData);\r\n }\r\n\r\n return (\r\n \r\n toggleTabChange(key)}\r\n >\r\n \r\n Newsletter\r\n \r\n }\r\n key=\"news\"\r\n disabled={loading ? true : false}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {/* Delights */}\r\n \r\n {user_info.data.intellicareavega_tag\r\n ? \"Intellicare Delights\"\r\n : \"Avega Treats\"}\r\n \r\n }\r\n key=\"delights\"\r\n disabled={loading ? true : false}\r\n >\r\n \r\n \r\n \r\n {delightsData.map((data) => (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n setModalNewNL(true)}\r\n >\r\n ADD toggleSortToNewest(e)}\r\n disabled={loading ? true : false}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n BE IN THE KNOW\r\n
\r\n\r\n \r\n Keep tabs on breaking news, noteworthy activities, and\r\n announcements from\r\n {user_info.data.intellicareavega_tag === true\r\n ? \" Intellicare\"\r\n : \" Avega\"}\r\n \r\n
\r\n {newsletterData.length === 0 && !loading &&\r\n setNewDelights(true)}\r\n >\r\n ADD toggleSortByCategory(e)}\r\n disabled={loading ? true : false}\r\n >\r\n \r\n {delightsCategory.map((category) => (\r\n \r\n {category.categoryname}\r\n \r\n ))}\r\n \r\n
\r\n \r\n {user_info.data.intellicareavega_tag ? \"DELIGHTS\" : \"TREATS\"}\r\n
\r\n\r\n \r\n Click the details to know about the promos and discounts you\r\n can enjoy. Don't forget to present your health card!\r\n \r\n
\r\n {delightsData.length === 0 && !loading ? (\r\n\r\n {loading ? (newStore ? handleAddStore() : handleEditStore())}\r\n >\r\n Save\r\n ,\r\n ,\r\n ]}\r\n >\r\n
\r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Modal, Input, Button, Select } from \"antd\";\r\nimport moment from \"moment\";\r\n\r\nimport LinearIndeterminate from \"../../LinearInderterminate\";\r\nimport NavBar from \"../NLNavBar\";\r\nimport Spinner from \"../Spinner\";\r\nimport * as NL_API from \"../../../util/live_api\";\r\nimport { Decrypt, Decrypt2, Encrypt2 } from \"../../../util/EncryptionHandler\";\r\n\r\nconst { Option } = Select;\r\nconst { Search } = Input;\r\nconst columns = [\r\n {\r\n title: \"Category Name\",\r\n dataIndex: \"categoryname\",\r\n key: \"categoryname\",\r\n },\r\n // {\r\n // title: \"Status\",\r\n // dataIndex: \"isactive\",\r\n // },\r\n {\r\n title: \"Posted Date\",\r\n dataIndex: \"posteddate\",\r\n },\r\n {\r\n title: \"Posted by\",\r\n dataIndex: \"postedby\",\r\n },\r\n {\r\n title: \"Edited Date\",\r\n dataIndex: \"editdate\",\r\n },\r\n {\r\n title: \"Edited by\",\r\n dataIndex: \"editedby\",\r\n },\r\n {\r\n dataIndex: \"delightcategoryID\",\r\n className: \"hide\",\r\n },\r\n];\r\n\r\nexport default function Category() {\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n\r\n const [category, setCategory] = useState([]);\r\n const [temp, setTemp] = useState([]);\r\n const [details, setDetails] = useState({\r\n delightcategoryID: \"\",\r\n categoryname: \"\",\r\n isactive: false,\r\n postedby: \"\",\r\n postdate: undefined,\r\n editby: \"\",\r\n });\r\n const [editeddate, setEditedDate] = useState(undefined);\r\n const [modal, setModal] = useState(false);\r\n const [newStore, setNewStore] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n const [success, setSuccess] = React.useState(null);\r\n const [successMsg, setSuccessMsg] = React.useState(\"\");\r\n const [savingMsg, setSavingMsg] = React.useState(\"\");\r\n\r\n useEffect(() => {\r\n async function GetAllCategory() {\r\n try {\r\n setLoading(true);\r\n let resp = await fetch(Decrypt(NL_API.GET_DELIGHTS_CATEGORY), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n\r\n let respJson = await resp.json();\r\n if (respJson === \"Invalid Access Token\") {\r\n setLoading(false);\r\n } else {\r\n setCategory(respJson.data);\r\n setLoading(false);\r\n }\r\n if (respJson) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n setCategory(decrypted);\r\n setTemp(decrypted);\r\n setLoading(false);\r\n } else {\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n setLoading(false);\r\n }\r\n }\r\n GetAllCategory();\r\n }, [user_info.access_token]);\r\n async function GetAllCategory() {\r\n try {\r\n setLoading(true);\r\n let resp = await fetch(Decrypt(NL_API.GET_DELIGHTS_CATEGORY), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n\r\n let respJson = await resp.json();\r\n if (respJson === \"Invalid Access Token\") {\r\n setLoading(false);\r\n } else {\r\n setCategory(respJson.data);\r\n setLoading(false);\r\n }\r\n if (respJson) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n setCategory(decrypted);\r\n setTemp(decrypted);\r\n setLoading(false);\r\n } else {\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n setLoading(false);\r\n }\r\n }\r\n function handleRowClick(record) {\r\n return {\r\n onClick: () => {\r\n setNewStore(false);\r\n setModal(true);\r\n setDetails({\r\n delightcategoryID: record.delightcategoryID,\r\n categoryname: record.categoryname,\r\n isactive: record.isactive,\r\n postedby: record.postedby,\r\n postdate: record.posteddate,\r\n editby: record.editedby,\r\n });\r\n setEditedDate(record.editdate);\r\n },\r\n };\r\n }\r\n function handleAddCategoryOnClick() {\r\n setNewStore(true);\r\n setModal(true);\r\n setDetails({\r\n delightcategoryID: \"\",\r\n categoryname: \"\",\r\n isactive: false,\r\n postedby: user_info.data.emailaddress,\r\n postdate: moment(new Date()).format(\"LL\"),\r\n editby: \"\",\r\n });\r\n }\r\n async function handleAddCategory() {\r\n try {\r\n setModalLoading(true);\r\n setSuccess(null);\r\n setSavingMsg(\"Saving new category...\");\r\n let value = Encrypt2(details);\r\n let resp = await fetch(Decrypt(NL_API.ADD_CATEGORY), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ value }),\r\n });\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n if (respJson.is_success) {\r\n setSuccess(true);\r\n setSuccessMsg(\"New category has been added.\");\r\n } else {\r\n setSuccess(false);\r\n setSuccessMsg(respJson.error_message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function handleEditCategory() {\r\n try {\r\n setModalLoading(true);\r\n setSuccess(null);\r\n setSavingMsg(\"Saving changes...\");\r\n let value = Encrypt2({\r\n delightcategoryID: details.delightcategoryID,\r\n categoryname: details.categoryname,\r\n isactive: details.isactive,\r\n postedby: details.postedby,\r\n postdate: details.postdate,\r\n editby: user_info.data.emailaddress,\r\n });\r\n let resp = await fetch(Decrypt(NL_API.UPDATE_CATEGORY), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n value,\r\n }),\r\n });\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n if (respJson.is_success) {\r\n setSuccess(true);\r\n setSuccessMsg(\"Category Successfully Updated\");\r\n } else {\r\n setSuccess(false);\r\n setSuccessMsg(respJson.error_message);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n function closeSpinner() {\r\n setModalLoading(false);\r\n if (success === true) {\r\n setModal(false);\r\n setLoading(false);\r\n GetAllCategory();\r\n }\r\n }\r\n function search(str) {\r\n let searchedData = temp.filter((item) => {\r\n const itemData = `${item.categoryname.toUpperCase()}`;\r\n const textData = str.toUpperCase();\r\n return itemData.indexOf(textData) > -1;\r\n });\r\n setCategory(searchedData);\r\n }\r\n\r\n return (\r\n \r\n 0 ? stores : null}\r\n columns={columns}\r\n onRow={handleRowClick}\r\n rowKey=\"delightstoreid\"\r\n style={{ paddingTop: 10, overflow: \"scroll\" }}\r\n loading={loading}\r\n size=\"middle\"\r\n />\r\n
\r\n \r\n handleAddStoreOnClick()}\r\n >\r\n Add Store\r\n \r\n search(e.target.value)}\r\n allowClear\r\n />\r\n
\r\n \r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetails((prevState) => {\r\n return { ...prevState, storename: val };\r\n });\r\n }}\r\n style={{ marginBottom: 5 }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n setDetails((prevState) => {\r\n return { ...prevState, isactive: e };\r\n })\r\n }\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {newStore ? 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 {loading ? \r\n newStore ? handleAddCategory() : handleEditCategory()\r\n }\r\n >\r\n Save\r\n ,\r\n ,\r\n ]}\r\n >\r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n MDBModal,\r\n MDBModalBody,\r\n MDBModalFooter,\r\n MDBModalHeader,\r\n MDBBtn,\r\n MDBRow,\r\n MDBCol,\r\n MDBView,\r\n MDBIcon,\r\n} from \"mdbreact\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport InputAdornment from \"@material-ui/core/InputAdornment\";\r\n// import Lightbox from \"react-image-lightbox\";\r\nimport moment from \"moment\";\r\nimport DataTable from \"react-data-table-component\";\r\nimport LinearIndeterminate from \"../LinearInderterminate\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { confirmAlert } from \"react-confirm-alert\";\r\nimport \"react-confirm-alert/src/react-confirm-alert.css\"; // Import css\r\nimport {\r\n Menu,\r\n Icon,\r\n Select,\r\n Modal,\r\n Button,\r\n DatePicker,\r\n message,\r\n} from \"antd\";\r\nimport Viewer from \"react-viewer\";\r\n\r\n//apis\r\nimport * as API from \"../../util/live_api\";\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n EncryptHeader,\r\n Encrypt2,\r\n ImgEncrypt,\r\n} from \"../../util/EncryptionHandler\";\r\n\r\nimport ExportFile from \"../ExportFile\";\r\n\r\nconst { Option } = Select;\r\n\r\nexport default function Dashboard() {\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n let history = useHistory();\r\n if (user_info.data.department === \"MIS TECH\") {\r\n history.push(\"/users\");\r\n }\r\n if (!sessionStorage.getItem(\"logged_in\")) {\r\n localStorage.removeItem(\"user_info\");\r\n localStorage.removeItem(\"current_pw\");\r\n history.push(\"/\");\r\n }\r\n\r\n document.title = \"Doctor's Portal - Dashboard\";\r\n\r\n const { addToast, removeToast } = useToasts();\r\n const [data, setData] = useState([]);\r\n const [tempData, setTempData] = useState([]);\r\n const [approvalDocHistoryMonthly, setApprovalHistoryMonthly] = useState([]);\r\n const [AllApprovalHistory, setAllApprovalHistory] = useState([]);\r\n const [tempHistory, setTempHistory] = useState([]);\r\n const [ReapporoveSearchValue, setReapproveSearchValue] = useState([]);\r\n const [searchTempData, setsearchTempData] = useState([]);\r\n const [modal, setModal] = useState(false);\r\n const [modCardWarn, setmodCardWarn] = useState(false);\r\n const [request, setRequest] = useState({});\r\n const [photoIndex, setPhotoIndex] = useState(0);\r\n const [isOpen, setIsOpen] = useState(false);\r\n const [modDisapprove, setModDisapprove] = useState(false);\r\n const [disapproveRemarks, setDisapproveRemarks] = useState(\"\");\r\n const [disapproveMessage, setDisapproveMessage] = useState(\"\");\r\n const [selfie, setSelfie] = useState(\"\");\r\n const [prcid, setPrcid] = useState(\"\");\r\n const [images, setImages] = useState([]);\r\n const [imgLoad, setImgLoad] = useState(false);\r\n const [reason, setReason] = useState([]);\r\n const [lstReasons, setLstReasons] = useState([]);\r\n const [current, setCurrent] = useState(\"pending\");\r\n const [filterNumTo, setFilterNumTo] = useState(0);\r\n const [filterNumFrom, setFilterNumFrom] = useState(0);\r\n const [startDate, setStartDate] = useState(\"\");\r\n const [loading] = useState(false);\r\n const [clicked, setClicked] = useState(\"Approve\");\r\n const [fetching, setFetching] = useState(false);\r\n const [historyFetching, setHistoryFetching] = useState(false);\r\n const [reappNotif, setReappNotif] = useState(null);\r\n const [warningTime] = useState(15 * 60 * 1000);\r\n const [logoutTime] = useState(10 * 1000);\r\n let multipleReason = [];\r\n let warnTimeout;\r\n let logoutTimeout;\r\n let toastId;\r\n\r\n const columns = [\r\n {\r\n selector: \"Docuser_ID\",\r\n hide: 99999999,\r\n },\r\n {\r\n name: \"Counter\",\r\n selector: \"incremental_id\",\r\n maxWidth: \"0px\",\r\n },\r\n {\r\n name: \"Email Address\",\r\n selector: \"Email\",\r\n width: \"180px\",\r\n },\r\n {\r\n name: \"Full Name\",\r\n selector: \"fullname\",\r\n width: \"180px\",\r\n },\r\n {\r\n name: \"Birthdate\",\r\n selector: \"Birthdate\",\r\n },\r\n {\r\n name: \"Gender\",\r\n selector: \"doc_gender\",\r\n },\r\n {\r\n name: \"PRC number\",\r\n selector: \"PRCnumber\",\r\n width: \"150px\",\r\n },\r\n {\r\n name: \"Type\",\r\n selector: \"DrType\",\r\n },\r\n {\r\n name: \"Mobile Number\",\r\n selector: \"Contactno\",\r\n },\r\n {\r\n name: \"Role\",\r\n selector: \"role\",\r\n },\r\n ];\r\n const columnApproval = [\r\n {\r\n selector: \"Docuser_ID\",\r\n hide: 99999999,\r\n },\r\n // {\r\n // name: \"Counter\",\r\n // selector: \"increment_id\",\r\n // maxWidth: \"0px\",\r\n // },\r\n {\r\n name: \"Email Address\",\r\n selector: \"Email\",\r\n width: \"180px\",\r\n },\r\n {\r\n name: \"Full Name\",\r\n selector: \"fullname\",\r\n width: \"180px\",\r\n },\r\n {\r\n name: \"Birthdate\",\r\n selector: \"Birthdate\",\r\n },\r\n {\r\n name: \"Gender\",\r\n selector: \"doc_gender\",\r\n },\r\n {\r\n name: \"PRC number\",\r\n selector: \"PRCnumber\",\r\n width: \"150px\",\r\n },\r\n {\r\n name: \"Type\",\r\n selector: \"DrType\",\r\n },\r\n {\r\n name: \"Telephone Number\",\r\n selector: \"Telephone\",\r\n },\r\n {\r\n name: \"Mobile Number\",\r\n selector: \"Contactno\",\r\n },\r\n {\r\n name: \"Approved Date\",\r\n selector: \"Approveddate\",\r\n },\r\n {\r\n name: \"Approved By\",\r\n selector: \"Approvedby\",\r\n },\r\n {\r\n name: \"Role\",\r\n selector: \"role\",\r\n },\r\n ];\r\n const options = {\r\n message:\r\n clicked === \"Approve\"\r\n ? \"Please Confirm Application Approval\"\r\n : \"Please Confirm Application Disapproval\",\r\n buttons: [\r\n {\r\n label: \"Confirm\",\r\n onClick:\r\n clicked === \"Approve\" && current === \"pending\"\r\n ? handleApproveApplication\r\n : handleConfirmDisapproveApplication,\r\n },\r\n {\r\n label: \"Cancel\",\r\n onClick: () => setModal(true),\r\n },\r\n ],\r\n closeOnEscape: false,\r\n closeOnClickOutside: false,\r\n willUnmount: () => {},\r\n };\r\n function warn() {\r\n document.title = \"Logging Out...\";\r\n setModal(false);\r\n setModDisapprove(false);\r\n setIsOpen(false);\r\n addToast(\r\n \"You are about to logout in \" +\r\n logoutTime / 1000 +\r\n \" seconds due to inactivity.\",\r\n {\r\n appearance: \"warning\",\r\n autoDismiss: true,\r\n autoDismissTimeout: logoutTime,\r\n },\r\n (id) => {\r\n toastId = id;\r\n }\r\n );\r\n }\r\n function handleNavigate(e) {\r\n setCurrent(e.key);\r\n if (e.key === \"history\") GetApprovalHistoryMonthly();\r\n else GetApprovalRequests();\r\n }\r\n function logout() {\r\n localStorage.removeItem(\"user_info\");\r\n localStorage.removeItem(\"current_pw\");\r\n history.push(\"/\");\r\n }\r\n function setTimeouts() {\r\n warnTimeout = setTimeout(warn, warningTime);\r\n logoutTimeout = setTimeout(logout, warningTime + logoutTime);\r\n }\r\n function clearTimeouts() {\r\n if (warnTimeout) clearTimeout(warnTimeout);\r\n if (logout) clearTimeout(logoutTimeout);\r\n }\r\n function resetTimeout() {\r\n document.title = \"Intellicare Admin - Dashboard\";\r\n removeToast(toastId);\r\n clearTimeouts();\r\n setTimeouts();\r\n }\r\n useEffect(() => {\r\n GetApprovalRequests();\r\n GetDisapproveRemarks();\r\n approvalDoctorHistory();\r\n const events = [\r\n \"load\",\r\n \"mousemove\",\r\n \"mousedown\",\r\n \"click\",\r\n \"scroll\",\r\n \"keypress\",\r\n ];\r\n\r\n for (let i in events) window.addEventListener(events[i], resetTimeout);\r\n\r\n setTimeouts();\r\n return () => {\r\n for (let i in events) {\r\n window.removeEventListener(events[i], resetTimeout);\r\n clearTimeouts();\r\n }\r\n };\r\n }, []);\r\n async function GetApprovalRequests() {\r\n setFetching(true);\r\n try {\r\n let resp = await fetch(Decrypt(API.DOCTORSAPP_FOR_APPROVAL), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n }); \r\n let respJson = await resp.json();\r\n if (respJson.data) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n\r\n for (let data of decrypted) {\r\n data.fullname = toTitleCase(\r\n data[\"Lastname\"] +\r\n \", \" +\r\n data[\"Firstname\"] +\r\n \" \" +\r\n data[\"MidName\"]\r\n );\r\n data.doc_gender =\r\n data[\"Gender\"].toUpperCase() === \"M\" ? \"Male\" : \"Female\";\r\n }\r\n \r\n setData(decrypted);\r\n setTempData(decrypted);\r\n } else {\r\n setData([]);\r\n setTempData([]);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n setFetching(false);\r\n }\r\n async function GetApprovalHistoryMonthly() {\r\n setHistoryFetching(true);\r\n try {\r\n let resp = await fetch(Decrypt(API.DOCTORSAPP_APPROVAL_HISTORY_MONTHLY), {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n let respJson = await resp.json();\r\n if (respJson.data) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n for (let data of decrypted) {\r\n data.fullname = toTitleCase(\r\n data[\"Lastname\"] +\r\n \", \" +\r\n data[\"Firstname\"] +\r\n \" \" +\r\n data[\"MidName\"]\r\n );\r\n data.doc_gender = data[\"Gender\"].toUpperCase() === \"M\" ? \"Male\" : \"Female\";\r\n data.stats =\r\n data[\"RegStatus\"] === \"A\"\r\n ? \"Approved\"\r\n : data[\"RegStatus\"] === \"D\"\r\n ? \"Disapproved\"\r\n : \"Waiting\";\r\n }\r\n setApprovalHistoryMonthly(decrypted);\r\n setTempHistory(decrypted);\r\n\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n setHistoryFetching(false);\r\n }\r\n\r\n async function GetDisapproveRemarks() {\r\n\r\n try {\r\n let resp = await fetch(Decrypt(API.DOCTORSAPP_DISAPPROVE_REMARKS), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n let respJson = await resp.json();\r\n\r\n if(respJson.data){\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n setLstReasons(decrypted);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n async function approvalDoctorHistory() {\r\n setHistoryFetching(true);\r\n try {\r\n let resp = await fetch(Decrypt(API.DOCTORSAPP_APPROVAL_HISTORY), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n let respJson = await resp.json();\r\n if (respJson.data) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n \r\n for (let data of decrypted) {\r\n data.fullname = toTitleCase(\r\n data[\"Lastname\"] +\r\n \", \" +\r\n data[\"Firstname\"] +\r\n \" \" +\r\n data[\"MidName\"]\r\n );\r\n data.gender = data[\"Gender\"].toUpperCase() === \"M\" ? \"Male\" : \"Female\";\r\n data.stats =\r\n data[\"RegStatus\"] === \"A\"\r\n ? \"Approved\"\r\n : data[\"RegStatus\"] === \"D\"\r\n ? \"Disapproved\"\r\n : \"Waiting\";\r\n }\r\n \r\n let all = decrypted.filter((all) => {\r\n return all.is_reapprove === false;\r\n });\r\n setAllApprovalHistory(decrypted);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n setHistoryFetching(false);\r\n }\r\n async function ApprovalHistory_AdvanceSearch(SeachValue) {\r\n setHistoryFetching(true);\r\n try {\r\n let TextValue = EncryptHeader(SeachValue);\r\n let resp = await fetch(Decrypt(API.DOCTORSAPP_APPROVAL_HISTORY_SEARCH), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n SEARCHTEXT: TextValue,\r\n },\r\n });\r\n let respJson = await resp.json();\r\n if (respJson.data) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n\r\n for (let data of decrypted) {\r\n data.fullname = toTitleCase(\r\n data[\"Lastname\"] +\r\n \", \" +\r\n data[\"Firstname\"] +\r\n \" \" +\r\n data[\"MidName\"]\r\n );\r\n data.gnder = data[\"Gender\"].toUpperCase() === \"M\" ? \"Male\" : \"Female\";\r\n data.stats =\r\n data[\"RegStatus\"] === \"A\"\r\n ? \"Approved\"\r\n : data[\"RegStatus\"] === \"D\"\r\n ? \"Disapproved\"\r\n : \"Waiting\";\r\n }\r\n setApprovalHistoryMonthly(decrypted);\r\n setTempHistory(decrypted);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n setHistoryFetching(false);\r\n }\r\n\r\n function handleOnSelectRow(e) {\r\n \r\n setRequest({\r\n Approvedby : e.Approvedby,\r\n Approveddate : e.Approveddate,\r\n email: e.Email,\r\n fullname: e.fullname,\r\n birthdate: e.Birthdate,\r\n doc_gender: e.doc_gender,\r\n prcnumber: e.PRCnumber,\r\n drtype: e.DrType,\r\n doc_code: e.DrCode,\r\n mobilenumber: e.Contactno,\r\n status: e.RegStatus,\r\n Docuser_ID: e.Docuser_ID,\r\n role: e.role,\r\n bankacct : e.bankacct,\r\n swiftcode : e.swiftcode,\r\n });\r\n setSelfie(null);\r\n setPrcid(null);\r\n setImages([]);\r\n setDisapproveRemarks(\"\");\r\n setClicked(\"Approve\");\r\n getUploadedFiles(e.Docuser_ID)\r\n setModal(true);\r\n }\r\n async function getUploadedFiles(docId) {\r\n try {\r\n setImgLoad(true);\r\n let Value = Encrypt2({ doctor_id: docId, file_type: \"\" });\r\n let resp = await fetch(Decrypt(API.DOCTORSAPP_GETFILES), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n let respJson = await resp.json();\r\n let filesHolder;\r\n if (respJson.error_message === \"No Uploaded Files Found!\") {\r\n setImgLoad(false);\r\n }\r\n let files = respJson.data.map((data) => {\r\n return Decrypt2(data);\r\n });\r\n filesHolder = files;\r\n let selfie = filesHolder.filter((data) => {\r\n return data.tag === \"selfie\";\r\n });\r\n selfie.forEach((element) => {\r\n renderImg(element.path, element.tag);\r\n });\r\n let prc_id = filesHolder.filter((data) => {\r\n return data.tag === \"prc_id\";\r\n });\r\n prc_id.forEach((element) => {\r\n renderImg(element.path, element.tag);\r\n });\r\n } catch (error) {\r\n alert(\"Internal Server Error\");\r\n console.log(error);\r\n }\r\n }\r\n async function renderImg(path, tag) {\r\n try {\r\n let ImagePath = ImgEncrypt(path);\r\n let resp = await fetch(Decrypt(API.DOCTORSAPP_GETIMAGE), {\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"bearer \" + user_info.access_token,\r\n ImagePath,\r\n },\r\n });\r\n let respBlob = await resp.blob();\r\n let reader = new FileReader();\r\n reader.readAsDataURL(respBlob);\r\n reader.onload = () => {\r\n if (tag === \"selfie\") setSelfie(reader.result);\r\n else if (tag === \"prc_id\") setPrcid(reader.result);\r\n setImages((oldArray) => [...oldArray, reader.result]);\r\n setImgLoad(false);\r\n };\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n function toggleModal() {\r\n setModal(!modal);\r\n }\r\n function toggleModDisapprove() {\r\n setDisapproveRemarks(\"\");\r\n setDisapproveMessage(\"\");\r\n setModDisapprove(!modDisapprove);\r\n }\r\n function Confirm() {\r\n setModDisapprove(false);\r\n setModal(false);\r\n setReason([]);\r\n confirmAlert(options);\r\n }\r\n async function handleApproveApplication() {\r\n try {\r\n let Value = Encrypt2({\r\n DOCUSER_ID: request.Docuser_ID,\r\n approved_by: user_info.data.username,\r\n email: request.email,\r\n fullname: request.fullname,\r\n prcnumber: request.prcnumber,\r\n reapprove_notification: 0,\r\n remarks: \"Approved\",\r\n status: \"A\",\r\n });\r\n let resp = await fetch(Decrypt(API.DOCTORSAPP_APPROVE_APPLICATION), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n Value,\r\n }),\r\n });\r\n\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n if (respJson.success) {\r\n try {\r\n let Value = Encrypt2({\r\n drcode: request.doc_code,\r\n swiftcode: request.swiftcode,\r\n bankacct: request.bankacct,\r\n postedby: user_info.data.emailaddress,\r\n email: request.email,\r\n });\r\n let resp = await fetch(Decrypt(API.INSERT_BANK_RECORDS), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n Value,\r\n }),\r\n });\r\n \r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n\r\n if (respJson.is_success) {\r\n addToast(\"Application Successfully Approved!\", {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n }\r\n } catch (error) {\r\n alert(\"Saving bank account details failed.\");\r\n }\r\n } else {\r\n addToast(respJson.message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n }\r\n toggleModal();\r\n GetApprovalRequests();\r\n } catch (error) {\r\n console.log(error);\r\n alert(\"Internal Server Error\");\r\n }\r\n }\r\n async function handleDisapproveApplication(e) {\r\n e.preventDefault();\r\n e.target.className += \" was-validated\";\r\n\r\n if (reason.lenght === 0) {\r\n setDisapproveMessage(\"Required!\");\r\n return;\r\n }\r\n setClicked(\"Disapprove\");\r\n if (reason.length > 1) {\r\n reason.forEach((element) => {\r\n multipleReason = multipleReason.concat(\r\n element.toString().slice(0, element.toString().length - 1)\r\n );\r\n });\r\n }\r\n Confirm();\r\n }\r\n async function handleConfirmDisapproveApplication() {\r\n try {\r\n let Value = Encrypt2({\r\n DOCUSER_ID: request.Docuser_ID,\r\n approved_by: user_info.data.username,\r\n email: request.email,\r\n fullname: request.fullname,\r\n prcnumber: request.prcnumber,\r\n reapprove_notification: reason.length > 1 ? 0 : reappNotif,\r\n remarks:\r\n disapproveRemarks.trim() === \"\"\r\n ? reason.length > 1\r\n ? multipleReason.toString().trim()\r\n : reason.toString().slice(0, reason.toString().length - 1)\r\n : reason.length > 1\r\n ? multipleReason.toString().trim() + \", \" + disapproveRemarks\r\n : reason.toString().slice(0, reason.toString().length - 1) +\r\n \", \" +\r\n disapproveRemarks,\r\n status: \"D\",\r\n });\r\n let resp = await fetch(Decrypt(API.DOCTORSAPP_APPROVE_APPLICATION), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n Value,\r\n }),\r\n });\r\n\r\n let respText = await resp.text();\r\n let respJson = await Decrypt2(respText.replace(/\"/g, \"\"));\r\n if (respJson.success)\r\n addToast(\"Application Successfully Disapproved!\", {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n else\r\n addToast(respJson.message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n toggleModDisapprove();\r\n GetApprovalRequests();\r\n } catch (error) {\r\n alert(\"Internal Server Error\");\r\n console.log(error);\r\n }\r\n }\r\n function NoDataFound() {\r\n return (\r\n \r\n
\r\n \r\n handleAddCategoryOnClick()}\r\n >\r\n Add Category\r\n \r\n search(e.target.value)}\r\n allowClear\r\n />\r\n
\r\n \r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetails((prevState) => {\r\n return { ...prevState, categoryname: val };\r\n });\r\n }}\r\n style={{ marginBottom: 5 }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n setDetails((prevState) => {\r\n return { ...prevState, isactive: e };\r\n })\r\n }\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {newStore ? null : (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {current === \"history\" ? (\r\n \r\n
\r\n );\r\n }\r\n function renderStatus(status) {\r\n if (current === \"history\") {\r\n if (status === \"W\")\r\n return (\r\n \r\n {\" - \"}\r\n WAITING\r\n \r\n );\r\n else if (status === \"A\")\r\n return (\r\n \r\n {\" - \"}\r\n APPROVED\r\n \r\n );\r\n else\r\n return (\r\n \r\n {\" - \"}\r\n DISAPPROVED\r\n \r\n );\r\n } else return null;\r\n }\r\n function FilterHistory(status) {\r\n if (status === \"None\") setApprovalHistoryMonthly(tempHistory);\r\n else if (status === \"Approved\") {\r\n let filterApprove = tempHistory.filter((data) => {\r\n return data.stats === \"Approved\";\r\n });\r\n setApprovalHistoryMonthly(filterApprove);\r\n } else {\r\n let filterDisapprove = tempHistory.filter((data) => {\r\n return data.stats === \"Disapproved\";\r\n });\r\n setApprovalHistoryMonthly(filterDisapprove);\r\n }\r\n }\r\n function Filter(date, numFrom, numTo) {\r\n if (date === \"\") return message.warning(\"Please select date\", 2);\r\n let ref = date.replace(\"-\", \"\");\r\n let newref = ref.replace(\"-20\", \"\");\r\n let filtered_date = tempData.filter((item) => {\r\n const itemData = `${item.incremental_id.toUpperCase()}`;\r\n const textData = newref.toUpperCase();\r\n return itemData.indexOf(textData) > -1;\r\n });\r\n for (let data of filtered_date) {\r\n data.counter = convertToNumber(data.incremental_id);\r\n }\r\n if (numFrom > numTo) {\r\n return alert(\"Invalid filter number range!\");\r\n }\r\n if (numFrom === 0 && numTo === 0) {\r\n setData(filtered_date);\r\n } else {\r\n let filtered_num = filtered_date.filter((item) => {\r\n return item.counter >= numFrom && item.counter <= numTo;\r\n });\r\n setData(filtered_num);\r\n }\r\n }\r\n function SearchData(text) {\r\n \r\n if (current === \"pending\") {\r\n setsearchTempData(tempData);\r\n } else {\r\n setsearchTempData(tempHistory);\r\n }\r\n \r\n let searchedData = searchTempData.filter((item) => {\r\n const itemData = `${item.fullname.toUpperCase()} ${item.PRCnumber}`;\r\n const textData = text.toUpperCase();\r\n return itemData.indexOf(textData) > -1;\r\n });\r\n if (current === \"pending\") {\r\n setData(searchedData);\r\n } else {\r\n setApprovalHistoryMonthly(searchedData);\r\n }\r\n }\r\n function menuDataTable(current_menu) {\r\n switch (current_menu) {\r\n case \"pending\":\r\n return (\r\n \r\n
\r\n {current === \"history\" ? (\r\n
No Approval History Right Now
\r\n ) : (\r\nNo Pending Requests Right Now
\r\n )}\r\n\r\n
\r\n );\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n return (\r\n \r\n {/* Comment this portion if live api */}\r\n {/*
*/}\r\n {/* Comment this portion if live api */}\r\n \r\n {current === \"history\" ? (\r\n \r\n \r\n {request.fullname}\r\n {current === \"pending\" ? (\r\n \r\n {toTitleCase(\" - \" + request.drtype)}\r\n \r\n ) : null}\r\n \r\n {renderStatus(request.status)}{\" \"}\r\n \r\n {current === \"history\" && request.status !== \"Waiting\" ? (\r\n \r\n {\" \"}\r\n by {request.Approvedby} at {request.Approveddate}\r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {request.status === \"Disapproved\" ? (\r\n \r\n \r\n \r\n \r\n \r\n ) : null}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {selfie ? (\r\n {\r\n setPhotoIndex(\r\n images.findIndex((img) => img === selfie)\r\n );\r\n toggleModal();\r\n setIsOpen(true);\r\n }}\r\n >\r\n
\r\n )}\r\n \r\n \r\n \r\n */}\r\n {/* Comment this portion if live api */}\r\n \r\n {current === \"history\" ? (\r\n
\r\n
\r\n ) : null}\r\n {current === \"pending\" ? (\r\n \r\n Filter: \r\n FilterHistory(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 ApprovalHistory_AdvanceSearch(ReapporoveSearchValue)\r\n }\r\n color=\"primary\"\r\n size=\"sm\"\r\n loading={loading}\r\n >\r\n Proceed\r\n \r\n
\r\n \r\n
\r\n ) : null}\r\n {menuDataTable(current)}\r\n\r\n \r\n Filter: \r\n setStartDate(dateString)}\r\n />\r\n setFilterNumFrom(e.target.value.trim())}\r\n />\r\n \r\n setFilterNumTo(e.target.value.trim())}\r\n />\r\n Filter(startDate, filterNumFrom, filterNumTo)}\r\n color=\"primary\"\r\n size=\"sm\"\r\n style={{ height: 29 }}\r\n >\r\n Search\r\n \r\n {\r\n setData(tempData);\r\n setFilterNumFrom(0);\r\n setFilterNumTo(0);\r\n }}\r\n color=\"primary\"\r\n size=\"sm\"\r\n style={{ height: 29 }}\r\n >\r\n Reset\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n No Uploaded Files Found!\r\n
\r\n ) : (\r\n \r\n No Uploaded Files Found!\r\n
\r\n ) : (\r\n \r\n {\r\n toggleModal();\r\n toggleModDisapprove();\r\n setReason(\"\");\r\n setClicked(\"Disapprove\");\r\n }}\r\n >\r\n Disapprove\r\n \r\n {\r\n setClicked(\"Approve\");\r\n Confirm();\r\n }}\r\n >\r\n Approve\r\n \r\n
\r\n ) : null}\r\n \r\n
\r\n \r\n
{disapproveMessage}
\r\n \r\n \r\n \r\n \r\n Application: \r\n setAppName(AppName)}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n\r\n Send Email\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ForgotPassword;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Button, Input, Modal, Spin } from \"antd\";\r\nimport {\r\n KeyOutlined,\r\n LockOutlined,\r\n EyeTwoTone,\r\n EyeInvisibleOutlined,\r\n ConsoleSqlOutlined,\r\n} from \"@ant-design/icons\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { useParams, useHistory,useLocation } from \"react-router-dom\";\r\nimport \"./OTP.css\";\r\n\r\nimport * as API from \"../../util/live_api\";\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n DecryptTxt,\r\n Encrypt2,\r\n} from \"../../util/EncryptionHandler\";\r\nimport { ConsoleView } from \"react-device-detect\";\r\n\r\nconst OTP = () => {\r\n const location = useLocation();\r\n const [verification_code, setVerification_code] = useState(\"\");\r\n const [password, setPassword] = useState(\"\");\r\n const [confirmpassword, setConfirmpassword] = useState(\"\");\r\n const [loading, setLoading] = useState(false);\r\n const [verified, setVerified] = useState(false);\r\n const { addToast } = useToasts();\r\n let { email } = useParams();\r\n const applicationname = location.state.app;\r\n \r\n let history = useHistory();\r\n const handleVerifyOTP = () => {\r\n \r\n if (verification_code.trim() === \"\") {\r\n return alert(\"Please provide one time password\");\r\n } else {\r\n setLoading(true);\r\n }\r\n let Value = Encrypt2({ verification_code, email });\r\n\r\n if (applicationname == \"AGORA\") {\r\n \r\n fetch(Decrypt(API.VERIFY_OTP), {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n })\r\n .then((response) => {\r\n response.json().then((data) => {\r\n let verified = Decrypt2(data);\r\n if (verified.success) {\r\n setLoading(false);\r\n setVerified(true);\r\n } else {\r\n setLoading(false);\r\n alert(verified.message);\r\n }\r\n });\r\n })\r\n .catch((error) => {\r\n alert(\"Oops\", \"Error!\" + error);\r\n });\r\n } else {\r\n fetch(Decrypt(API.VERIFY_OTP_DOCTORS), {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n })\r\n .then((response) => {\r\n response.json().then((data) => {\r\n let verified = Decrypt2(data);\r\n if (verified.success) {\r\n setLoading(false);\r\n setVerified(true);\r\n } else {\r\n setLoading(false);\r\n alert(verified.message);\r\n }\r\n });\r\n })\r\n .catch((error) => {\r\n alert(\"Oops\", \"Error!\" + error);\r\n });\r\n }\r\n };\r\n\r\n const handleChangPassword = async () => {\r\n var regularExpression = new RegExp(\r\n \"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$%^&*_])(?=.{8,50})\"\r\n );\r\n if (password.length < 6) {\r\n return alert(\"Oops, Password too short\");\r\n }\r\n if (password !== confirmpassword) {\r\n return alert(\"Oops, Password does not match!\");\r\n }\r\n if (!regularExpression.test(password)) {\r\n return alert(\r\n \"Oops, Password should contain atleast one number, one upper case and one special character.\"\r\n );\r\n }\r\n try {\r\n if (applicationname == \"AGORA\") {\r\n let Value = Encrypt2({\r\n emailaddress: email,\r\n newpassword: password,\r\n });\r\n let resp = await fetch(Decrypt(API.FP_CHANGE_PW), {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n if (respJson.success) {\r\n addToast(\"Password Successfully Updated\", {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n history.push(\"/\");\r\n } else {\r\n addToast(respJson.message, {\r\n appearance: \"warning\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n }\r\n } else {\r\n let Value = Encrypt2({\r\n verification_code: verification_code,\r\n email_address: email,\r\n new_password: password,\r\n });\r\n let resp = await fetch(Decrypt(API.FP_CHANGE_PW_DOCTORS), {\r\n method: \"POST\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n if (respJson.success) {\r\n addToast(\"Password Successfully Updated\", {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n history.push(\"/\");\r\n } else {\r\n addToast(respJson.message, {\r\n appearance: \"warning\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n }\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n alert(\"Internal Server Error\");\r\n }\r\n };\r\n const renderOTPScreen = () => (\r\n <>\r\n Forgot your password?
\r\n\r\n Enter your email address below and we'll send you OTP to change your\r\n password\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n Sending otp...
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n\r\n const renderChangePWScreen = () => (\r\n <>\r\n Verify OTP
\r\nEnter the otp that we sent on your email provided.
\r\n\r\n
\r\n \r\n
\r\n Verifying otp...
\r\n\r\n \r\n
\r\n \r\n );\r\n\r\n if (verified === false) {\r\n return renderOTPScreen();\r\n } else {\r\n return renderChangePWScreen();\r\n }\r\n};\r\n\r\nexport default OTP;\r\n","import React from \"react\";\r\nimport { Spin, Modal, Result, Button } from \"antd\";\r\n\r\nexport default class Spinner extends React.Component {\r\n render() {\r\n const { modalLoading, success, close, successMsg, savingMsg } = this.props;\r\n return (\r\n Change Password
\r\nPlease enter your new password
\r\n\r\n \r\n Change password\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {success !== null ? null : (\r\n close()}>\r\n Okay\r\n ,\r\n ]}\r\n />\r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\nimport moment from \"moment\";\r\nimport { Input, Modal, Button, Form, DatePicker, Select } from \"antd\";\r\nimport { MDBIcon, MDBView, MDBMask, MDBCard, MDBCardBody } from \"mdbreact\";\r\nimport LinearIndeterminate from \"../LinearInderterminate\";\r\nimport Spinner from \"./Spinner\";\r\nimport * as API from \"../../util/live_api\";\r\nimport { Decrypt, Decrypt2, Encrypt2 } from \"../../util/EncryptionHandler\";\r\n\r\nconst { Option } = Select;\r\n\r\nexport default function EditANModal({\r\n modalEditAN,\r\n data,\r\n imgPath,\r\n close,\r\n imageLoad,\r\n getAllAN,\r\n}) {\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n\r\n const [details, setDetails] = React.useState({\r\n announcementdate: data.announcementdate,\r\n announcementid: data.announcementid,\r\n content: data.content,\r\n edited: data.edited,\r\n editedby: data.editedby,\r\n image: data.image,\r\n image_type: data.image_type,\r\n intellicare_tag: data.intellicare_tag,\r\n isactive: data.isactive,\r\n path: data.path,\r\n posted: data.posted,\r\n postedby: data.postedby,\r\n status: data.status,\r\n title: data.title,\r\n });\r\n const [enable, setEnable] = React.useState(true);\r\n const [editCaption, setEditCaption] = React.useState(\"Edit\");\r\n const [closeCaption, setCloseCaption] = React.useState(\"Close\");\r\n const [image, setImage] = React.useState(\"\");\r\n const [imgUri, setImgUri] = React.useState(\"\");\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n const [success, setSuccess] = React.useState(null);\r\n const [successMsg, setSuccessMsg] = React.useState(\"\");\r\n const [savingMsg, setSavingMsg] = React.useState(\"\");\r\n const [fileSizeMsg, setFileSizeMsg] = React.useState(\"\");\r\n\r\n const dateFormat = \"MM/DD/YYYY hh:mm:ss\";\r\n\r\n function onEditClick() {\r\n if (editCaption === \"Save\") {\r\n if (image !== \"\") {\r\n handleUpdateAN();\r\n } else {\r\n handleUpdateANwoPic();\r\n }\r\n \r\n\r\n setCloseCaption(\"Close\");\r\n setEnable(true);\r\n setEditCaption(\"Edit\");\r\n }\r\n setEnable(false);\r\n setEditCaption(\"Save\");\r\n setCloseCaption(\"Cancel\");\r\n }\r\n\r\n function onCloseClick() {\r\n if (closeCaption === \"Close\") {\r\n close();\r\n } else {\r\n setDetails({\r\n announcementdate: data.announcementdate,\r\n announcementid: data.announcementid,\r\n content: data.content,\r\n edited: data.edited,\r\n editedby: data.editedby,\r\n image: data.image,\r\n image_type: data.image_type,\r\n intellicare_tag: data.intellicare_tag,\r\n isactive: data.isactive,\r\n path: data.path,\r\n posted: data.posted,\r\n postedby: data.postedby,\r\n status: data.status,\r\n title: data.title,\r\n });\r\n setCloseCaption(\"Close\");\r\n setEnable(true);\r\n setEditCaption(\"Edit\");\r\n }\r\n }\r\n\r\n function handleUploadChange(e) {\r\n const fsize = e.target.files[0].size;\r\n const file = Math.round(fsize / 1024);\r\n if (\r\n e.target.files[0].type !== \"image/png\" &&\r\n e.target.files[0].type !== \"image/jpeg\"\r\n ) {\r\n return alert(\"File is not image type!\");\r\n }\r\n if (file > 4096) {\r\n setFileSizeMsg(\"File too Big, please select a file max of 4mb\");\r\n setImgUri(\"\");\r\n setImage(\"\");\r\n } else {\r\n setFileSizeMsg(\"\");\r\n setImgUri(URL.createObjectURL(e.target.files[0]));\r\n setImage(e.target.files[0]);\r\n }\r\n }\r\n\r\n async function handleUpdateAN() {\r\n let formdata = new FormData();\r\n formdata.append(\"announcement_image\", image);\r\n formdata.append(\"announcement_details\", Encrypt2(details));\r\n try {\r\n setModalLoading(true);\r\n setSuccess(null);\r\n setSavingMsg(\"Saving Changes...\");\r\n let respUpdate = await fetch(Decrypt(API.UPDATE_ANNOUNCEMENT_IMAGE), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n body: formdata,\r\n });\r\n let respUpdateText = await respUpdate.json();\r\n let respUpdateJson = await Decrypt2(respUpdateText);\r\n if (respUpdateJson.is_success) {\r\n setSuccessMsg(\"Announcement has been updated!\");\r\n setImage(\"\");\r\n setSuccess(true);\r\n setEditCaption(\"Edit\");\r\n setCloseCaption(\"Close\");\r\n } else {\r\n setSuccess(false);\r\n setImage(\"\");\r\n setSuccessMsg(respUpdateJson.error_message);\r\n }\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n\r\n async function handleUpdateANwoPic() {\r\n try {\r\n setModalLoading(true);\r\n setSuccess(null);\r\n setSavingMsg(\"Saving Changes...\");\r\n let value = Encrypt2(details);\r\n let respUpdate = await fetch(Decrypt(API.UPDATE_ANNOUNCEMENT), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ value }),\r\n });\r\n let respUpdateText = await respUpdate.json();\r\n let respUpdateJson = await Decrypt2(respUpdateText);\r\n if (respUpdateJson.is_success) {\r\n setSuccessMsg(\"Announcement has been updated!\");\r\n setImage(\"\");\r\n setSuccess(true);\r\n setEditCaption(\"Edit\");\r\n setCloseCaption(\"Close\");\r\n } else {\r\n setSuccess(false);\r\n setImage(\"\");\r\n setSuccessMsg(respUpdateJson.error_message);\r\n }\r\n } catch (err) {\r\n console.log(err);\r\n }\r\n }\r\n\r\n function closeSpinner() {\r\n setModalLoading(false);\r\n if (success === true) {\r\n getAllAN();\r\n close();\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n )}\r\n {success !== null && (\r\n \r\n \r\n // \r\n //
,\r\n // ]\r\n }\r\n footer={[\r\n ,\r\n // ,\r\n ,\r\n ]}\r\n >\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {imageLoad ? (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { MDBBtn, MDBIcon, MDBRow, MDBContainer } from \"mdbreact\";\r\nimport { Select, Input, Modal, Button, Form, DatePicker, Empty } from \"antd\";\r\nimport moment from \"moment\";\r\nimport { Decrypt, Decrypt2, Encrypt2 } from \"../../util/EncryptionHandler\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport * as API from \"../../util/live_api\";\r\nimport \"./Announcement.css\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport AnnouncementCard from \"../DoctorsAnnouncement/AnnouncementCard\";\r\n\r\nconst { Option } = Select;\r\nconst { Search } = Input;\r\nconst layout = {\r\n labelCol: { span: 4 },\r\n wrapperCol: { span: 19 },\r\n};\r\n\r\nconst dateFormat = \"MM/DD/YYYY hh:mm:ss\";\r\nexport default function Announcement() {\r\n const [addmodal, setAddModal] = useState(false);\r\n const [viewmodal, setViewModal] = useState(false);\r\n const [closecaption, setCloseCaption] = useState(\"Close\");\r\n const [detailsinput, setDetailsInput] = useState(true);\r\n const [editcaption, setEditCaption] = useState(\"Edit\");\r\n const [saveinput, setSaveInput] = useState(false);\r\n const [action, setStateAction] = useState(\"Edit\");\r\n const [tempData, setTempData] = React.useState([]);\r\n\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n let history = useHistory();\r\n if (user_info.data.department === \"MIS TECH\") {\r\n history.push(\"/users\");\r\n }\r\n if (!sessionStorage.getItem(\"logged_in\")) {\r\n localStorage.removeItem(\"user_info\");\r\n localStorage.removeItem(\"current_pw\");\r\n history.push(\"/\");\r\n }\r\n\r\n /////// LOCAL VARIABLES\r\n const { addToast, removeToast } = useToasts();\r\n const [lstAnnouncement, setLstAnnoucement] = useState([]);\r\n const [lsttmp, setLsttmp] = useState([]);\r\n const [announcementid, setanncid] = useState([]);\r\n const [warningTime] = useState(15 * 60 * 1000);\r\n const [logoutTime] = useState(10 * 1000);\r\n const [isOpen, setIsOpen] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [modaldetails, setModalDetails] = useState([]);\r\n\r\n //ADD ANNOUNCEMENT VARIABLES\r\n const [details, setDetails] = React.useState({\r\n title: \"\",\r\n content: \"\",\r\n announcementdate: moment(new Date(), dateFormat),\r\n intellicare_tag: user_info.data.intellicareavega_tag,\r\n postedby: user_info.data.emailaddress,\r\n isactive: true,\r\n status: \"A\",\r\n editedby: null,\r\n });\r\n\r\n const [fileSizeMsg, setFileSizeMsg] = React.useState(\"\");\r\n const [imgUri, setImgUri] = React.useState(\"\");\r\n const [image, setImage] = React.useState(null);\r\n //ADD ANNOUNCEMENT VARIABLES\r\n\r\n let warnTimeout;\r\n let logoutTimeout;\r\n let toastId;\r\n ///////\r\n\r\n const closeModal = () => {\r\n setDetails({\r\n title: \"\",\r\n content: \"\",\r\n announcementdate: moment(new Date(), dateFormat),\r\n intellicare_tag: user_info.data.intellicareavega_tag,\r\n postedby: user_info.data.emailaddress,\r\n isactive: true,\r\n status: \"A\",\r\n editedby: null,\r\n });\r\n\r\n setStateAction(\"New\");\r\n setImage(null);\r\n setImgUri(\"\");\r\n\r\n setAddModal(false);\r\n setViewModal(false);\r\n };\r\n\r\n useEffect(() => {\r\n GetAnnouncement();\r\n const events = [\r\n \"load\",\r\n \"mousemove\",\r\n \"mousedown\",\r\n \"click\",\r\n \"scroll\",\r\n \"keypress\",\r\n ];\r\n\r\n for (let i in events) window.addEventListener(events[i], resetTimeout);\r\n\r\n setTimeouts();\r\n return () => {\r\n for (let i in events) {\r\n window.removeEventListener(events[i], resetTimeout);\r\n clearTimeouts();\r\n }\r\n };\r\n }, []);\r\n\r\n return (\r\n <>\r\n {data.title}
\r\n\r\n
\r\n {data.content}
\r\n\r\n {\" \"}\r\n
\r\n {data.announcementdate}
\r\n\r\n toggleEditModal()}\r\n style={{ borderRadius: 20 }}\r\n >\r\n View Details\r\n \r\n
\r\n \r\n
\r\n Announcement \r\n
\r\n \r\n
\r\n \r\n setAddModal(true)}\r\n >\r\n ADD toggleSortToNewest(e)}\r\n disabled={loading ? true : false}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n search(e.target.value)}\r\n allowClear\r\n />\r\n
\r\n \r\n\r\n {lstAnnouncement.length === 0 && !loading &&
\r\n\r\n {/* ADD MODAL */}\r\n
\r\n \r\n
\r\n \r\n\r\n {/* VIEW MODAL */}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Reset\r\n \r\n \r\n {spin ? (\r\n setLoading(false)}\r\n >\r\n Okay\r\n ,\r\n ]}\r\n />\r\n )}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ConcurrentReset;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Button, Input, Modal, Spin, Result, Checkbox } from \"antd\";\r\nimport { MailOutlined } from \"@ant-design/icons\";\r\nimport \"./LockedOut.css\";\r\nimport * as API from \"../../util/live_api\";\r\nimport { Decrypt, Decrypt2, ImgEncrypt } from \"../../util/EncryptionHandler\";\r\nimport CheckSession from \"../CheckSession\";\r\n\r\nconst LockedOut = () => {\r\n const [email, setEmail] = useState(\"\");\r\n const [username, setUsername] = useState(\"\"); //Email\r\n const [checked, setChecked] = useState(true);\r\n const [loading, setLoading] = useState(false);\r\n const [spin, setSpin] = useState(false);\r\n const [success, setSuccess] = useState(false);\r\n const [resultMsg, setResultMsg] = useState(\"\");\r\n let appName = JSON.parse(localStorage.getItem(\"appName\"));\r\n\r\n useEffect(() => {\r\n CheckSession();\r\n }, []);\r\n\r\n const handleMobileLockedOutReset = () => {\r\n if (email.trim() === \"\") {\r\n return alert(\"Please provide email address\");\r\n } else {\r\n setLoading(true);\r\n setSpin(true);\r\n }\r\n\r\n let Email = ImgEncrypt(email);\r\n\r\n if (appName === \"AGORA\") {\r\n fetch(Decrypt(API.AGORA_LOCKEDOUT), {\r\n method: \"POST\",\r\n headers: {\r\n Email,\r\n },\r\n })\r\n .then((response) => {\r\n response.json().then((data) => {\r\n let arogaLocked = Decrypt2(data);\r\n if (arogaLocked.success) {\r\n setSuccess(true);\r\n setSpin(false);\r\n setResultMsg(\"Successfully reset.\");\r\n setEmail(\"\");\r\n } else {\r\n setSuccess(false);\r\n setSpin(false);\r\n setResultMsg(arogaLocked.message);\r\n }\r\n });\r\n })\r\n .catch((error) => {\r\n alert(\"Oops\", \"Error!\" + error);\r\n });\r\n } else {\r\n fetch(Decrypt(API.ARUGA_LOCKEDOUT), {\r\n method: \"POST\",\r\n headers: {\r\n Email,\r\n },\r\n })\r\n .then((response) => {\r\n response.json().then((data) => {\r\n let arogaLocked = Decrypt2(data);\r\n if (arogaLocked.success) {\r\n setSuccess(true);\r\n setSpin(false);\r\n setResultMsg(\"Successfully reset.\");\r\n setEmail(\"\");\r\n } else {\r\n setSuccess(false);\r\n setSpin(false);\r\n setResultMsg(arogaLocked.message);\r\n }\r\n });\r\n })\r\n .catch((error) => {\r\n alert(\"Oops\", \"Error!\" + error);\r\n });\r\n }\r\n };\r\n\r\n const handleAdminLockedOutReset = () => {\r\n if (username.trim() === \"\") {\r\n return alert(\"Please provide username\");\r\n } else {\r\n setLoading(true);\r\n setSpin(true);\r\n }\r\n let Email = ImgEncrypt(username);\r\n if (appName === \"AGORA\") {\r\n fetch(Decrypt(API.ADMIN_LOCKEDOUT), {\r\n method: \"POST\",\r\n headers: {\r\n Email,\r\n },\r\n })\r\n .then((response) => {\r\n response.json().then((data) => {\r\n let adminLocked = Decrypt2(data);\r\n if (adminLocked.success) {\r\n setSuccess(true);\r\n setSpin(false);\r\n setResultMsg(\"Successfully reset.\");\r\n setUsername(\"\");\r\n } else {\r\n setSuccess(false);\r\n setSpin(false);\r\n setResultMsg(adminLocked.message);\r\n }\r\n });\r\n })\r\n .catch((error) => {\r\n alert(\"Oops\", \"Error!\" + error);\r\n });\r\n } else {\r\n fetch(Decrypt(API.ADMIN_LOCKEDOUT_DOCTORS), {\r\n method: \"POST\",\r\n headers: {\r\n Email,\r\n },\r\n })\r\n .then((response) => {\r\n response.json().then((data) => {\r\n let adminLocked = Decrypt2(data);\r\n if (adminLocked.success) {\r\n setSuccess(true);\r\n setSpin(false);\r\n setResultMsg(\"Successfully reset.\");\r\n setUsername(\"\");\r\n } else {\r\n setSuccess(false);\r\n setSpin(false);\r\n setResultMsg(adminLocked.message);\r\n }\r\n });\r\n })\r\n .catch((error) => {\r\n alert(\"Oops\", \"Error!\" + error);\r\n });\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n Reset Login
\r\nEnter your email address below to reset your login.
\r\n\r\n setChecked(true)}>\r\n {appName} App\r\n \r\n setChecked(false)}>\r\n KYC Admin\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n Please wait...
\r\n\r\n \r\n \r\n Reset\r\n \r\n \r\n {spin ? (\r\n setLoading(false)}\r\n >\r\n Okay\r\n ,\r\n ]}\r\n />\r\n )}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default LockedOut;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n Table,\r\n Modal,\r\n Input,\r\n Button,\r\n Select,\r\n Tag,\r\n Popconfirm,\r\n DatePicker,\r\n Tooltip\r\n} from \"antd\";\r\nimport moment from \"moment\";\r\nimport * as FileSaver from \"file-saver\";\r\nimport * as XLSX from \"xlsx\";\r\nimport jsPDF from \"jspdf\";\r\nimport \"jspdf-autotable\";\r\nimport CheckSession from \"./CheckSession\";\r\n\r\nimport LinearIndeterminate from \"./LinearInderterminate\";\r\nimport Spinner from \"./Newsletter/Spinner\";\r\nimport * as API from \"../util/live_api\";\r\nimport { Decrypt, Decrypt2, Encrypt2 } from \"../util/EncryptionHandler\";\r\n\r\nconst { Option } = Select;\r\nconst { Search, TextArea } = Input;\r\n\r\nexport default function AgoraAdvisory() {\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n let xlsreport = [];\r\n const file_Type =\r\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\";\r\n const fileExtension = \".xlsx\";\r\n const [advisory, setAdvisory] = useState([]);\r\n const [temp, setTemp] = useState([]);\r\n const [details, setDetails] = useState({\r\n adv_id: \"\",\r\n advisoryname: \"\",\r\n status: \"\",\r\n open: \"\",\r\n datefrom: undefined,\r\n dateto: undefined,\r\n postedby: \"\",\r\n posteddate: undefined,\r\n editedby: \"\",\r\n edited: undefined,\r\n });\r\n const [modal, setModal] = useState(false);\r\n const [newAdvisory, setNewAdvisory] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n const [success, setSuccess] = React.useState(null);\r\n const [successMsg, setSuccessMsg] = React.useState(\"\");\r\n const [savingMsg, setSavingMsg] = React.useState(\"\");\r\n const [filetype, setFiletype] = useState(\"\");\r\n const [selectedYear, setSelectedYear] = useState('');\r\n const [selectedMonth, setSelectedMonth] = useState(new Date().getMonth() + 1);\r\n\r\n // Create Dropdown with the Year Lists\r\n const currentYear = new Date().getFullYear();\r\n\r\n // Function to generate a range of years including the current year\r\n const generateYears = (startYear, endYear) => {\r\n let years = [];\r\n for (let year = endYear; year >= startYear; year--) {\r\n years.push(year);\r\n }\r\n return years;\r\n };\r\n\r\n const months = [\r\n \"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\r\n \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\r\n ]; \r\n\r\n // Assuming you want to show the last 5 years including the current year\r\n const years = generateYears(currentYear - 5, currentYear);\r\n\r\n useEffect(() => {\r\n CheckSession();\r\n loadComponent();\r\n }, []);\r\n\r\n const columns = [\r\n {\r\n dataIndex: \"adv_id\",\r\n className: \"hide\",\r\n width: 300,\r\n },\r\n {\r\n title: \"Advisory\",\r\n dataIndex: \"advisoryname\",\r\n width: 100,\r\n ellipsis: {\r\n showTitle: false,\r\n },\r\n render: (advisory) => (\r\n Reset Locked Out
\r\nEnter your email address below to reset login.
\r\n\r\n setChecked(true)}>\r\n {appName} App\r\n \r\n setChecked(false)}>\r\n KYC Admin\r\n \r\n
\r\n\r\n \r\n {checked ? (\r\n
\r\n \r\n
\r\n ) : (\r\n Please wait...
\r\n\r\n {loading ? \r\n newAdvisory ? handleAddAdvisory() : handleEditAdvisory()\r\n }\r\n >\r\n Save\r\n ,\r\n ,\r\n ]}\r\n >\r\n
\r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n Table,\r\n Modal,\r\n Input,\r\n Button,\r\n Select,\r\n Tag,\r\n Popconfirm,\r\n DatePicker,\r\n} from \"antd\";\r\nimport moment from \"moment\";\r\nimport * as FileSaver from \"file-saver\";\r\nimport * as XLSX from \"xlsx\";\r\nimport jsPDF from \"jspdf\";\r\nimport \"jspdf-autotable\";\r\n\r\nimport LinearIndeterminate from \"./LinearInderterminate\";\r\nimport Spinner from \"./Newsletter/Spinner\";\r\nimport * as API from \"../util/live_api\";\r\nimport { Decrypt, Decrypt2, Encrypt2 } from \"../util/EncryptionHandler\";\r\n\r\nconst { Option } = Select;\r\nconst { Search, TextArea } = Input;\r\n\r\nexport default function ArugaAdvisory() {\r\n\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n let xlsreport = [];\r\n const file_Type =\r\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\";\r\n const fileExtension = \".xlsx\";\r\n const [advisory, setAdvisory] = useState([]);\r\n const [temp, setTemp] = useState([]);\r\n const [details, setDetails] = useState({\r\n adv_id: \"\",\r\n advisoryname: \"\",\r\n status: \"\",\r\n open: \"\",\r\n datefrom: undefined,\r\n dateto: undefined,\r\n postedby: \"\",\r\n posteddate: undefined,\r\n editedby: \"\",\r\n edited: undefined,\r\n });\r\n const [modal, setModal] = useState(false);\r\n const [newAdvisory, setNewAdvisory] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n const [success, setSuccess] = React.useState(null);\r\n const [successMsg, setSuccessMsg] = React.useState(\"\");\r\n const [savingMsg, setSavingMsg] = React.useState(\"\");\r\n const [filetype, setFiletype] = useState(\"\");\r\n \r\n const columns = [\r\n {\r\n dataIndex: \"adv_id\",\r\n className: \"hide\",\r\n },\r\n {\r\n title: \"Advisory\",\r\n dataIndex: \"advisoryname\",\r\n width: \"170px\",\r\n },\r\n {\r\n title: \"Status\",\r\n dataIndex: \"status\",\r\n render: (status) => {\r\n let color = \"geekblue\";\r\n if (status !== \"A\") {\r\n color = \"volcano\";\r\n }\r\n return (\r\n \r\n 0 ? advisory : null}\r\n columns={columns}\r\n onRow={handleRowClick}\r\n rowKey=\"adv_id\"\r\n style={{ paddingTop: 10, cursor: 'pointer' }}\r\n loading={loading}\r\n size=\"middle\"\r\n scroll={{ x: 1200, y: null }}\r\n pagination={{\r\n showSizeChanger: true,\r\n pageSizeOptions: ['5', '10', '20'],\r\n showTotal: (total) => `Total ${total} items`,\r\n }}\r\n />\r\n
\r\n \r\n search(e.target.value)}\r\n allowClear\r\n />\r\n
\r\n \r\n \r\n \r\n filterByYear(e)}\r\n value={selectedYear}\r\n >\r\n {years.map(year => (\r\n \r\n ))}\r\n \r\n \r\n filterByMonth(e)}\r\n value={selectedMonth}\r\n >\r\n {months.map((month, index) => (\r\n \r\n ))}\r\n \r\n \r\n sort(e)}\r\n >\r\n \r\n \r\n \r\n \r\n setFiletype(e)}\r\n >\r\n \r\n \r\n \r\n \r\n filetype === \"\"\r\n ? alert(\"Please select file type\")\r\n : filetype === \"Excel\"\r\n ? exportToXLSX(advisory)\r\n : exportToPDF(advisory)\r\n }\r\n >\r\n Export\r\n \r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetails((prevState) => {\r\n return { ...prevState, advisoryname: val };\r\n });\r\n }}\r\n style={{ marginBottom: 5, minHeight: 200 }}\r\n />\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n setDetails((prevState) => {\r\n return { ...prevState, status: e };\r\n })\r\n }\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n setDetails((prevState) => {\r\n return { ...prevState, open: 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 setDetails((prevState) => {\r\n return { ...prevState, datefrom: e };\r\n })\r\n }\r\n />\r\n
\r\n \r\n \r\n \r\n setDetails((prevState) => {\r\n return { ...prevState, dateto: e };\r\n })\r\n }\r\n />\r\n
\r\n \r\n
\r\n {newAdvisory ? null : (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {loading ? \r\n newAdvisory ? handleAddAdvisory() : handleEditAdvisory()\r\n }\r\n >\r\n Save\r\n ,\r\n ,\r\n ]}\r\n >\r\n
\r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Modal, Input, Button, Select, Alert, Tag } from \"antd\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport moment from \"moment\";\r\nimport * as API from \"../../util/live_api\";\r\nimport CheckSession from \"../CheckSession\";\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n Encrypt,\r\n EncryptHeader,\r\n Encrypt2,\r\n ImgEncrypt,\r\n} from \"../../util/EncryptionHandler\";\r\n\r\nconst { Option } = Select;\r\n\r\nconst plan_columns = [\r\n {\r\n title: \"Corporate Account\",\r\n dataIndex: \"account\",\r\n key: \"account\",\r\n },\r\n {\r\n title: \"Company\",\r\n dataIndex: \"company\",\r\n },\r\n {\r\n dataIndex: \"recordid\",\r\n className: \"hide\",\r\n },\r\n];\r\n\r\nconst suspended_columns = [\r\n {\r\n title: \"Corporate Account\",\r\n dataIndex: \"corpacct\",\r\n key: \"corpacct\",\r\n },\r\n {\r\n title: \"Company\",\r\n dataIndex: \"company\",\r\n },\r\n {\r\n title: 'Status',\r\n key: 'tags',\r\n dataIndex: 'tags',\r\n render: tags => (\r\n <>\r\n {tags.map(tag => {\r\n let color = tag === 'active' ? 'geekblue' : 'green';\r\n if (tag === 'suspended') {\r\n color = 'volcano';\r\n }\r\n return (\r\n \r\n 0 ? advisory : null}\r\n columns={columns}\r\n rowKey=\"adv_id\"\r\n style={{ paddingTop: 10, overflow: \"scroll\" }}\r\n loading={loading}\r\n size=\"middle\"\r\n />\r\n
\r\n \r\n search(e.target.value)}\r\n allowClear\r\n />\r\n
\r\n \r\n \r\n \r\n sort(e)}\r\n >\r\n \r\n \r\n \r\n \r\n setFiletype(e)}\r\n >\r\n \r\n \r\n \r\n \r\n filetype === \"\"\r\n ? alert(\"Please select file type\")\r\n : filetype === \"Excel\"\r\n ? exportToXLSX(advisory)\r\n : exportToPDF(advisory)\r\n }\r\n >\r\n Export\r\n \r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetails((prevState) => {\r\n return { ...prevState, advisoryname: val };\r\n });\r\n }}\r\n style={{ marginBottom: 5 }}\r\n />\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n setDetails((prevState) => {\r\n return { ...prevState, status: e };\r\n })\r\n }\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n setDetails((prevState) => {\r\n return { ...prevState, open: 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 setDetails((prevState) => {\r\n return { ...prevState, datefrom: e };\r\n })\r\n }\r\n />\r\n
\r\n \r\n \r\n \r\n setDetails((prevState) => {\r\n return { ...prevState, dateto: e };\r\n })\r\n }\r\n />\r\n
\r\n \r\n
\r\n {newAdvisory ? null : (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n setModalConfirm(true)}\r\n >\r\n {loading ? (\r\n onClickSaveSuspend()}\r\n >\r\n {loading ? (\r\n onClickUpdateSuspend()}\r\n >\r\n {loading ? (\r\n
\r\n );\r\n}","/* nothing to put for now */\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Table, Modal, Input, Button, Select, Alert, Tag } from \"antd\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport moment from \"moment\";\r\nimport * as API from \"../../util/live_api\";\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n Encrypt,\r\n EncryptHeader,\r\n Encrypt2,\r\n ImgEncrypt,\r\n} from \"../../util/EncryptionHandler\";\r\nimport CheckSession from \"../CheckSession\";\r\n\r\n\r\nconst { Option } = Select;\r\n\r\nconst plan_columns = [\r\n {\r\n title: \"Corporate Account\",\r\n dataIndex: \"account\",\r\n key: \"account\"\r\n },\r\n {\r\n title: \"Company\",\r\n dataIndex: \"company\",\r\n },\r\n {\r\n dataIndex: \"recordid\",\r\n className: \"hide\",\r\n },\r\n];\r\n\r\nconst feature_columns = [\r\n {\r\n title: \"Feature Name\",\r\n dataIndex: \"feature\",\r\n key: \"feature\"\r\n },\r\n {\r\n title: 'Status',\r\n key: 'tags',\r\n dataIndex: 'tags',\r\n render: tags => (\r\n <>\r\n {tags.map(tag => {\r\n let color = tag === 'active' ? 'geekblue' : 'green';\r\n if (tag === 'disabled') {\r\n color = 'volcano';\r\n }\r\n return (\r\n \r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"Update\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n \r\n \r\n \r\n \r\n \r\n \r\n setIs_Suspended(e)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n Suspending...\r\n
\r\n ) : (\r\n \"Suspend\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n \r\n \r\n setsearchValue(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 Saving...\r\n
\r\n ) : (\r\n \"YES\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n \r\n Proceed with the changes?\r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n setModalConfirm(true)}\r\n >\r\n {loading ? (\r\n onClickAccount()}\r\n >\r\n {loading ? (\r\n onClickUpdateFeatureStatus()}\r\n >\r\n {loading ? (\r\n
\r\n );\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Modal, Input, Button, Select, Alert, Tag } from \"antd\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport * as API from \"../../util/live_api\";\r\nimport CheckSession from \"../CheckSession\";\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n Encrypt2,\r\n} from \"../../util/EncryptionHandler\";\r\n\r\nconst emailfeature_columns = [\r\n {\r\n title: \"App Name\",\r\n dataIndex: \"appname\",\r\n },\r\n {\r\n title: \"API Code\",\r\n dataIndex: \"apicode\",\r\n },\r\n {\r\n title: \"URL Endpoint\",\r\n dataIndex: \"url\",\r\n },\r\n {\r\n title: \"Email Service\",\r\n dataIndex: \"emailsrvname\",\r\n },\r\n {\r\n title: \"Posted Date\",\r\n dataIndex: \"posted\",\r\n },\r\n {\r\n title: \"Posted by\",\r\n dataIndex: \"postedby\",\r\n },\r\n {\r\n title: \"Edited Date\",\r\n dataIndex: \"edit\",\r\n },\r\n {\r\n title: \"Edited by\",\r\n dataIndex: \"editby\",\r\n },\r\n {\r\n dataIndex: \"emailsrvurlid\",\r\n className: \"hide\",\r\n },\r\n];\r\n\r\nexport default function EmailFeature() {\r\n\r\n //for Adding of new App service\r\n const [srvlistNameValue, setsrvlistNameValue] = useState(\"\");\r\n const [appValue, setappValue] = useState(\"\");\r\n const [apiCodeValue, setapiCodeValue] = useState(\"\");\r\n const [servValue, setservValue] = useState(\"\");\r\n const [servURLIDValue, setservURLIDValue] = useState(\"\");\r\n const [endPointValue, setendPointValue] = useState(\"\");\r\n\r\n //For Service table\r\n const [lstURLs, setlstURLs] = useState([]);\r\n const [lstSRVs, setlstSRVs] = useState([]);\r\n const [hasDataURL, sethasDataURL] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [username, setUsername] = useState(\"\");\r\n\r\n //Modals\r\n const [modal_Add, setModal_Add] = useState(false);\r\n const [modal_Edit, setModal_Edit] = useState(false);\r\n const [modal_confirm, setModalConfirm] = useState(false);\r\n\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n\r\n const { addToast } = useToasts();\r\n\r\n useEffect(() => {\r\n CheckSession();\r\n getEmailURLData(); // for live\r\n }, []);\r\n\r\n async function getEmailURLData() {\r\n try {\r\n setUsername(user_info.data.emailaddress);\r\n let resp_srvurl = await fetch(Decrypt(API.GET_ALLSVRURL), {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n }\r\n }); //\r\n\r\n let resp_srvlist = await fetch(Decrypt(API.GET_ALLSVRLIST), {\r\n method: \"GET\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n }\r\n }); //\r\n\r\n let respJson_url = await resp_srvurl.json();\r\n let respJson_list = await resp_srvlist.json();\r\n\r\n if (respJson_url === \"Invalid Access Token\") {\r\n sethasDataURL(false);\r\n return;\r\n } else {\r\n if (respJson_url.data.length > 0) {\r\n let decrypted = respJson_url.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n \r\n return newD;\r\n });\r\n\r\n setlstURLs(decrypted);\r\n sethasDataURL(true);\r\n }\r\n else {\r\n sethasDataURL(false);\r\n return alert(\"No existing URL list!\");\r\n }\r\n\r\n }\r\n\r\n if (respJson_list.data.length > 0) {\r\n let decrypted = respJson_list.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n\r\n return newD;\r\n });\r\n\r\n setlstSRVs(decrypted);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n sethasDataURL(false);\r\n }\r\n\r\n return\r\n }\r\n\r\n function onURLRowClick(record) {\r\n return {\r\n onClick: () => {\r\n setModal_Edit(true);\r\n setappValue(record.appname);\r\n setapiCodeValue(record.apicode);\r\n setendPointValue(record.url);\r\n setsrvlistNameValue(record.emailsrvname);\r\n setservURLIDValue(record.emailsrvurlid)\r\n setservValue(record.emailsrvlistid);\r\n },\r\n };\r\n }\r\n\r\n async function onClickUpdateService() {\r\n setLoading(true);\r\n setModalConfirm(false);\r\n\r\n try {\r\n let Value = Encrypt2({\r\n emailsrvurlid: servURLIDValue,\r\n emailsrvlistid: servValue,\r\n appname: appValue, \r\n url: endPointValue, \r\n apicode: apiCodeValue, \r\n postedby: username});\r\n\r\n let resp = await fetch(Decrypt(API.UPDATE_SVRURL), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n if (respJson.success) {\r\n addToast(\"Server URL successfully updated\", {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n getEmailURLData();\r\n setModal_Edit(false);\r\n setLoading(false);\r\n } else {\r\n addToast(respJson.message, {\r\n appearance: \"warning\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n setModal_Edit(false);\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n function onClickAddService() {\r\n sethasDataURL(true); //for loading of Search button\r\n setModal_Add(true);\r\n setsrvlistNameValue(\"\");\r\n }\r\n\r\n async function onClickSaveService() {\r\n if (appValue === \"\" || appValue === null) {\r\n return alert(\"App Name field is empty, please check.\");\r\n }\r\n\r\n if (apiCodeValue === \"\" || apiCodeValue === null) {\r\n return alert(\"API Code field is empty, please check.\");\r\n }\r\n\r\n if (endPointValue === \"\" || endPointValue === null) {\r\n return alert(\"End point field is empty, please check.\");\r\n }\r\n \r\n if (srvlistNameValue === \"\" || srvlistNameValue === null) {\r\n return alert(\"Service field is empty, please check.\");\r\n }\r\n \r\n if (servValue === \"\" || servValue === null) {\r\n return alert(\"Service ID is empty, please contact MIS.\");\r\n }\r\n\r\n setLoading(true);\r\n\r\n\r\n try {\r\n let Value = Encrypt2({\r\n emailsrvlistid: servValue,\r\n appname: appValue, \r\n url: endPointValue, \r\n apicode: apiCodeValue, \r\n postedby: username});\r\n\r\n let resp = await fetch(Decrypt(API.ADD_SVRURL), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n let respText = await resp.json();\r\n let respJson = await Decrypt2(respText);\r\n\r\n if (respJson.success) {\r\n addToast(\"App URL successfully added\", {\r\n appearance: \"success\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n getEmailURLData();\r\n setModal_Add(false);\r\n setLoading(false);\r\n } else {\r\n addToast(respJson.message, {\r\n appearance: \"warning\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n setModal_Add(false);\r\n setLoading(false);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n async function captureSelectedService(item) {\r\n let service_name = item;\r\n\r\n var value = lstSRVs.filter(function(item) {\r\n return item.emailsrvname.toUpperCase() == service_name.toUpperCase();\r\n });\r\n \r\n setsrvlistNameValue(service_name);\r\n setservValue(value[0].emailsrvlistid.toUpperCase());\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 Saving...\r\n
\r\n ) : (\r\n \"Update\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n \r\n \r\n \r\n \r\n setIs_disabled(e)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n Selecting...\r\n
\r\n ) : (\r\n \"Select\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n \r\n \r\n setsearchValue(e.target.value)} />\r\n \r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"YES\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n \r\n Proceed with the changes?\r\n
\r\n \r\n\r\n \r\n setModalConfirm(true)}\r\n >\r\n {loading ? (\r\n onClickSaveService()} //onClickSaveSuspend\r\n >\r\n {loading ? (\r\n onClickUpdateService()}\r\n >\r\n {loading ? (\r\n
\r\n );\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Modal, Input, Button, Select, Alert, Tag } from \"antd\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport * as API from \"../../util/live_api\";\r\n\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n Encrypt2,\r\n EncryptHeader,\r\n} from \"../../util/EncryptionHandler\";\r\nimport CheckSession from \"../CheckSession\";\r\n\r\nconst { Option } = Select;\r\n\r\nconst emailconfig_columns = [\r\n {\r\n title: \"Key\",\r\n dataIndex: \"key\",\r\n },\r\n {\r\n title: \"Value\",\r\n dataIndex: \"value\",\r\n },\r\n {\r\n title: 'Status',\r\n key: 'tags',\r\n dataIndex: 'tags',\r\n render: tags => (\r\n <>\r\n {tags.map(tag => {\r\n let color = tag === 'active' ? 'geekblue' : 'green';\r\n if (tag === 'disabled') {\r\n color = 'volcano';\r\n }\r\n return (\r\n \r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"Update\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n \r\n \r\n setapiCodeValue(e.target.value)}/>\r\n \r\n setappValue(e.target.value)}/>\r\n \r\n setendPointValue(e.target.value)} />\r\n \r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n Adding...\r\n
\r\n ) : (\r\n \"Save\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n \r\n \r\n setappValue(e.target.value)} />\r\n \r\n captureSelectedService(e)}\r\n >\r\n {lstSRVs.map(val => )}\r\n \r\n \r\n setendPointValue(e.target.value)} />\r\n \r\n setapiCodeValue(e.target.value)} />\r\n
\r\n
\r\n\r\n \r\n \r\n\r\n \r\n
\r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"YES\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n \r\n Proceed with the changes?\r\n
\r\n \r\n\r\n \r\n onClickAddNewConfig()}>\r\n Configurations\r\n ,\r\n setModalConfirm(true)}\r\n >\r\n Update\r\n ,\r\n ,\r\n ]}>\r\n onClickSaveService()} //onClickSaveSuspend\r\n > \r\n Save \r\n ,\r\n ,\r\n ]}>\r\n
\r\n \r\n \r\n\r\n setModal_Add_Config(false)} key=\"close\">\r\n Close\r\n ,\r\n ]}>\r\n setModal_Edit_Config(false)} key=\"close\">\r\n Close\r\n ,\r\n ]}>\r\n onClickUpdateService()}>\r\n \"YES\"\r\n ,\r\n ,\r\n ]}>\r\n
\r\n );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport * as API from \"../util/live_api\";\r\nimport { Decrypt, Decrypt2, EncryptHeader } from \"../util/EncryptionHandler\";\r\n\r\nconst useLogout = (startTime) => {\r\n const [timer, setTimer] = useState(startTime);\r\n const [warningTime] = useState(10 * 1000);\r\n const [logoutTime] = useState(10 * 1000);\r\n const [toastId, setToastID] = useState(\"\");\r\n const [toastId5mins, setToastID5mins] = useState(\"\");\r\n\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n const { addToast, removeToast } = useToasts();\r\n\r\n let warnTimeout;\r\n let logoutTimeout;\r\n\r\n useEffect(() => {\r\n const myInterval = setInterval(() => {\r\n if (timer > 0) {\r\n setTimer(timer - 1);\r\n }\r\n }, 1000);\r\n\r\n if (timer == 610) {\r\n if (user_info) {\r\n FiveMins();\r\n }\r\n }\r\n\r\n if (timer == 10) {\r\n if (user_info) {\r\n TimeOut();\r\n }\r\n }\r\n const resetTimeout = () => {\r\n removeToast(toastId5mins);\r\n // removeToast(toastId);\r\n setTimer(startTime);\r\n };\r\n const events = [\r\n \"load\",\r\n \"mousemove\",\r\n \"mousedown\",\r\n \"click\",\r\n \"scroll\",\r\n \"keypress\",\r\n ];\r\n for (let i in events) {\r\n window.addEventListener(events[i], resetTimeout);\r\n }\r\n return () => {\r\n clearInterval(myInterval);\r\n for (let i in events) {\r\n window.removeEventListener(events[i], resetTimeout);\r\n }\r\n };\r\n });\r\n\r\n function TimeOut() {\r\n // setTimeout(warn, warningTime);\r\n // setTimeout(SessionUpdate, warningTime + logoutTime);\r\n warnTimeout = setTimeout(warn, warningTime);\r\n logoutTimeout = setTimeout(SessionUpdate, warningTime + logoutTime);\r\n }\r\n\r\n function FiveMins() {\r\n warnTimeout = setTimeout(fivemins, warningTime);\r\n }\r\n\r\n function clearTimeouts() {\r\n if (warnTimeout) clearTimeout(warnTimeout);\r\n if (SessionUpdate) clearTimeout(logoutTimeout);\r\n }\r\n\r\n function logout() {\r\n localStorage.removeItem(\"user_info\");\r\n localStorage.removeItem(\"current_pw\");\r\n window.location.href = window.location.origin + \"/login\";\r\n }\r\n\r\n async function SessionUpdate() {\r\n let EncryptedEmail = EncryptHeader(user_info.data.emailaddress);\r\n\r\n let stat_resp = await fetch(Decrypt(API.LOGOUT_USER_STAT), {\r\n method: \"POST\",\r\n headers: {\r\n Email: EncryptedEmail,\r\n },\r\n });\r\n\r\n let stat_respText = await stat_resp.text();\r\n let stat_respJson = await Decrypt2(stat_respText.replace(/\"/g, \"\"));\r\n\r\n if (stat_respJson.success) {\r\n logout();\r\n } else {\r\n addToast(\"Error\", {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 2000,\r\n });\r\n }\r\n }\r\n\r\n function fivemins() {\r\n document.title = \"Idle warning...\";\r\n addToast(\r\n \"You have been idle for atleast 5 minutes.\",\r\n {\r\n appearance: \"warning\",\r\n // autoDismiss: true,\r\n // autoDismissTimeout: logoutTime,\r\n },\r\n (id) => {\r\n setToastID5mins(id);\r\n }\r\n );\r\n }\r\n\r\n function warn() {\r\n document.title = \"Logging Out...\";\r\n addToast(\r\n \"You are about to logout in \" +\r\n logoutTime / 1000 +\r\n \" seconds due to inactivity.\",\r\n {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: logoutTime,\r\n },\r\n (id) => {\r\n setToastID(id);\r\n }\r\n );\r\n }\r\n\r\n return timer;\r\n};\r\n\r\nexport default useLogout;\r\n","import { Button, Input, Modal, Select, Table, Tag } from \"antd\";\r\nimport { MDBIcon } from \"mdbreact\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport styled from \"styled-components\";\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n DecryptResp,\r\n Encrypt2,\r\n EncryptHeader,\r\n} from \"../../util/EncryptionHandler\";\r\nimport * as API from \"../../util/live_api\";\r\nimport CheckSession from \"../CheckSession\";\r\nimport LoadSpinner from \"../../global/spinner/globalspinner\";\r\n\r\nconst IDCardContainer = styled.div`\r\n position: relative;\r\n width: 100%;\r\n height: 488px;\r\n padding: 20px;\r\n // border: 1px solid #ddd;\r\n border-radius: 30px;\r\n background-size: contain; /* Ensure background image covers the entire container */\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n box-sizing: border-box;\r\n overflow: visible; /* Ensure overflow is visible */\r\n`;\r\n\r\nconst IDCardContent = styled.div`\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n height: 60%; /* Adjust this height if needed */\r\n width: 90%; /* Ensure it fills the width of the container */\r\n position: absolute; /* Allows positioning within the parent container */\r\n bottom: 0; /* Position it at the bottom of the parent container */\r\n margin-bottom: calc(\r\n 340px * 0.02\r\n ); /* Dynamic margin based on container height (2% of height) */\r\n // background-color: #000;\r\n`;\r\n\r\nconst IDCardImageContainer = styled.div`\r\n position: absolute;\r\n top: 20px; /* Adjust the top position */\r\n right: -20px; /* Adjust the right position */\r\n flex-shrink: 0; /* Prevent the container from shrinking */\r\n`;\r\n\r\nconst IDCardImage = styled.img`\r\n width: calc(\r\n 340px * 0.25\r\n ); /* Dynamic width based on container height (25% of height) */\r\n height: calc(340px * 0.25); /* Dynamic height based on container height */\r\n`;\r\n\r\nconst IDCardFieldsContainer = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-evenly; /* Distribute space evenly */\r\n height: 100%; /* Ensure it takes the full height of its parent */\r\n padding: 0 10px; /* Optional: Add padding if needed */\r\n`;\r\n\r\nconst IDCardField = styled.div`\r\n font-size: calc(\r\n 340px * 0.05\r\n ); /* Dynamic font size based on container height (6% of height) */\r\n line-height: 1.2;\r\n margin-bottom: calc(\r\n 340px * 0.02\r\n ); /* Dynamic margin based on container height (2% of height) */\r\n`;\r\n\r\nconst { Option } = Select;\r\n\r\nconst plan_columns = [\r\n {\r\n title: \"Corporate Account\",\r\n dataIndex: \"account\",\r\n key: \"account\",\r\n },\r\n {\r\n title: \"Company\",\r\n dataIndex: \"company\",\r\n },\r\n {\r\n dataIndex: \"avega\",\r\n className: \"hide\",\r\n },\r\n {\r\n dataIndex: \"recordid\",\r\n className: \"hide\",\r\n },\r\n];\r\n\r\nconst label_columns = [\r\n {\r\n title: \"Label\",\r\n dataIndex: \"label\",\r\n key: \"label\",\r\n },\r\n {\r\n title: \"Field\",\r\n dataIndex: \"field\",\r\n key: \"field\",\r\n },\r\n {\r\n title: \"Status\",\r\n key: \"tags\",\r\n dataIndex: \"tags\",\r\n render: (tags) => (\r\n <>\r\n {tags.map((tag) => {\r\n let color = tag === \"active\" ? \"geekblue\" : \"green\";\r\n if (tag === \"disabled\") {\r\n color = \"volcano\";\r\n }\r\n return (\r\n \r\n \r\n \r\n setservNameValue(e.target.value)} />\r\n \r\n setIs_disabledService(e)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n setservNameValue(e.target.value)} />\r\n \r\n setIs_disabledService(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 setkeyValue(e.target.value)} />\r\n \r\n setvalValue(e.target.value)} />\r\n \r\n setIs_disabledConfig(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 setkeyValue(e.target.value)} />\r\n \r\n setvalValue(e.target.value)} />\r\n \r\n setIs_disabledConfig(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 Proceed with the changes?\r\n
\r\n \r\n\r\n //
\r\n // );\r\n // } else {\r\n return (\r\n \r\n
\r\n
\r\n {addLabel ? (\r\n\r\n \r\n
\r\n ) : null}\r\n \r\n \r\n
\r\n\r\n GetConfigs(e)}\r\n showSearch\r\n filterOption={(input, option) => {\r\n if (option && option.props.children) {\r\n const children =\r\n typeof option.props.children === \"string\"\r\n ? option.props.children\r\n : \"\";\r\n return children.toLowerCase().includes(input.toLowerCase());\r\n }\r\n return false;\r\n }}\r\n >\r\n {accounts.map((account, index) => (\r\n \r\n ))}\r\n \r\n {/* GetConfigs(e)}\r\n >\r\n {accounts.map((account, index) => (\r\n \r\n ))}\r\n */}\r\n \r\n
\r\n \r\n
\r\n
\r\n {addLabel ? (\r\n
\r\n \r\n \r\n
\r\n \r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"Update\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n \r\n \r\n setLabel(e.target.value)}\r\n />\r\n \r\n setIsActiveOutput(e)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n setField(e.target.value)}\r\n />\r\n
\r\n \r\n
\r\n \r\n handleChange(e)}\r\n />\r\n
\r\n \r\n \r\n
\r\n ) : (\r\n \"Save\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n \r\n \r\n setsearchValue(e.target.value)}\r\n />\r\n onSearchCompany()}\r\n >\r\n Search\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n {selectedImage && (\r\n
\r\n {\r\n let reader = new FileReader();\r\n reader.onload = function () {\r\n let base64 = reader.result.replace(/^.+?;base64,/, \"\");\r\n setSelectedFileBase64(base64);\r\n };\r\n\r\n if (event.target.files[0]) {\r\n reader.readAsDataURL(event.target.files[0]);\r\n }\r\n\r\n let imgtype = event.target.files[0].type;\r\n\r\n if (\r\n imgtype !== \"image/png\" &&\r\n imgtype !== \"image/jpg\" &&\r\n imgtype !== \"image/jpeg\"\r\n ) {\r\n setSelectedImage(null);\r\n return alert(\r\n \"Invalid attachment file type. (*jpg , *jpeg , *png types only).\"\r\n );\r\n }\r\n\r\n switch (imgtype) {\r\n case \"image/png\":\r\n setFileExt(\"PNG\");\r\n break;\r\n case \"image/jpg\":\r\n setFileExt(\"JPG\");\r\n break;\r\n case \"image/jpeg\":\r\n setFileExt(\"JPEG\");\r\n break;\r\n default:\r\n // do nothing\r\n }\r\n\r\n setSelectedImage(event.target.files[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
\r\n setSelectedImage(null)}\r\n >\r\n Remove\r\n \r\n
\r\n \r\n
\r\n {\" \"}\r\n Selecting...\r\n
\r\n ) : (\r\n \"Select\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n \r\n \r\n setsearchValue(e.target.value)}\r\n />\r\n onSearchCompany()}\r\n >\r\n {!hasDataPlan ? (\r\n
\r\n
\r\n \r\n \r\n {\" \"}\r\n Searching...\r\n
\r\n ) : (\r\n \"Search\"\r\n )}\r\n \r\n \r\n
\r\n
\r\n ) : (\r\n \"Save\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n \r\n \r\n
\r\n \r\n
\r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"YES\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n Proceed with the changes?
\r\n \r\n \r\n \r\n );\r\n}\r\n// }\r\n","\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Table, Modal, Input, Button, Select, Alert, Tag, Checkbox, Divider, Tooltip, Icon } from \"antd\";\r\nimport { useHistory, Link } from \"react-router-dom\";\r\nimport './SysAccessManageAccess.css';\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport Spinner from \"../Newsletter/Spinner\";\r\n\r\n//apis\r\nimport * as API from \"../../util/live_api\";\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n EncryptHeader,\r\n Encrypt2,\r\n ImgEncrypt,\r\n DecryptTxt,\r\n} from \"../../util/EncryptionHandler\";\r\nimport CheckSession from \"../CheckSession\";\r\n\r\nconst { Option } = Select;\r\n\r\n\r\nexport default function SysAccessManageAccess() {\r\n\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n const [success, setSuccess] = React.useState(null);\r\n const [successMsg, setSuccessMsg] = React.useState(\"\");\r\n const [savingMsg, setSavingMsg] = React.useState(\"\");\r\n const [syscode, setSyscode] = useState(\"SC00999\");\r\n\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n // console.log(user_info)\r\n let history = useHistory();\r\n if (user_info.data.department === \"MIS TECH\") {\r\n history.push(\"/users\");\r\n }\r\n if (!sessionStorage.getItem(\"logged_in\")) {\r\n SessionUpdate();\r\n localStorage.removeItem(\"user_info\");\r\n localStorage.removeItem(\"current_pw\");\r\n history.push(\"/sysaccess-manage-access\");\r\n }\r\n\r\n\r\n const [detailsRoles, setDetailsRoles] = useState({\r\n rolesid: \"\",\r\n name: \"\",\r\n syscode: syscode,\r\n iscritical: false,\r\n username: user_info.data.emailaddress,\r\n });\r\n\r\n const [detailsRolesAccess, setDetailsRolesAccess] = useState({\r\n rolesaccessid: \"\",\r\n rolesid: \"\",\r\n modaccessid: \"\",\r\n syscode: syscode,\r\n username: user_info.data.emailaddress,\r\n });\r\n\r\n const [detailsMainMenu, setDetailsMainMenu] = useState({\r\n tabaccessid: \"\",\r\n tabname: \"\",\r\n icon: \"\",\r\n syscode: syscode,\r\n username: user_info.data.emailaddress,\r\n });\r\n\r\n const [detailsSubMenu, setDetailsSubMenu] = useState({\r\n tabaccessid: \"\",\r\n tabname: \"\",\r\n modaccessid: \"\",\r\n icon: \"\",\r\n labelname: \"\",\r\n routename: \"\",\r\n syscode: syscode,\r\n username: user_info.data.emailaddress,\r\n });\r\n\r\n const [hasDataRoles, setHasDataRoles] = useState(true);\r\n const [dataSourceRoles, setdataSourceRoles] = useState([]);\r\n\r\n const [dataSourceRolesAccess, setdataSourceRolesAccess] = useState([]);\r\n\r\n const [hasDataMainMenus, setHasDataMainMenus] = useState(true);\r\n const [dataSourceMainMenus, setdataSourceMainMenus] = useState([]);\r\n\r\n const [hasDataSubMenus, setHasDataSubMenus] = useState(true);\r\n const [dataSourceSubMenus, setdataSourceSubMenus] = useState([]);\r\n\r\n const [dataSourceSubMenusDropDownTemp, setdataSourceSubMenusDropDownTemp] = useState([]);\r\n const [dataSourceSubMenusDropDown, setdataSourceSubMenusDropDown] = useState([]);\r\n const [SubMenusDropDown, setSubMenusDropDown] = useState(\"\");\r\n\r\n const [hasDataSubMenusRoute, setHasDataSubMenusRoute] = useState(true);\r\n const [dataSourceSubMenusRoute, setdataSourceSubMenusRoute] = useState([]);\r\n\r\n const { addToast, removeToast } = useToasts();\r\n const [warningTime] = useState(15 * 60 * 1000);\r\n const [logoutTime] = useState(10 * 1000);\r\n\r\n\r\n\r\n const [nameVariable, setnameVariable] = useState(\"\");\r\n const [mainMenuLabel, setMainMenuLabel] = useState(\"\");\r\n\r\n const [newRoles, setNewRoles] = useState(false);\r\n const [newMainMenu, setNewMainMenu] = useState(false);\r\n const [newSubMenuRoute, setSubMenuRoute] = useState(false);\r\n\r\n const [modalRoles, setModalRoles] = useState(false);\r\n const [modalRolesManage, setModalRolesManage] = useState(false);\r\n const [modalMainMenus, setModalMainMenus] = useState(false);\r\n const [modalMainMenusManage, setModalMainMenusManage] = useState(false);\r\n const [modalSubMenus, setModalSubMenus] = useState(false);\r\n const [modalSubMenusRoute, setModalSubMenusRoute] = useState(false);\r\n\r\n const roles_columns = [\r\n {\r\n title: \"Syscode\",\r\n dataIndex: \"syscode\",\r\n },\r\n {\r\n title: \"Role\",\r\n dataIndex: \"name\",\r\n },\r\n {\r\n title: \"Crtical\",\r\n key: 'iscritical',\r\n dataIndex: \"iscritical\",\r\n // render : (text) => String(text),\r\n render: val => (val ? 'YES' : 'NO'),\r\n },\r\n {\r\n title: \"Created\",\r\n dataIndex: \"createddate\",\r\n },\r\n {\r\n dataIndex: \"recordid\",\r\n className: \"hide\",\r\n },\r\n {\r\n title:\r\n\r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n !newRoles ? handleEditRoles() : handleAddRoles()\r\n }\r\n >\r\n Save\r\n ,\r\n ,\r\n ]}\r\n >\r\n setModalRolesManage(false)} key=\"close\">\r\n Close\r\n ,\r\n ]}\r\n >\r\n\r\n \r\n handleAddASubMenus()\r\n }\r\n >\r\n Save\r\n ,\r\n ,\r\n ]}\r\n >\r\n\r\n \r\n !newMainMenu ? handleEditMainMenus() : handleAddMainMenus()\r\n }\r\n >\r\n Save\r\n ,\r\n ,\r\n ]}\r\n >\r\n setModalMainMenusManage(false)} key=\"close\">\r\n Close\r\n ,\r\n ]}\r\n >\r\n\r\n \r\n !newSubMenuRoute ? handleEditSubMenusRoute() : handleAddSubMenusRoute()\r\n }\r\n >\r\n Save\r\n ,\r\n ,\r\n ]}\r\n >\r\n\r\n
\r\n );\r\n\r\n\r\n}","\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { useHistory, Link } from \"react-router-dom\";\r\nimport { Table, Modal, Input, Button, Select, Alert, Tag, Checkbox, Divider, Tooltip } from \"antd\";\r\nimport logo from \"../../assets/images/agora-app-featured.jpg\";\r\nimport CheckSession from \"../CheckSession\";\r\n\r\n\r\nexport default function Dashboard() {\r\n\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n const [success, setSuccess] = React.useState(null);\r\n const [successMsg, setSuccessMsg] = React.useState(\"\");\r\n const [savingMsg, setSavingMsg] = React.useState(\"\");\r\n\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n\r\n const [nameVariable, setnameVariable] = useState(\"\");\r\n\r\n useEffect(() => {\r\n // setnameVariable(\"I'm Mark!\");\r\n CheckSession();\r\n }, []);\r\n\r\n\r\n return (\r\n \r\n\r\n index % 2 === 0 ? 'table-row-light' : 'table-row-dark'}\r\n dataSource={hasDataRoles ? dataSourceRoles : null}\r\n columns={roles_columns}\r\n bordered\r\n size=\"small\"\r\n rowKey=\"rolesid\"\r\n style={{ paddingTop: 10, overflow: \"scroll\" }}\r\n loading={hasDataRoles ? false : true}\r\n pagination={{ defaultPageSize: 5, total: dataSourceRoles.count, showTotal: (total, range) => `${range[0]} - ${range[1]} of ${total}` }}\r\n />\r\n\r\n
\r\n\r\n ROLES
\r\n\r\n\r\n\r\n
\r\n index % 2 === 0 ? 'table-row-light' : 'table-row-dark'}\r\n dataSource={hasDataMainMenus ? dataSourceMainMenus : null}\r\n columns={menu_columns}\r\n bordered\r\n size=\"small\"\r\n rowKey=\"tabaccessid\"\r\n style={{ paddingTop: 10, overflow: \"scroll\" }}\r\n loading={hasDataMainMenus ? false : true}\r\n pagination={{ defaultPageSize: 5, total: dataSourceMainMenus.count, showTotal: (total, range) => `${range[0]} - ${range[1]} of ${total}` }}\r\n />\r\n
\r\n\r\n MAIN MENUS
\r\n\r\n\r\n
\r\n\r\n
\r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsRoles((prevState) => {\r\n return { ...prevState, name: val };\r\n });\r\n }} />\r\n
\r\n \r\n {\r\n const val = e.target.checked;\r\n setDetailsRoles((prevState) => {\r\n return { ...prevState, iscritical: val };\r\n });\r\n }}>\r\n Critical\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsRoles((prevState) => {\r\n return { ...prevState, name: val };\r\n });\r\n }} readOnly/>\r\n
\r\n\r\n \r\n \r\n Critical\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n\r\n \r\n\r\n \r\n\r\n index % 2 === 0 ? 'table-row-light' : 'table-row-dark'}\r\n dataSource={hasDataMainMenus ? dataSourceMainMenus : null}\r\n columns={mainmenuList_columns}\r\n bordered\r\n size=\"middle\"\r\n onRow={onMainMenusRowClick}\r\n rowKey=\"tabaccessid\"\r\n style={{ paddingTop: 10, height: 300, cursor: \"pointer\", overflow: \"scroll\" }}\r\n loading={hasDataMainMenus ? false : true}\r\n pagination={{ pageSize: 5 }}\r\n />\r\n\r\n
\r\n\r\n \r\n\r\n \r\n\r\n index % 2 === 0 ? 'table-row-light' : 'table-row-dark'}\r\n dataSource={hasDataSubMenus ? dataSourceSubMenus : null}\r\n columns={submenuList_columns}\r\n // bordered\r\n size=\"middle\"\r\n // onRow={onPlanRowClick}\r\n rowKey=\"rolesaccessid\"\r\n style={{ paddingTop: 10, height: 300, overflow: \"scroll\" }}\r\n loading={hasDataSubMenus ? false : true}\r\n pagination={{ pageSize: 5 }}\r\n />\r\n
\r\n\r\n\r\n \r\n\r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n setSubMenusDropDown(e)}\r\n >\r\n {dataSourceSubMenusDropDown.map((submenu, index) => (\r\n \r\n {submenu.labelname}\r\n \r\n ))}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsMainMenu((prevState) => {\r\n return { ...prevState, tabname: val };\r\n });\r\n }} />\r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsMainMenu((prevState) => {\r\n return { ...prevState, icon: val };\r\n });\r\n }} />\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsMainMenu((prevState) => {\r\n return { ...prevState, tabname: val };\r\n });\r\n }} />\r\n\r\n
\r\n\r\n\r\n \r\n\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n index % 2 === 0 ? 'table-row-light' : 'table-row-dark'}\r\n dataSource={hasDataSubMenusRoute ? dataSourceSubMenusRoute : null}\r\n columns={submenuRouteList_columns}\r\n bordered\r\n size=\"middle\"\r\n // onRow={onPlanRowClick}\r\n rowKey=\"modaccessid\"\r\n style={{ paddingTop: 10, height: 300, overflow: \"scroll\" }}\r\n loading={hasDataSubMenusRoute ? false : true}\r\n pagination={{ pageSize: 5 }}\r\n />\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n\r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsSubMenu((prevState) => {\r\n return { ...prevState, labelname: val };\r\n });\r\n }} />\r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsSubMenu((prevState) => {\r\n return { ...prevState, routename: val };\r\n });\r\n }} />\r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsSubMenu((prevState) => {\r\n return { ...prevState, icon: val };\r\n });\r\n }} />\r\n
\r\n\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\nconst imgStyle = {\r\n display: \"block\",\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n\r\n width: \"60%\",\r\n maxHeight: 400,\r\n borderStyle: \"solid\",\r\n borderWidth: 2,\r\n borderRadius: 5,\r\n // borderStyle: \"solid\", borderWidth: 5, borderRadius: 5, borderColor: \"whitesmoke\", padding: 10\r\n};","import React, { useState, useEffect } from \"react\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { Select, Menu, Modal, Button, DatePicker } from \"antd\";\r\nimport * as FileSaver from \"file-saver\";\r\nimport * as XLSX from \"xlsx\";\r\nimport { Decrypt, EncryptHeader, Decrypt2 } from \"../util/EncryptionHandler\";\r\nimport * as API from \"../util/live_api\";\r\nimport CheckSession from \"./CheckSession\";\r\n\r\nexport default function RequestLogs() {\r\n const [isVisible, setVisibleLogsModal] = useState(false);\r\n const [startDate, setStartDate] = useState(\"\");\r\n const [endDate, setEndDate] = useState(\"\");\r\n const [filterType, setFilterType] = useState(\"\");\r\n const [filterTypeSource, setFilterTypeSource] = useState(\"\");\r\n const [filterTypeApp, setFilterTypeApp] = useState(\"\");\r\n const [filename, setFilename] = useState(\"\");\r\n const [loading, setLoading] = useState(false);\r\n const [count, setCount] = useState(0);\r\n\r\n const { addToast } = useToasts();\r\n\r\n const formatDateRequestLog = \"YYYY-MM-DD\";\r\n\r\n let xlsreport = [];\r\n const file_Type =\r\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\";\r\n const fileExtension = \".xlsx\";\r\n\r\n const { SubMenu } = Menu;\r\n const { Option } = Select;\r\n const { RangePicker } = DatePicker;\r\n\r\n async function handleRequestLogs() {\r\n setLoading(true);\r\n if (count > 31) {\r\n setLoading(false);\r\n return alert(\"Data gathering is limited to 31 days only.\");\r\n }\r\n\r\n if (startDate == \"\" || endDate == \"\") {\r\n setLoading(false);\r\n return alert(\"Please input date range.\");\r\n }\r\n\r\n if (filterType == \"\") {\r\n setLoading(false);\r\n return alert(\"Select status filter.\");\r\n }\r\n if (filterTypeApp == \"\") {\r\n setLoading(false);\r\n return alert(\"Select application filter.\");\r\n }\r\n\r\n if (filterTypeSource == \"\") {\r\n setLoading(false);\r\n return alert(\"Select source filter.\");\r\n }\r\n\r\n let EncStartDate = EncryptHeader(startDate);\r\n let EncEndDate = EncryptHeader(endDate);\r\n\r\n let logresp = await fetch(Decrypt(API.GET_REQUEST_LOGS), {\r\n method: \"GET\",\r\n headers: {\r\n DateFrom: EncStartDate,\r\n DateTo: EncEndDate,\r\n },\r\n });\r\n\r\n let logrespJson = await logresp.json();\r\n\r\n if (logrespJson) {\r\n let decrypted = logrespJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n\r\n return exportToXLSX(decrypted);\r\n } else {\r\n setLoading(false);\r\n addToast(logrespJson.error_message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n }\r\n }\r\n\r\n function exportToXLSX(xlsdata) {\r\n let filterdate = xlsdata.filter((data) => {\r\n switch (filterType) {\r\n case \"Success\":\r\n return data.statuscode == \"200\" || data.statuscode == \"201\";\r\n case \"Failed\":\r\n return data.statuscode != \"201\" && data.statuscode != \"200\";\r\n default:\r\n return data;\r\n }\r\n });\r\n\r\n let filterapp = filterdate.filter((data) => {\r\n switch (filterTypeApp) {\r\n case \"Telaventus\":\r\n return data.application == \"TelAventus\";\r\n case \"Medgate\":\r\n return data.application == \"Medgate\";\r\n default:\r\n return data;\r\n }\r\n });\r\n\r\n let filtersource = filterapp.filter((data) => {\r\n switch (filterTypeSource) {\r\n case \"Agoraapp\":\r\n return data.source == \"AgoraApp\";\r\n case \"Agoraweb\":\r\n return data.source == \"AgoraWeb\";\r\n default:\r\n return data;\r\n }\r\n });\r\n filtersource.forEach((report) => {\r\n xlsreport = xlsreport.concat({\r\n Request_Time: report.reqtime,\r\n Request_Body: report.reqbody,\r\n Request_URI: report.uri,\r\n Request_Status: report.statuscode,\r\n Request_Message: report.errormsg,\r\n Request_App: report.application,\r\n Response_Time: report.resptime,\r\n Request_Source: report.source,\r\n Request_Account: report.acctnum,\r\n Request_Mobile: report.mobileno,\r\n });\r\n });\r\n const ws = XLSX.utils.json_to_sheet(xlsreport);\r\n const wb = { Sheets: { Request_Logs: ws }, SheetNames: [\"Request_Logs\"] };\r\n const excelBuffer = XLSX.write(wb, { bookType: \"xlsx\", type: \"array\" });\r\n const data = new Blob([excelBuffer], { type: file_Type });\r\n FileSaver.saveAs(data, filename + fileExtension);\r\n setFilename(\"\");\r\n setLoading(false);\r\n alert(\"Gathering request logs complete.\");\r\n }\r\n\r\n useEffect(() => {\r\n CheckSession();\r\n setVisibleLogsModal(true);\r\n }, []);\r\n\r\n return (\r\n \r\n\r\n
\r\n \r\n handleRequestLogs()}>\r\n {loading ? (\r\n {\r\n setStartDate(dateString[0]);\r\n setEndDate(dateString[1]);\r\n\r\n const start = new Date(dateString[0]);\r\n const end = new Date(dateString[1]);\r\n let loop = new Date(start);\r\n let count = 0;\r\n\r\n while (loop <= end) {\r\n count = count + 1;\r\n let newDate = loop.setDate(loop.getDate() + 1);\r\n loop = new Date(newDate);\r\n }\r\n\r\n setCount(count);\r\n }}\r\n />\r\n
\r\n setFilterType(e)}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n setFilterTypeApp(e)}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n setFilterTypeSource(e)}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","\r\nimport React, { useState, useEffect, useRef } from \"react\";\r\nimport { Table, Modal, Input, Button, Select, Divider, Empty, Col, Row, Spin } from \"antd\";\r\nimport * as API from \"../util/live_api\";\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n Encrypt,\r\n EncryptHeader,\r\n Encrypt2,\r\n ImgEncrypt,\r\n} from \"../util/EncryptionHandler\";\r\nimport { render } from \"react-dom\";\r\nimport CheckSession from \"./CheckSession\";\r\n\r\nconst { Search } = Input;\r\n\r\nconst plan_columns = [\r\n {\r\n title: \"Corporate Account\",\r\n dataIndex: \"acct\",\r\n width: 200,\r\n },\r\n {\r\n title: \"Contract\",\r\n dataIndex: \"contract\",\r\n width: 100,\r\n },\r\n {\r\n title: \"Company\",\r\n dataIndex: \"company\",\r\n width: 350,\r\n },\r\n {\r\n title: \"Status\",\r\n dataIndex: \"status\",\r\n width: 100,\r\n },\r\n {\r\n dataIndex: \"avega\",\r\n className: \"hide\",\r\n },\r\n];\r\n\r\nexport default function UploadATD() {\r\n\r\n const [nameVariable, setnameVariable] = useState(\"\");\r\n\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n\r\n const [detailsUploadATD, setdetailsUploadATD] = useState({\r\n corpacct: \"\",\r\n contract: \"\",\r\n intellicare: \"\",\r\n // filename: \"\",\r\n filetag: \"ATD\",\r\n postedby: user_info.data.emailaddress,\r\n\r\n fileext: \"\",\r\n base64: null\r\n });\r\n\r\n const [detailsUploadEPLAN, setdetailsUploadEPLAN] = useState({\r\n corpacct: \"\",\r\n contract: \"\",\r\n intellicare: \"\",\r\n // filename: \"\",\r\n filetag: \"EPLAN\",\r\n postedby: user_info.data.emailaddress,\r\n fileext: \"\",\r\n base64: null\r\n });\r\n\r\n //For Plan table\r\n const [searchValue, setsearchValue] = useState(\"\");\r\n // const [selectedAccount, setselectedAccount] = useState(\"\");\r\n\r\n // For Display in Textbox\r\n const [corpacct, setCorpacct] = useState(\"\");\r\n const [company, setCompany] = useState(\"\");\r\n const [contract, setContract] = useState(\"\");\r\n const [status, setStatus] = useState(\"\");\r\n\r\n // const [loading, setLoading] = useState(false);\r\n const [loadingSpinner, setLoadingSpinner] = useState(false);\r\n\r\n const [lstPlan, setlstPlan] = useState([]);\r\n const [hasDataPlan, setHasDataPlan] = useState(false);\r\n const [avega, setAvega] = useState(\"\");\r\n\r\n const [disabledButtonUploadATD, setdisabledButtonUploadATD] = useState(true);\r\n const [disabledButtonUploadEPLAN, setdisabledButtonUploadEPLAN] = useState(true);\r\n\r\n //Modals\r\n const [modal_plan, setModalPlan] = useState(false);\r\n\r\n // for Upload (Dynamic)\r\n // const [fileext, setFileExt] = useState(\"\");\r\n // const [Base64, setBase64] = useState(null);\r\n\r\n const [selectedImageATD, setSelectedImageATD] = useState(null); // for Download\r\n const [selectedImageEPLAN, setSelectedImageEPLAN] = useState(null); // for Download\r\n\r\n const [hasUploadFileATD, setHasUploadFileATD] = useState(false);\r\n const [hasUploadFileEPLAN, setHasUploadFileEPLAN] = useState(false);\r\n const [disabledButtonSelect, setdisabledButtonSelect] = useState(true);\r\n\r\n\r\n const [previewVisibleATD, setPreviewVisibleATD] = useState(false);\r\n const [previewVisibleEPLAN, setPreviewVisibleEPLAN] = useState(false);\r\n\r\n const inputFileATD = useRef(null);\r\n const inputFileEPLAN = useRef(null);\r\n\r\n useEffect(() => {\r\n // setnameVariable(\"I'm Mark!\");\r\n CheckSession();\r\n }, []);\r\n\r\n\r\n function onClickSearchCompany() {\r\n setsearchValue(\"\");\r\n // setselectedAccount(\"\");\r\n setHasDataPlan(true);\r\n setlstPlan([]);\r\n setModalPlan(true);\r\n\r\n // setLoading(true)\r\n\r\n }\r\n\r\n async function onClickSelectAccount() {\r\n if (corpacct.length == 0) {\r\n alert(\"No selected company.\");\r\n return;\r\n }\r\n\r\n setLoadingSpinner(true)\r\n await DisplayUploadImage();\r\n // setLoadingSpinner(false)\r\n\r\n\r\n }\r\n\r\n async function DisplayUploadImage() {\r\n\r\n setdisabledButtonUploadATD(true)\r\n setdisabledButtonUploadEPLAN(true)\r\n // setLoadingSpinner(true)\r\n // setHasUploadFileEPLAN(false);\r\n // setHasUploadFileATD(false);\r\n // setLoading(false);\r\n setModalPlan(false);\r\n\r\n let renewalData = await getRenewalFiles();\r\n if (renewalData == undefined) {\r\n\r\n setLoadingSpinner(false);\r\n setdisabledButtonUploadATD(false)\r\n setdisabledButtonUploadEPLAN(false)\r\n return\r\n }\r\n\r\n let renewalDataATD = await filterRenewalDataPerType(renewalData, \"ATD\")\r\n if (renewalDataATD.length != 0) {\r\n\r\n let imageBase64ATD = await getSharepointImage(renewalDataATD);\r\n\r\n let blob_atd = await convertBase64ToBlob(imageBase64ATD.base64, renewalDataATD[0].fileext);\r\n let readerATD = new FileReader();\r\n readerATD.readAsDataURL(blob_atd);\r\n readerATD.onload = () => {\r\n setSelectedImageATD(readerATD.result)\r\n setHasUploadFileATD(true)\r\n }\r\n\r\n } else {\r\n setdisabledButtonUploadATD(false)\r\n }\r\n\r\n let renewalDataEPLAN = await filterRenewalDataPerType(renewalData, \"EPLAN\")\r\n if (renewalDataEPLAN.length != 0) {\r\n\r\n let imageBase64eplan = await getSharepointImage(renewalDataEPLAN);\r\n\r\n let blob_eplan = await convertBase64ToBlob(imageBase64eplan.base64, renewalDataEPLAN[0].fileext);\r\n let readerEPLAN = new FileReader();\r\n readerEPLAN.readAsDataURL(blob_eplan);\r\n readerEPLAN.onload = () => {\r\n setSelectedImageEPLAN(readerEPLAN.result)\r\n setHasUploadFileEPLAN(true)\r\n }\r\n\r\n } else {\r\n setdisabledButtonUploadEPLAN(false)\r\n }\r\n\r\n setLoadingSpinner(false)\r\n\r\n }\r\n\r\n async function filterRenewalDataPerType(record, tag) {\r\n\r\n //#region (Filter Per Type)\r\n let filteredData = record.filter((item) => {\r\n const itemData = `${item.filetag.toUpperCase()}`;\r\n const textData = tag.toUpperCase();\r\n return itemData.indexOf(textData) > -1;\r\n });\r\n //#endregion (Filter Per Type)\r\n\r\n return filteredData\r\n }\r\n\r\n function onPlanRowClick(record) {\r\n\r\n return {\r\n onClick: () => {\r\n\r\n setCorpacct(record.acct);\r\n setCompany(record.company);\r\n setContract(record.contract)\r\n setStatus(record.status)\r\n setdisabledButtonSelect(false)\r\n\r\n // ATD\r\n detailsUploadATD.corpacct = record.acct\r\n detailsUploadATD.contract = record.contract\r\n detailsUploadATD.intellicare = !record.avega // this will exchange from AVEGA to INTELLICARE (if AVEGA = true => INTELLICARE = false) Vice Versa\r\n\r\n // EPLAN\r\n detailsUploadEPLAN.corpacct = record.acct\r\n detailsUploadEPLAN.contract = record.contract\r\n detailsUploadEPLAN.intellicare = !record.avega // this will exchange from AVEGA to INTELLICARE (if AVEGA = true => INTELLICARE = false) Vice Versa\r\n },\r\n };\r\n }\r\n\r\n async function onSearchCompany(value) {\r\n\r\n if (value.length == 0) {\r\n alert(\"Search field is empty.\");\r\n return;\r\n }\r\n\r\n setlstPlan([]);\r\n setHasDataPlan(false);\r\n setHasUploadFileATD(false)\r\n setHasUploadFileEPLAN(false)\r\n setdisabledButtonSelect(true)\r\n\r\n setSelectedImageATD(null)\r\n setSelectedImageEPLAN(null)\r\n\r\n try {\r\n let Value = Encrypt2({\r\n key: value,\r\n });\r\n\r\n let resp = await fetch(Decrypt(API.GET_CORPACCT), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n let respJson = await resp.json();\r\n\r\n if (respJson.success) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n\r\n setHasDataPlan(true);\r\n setlstPlan(decrypted)\r\n } else {\r\n setHasDataPlan(true);\r\n // setLoading(false);\r\n setlstPlan([])\r\n }\r\n\r\n } catch (error) {\r\n // error\r\n setHasDataPlan(false);\r\n }\r\n }\r\n\r\n\r\n async function getRenewalFiles() {\r\n try {\r\n\r\n let Corpacct = EncryptHeader(corpacct);\r\n let Contract = EncryptHeader(contract);\r\n\r\n let resp = await fetch(Decrypt(API.GET_RENEWAL_FILES), {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n CorpAcct: Corpacct,\r\n Contract: Contract\r\n },\r\n });\r\n\r\n let respJson = await resp.json();\r\n\r\n if (respJson.data != null) {\r\n\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n\r\n\r\n return decrypted\r\n }\r\n\r\n\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n\r\n return\r\n\r\n }\r\n\r\n async function getSharepointImage(paramRenewalData) {\r\n\r\n let Value = Encrypt2({\r\n filename: paramRenewalData[0].filename,\r\n filepath: paramRenewalData[0].filepath,\r\n fileext: paramRenewalData[0].fileext,\r\n });\r\n\r\n let resp = await fetch(Decrypt(API.DOWNLOADIMAGE_RENEWAL), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n\r\n let respJson = await resp.json();\r\n\r\n return respJson\r\n\r\n }\r\n\r\n async function SaveUploadFile(data) {\r\n\r\n let Value = Encrypt2({\r\n corpacct: data.corpacct,\r\n contract: data.contract,\r\n intellicare: data.intellicare,\r\n filetag: data.filetag,\r\n postedby: data.postedby,\r\n fileext: data.fileext,\r\n base64: data.base64\r\n });\r\n\r\n let resp = await fetch(Decrypt(API.UPLOADIMAGE_RENEWAL),\r\n {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n // 'Content-Type': 'multipart/form-data'\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n\r\n let respText = await resp.json();\r\n\r\n if(resp.status === 200) {\r\n \r\n await DisplayUploadImage();\r\n\r\n } else {\r\n let respJson = await Decrypt2(respText);\r\n return alert(\r\n respJson.message\r\n );\r\n }\r\n\r\n }\r\n\r\n async function convertBase64ToBlob(base64Image, fileext) {\r\n // Hold the content type\r\n const imageType = fileext;\r\n // Decode Base64 string\r\n const decodedData = window.atob(base64Image);\r\n // Create UNIT8ARRAY of size same as row data length\r\n const uInt8Array = new Uint8Array(decodedData.length);\r\n // Insert all character code into uInt8Array\r\n for (let i = 0; i < decodedData.length; ++i) {\r\n uInt8Array[i] = decodedData.charCodeAt(i);\r\n }\r\n // Return BLOB image after conversion\r\n return new Blob([uInt8Array], { type: imageType });\r\n }\r\n\r\n\r\n return (\r\n \r\n {\" \"}\r\n Exporting...\r\n
\r\n ) : (\r\n \"Export\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n onClickSearchCompany()}\r\n >\r\n Select Account\r\n \r\n\r\n \r\n\r\n
\r\n\r\n onClickSelectAccount()} disabled={disabledButtonSelect}>\r\n {/* {loading ? (\r\n setPreviewVisibleATD(false)} key=\"close\">\r\n Close\r\n ,\r\n ]}>\r\n\r\n {/* ![\"example\"]({\"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png\"}/)
*/}\r\n {selectedImageATD && (\r\n 
\r\n )}\r\n \r\n\r\n setPreviewVisibleEPLAN(false)} key=\"close\">\r\n Close\r\n ,\r\n ]}>\r\n\r\n {/* */}\r\n {selectedImageEPLAN && (\r\n 
\r\n )}\r\n \r\n\r\n
\r\n )\r\n\r\n}\r\n\r\nconst emptyStyle = {\r\n borderStyle: \"solid\",\r\n borderWidth: 5,\r\n borderRadius: 5,\r\n borderColor: \"whitesmoke\",\r\n padding: 10,\r\n marginBottom: 20\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Modal, Input, Button, Select, Tag, Popconfirm } from \"antd\";\r\nimport moment from \"moment\";\r\nimport * as FileSaver from \"file-saver\";\r\nimport * as XLSX from \"xlsx\";\r\nimport jsPDF from \"jspdf\";\r\nimport \"jspdf-autotable\";\r\nimport CheckSession from \"./CheckSession\";\r\n\r\nimport LinearIndeterminate from \"./LinearInderterminate\";\r\nimport Spinner from \"./Newsletter/Spinner\";\r\nimport * as API from \"../util/live_api\";\r\nimport { Decrypt, Decrypt2, Encrypt2 } from \"../util/EncryptionHandler\";\r\n\r\nconst { Option } = Select;\r\nconst { Search, TextArea } = Input;\r\n\r\nexport default function FeaturesControlAruga() {\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n let xlsreport = [];\r\n const file_Type =\r\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\";\r\n const fileExtension = \".xlsx\";\r\n const [features, setFeatures] = useState([]);\r\n const [temp, setTemp] = useState([]);\r\n const [details, setDetails] = useState({\r\n featurerecid: \"\",\r\n feature: \"\",\r\n cbmsg: \"\",\r\n status: \"\",\r\n url: \"\",\r\n postedby: \"\",\r\n posted: undefined,\r\n editedby: \"\",\r\n edited: undefined,\r\n });\r\n const [modal, setModal] = useState(false);\r\n const [newFeature, setNewFeature] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [modalLoading, setModalLoading] = React.useState(false);\r\n const [success, setSuccess] = React.useState(null);\r\n const [successMsg, setSuccessMsg] = React.useState(\"\");\r\n const [savingMsg, setSavingMsg] = React.useState(\"\");\r\n const [filetype, setFiletype] = useState(\"\");\r\n\r\n const columns = [\r\n {\r\n title: \"Feature\",\r\n dataIndex: \"feature\",\r\n width: \"170px\",\r\n },\r\n {\r\n title: \"Message\",\r\n dataIndex: \"cbmsg\",\r\n key: \"cbmsg\",\r\n width: \"350px\",\r\n },\r\n {\r\n title: \"URL/Link\",\r\n dataIndex: \"url\",\r\n key: \"url\",\r\n width: \"350px\",\r\n },\r\n {\r\n title: \"Status\",\r\n dataIndex: \"status\",\r\n render: (status) => {\r\n let color = \"geekblue\";\r\n if (status === \"D\") {\r\n color = \"volcano\";\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 ATD - No File Yet.\r\n \r\n }\r\n >\r\n \r\n\r\n \r\n
\r\n\r\n \r\n {selectedImageATD && (\r\n
\r\n {\r\n setLoadingSpinner(true)\r\n let files = e.target.files;\r\n // console.log(files);\r\n let imgtype = e.target.files[0].type;\r\n\r\n if (\r\n imgtype !== \"image/png\" &&\r\n imgtype !== \"image/jpg\" &&\r\n imgtype !== \"image/jpeg\"\r\n ) {\r\n // setSelectedImageATD(null);\r\n // setHasUploadFileATD(false)\r\n setLoadingSpinner(false)\r\n return alert(\r\n \"Invalid attachment file type. (*jpg , *jpeg , *png types only).\"\r\n );\r\n }\r\n\r\n switch (imgtype) {\r\n case \"image/png\":\r\n // setFileExt(\"PNG\");\r\n detailsUploadATD.fileext = \"PNG\"\r\n break;\r\n case \"image/jpg\":\r\n // setFileExt(\"JPG\");\r\n detailsUploadATD.fileext = \"JPG\"\r\n break;\r\n case \"image/jpeg\":\r\n // setFileExt(\"JPEG\");\r\n detailsUploadATD.fileext = \"JPEG\"\r\n break;\r\n default:\r\n // do nothing\r\n }\r\n\r\n setSelectedImageATD(e.target.files[0]);\r\n setHasUploadFileATD(true)\r\n\r\n let reader = new FileReader();\r\n reader.onload = r => {\r\n let base64 = r.target.result.replace(/^.+?;base64,/, \"\");\r\n\r\n detailsUploadATD.base64 = base64\r\n\r\n SaveUploadFile(detailsUploadATD)\r\n };\r\n reader.readAsDataURL(files[0]);\r\n // console.log(reader)\r\n }}\r\n />\r\n
\r\n\r\n \r\n
\r\n \r\n ATD File.\r\n \r\n
\r\n )}\r\n \r\n \r\n ATD File.\r\n \r\n
\r\n inputFileATD.current.click()}\r\n >\r\n Replace File\r\n \r\n
\r\n setPreviewVisibleATD(true)}\r\n >\r\n Preview\r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n\r\n \r\n \r\n Eligibility Plan - No File Yet.\r\n \r\n }\r\n >\r\n \r\n\r\n \r\n
\r\n\r\n \r\n {selectedImageEPLAN && (\r\n
\r\n {\r\n setLoadingSpinner(true)\r\n\r\n let files = e.target.files;\r\n // console.log(files);\r\n let imgtype = e.target.files[0].type;\r\n\r\n if (\r\n imgtype !== \"image/png\" &&\r\n imgtype !== \"image/jpg\" &&\r\n imgtype !== \"image/jpeg\"\r\n ) {\r\n // setSelectedImageATD(null);\r\n // setHasUploadFileEPLAN(false)\r\n setLoadingSpinner(false)\r\n return alert(\r\n \"Invalid attachment file type. (*jpg , *jpeg , *png types only).\"\r\n );\r\n }\r\n\r\n switch (imgtype) {\r\n case \"image/png\":\r\n // setFileExt(\"PNG\");\r\n detailsUploadEPLAN.fileext = \"PNG\"\r\n break;\r\n case \"image/jpg\":\r\n // setFileExt(\"JPG\");\r\n detailsUploadEPLAN.fileext = \"JPG\"\r\n break;\r\n case \"image/jpeg\":\r\n // setFileExt(\"JPEG\");\r\n detailsUploadEPLAN.fileext = \"JPEG\"\r\n break;\r\n default:\r\n // do nothing\r\n }\r\n\r\n setSelectedImageEPLAN(e.target.files[0]);\r\n setHasUploadFileEPLAN(true)\r\n\r\n let reader = new FileReader();\r\n reader.onload = r => {\r\n let base64 = r.target.result.replace(/^.+?;base64,/, \"\");\r\n\r\n detailsUploadEPLAN.base64 = base64\r\n\r\n SaveUploadFile(detailsUploadEPLAN)\r\n };\r\n reader.readAsDataURL(files[0]);\r\n // console.log(reader)\r\n }}\r\n />\r\n
\r\n\r\n \r\n
\r\n \r\n Eligibility Plan File.\r\n \r\n
\r\n )}\r\n \r\n \r\n Eligibility Plan File.\r\n \r\n
\r\n inputFileEPLAN.current.click()}\r\n >\r\n Replace File\r\n \r\n
\r\n setPreviewVisibleEPLAN(true)}\r\n >\r\n Preview\r\n \r\n
\r\n \r\n
\r\n
\r\n {\" \"}\r\n Selecting...\r\n
\r\n ) : (\r\n \"Select\"\r\n )} */}\r\n Select\r\n ,\r\n ,\r\n ]}\r\n >\r\n \r\n \r\n onSearchCompany(value)}\r\n />\r\n
\r\n
\r\n \r\n\r\n \r\n
*/}\r\n {selectedImageATD && (\r\n */}\r\n {selectedImageEPLAN && (\r\n \r\n {loading ? \r\n newFeature ? handleAddFeature() : handleEditFeature()\r\n }\r\n >\r\n Save\r\n ,\r\n ,\r\n ]}\r\n >\r\n
\r\n );\r\n}\r\n","\r\n\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport {\r\n Select,\r\n Menu,\r\n Icon,\r\n Modal,\r\n Input,\r\n Button,\r\n Alert,\r\n DatePicker,\r\n} from \"antd\";\r\n\r\nimport * as FileSaver from \"file-saver\";\r\nimport * as XLSX from \"xlsx\";\r\n\r\nimport {\r\n Decrypt,\r\n EncryptHeader,\r\n Encrypt2,\r\n Decrypt2,\r\n Encrypt,\r\n} from \"../../util/EncryptionHandler\";\r\n\r\nimport * as API from \"../../util/live_api\";\r\nimport CheckSession from \"../CheckSession\";\r\n\r\nexport default function SurveyReport() {\r\n\r\n const [isVisible, setVisibleLogsModal] = useState(false);\r\n const [startDate, setStartDate] = useState(\"\");\r\n const [endDate, setEndDate] = useState(\"\");\r\n const [FilterPlatform, setFilterPlatform] = useState(\"\");\r\n const [FilterCompany, setFilterCompany] = useState(\"true\");\r\n const [filterTypeApp, setFilterTypeApp] = useState(\"\");\r\n const [filename, setFilename] = useState(\"\");\r\n\r\n const { addToast } = useToasts();\r\n\r\n const formatDateRequestLog = \"YYYY-MM-DD\";\r\n\r\n let xlsreport = [];\r\n const file_Type =\r\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\";\r\n const fileExtension = \".xlsx\";\r\n\r\n const { SubMenu } = Menu;\r\n const { Option } = Select;\r\n const { RangePicker } = DatePicker;\r\n\r\n let user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n\r\n async function handleSurveyGather() {\r\n // if (startDate == \"\" || endDate == \"\")\r\n // return alert(\"Please input date range.\");\r\n\r\n if (filterTypeApp == \"\") return alert(\"Select application filter\");\r\n if (FilterPlatform == \"\") return alert(\"Select platform filter\");\r\n\r\n\r\n let intellicare_tag = true;\r\n if (FilterCompany === \"false\") {\r\n intellicare_tag = false;\r\n }\r\n\r\n let Value = Encrypt2({\r\n intellicare: intellicare_tag,\r\n source: filterTypeApp,\r\n platform: FilterPlatform,\r\n feature: \"ALL\"\r\n });\r\n\r\n // console.log({\r\n // intellicare: intellicare_tag,\r\n // source: filterTypeApp,\r\n // platform: FilterPlatform,\r\n // feature: \"ALL\"\r\n // });\r\n\r\n // let EncStartDate = EncryptHeader(startDate);\r\n // let EncEndDate = EncryptHeader(endDate);\r\n\r\n let resp = await fetch(Decrypt(API.REACT_APP_GET_RATING_REPORT), {\r\n method: \"POST\",\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n \"Content-Type\": \"application/json\",\r\n },\r\n body: JSON.stringify({ Value }),\r\n });\r\n let respJson = await resp.json();\r\n\r\n if (respJson) {\r\n let decrypted = respJson.data.map((data) => {\r\n let newD = Decrypt2(data);\r\n return newD;\r\n });\r\n\r\n // console.log(decrypted);\r\n\r\n return exportToXLSX(decrypted);\r\n } else {\r\n addToast(respJson.error_message, {\r\n appearance: \"error\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n }\r\n }\r\n\r\n function exportToXLSX(xlsdata) {\r\n xlsdata.forEach((report) => {\r\n xlsreport = xlsreport.concat({\r\n Name: report.name,\r\n Acct: report.acctnum,\r\n Source: report.source,\r\n Company: report.intellicare == true ? \"INTELLICARE\" : \"AVEGA\",\r\n Platform: report.platform,\r\n Feature: report.feature,\r\n RatingDate: report.ratingdatetime,\r\n PostedDate: report.posteddate,\r\n Ratings: report.ratings,\r\n Reviews: report.reviews,\r\n });\r\n });\r\n const ws = XLSX.utils.json_to_sheet(xlsreport);\r\n const wb = { Sheets: { Request_Logs: ws }, SheetNames: [\"Request_Logs\"] };\r\n const excelBuffer = XLSX.write(wb, { bookType: \"xlsx\", type: \"array\" });\r\n const data = new Blob([excelBuffer], { type: file_Type });\r\n FileSaver.saveAs(data, filename + fileExtension);\r\n setFilename(\"\");\r\n }\r\n\r\n\r\n useEffect(() => {\r\n CheckSession();\r\n setVisibleLogsModal(true)\r\n }, []);\r\n\r\n return (\r\n \r\n 0 ? features : null}\r\n columns={columns}\r\n rowKey=\"featurerecid\"\r\n style={{ paddingTop: 10, overflow: \"scroll\" }}\r\n loading={loading}\r\n size=\"middle\"\r\n />\r\n
\r\n \r\n search(e.target.value)}\r\n allowClear\r\n />\r\n
\r\n \r\n \r\n \r\n sort(e)}\r\n >\r\n \r\n \r\n \r\n \r\n setFiletype(e)}\r\n >\r\n \r\n \r\n \r\n \r\n filetype === \"\"\r\n ? alert(\"Please select file type\")\r\n : filetype === \"Excel\"\r\n ? exportToXLSX(features)\r\n : exportToPDF(features)\r\n }\r\n >\r\n Export\r\n \r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetails((prevState) => {\r\n return { ...prevState, feature: val };\r\n });\r\n }}\r\n style={{ marginBottom: 5 }}\r\n />\r\n \r\n {\r\n const val = e.target.value;\r\n setDetails((prevState) => {\r\n return { ...prevState, cbmsg: val };\r\n });\r\n }}\r\n style={{ marginBottom: 5 }}\r\n />\r\n
\r\n \r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetails((prevState) => {\r\n return { ...prevState, url: val };\r\n });\r\n }}\r\n style={{ marginBottom: 5 }}\r\n />\r\n\r\n \r\n \r\n setDetails((prevState) => {\r\n return { ...prevState, status: e };\r\n })\r\n }\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {newFeature ? null : (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n handleSurveyGather()}>\r\n Export\r\n ,\r\n ,\r\n ]}\r\n >\r\n {/* \r\n {\r\n setStartDate(dateString[0]);\r\n setEndDate(dateString[1]);\r\n }}\r\n /> */}\r\n
\r\n \r\n setFilterTypeApp(e)}\r\n >\r\n \r\n {/* */}\r\n \r\n
\r\n
\r\n \r\n setFilterPlatform(e)}\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n setFilterCompany(e)}\r\n >\r\n \r\n \r\n \r\n \r\n\r\n
\r\n );\r\n\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Modal, Input, Button, Select, Tag } from \"antd\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport * as API from \"../../util/live_api\";\r\nimport CheckSession from \"../CheckSession\";\r\nimport {\r\n Decrypt,\r\n QMSEncryptBody,\r\n QMSDecryptBody,\r\n AdminSysEncryptBody,\r\n AdminSysDecryptBody,\r\n} from \"../../util/EncryptionHandler\";\r\n\r\nconst { Option } = Select;\r\n\r\nconst terminals_columns = [\r\n {\r\n title: \"Terminal ID\",\r\n dataIndex: \"terminalid\",\r\n key: \"terminalid\",\r\n },\r\n {\r\n title: \"MAC Address\",\r\n dataIndex: \"macaddress\",\r\n },\r\n {\r\n title: \"Device ID\",\r\n dataIndex: \"deviceid\",\r\n },\r\n {\r\n title: \"Hospital Code\",\r\n dataIndex: \"hscode\",\r\n },\r\n {\r\n title: 'Status',\r\n key: 'tags',\r\n dataIndex: 'tags',\r\n render: tags => (\r\n <>\r\n {tags.map(tag => {\r\n let color = tag === 'active' ? 'geekblue' : 'green';\r\n if (tag === 'disabled') {\r\n color = 'volcano';\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 setModalConfirm(true)}\r\n >\r\n {loading ? (\r\n onClickSaveTerminal()}\r\n >\r\n {loading ? (\r\n onClickUpdateTerminal()}\r\n >\r\n {loading ? (\r\n
\r\n );\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { Table, Modal, Input, Button, Select, Tag, Skeleton, Alert, Divider, Tooltip } from \"antd\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport './AgoraPodManagement.css';\r\nimport * as API from \"../../util/live_api\";\r\nimport CheckSession from \"../CheckSession\";\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n Encrypt2,\r\n} from \"../../util/EncryptionHandler\";\r\nimport Spinner from \"../Newsletter/Spinner\";\r\n\r\nconst { Option } = Select;\r\nconst { Search, TextArea } = Input;\r\n\r\nconst terminals_columns = [\r\n {\r\n title: \"Device ID\",\r\n dataIndex: \"deviceid\",\r\n // key: \"deviceid\",\r\n width: 150,\r\n },\r\n {\r\n title: \"MAC Address\",\r\n dataIndex: \"macaddress\",\r\n width: 150,\r\n },\r\n {\r\n title: \"Terminal ID\",\r\n dataIndex: \"terminalid\",\r\n width: 200,\r\n ellipsis: {\r\n showTitle: false,\r\n },\r\n render: (terminalid) => (\r\n \r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"Update\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n \r\n \r\n setTerminalID(e.target.value)} />\r\n \r\n setDeviceID(e.target.value)} />\r\n \r\n setMacAddress(e.target.value)} />\r\n \r\n setHsCode(e.target.value)} />\r\n \r\n setIs_Active(e)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"Save\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n \r\n \r\n setTerminalID(e.target.value)} />\r\n \r\n setDeviceID(e.target.value)} />\r\n \r\n setMacAddress(e.target.value)} />\r\n \r\n setHsCode(e.target.value)} />\r\n \r\n setIs_Active(e)}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"YES\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n \r\n Proceed with the changes?\r\n
\r\n \r\n\r\n \r\n\r\n onClickSaveTerminal()}\r\n >\r\n {loading ? (\r\n setModalConfirm(true)}\r\n disabled={loading}\r\n >\r\n {loading ? (\r\n onClickUpdateTerminal()}\r\n >\r\n {loading ? (\r\n
\r\n\r\n \r\n )\r\n\r\n}","import React, { createContext, useContext, useState, useMemo } from \"react\";\r\nimport LoadSpinner from \"./spinner/globalspinner\"; \r\n\r\nconst GlobalLoadingContext = createContext({\r\n globalLoading: false,\r\n setGlobalLoading: () => {},\r\n});\r\n\r\nexport const GlobalLoadingProvider = ({ children }) => {\r\n const [globalLoading, setGlobalLoading] = useState(false);\r\n\r\n // Memoize the value so it’s not recreated on each render\r\n const value = useMemo(\r\n () => ({ globalLoading, setGlobalLoading }),\r\n [globalLoading]\r\n );\r\n\r\n return (\r\n \r\n search(e.target.value)}\r\n allowClear\r\n />\r\n
\r\n \r\n \r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"Save\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n\r\n {hasRequiredField ? (\r\n \r\n\r\n {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, description: val };\r\n });\r\n }}\r\n style={{ marginBottom: 5, minHeight: 100 }}\r\n />\r\n\r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, hospcode: val.toUpperCase() };\r\n });\r\n }} />\r\n\r\n setIs_Active(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 const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, deviceid: val.toUpperCase() };\r\n });\r\n }}/>\r\n
\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, macaddress: val.toUpperCase() };\r\n });\r\n }} />\r\n
\r\n \r\n
\r\n\r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, terminalid: val.toUpperCase() };\r\n });\r\n }} />\r\n\r\n \r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, serialno: val.toUpperCase() };\r\n });\r\n }}/>\r\n
\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, propertytag: val.toUpperCase() };\r\n });\r\n }} />\r\n
\r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n {\r\n if (!/[0-9]/.test(event.key)) {\r\n event.preventDefault();\r\n }\r\n }}\r\n onChange={(e) => {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, rcs1printcopy: val };\r\n });\r\n }}/>\r\n
\r\n \r\n \r\n \r\n {\r\n if (!/[0-9]/.test(event.key)) {\r\n event.preventDefault();\r\n }\r\n }}\r\n onChange={(e) => {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, rcs2printcopy: val };\r\n });\r\n }}/>\r\n
\r\n\r\n \r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"Update\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n\r\n {hasRequiredField ? (\r\n \r\n\r\n {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, description: val };\r\n });\r\n }}\r\n style={{ marginBottom: 5, minHeight: 100 }}\r\n />\r\n\r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, hospcode: val.toUpperCase() };\r\n });\r\n }} />\r\n\r\n setIs_Active(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 const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, deviceid: val.toUpperCase() };\r\n });\r\n }} />\r\n
\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, macaddress: val.toUpperCase() };\r\n });\r\n }} />\r\n
\r\n \r\n
\r\n\r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, terminalid: val.toUpperCase() };\r\n });\r\n }} />\r\n\r\n \r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, serialno: val.toUpperCase() };\r\n });\r\n }}/>\r\n
\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, propertytag: val.toUpperCase() };\r\n });\r\n }} />\r\n
\r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n {\r\n if (!/[0-9]/.test(event.key)) {\r\n event.preventDefault();\r\n }\r\n }}\r\n onChange={(e) => {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, rcs1printcopy: val };\r\n });\r\n }} />\r\n
\r\n\r\n \r\n \r\n {\r\n if (!/[0-9]/.test(event.key)) {\r\n event.preventDefault();\r\n }\r\n }}\r\n onChange={(e) => {\r\n const val = e.target.value;\r\n setDetailsTerminal((prevState) => {\r\n return { ...prevState, rcs2printcopy: val };\r\n });\r\n }} />\r\n
\r\n\r\n \r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"YES\"\r\n )}\r\n ,\r\n ,\r\n ]}>\r\n \r\n Proceed with the changes?\r\n
\r\n \r\n\r\n\r\n {/* Header / Add Button */}\r\n \r\n \r\n
\r\n\r\n {/* Main Table */}\r\n \r\n \r\n
\r\n \r\n {\" \"}\r\n Saving...\r\n
\r\n ) : (\r\n \"Save\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n {hasRequiredField && (\r\n \r\n
\r\n \r\n\r\n {/* Confirm Delete Modal */}\r\n \r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetails((prevState) => ({\r\n ...prevState,\r\n productName: val,\r\n }));\r\n }}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetails((prevState) => ({\r\n ...prevState,\r\n description: val,\r\n }));\r\n }}\r\n style={{ marginBottom: 5, minHeight: 150 }}\r\n />\r\n
\r\n \r\n \r\n {\r\n const val = e.target.value;\r\n setDetails((prevState) => ({\r\n ...prevState,\r\n url: val,\r\n }));\r\n }}\r\n style={{ marginBottom: 5, minHeight: 50 }}\r\n />\r\n
\r\n\r\n \r\n
\r\n\r\n {newServices && (\r\n \r\n \r\n \r\n setDetails((prevState) => ({\r\n ...prevState,\r\n datefrom: dateString,\r\n }))\r\n }\r\n disabledDate={(current) =>\r\n current && current.isBefore(moment().subtract(1, \"day\"))\r\n }\r\n style={{ width: \"100%\" }}\r\n />\r\n
\r\n \r\n \r\n \r\n setDetails((prevState) => ({\r\n ...prevState,\r\n dateto: dateString,\r\n }))\r\n }\r\n disabledDate={(current) =>\r\n current && current.isBefore(moment().subtract(1, \"day\"))\r\n }\r\n style={{ width: \"100%\" }}\r\n />\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n setDetails((prevState) => ({\r\n ...prevState,\r\n banner: e,\r\n }))\r\n }\r\n >\r\n \r\n \r\n \r\n
\r\n {details.banner === 1 && (\r\n <>\r\n
\r\n \r\n {details.banner === 1 && (\r\n <>\r\n
\r\n \r\n
\r\n {selectedImage ? (\r\n \r\n
\r\n ) : (\r\n \r\n {\r\n setSelectedImage(null);\r\n setSelectedFile(\"\");\r\n }}\r\n >\r\n Remove\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n {\" \"}\r\n Deleting...\r\n
\r\n ) : (\r\n \"YES\"\r\n )}\r\n ,\r\n ,\r\n ]}\r\n >\r\n Are you sure you want to delete this record?
\r\n \r\n \r\n );\r\n}\r\n","import React, { useEffect, useState, useCallback } from \"react\";\r\nimport {\r\n Button,\r\n Input,\r\n Modal,\r\n Table,\r\n Radio,\r\n Select,\r\n Spin,\r\n} from \"antd\";\r\nimport { MDBIcon } from \"mdbreact\";\r\nimport { DeleteOutlined } from \"@ant-design/icons\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport debounce from \"lodash.debounce\";\r\nimport CheckSession from \"../CheckSession\";\r\nimport LoadSpinner from \"../../global/spinner/globalspinner\";\r\n\r\nimport {\r\n Decrypt,\r\n Decrypt2,\r\n Encrypt2,\r\n EncryptHeader,\r\n Encrypt,\r\n} from \"../../util/EncryptionHandler\";\r\n\r\nimport * as API from \"../../util/live_api\";\r\nimport \"./AcctRCSConfiguration.css\";\r\n\r\nconst { Option } = Select;\r\n\r\n/** RCS Table columns - aligns with API fields */\r\nconst rcs_columns = [\r\n {\r\n title: \"Corporate Account\",\r\n dataIndex: \"CorpAcct\",\r\n key: \"CorpAcct\",\r\n },\r\n {\r\n title: \"Company Name\",\r\n dataIndex: \"Company\",\r\n key: \"Company\",\r\n },\r\n {\r\n title: \"Type\",\r\n dataIndex: \"Type\",\r\n key: \"Type\",\r\n },\r\n {\r\n title: \"RCS Validity Date\",\r\n dataIndex: \"Value\",\r\n key: \"Value\",\r\n align: \"center\",\r\n },\r\n {\r\n title: \"Actions\",\r\n dataIndex: \"actions\",\r\n key: \"actions\",\r\n align: \"center\",\r\n },\r\n];\r\n\r\n/** Columns for searching Plans/Corp accounts */\r\nconst plan_columns = [\r\n {\r\n title: \"Corporate Account\",\r\n dataIndex: \"account\",\r\n key: \"account\",\r\n },\r\n {\r\n title: \"Company\",\r\n dataIndex: \"company\",\r\n key: \"company\",\r\n },\r\n {\r\n dataIndex: \"recordid\",\r\n className: \"hide\",\r\n },\r\n];\r\n\r\n/** Hardcoded Types for the dropdown (Ensure these match the API's expected types) */\r\nconst RCS_TYPES = [\r\n \"AGORA_RCS1_VALIDITY\",\r\n \"AGORA_RCS2_VALIDITY\",\r\n \"AGORAPOD_RCS1_VALIDITY\",\r\n \"AGORAPOD_RCS2_VALIDITY\",\r\n \"BEULAH_RCS1_VALIDITY\",\r\n \"BEULAH_RCS2_VALIDITY\",\r\n \"PROVIDERS_RCS1_VALIDITY\",\r\n \"PROVIDERS_RCS2_VALIDITY\",\r\n \"WEBCALLCENTER_RCS1_VALIDITY\",\r\n \"WEBCALLCENTER_RCS2_VALIDITY\",\r\n];\r\n\r\n/**\r\n * A simple parser that converts common English words for numbers 1 through 99 into an integer.\r\n * Returns NaN if the word is invalid or out of range.\r\n */\r\nfunction parseWordToNumber(wordString) {\r\n const str = wordString.toLowerCase().trim();\r\n const baseWords = {\r\n one: 1,\r\n two: 2,\r\n three: 3,\r\n four: 4,\r\n five: 5,\r\n six: 6,\r\n seven: 7,\r\n eight: 8,\r\n nine: 9,\r\n ten: 10,\r\n eleven: 11,\r\n twelve: 12,\r\n thirteen: 13,\r\n fourteen: 14,\r\n fifteen: 15,\r\n sixteen: 16,\r\n seventeen: 17,\r\n eighteen: 18,\r\n nineteen: 19,\r\n };\r\n const tensWords = {\r\n twenty: 20,\r\n thirty: 30,\r\n forty: 40,\r\n fifty: 50,\r\n sixty: 60,\r\n seventy: 70,\r\n eighty: 80,\r\n ninety: 90,\r\n };\r\n\r\n if (baseWords[str] !== undefined) {\r\n return baseWords[str];\r\n }\r\n if (tensWords[str] !== undefined) {\r\n return tensWords[str];\r\n }\r\n const parts = str.split(\" \");\r\n if (parts.length === 2) {\r\n const [tens, ones] = parts;\r\n if (tensWords[tens] !== undefined && baseWords[ones] !== undefined) {\r\n return tensWords[tens] + baseWords[ones];\r\n }\r\n }\r\n if (str.includes(\"-\")) {\r\n const parts = str.split(\"-\");\r\n if (parts.length === 2) {\r\n const [tens, ones] = parts;\r\n if (tensWords[tens] !== undefined && baseWords[ones] !== undefined) {\r\n return tensWords[tens] + baseWords[ones];\r\n }\r\n }\r\n }\r\n return NaN;\r\n}\r\n\r\nexport default function AcctRCSConfiguration() {\r\n // Searching plan/corp account\r\n const [searchValue, setSearchValue] = useState(\"\");\r\n const [lstPlan, setLstPlan] = useState([]);\r\n const [hasDataPlan, setHasDataPlan] = useState(false);\r\n\r\n // Selected corp acct for new RCS config\r\n const [selectedAccount, setSelectedAccount] = useState(\"\");\r\n const [selectedCompany, setSelectedCompany] = useState(\"\");\r\n\r\n // RCS table data (full dataset or search results)\r\n const [rcsConfigList, setRcsConfigList] = useState([]);\r\n const [hasDataRcs, setHasDataRcs] = useState(false);\r\n\r\n // Loading states\r\n const [loading, setLoading] = useState(false);\r\n const [loadingModal, setLoadingModal] = useState(false);\r\n const [loadingSearch, setLoadingSearch] = useState(false);\r\n\r\n // Logged-in user info\r\n const [username, setUsername] = useState(\"\");\r\n const user_info = JSON.parse(localStorage.getItem(\"user_info\"));\r\n\r\n // For Add Modal\r\n const [modal_add, setModalAdd] = useState(false);\r\n // Use an array for multiple type selections in the dropdown\r\n const [selectedTypes, setSelectedTypes] = useState([]);\r\n const [rcsFormat, setRcsFormat] = useState(\"number\"); // radio: \"number\" or \"word\"\r\n const [Value, setValue] = useState(\"\");\r\n\r\n // For Edit Modal\r\n const [modal_edit, setModalEdit] = useState(false);\r\n const [rcsConfigId, setRcsConfigId] = useState(null);\r\n const [currentRecord, setCurrentRecord] = useState({});\r\n\r\n // For Delete Modal\r\n const [modal_delete, setModalDelete] = useState(false);\r\n\r\n // Pagination states\r\n const [currentPage, setCurrentPage] = useState(1);\r\n const [pageSize] = useState(10);\r\n const [totalRecords, setTotalRecords] = useState(0);\r\n const [totalPages, setTotalPages] = useState(0);\r\n\r\n // Search states\r\n const [searchTerm, setSearchTerm] = useState(\"\");\r\n const [activeSearchTerm, setActiveSearchTerm] = useState(\"\");\r\n\r\n const { addToast } = useToasts();\r\n\r\n // Debounced search function to minimize API calls\r\n const debouncedSearch = useCallback(\r\n debounce((value) => {\r\n performSearch(value, 1);\r\n }, 500),\r\n []\r\n );\r\n\r\n useEffect(() => {\r\n CheckSession();\r\n if (user_info?.data?.emailaddress) {\r\n setUsername(user_info.data.emailaddress);\r\n }\r\n // Initial load\r\n fetchRCSConfigList(1);\r\n // Cleanup debounce on unmount\r\n return () => {\r\n debouncedSearch.cancel();\r\n };\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n /**\r\n * Fetch the RCS config list from server (with pagination).\r\n */\r\n async function fetchRCSConfigList(pageNumber = 1) {\r\n setLoading(true);\r\n try {\r\n const url = `${Decrypt(API.GET_ALL_RCS_VALIDITY_CONFIG)}?pageNumber=${pageNumber}&pageSize=${pageSize}`;\r\n const resp = await fetch(url, {\r\n headers: {\r\n Authorization: \"Bearer \" + user_info.access_token,\r\n },\r\n });\r\n const respJson = await resp.json();\r\n\r\n if (respJson.Data && respJson.success) {\r\n setCurrentPage(respJson.PageNumber);\r\n setTotalRecords(respJson.TotalRecords);\r\n setTotalPages(respJson.TotalPages);\r\n\r\n let decryptedData = respJson.Data.map((item) => {\r\n const dec = Decrypt2(item);\r\n return {\r\n AcctApp_ConfigurationId: dec.AcctApp_ConfigurationId,\r\n CorpAcct: dec.CorpAcct,\r\n Company: dec.Company,\r\n Type: dec.Type,\r\n Value: dec.Value,\r\n Format: dec.Format,\r\n Status: dec.Status,\r\n Recordid: dec.Recordid,\r\n actions: (\r\n\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n
\r\n\r\n {/* ====== Header Row (Search on left, Add button on right) ====== */}\r\n {\r\n if (activeSearchTerm) {\r\n performSearch(activeSearchTerm, page);\r\n } else {\r\n fetchRCSConfigList(page);\r\n }\r\n },\r\n showSizeChanger: false,\r\n locale: {\r\n emptyText: hasDataRcs\r\n ? \"No data available.\"\r\n : \"No RCS Configurations found.\",\r\n },\r\n }}\r\n onRow={(record) => ({\r\n onClick: () => handleEdit(record),\r\n })}\r\n locale={{\r\n emptyText: hasDataRcs\r\n ? \"No data available.\"\r\n : \"No RCS Configurations found.\",\r\n }}\r\n />\r\n\r\n {/* ====== ADD RCS Validity Modal ====== */}\r\n \r\n {loading ? \"Saving...\" : \"Save\"}\r\n ,\r\n setModalAdd(false)}\r\n key=\"cancel\"\r\n >\r\n Cancel\r\n ,\r\n ]}\r\n width={700}\r\n >\r\n {/* Step 1: Select account */}\r\n \r\n setSearchValue(e.target.value)}\r\n placeholder=\"Enter CorpAcct or Company Name\"\r\n style={{ marginBottom: 10 }}\r\n />\r\n \r\n Search\r\n \r\n\r\n {loadingModal ? (\r\n \r\n Select Application Type\r\n \r\n setSelectedTypes(val)}\r\n disabled={!selectedAccount}\r\n >\r\n {RCS_TYPES.map((t) => (\r\n \r\n ))}\r\n \r\n\r\n {/* Step 3: RCS Validity Date */}\r\n \r\n RCS Validity Date\r\n \r\n \r\n Note: Select to use either numbers or words for RCS validity.\r\n \r\n setRcsFormat(e.target.value)}\r\n value={rcsFormat}\r\n style={{ marginBottom: 8 }}\r\n disabled={!selectedAccount}\r\n >\r\n Number \r\n Word \r\n \r\n setValue(e.target.value)}\r\n placeholder={\r\n rcsFormat === \"number\"\r\n ? \"Enter numeric validity (e.g. 30)\"\r\n : \"Enter textual validity (e.g. Thirty)\"\r\n }\r\n disabled={!selectedAccount}\r\n />\r\n \r\n\r\n {/* ====== EDIT RCS Validity Modal ====== */}\r\n \r\n {loading ? \"Updating...\" : \"Update\"}\r\n ,\r\n setModalEdit(false)}\r\n key=\"close\"\r\n >\r\n Close\r\n ,\r\n ]}\r\n width={700}\r\n >\r\n \r\n setSelectedTypes(val)}\r\n disabled\r\n >\r\n {RCS_TYPES.map((t) => (\r\n \r\n ))}\r\n \r\n\r\n \r\n \r\n Note: Select to use either numbers or words for RCS validity.\r\n \r\n setRcsFormat(e.target.value)}\r\n value={rcsFormat}\r\n style={{ marginBottom: 8 }}\r\n >\r\n Number \r\n Word \r\n \r\n setValue(e.target.value)}\r\n placeholder={\r\n rcsFormat === \"number\"\r\n ? \"Enter numeric validity (e.g. 30)\"\r\n : \"Enter textual validity (e.g. Thirty)\"\r\n }\r\n />\r\n \r\n\r\n {/* ====== DELETE CONFIRMATION MODAL ====== */}\r\n \r\n {loading ? \"Deleting...\" : \"Yes, Delete\"}\r\n ,\r\n setModalDelete(false)}\r\n key=\"no\"\r\n >\r\n No\r\n ,\r\n ]}\r\n width={500}\r\n >\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { BrowserRouter as Router, Route, Switch } from \"react-router-dom\";\r\nimport \"./App.css\";\r\nimport { PrivateRoute } from \"./routes/PrivateRoute\";\r\nimport { AdminRoute } from \"./routes/AdminRoute\";\r\nimport { NewsletterRoute } from \"./routes/NewsletterRoute\";\r\nimport KycApproval from \"./components/KycApproval\";\r\nimport \"react-image-lightbox/style.css\";\r\nimport Users from \"./components/Users\";\r\nimport PrivacyPolicy from \"./components/PrivacyPolicy\";\r\nimport BankInclusion from \"./components/BankInclusion\";\r\nimport ContactUs from \"./components/ContactUs\";\r\nimport DisapprovedRemarks from \"./components/DisapprovedRemarks\";\r\nimport FeaturesControl from \"./components/FeaturesControl\";\r\nimport Login from \"./components/Login/Login\";\r\nimport Newsletter from \"./components/Newsletter/Main\";\r\nimport Store from \"./components/Newsletter/Delights/Stores\";\r\nimport Category from \"./components/Newsletter/Delights/Category\";\r\nimport DocDashboard from \"./components/DoctorsDashboard/DocDashboard\";\r\nimport ForgotPassword from \"./components/ForgotPassword/ForgotPassword\";\r\nimport OTP from \"./components/OTPVerification/OTP\";\r\nimport Announcement from \"./components/DoctorsAnnouncement/Announcement\";\r\nimport ConcurrentReset from \"./components/Concurrent/ConcurrentReset\";\r\nimport LockedOut from \"./components/LockedOut/LockedOut\";\r\nimport AgoraAdvisory from \"./components/AgoraAdvisory\";\r\nimport ArugaAdvisory from \"./components/ArugaAdvisory\";\r\nimport SuspendMaintenance from \"./components/Suspend/Suspend\";\r\nimport DisableFeatureMaintenance from \"./components/DisableFeatures/DisableFeatures\";\r\nimport EmailFeature from \"./components/EmailFeatures/EmailFeatures\";\r\nimport EmailMaintenance from \"./components/EmailFeatures/EmailMaintenance\";\r\nimport useLogout from \"./components/AutoLogout\";\r\nimport DigiCard from \"./components/Digicard/Digicard\";\r\nimport SysAccessManageAccess from \"./components/SysAccessManagement/SysAccessManageAccess\";\r\nimport Dashboard from \"./components/Layout/Dashboard\";\r\nimport RequestLogs from \"./components/RequestLogs\";\r\nimport UploadATD from \"./components/UploadATD\"\r\nimport FeaturesControlAruga from \"./components/ArugaFeaturesControl\";\r\nimport SurveyReport from \"./components/Survey/SurveyReport\";\r\nimport KioskTerminal from \"./components/Kiosk/KioskManagement\";\r\nimport AgoraPodTerminal from \"./components/AgoraPod/AgoraPodManagement\";\r\nimport AventusMarketplace from \"./components/AventusMarketplace/AventusMarketplace\";\r\nimport AcctRCSConfiguration from \"./components/RCSValidityController/AcctRCSConfiguration\";\r\nimport { Decrypt } from \"./util/EncryptionHandler\";\r\n\r\nfunction App() {\r\n const timer = useLogout(900);\r\n return (\r\n \r\n eRCS Validity Configuration per Corporate Account\r\n
\r\n\r\n\r\n {/* ====== Header Row (Search on left, Add button on right) ====== */}\r\n
\r\n {\r\n setActiveSearchTerm(\"\");\r\n setSearchTerm(\"\");\r\n fetchRCSConfigList(1);\r\n addToast(\"Search cleared. Displaying all records.\", {\r\n appearance: \"info\",\r\n autoDismiss: true,\r\n autoDismissTimeout: 3000,\r\n });\r\n }}\r\n style={{ marginRight: 10 }}\r\n disabled={!activeSearchTerm}\r\n >\r\n Clear\r\n \r\n \r\n
\r\n\r\n {/* ====== Main Table for RCS configuration ====== */}\r\n \r\n
\r\n ) : (\r\n \r\n Are you sure you want to delete the RCS config for\r\n
\r\n \r\n {currentRecord?.CorpAcct} - {currentRecord?.Company}\r\n \r\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 App;\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport \"./index.css\";\r\nimport App from \"./App\";\r\nimport * as serviceWorker from \"./serviceWorker\";\r\nimport \"@fortawesome/fontawesome-free/css/all.min.css\";\r\nimport \"bootstrap-css-only/css/bootstrap.min.css\";\r\nimport \"antd/dist/antd.css\";\r\nimport \"mdbreact/dist/css/mdb.css\";\r\nimport { ToastProvider } from \"react-toast-notifications\";\r\n\r\nReactDOM.render(\r\n