\r\n )\r\n}\r\n\r\nexport default Input\r\n","import React from 'react'\r\nimport { Field, ErrorMessage } from 'formik'\r\nimport TextError from './TextError'\r\n// import { Box, Button, Card, CardContent, Checkbox, CheckboxProps, FormControlLabel, FormGroup, MenuItem, TextField, Typography } from '@material-ui/core';\r\nfunction Textarea (props) {\r\n const { label, name, ...rest } = props\r\n return (\r\n
\r\n )\r\n}\r\n\r\nexport default Textarea\r\n","import React from 'react'\r\nimport { Field, ErrorMessage } from 'formik'\r\nimport TextError from './TextError'\r\nimport { Box } from '@material-ui/core';\r\n\r\nfunction Select (props) {\r\n const { label, name, options, ...rest } = props\r\n return (\r\n //
\r\n
\r\n {label} \r\n \r\n {/* */}\r\n {options.map(option => {\r\n return (\r\n \r\n {option.key}\r\n \r\n )\r\n })}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Select\r\n","import React from 'react'\r\nimport { Field, ErrorMessage } from 'formik'\r\nimport TextError from './TextError'\r\nimport { Box } from '@material-ui/core';\r\nfunction RadioButtons (props) {\r\n const { label, name, options, ...rest } = props\r\n return (\r\n
\r\n {label} \r\n \r\n {({ field }) => {\r\n return options.map(option => {\r\n return (\r\n \r\n {option.key} \r\n \r\n )\r\n })\r\n }}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default RadioButtons\r\n","import React from 'react'\r\nimport { Field, ErrorMessage } from 'formik'\r\nimport TextError from './TextError'\r\nimport { Box } from '@material-ui/core';\r\nfunction CheckboxGroup (props) {\r\n const { label, name, options, ...rest } = props\r\n return (\r\n
\r\n {label} \r\n \r\n {({ field }) => {\r\n return options.map(option => {\r\n return (\r\n \r\n {option.key} \r\n \r\n )\r\n })\r\n }}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default CheckboxGroup\r\n","import React from 'react'\r\nimport DateView from 'react-datepicker'\r\nimport { Field, ErrorMessage } from 'formik'\r\nimport TextError from './TextError'\r\nimport 'react-datepicker/dist/react-datepicker.css'\r\nimport { Box } from '@material-ui/core';\r\nfunction DatePicker (props) {\r\n const { label, name, ...rest } = props\r\n return (\r\n
\r\n {label} \r\n \r\n {({ form, field }) => {\r\n const { setFieldValue } = form\r\n const { value } = field\r\n return (\r\n setFieldValue(name, val)}\r\n />\r\n )\r\n }}\r\n \r\n \r\n )\r\n}\r\n\r\nexport default DatePicker\r\n","import React from 'react'\r\nimport Input from './Input'\r\nimport Textarea from './Textarea'\r\nimport Select from './Select'\r\nimport RadioButtons from './RadioButtons'\r\nimport CheckboxGroup from './CheckboxGroup'\r\nimport DatePicker from './DatePicker'\r\n\r\nfunction FormikControl (props) {\r\n const { control, ...rest } = props\r\n switch (control) {\r\n case 'input':\r\n return
\r\n case 'textarea':\r\n return
\r\n case 'select':\r\n return
\r\n case 'radio':\r\n return
\r\n case 'checkbox':\r\n return
\r\n case 'date':\r\n return
\r\n default:\r\n return null\r\n }\r\n}\r\n\r\nexport default FormikControl\r\n","import React,{ useState} from 'react';\r\nimport { Formik, Form } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport FormikControl from '../components/FormikControl';\r\nimport { BarLoader} from 'react-spinners'\r\nimport Alert from '@material-ui/lab/Alert';\r\n// import { Box, Button, Card, CardContent, Checkbox, CheckboxProps, FormControlLabel, FormGroup, MenuItem, TextField, Typography } from '@material-ui/core';\r\nimport \"../containers/Formikcss.css\";\r\nimport \"../containers/Login.css\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport axios from 'axios';\r\nimport { onError } from \"../libs/errorLib\";\r\nimport { useAppContext } from \"../libs/contextLib\";\r\nimport { Box } from '@material-ui/core';\r\n\r\n\r\nfunction ResetHardwareID () {\r\n const { user } = useAppContext();\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [responsemessage, setResponsemessage] = useState(null);\r\n const history = useHistory();\r\n const [inputResetFile, setResetInputFile] = useState(null);\r\n const [bu, setBU] = useState('');\r\n\r\n function isValidMobileID(message) {\r\n return this.test(\"isValidMobileID\", message, function (value) {\r\n const { path, createError } = this;\r\n \r\n if (!value) {\r\n return createError({ path, message: message });\r\n }\r\n var exp=/[^\\d,_]+/g\r\n if(bu && bu.toLowerCase()=='itam')\r\n exp=/[^a-zA-Z\\d,-_]+/g\r\n var flag=exp.test(value)\r\n \r\n if (value && flag) {\r\n return createError({ path, message: message });\r\n }\r\n if(value.split(',').length>10){\r\n return createError({ path, message: 'count of mobileids should not be more than 10' });\r\n }\r\n \r\n return true;\r\n });\r\n }\r\n Yup.addMethod(Yup.mixed, \"validateMobile\", isValidMobileID);\r\n \r\n const businessUnitdropdownOptions = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'EMM', value: 'EMM' },\r\n ]\r\n const countryCodedropdownOptions = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'US', value: '1' },\r\n { key: 'UK', value: '44' },\r\n { key: 'Japan', value: '81' },\r\n { key: 'Australia', value: '61' },\r\n { key: 'Germany', value: '49' },\r\n { key: 'Italy', value: '39' }\r\n ]\r\n const commandsDropdownOptions = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'Reg', value: 'heartbeat' },\r\n { key: 'Unreg', value: 'fdl' },\r\n { key: 'getEventLog', value: 'unreg' },\r\n { key: 'gerFDL', value: 'unreg' },\r\n { key: 'Uninstall', value: 'unreg' },\r\n { key: 'goSilent', value: 'unreg' },\r\n { key: 'meter', value: 'unreg' },\r\n { key: 'eula', value: 'eula' }\r\n ]\r\n const radioOptions = [\r\n { key: 'Reg', value: 'reg' },\r\n { key: 'Un-Reg', value: 'unreg' },\r\n { key: 'Eventlog', value: 'eventlog' }\r\n ]\r\n const checkboxOptions = [\r\n { key: 'Heartbeat', value: 'heartbeat' },\r\n { key: 'Eventlog', value: 'eventlog' },\r\n { key: 'FDL', value: 'fdl' }\r\n ]\r\n const initialValues = {\r\n // description: '',\r\n \r\n }\r\n // const validateMobile = (ee) => {\r\n // console.log('****** validateMobile@123 ****** : '+ee)\r\n // var message = 'test'\r\n // return this.test(\"isValidMobile\", message, function (value) {\r\n // console.log('****** validateMobile ****** : '+value)\r\n // const { path, createError } = this;\r\n // if (!value) {\r\n // return createError({ path, message: message });\r\n // }\r\n \r\n // if (value.length < 3) {\r\n // return createError({ path, message: message });\r\n // }\r\n // return true;\r\n\r\n // })\r\n // }\r\n // Yup.addMethod(Yup.mixed, 'validateMobile', (args) => {\r\n // console.log('***** validateMobile **********8'+args)\r\n // })\r\n\r\n const buChnage = async event => {\r\n var ss=event.target.value\r\n setBU(ss)\r\n }\r\n\r\n const onFileChange = (event) => {\r\n var ff=event.target.files[0]\r\n var z = document.getElementById(\"reset_error_file_div\");\r\n if(ff && ff.name.endsWith('.csv')){\r\n setResetInputFile(ff);\r\n z.style.display = \"none\";\r\n }else if(ff){\r\n setResetInputFile(null);\r\n z.style.display = \"block\";\r\n }else{\r\n setResetInputFile(null);\r\n z.style.display = \"none\";\r\n }\r\n };\r\n\r\n const validationSchema = Yup.object({\r\n CountryCode: Yup.string().required('Required'),\r\n //BusinessUnit: Yup.string().required('Required'),\r\n mobileID: Yup.mixed().validateMobile('Enter Valid MobileID')\r\n })\r\n const readFile = (file) => {\r\n return new Promise((resolve) => {\r\n var reader = new FileReader();\r\n reader.onloadend = function(event) {\r\n resolve(event.target.result)\r\n };\r\n reader.readAsText(file);\r\n })\r\n }\r\n const onSubmit = async values => {\r\n if(bu!='EMM' && bu!='iTAM')\r\n return\r\n if (window.confirm('Are you sure you want to process this request?')) {\r\n var obj = JSON.parse(JSON.stringify(values))\r\n var data = {\r\n \"countrycode\": obj.CountryCode,\r\n \"businessunit\": bu,\r\n \"activityname\": \"resethardwareid\",\r\n \"username\":'local_user'\r\n };\r\n if(user)\r\n data.username = user.name\r\n var ids=obj.mobileID\r\n data.mobileids = ids\r\n const headers = {\r\n 'Content-Type': 'application/json'\r\n };\r\n try {\r\n setIsLoading(true);\r\n //console.log('finalValues data@123', data);;\r\n await createRequest(process.env.REACT_APP_RESET_HARDWARE_API,data, headers);\r\n history.push(\"/\");\r\n } catch (e) {\r\n onError(e);\r\n setIsLoading(false);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"none\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"none\";\r\n }\r\n } else{\r\n\r\n }\r\n \r\n\r\n }\r\n\r\n async function createRequest(url,data, headers) {\r\n return axios.post(url, data, {headers})\r\n .then(res => {\r\n // console.log('******* response11 ********');\r\n // console.log(res);\r\n if(res.status === 200){\r\n // console.log(\"############### Status #############\", res.status);\r\n // console.log(\"Response =>\", res);\r\n // console.log(\"Response data => \", res.data);\r\n setResponsemessage(res.data);\r\n setIsLoading(false);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"block\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"none\";\r\n }else{\r\n // console.log(\"############### Status error #############\", res);\r\n // console.log(\"Response =>\", res);\r\n //console.log(\"Response data => \", res.data);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"none\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"block\";\r\n var errorMessage = res.data;\r\n // if(res.status === 401){\r\n // errorMessage = 'Invalid Mobile ID!';\r\n // }else if(res.status === 402){\r\n // errorMessage = 'Invalid platform Id!';\r\n // }else if(res.status === 201){\r\n // errorMessage = 'No logs present for the given dates!';\r\n // }\r\n setResponsemessage(errorMessage);\r\n setIsLoading(false);\r\n }\r\n })\r\n }\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '39%',\r\n '& > * + *': {\r\n marginTop: theme.spacing(2),\r\n },\r\n },\r\n }));\r\n const classes = useStyles();\r\n return (\r\n
\r\n
\r\n {formik => (\r\n \r\n )}\r\n \r\n\r\n \r\n {/* {isLoading ?
\r\n \r\n
{(responsemessage)} \r\n
\r\n
{(responsemessage)} \r\n
\r\n
{(responsemessage)} \r\n
\r\n )\r\n}\r\n\r\nexport default ResetHardwareID\r\n","import React,{ useState} from 'react';\r\nimport { Formik, Form } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport FormikControl from '../components/FormikControl';\r\nimport { BarLoader} from 'react-spinners'\r\nimport Alert from '@material-ui/lab/Alert';\r\n// import { Box, Button, Card, CardContent, Checkbox, CheckboxProps, FormControlLabel, FormGroup, MenuItem, TextField, Typography } from '@material-ui/core';\r\nimport \"../containers/Formikcss.css\";\r\nimport \"../containers/Login.css\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport axios from 'axios';\r\nimport { onError } from \"../libs/errorLib\";\r\nimport { Box } from '@material-ui/core';\r\nimport { useAppContext } from \"../libs/contextLib\";\r\n\r\nfunction FraudUpdate () {\r\n const { user } = useAppContext();\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [responsemessage, setResponsemessage] = useState(null);\r\n const [fraudType, setFraudType] = useState('asd');\r\n const [inputFraudFile, setFraudInputFile] = useState(null);\r\n const [bu, setBU] = useState('');\r\n const history = useHistory();\r\n\r\n const onFileChange = (event) => {\r\n var ff=event.target.files[0]\r\n var z = document.getElementById(\"fraud_error_file_div\");\r\n if(ff && ff.name.endsWith('.csv')){\r\n setFraudInputFile(ff);\r\n z.style.display = \"none\";\r\n }else if(ff){\r\n setFraudInputFile(null);\r\n z.style.display = \"block\";\r\n }else{\r\n setFraudInputFile(null);\r\n z.style.display = \"none\";\r\n }\r\n };\r\n\r\n const buChnage = async event => {\r\n var ss=event.target.value\r\n setBU(ss)\r\n }\r\n \r\n function isValidMobileID(message) {\r\n return this.test(\"isValidMobileID\", message, function (value) {\r\n const { path, createError } = this;\r\n \r\n if (!inputFraudFile && !value) {\r\n if(fraudType != 'PanelistID')\r\n return createError({ path, message: 'Enter Valid MobileID' });\r\n else\r\n return createError({ path, message: 'Enter Valid PanelistID' });\r\n }\r\n var exp=/[^\\d,_]+/g\r\n if(bu && bu.toLowerCase()=='itam')\r\n exp=/[^a-zA-Z\\d,-_]+/g\r\n var flag=exp.test(value)\r\n \r\n if (value && flag) {\r\n if(fraudType != 'PanelistID')\r\n return createError({ path, message: 'Enter Valid MobileID' });\r\n else\r\n return createError({ path, message: 'Enter Valid PanelistID' });\r\n }\r\n // if(value.split(',').length>10){\r\n // if(fraudType == 'PanelistID')\r\n // return createError({ path, message: 'count of panelistids should not be more than 10' });\r\n // else\r\n // return createError({ path, message: 'count of mobileids should not be more than 10' });\r\n // }\r\n \r\n return true;\r\n });\r\n }\r\n Yup.addMethod(Yup.mixed, \"validateMobile\", isValidMobileID);\r\n \r\n const businessUnitdropdownOptions = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'EMM', value: 'EMM' },\r\n ]\r\n const fraudTypeOptions = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'panelist-level', value: 'panelist-level' },\r\n { key: 'device-level', value: 'device-level' }\r\n ]\r\n const countryCodedropdownOptions = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'US', value: '1' },\r\n { key: 'UK', value: '44' },\r\n { key: 'Japan', value: '81' },\r\n { key: 'Australia', value: '61' },\r\n { key: 'Germany', value: '49' },\r\n { key: 'Italy', value: '39' }\r\n ]\r\n const commandsDropdownOptions = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'Reg', value: 'heartbeat' },\r\n { key: 'Unreg', value: 'fdl' },\r\n { key: 'getEventLog', value: 'unreg' },\r\n { key: 'gerFDL', value: 'unreg' },\r\n { key: 'Uninstall', value: 'unreg' },\r\n { key: 'goSilent', value: 'unreg' },\r\n { key: 'meter', value: 'unreg' },\r\n { key: 'eula', value: 'eula' }\r\n ]\r\n const radioOptions = [\r\n { key: 'Reg', value: 'reg' },\r\n { key: 'Un-Reg', value: 'unreg' },\r\n { key: 'Eventlog', value: 'eventlog' }\r\n ]\r\n const checkboxOptions = [\r\n { key: 'Heartbeat', value: 'heartbeat' },\r\n { key: 'Eventlog', value: 'eventlog' },\r\n { key: 'FDL', value: 'fdl' }\r\n ]\r\n const initialValues = {\r\n // description: '',\r\n \r\n }\r\n const validationSchema = Yup.object({\r\n CountryCode: Yup.string().required('Required'),\r\n //BusinessUnit: Yup.string().required('Required'),\r\n ID: Yup.mixed().validateMobile('Enter Valid MobileID')\r\n })\r\n const fraudTypeChnage = async event => {\r\n var ss=event.target.value\r\n if(ss=='panelist-level')\r\n setFraudType('PanelistID')\r\n else\r\n setFraudType('MobileID')\r\n var z = document.getElementById(\"mobile_div\");\r\n z.style.display = \"block\";\r\n }\r\n const readFile = (file) => {\r\n return new Promise((resolve) => {\r\n var reader = new FileReader();\r\n reader.onloadend = function(event) {\r\n resolve(event.target.result)\r\n };\r\n reader.readAsText(file);\r\n })\r\n }\r\n const onSubmit = async values => {\r\n if(bu!='EMM' && bu!='iTAM')\r\n return\r\n if (window.confirm('Are you sure you want to process this request?')) {\r\n var obj = JSON.parse(JSON.stringify(values))\r\n var data = {\r\n \"countrycode\": obj.CountryCode,\r\n \"businessunit\": bu\r\n };\r\n var ids=obj.ID\r\n data.activityname = 'fraudupdate'\r\n data.username = 'local_user'\r\n if(user)\r\n data.username = user.name\r\n const headers = {\r\n 'Content-Type': 'application/json'\r\n };\r\n if(!ids)\r\n ids=''\r\n else\r\n ids=ids+','\r\n if(inputFraudFile && inputFraudFile.name.endsWith('.csv')){\r\n var content = await readFile(inputFraudFile)\r\n content.split('\\n').forEach(s=>{\r\n if(s!=''){\r\n s.split(',').forEach(s1=>{\r\n if(s1.replaceAll('\\r','')!='')\r\n ids=ids+s1.replaceAll('\\r','')+','\r\n })\r\n }\r\n })\r\n }\r\n if(ids.endsWith(','))\r\n ids=ids.substring(0,ids.lastIndexOf(','))\r\n if(ids.split(',').length>process.env.REACT_APP_FRAUD_INPUT_COUNT){\r\n var rr=\"mobileids\"\r\n if(fraudType != 'MobileID')\r\n rr=\"panelistids\"\r\n onError('total count of '+rr+' cannot exceed '+process.env.REACT_APP_FRAUD_INPUT_COUNT);\r\n return\r\n }\r\n if(fraudType == 'MobileID'){\r\n data.mobileids = ids\r\n }else{\r\n data.panelistids = ids\r\n }\r\n try {\r\n setIsLoading(true);\r\n await createRequest(process.env.REACT_APP_FRAUD_API,data, headers);\r\n history.push(\"/\");\r\n } catch (e) {\r\n onError(e);\r\n setIsLoading(false);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"none\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"none\";\r\n }\r\n } else{\r\n\r\n }\r\n \r\n\r\n }\r\n\r\n async function createRequest(url,data, headers) {\r\n return axios.post(url, data, {headers})\r\n .then(res => {\r\n // console.log('******* response11 ********');\r\n // console.log(res);\r\n if(res.status === 200){\r\n // console.log(\"############### Status #############\", res.status);\r\n // console.log(\"Response =>\", res);\r\n // console.log(\"Response data => \", res.data);\r\n setResponsemessage(res.data);\r\n setIsLoading(false);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"block\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"none\";\r\n }else{\r\n // console.log(\"############### Status error #############\", res);\r\n // console.log(\"Response =>\", res);\r\n //console.log(\"Response data => \", res.data);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"none\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"block\";\r\n var errorMessage = res.data;\r\n // if(res.status === 401){\r\n // errorMessage = 'Invalid Mobile ID!';\r\n // }else if(res.status === 402){\r\n // errorMessage = 'Invalid platform Id!';\r\n // }else if(res.status === 201){\r\n // errorMessage = 'No logs present for the given dates!';\r\n // }\r\n setResponsemessage(errorMessage);\r\n setIsLoading(false);\r\n }\r\n })\r\n }\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '39%',\r\n '& > * + *': {\r\n marginTop: theme.spacing(2),\r\n },\r\n },\r\n }));\r\n const classes = useStyles();\r\n return (\r\n
\r\n
\r\n {formik => (\r\n \r\n )}\r\n \r\n\r\n \r\n {/* {isLoading ?
\r\n \r\n
{(responsemessage)} \r\n
\r\n
{(responsemessage)} \r\n
\r\n
{(responsemessage)} \r\n
\r\n )\r\n}\r\n\r\nexport default FraudUpdate\r\n","import React,{ useState} from 'react';\r\nimport { Formik, Form } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport FormikControl from '../components/FormikControl';\r\nimport { BarLoader} from 'react-spinners'\r\nimport Alert from '@material-ui/lab/Alert';\r\n// import { Box, Button, Card, CardContent, Checkbox, CheckboxProps, FormControlLabel, FormGroup, MenuItem, TextField, Typography } from '@material-ui/core';\r\nimport \"../containers/Formikcss.css\";\r\nimport \"../containers/Login.css\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport axios from 'axios';\r\nimport { onError } from \"../libs/errorLib\";\r\nimport { useAppContext } from \"../libs/contextLib\";\r\nimport { Box } from '@material-ui/core';\r\n\r\n\r\nfunction PushNotification () {\r\n const { user } = useAppContext();\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [countryCodeOptions, setCountryCodeOptions] = useState([{ key: 'Select an option', value: '' }]);\r\n const [bu, setBU] = useState('');\r\n const [label, setLabel] = useState('MobileID');\r\n const [responsemessage, setResponsemessage] = useState(null);\r\n const history = useHistory();\r\n const [inputNotificationFile, setNotificationInputFile] = useState(null);\r\n\r\n function isValidPushHouseHold(message) {\r\n return this.test(\"isValidPushHouseHold\", message, function (value) {\r\n const { path, createError } = this;\r\n \r\n if (!inputNotificationFile && !value) {\r\n return createError({ path, message: message });\r\n }\r\n var exp=/[^\\d,_]+/g\r\n if(bu && bu.toLowerCase()=='itam')\r\n exp=/[^a-zA-Z\\d,-_]+/g\r\n var flag=exp.test(value)\r\n \r\n if (value && flag) {\r\n return createError({ path, message: message });\r\n }\r\n // if(value && value.split(',').length>10){\r\n // return createError({ path, message: 'count of householdIDs should not be more than 10' });\r\n // }\r\n \r\n return true;\r\n });\r\n }\r\n Yup.addMethod(Yup.mixed, \"validatePushNotificationHousehold\", isValidPushHouseHold);\r\n\r\n const businessUnitdropdownOptions = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'EMM', value: 'EMM' },\r\n { key: 'iTAM', value: 'iTAM' },\r\n ]\r\n const countryCodedropdownOptionsEMM = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'US', value: '1' },\r\n { key: 'UK', value: '44' },\r\n { key: 'Japan', value: '81' },\r\n { key: 'Australia', value: '61' },\r\n { key: 'Germany', value: '49' },\r\n { key: 'Italy', value: '39' }\r\n ]\r\n const countryCodedropdownOptionsITAM = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'Denmark', value: '45' },\r\n { key: 'Sweden', value: '46' },\r\n { key: 'Norway', value: '47' }\r\n ]\r\n const commandsDropdownOptions = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'Reg', value: 'heartbeat' },\r\n { key: 'Unreg', value: 'fdl' },\r\n { key: 'getEventLog', value: 'unreg' },\r\n { key: 'gerFDL', value: 'unreg' },\r\n { key: 'Uninstall', value: 'unreg' },\r\n { key: 'goSilent', value: 'unreg' },\r\n { key: 'meter', value: 'unreg' },\r\n { key: 'eula', value: 'eula' }\r\n ]\r\n const radioOptions = [\r\n { key: 'Reg', value: 'reg' },\r\n { key: 'Un-Reg', value: 'unreg' },\r\n { key: 'Eventlog', value: 'eventlog' }\r\n ]\r\n const checkboxOptions = [\r\n { key: 'Heartbeat', value: 'heartbeat' },\r\n { key: 'Eventlog', value: 'eventlog' },\r\n { key: 'FDL', value: 'fdl' }\r\n ]\r\n const initialValues = {\r\n // description: '',\r\n \r\n }\r\n // const validateMobile = (ee) => {\r\n // console.log('****** validateMobile@123 ****** : '+ee)\r\n // var message = 'test'\r\n // return this.test(\"isValidMobile\", message, function (value) {\r\n // console.log('****** validateMobile ****** : '+value)\r\n // const { path, createError } = this;\r\n // if (!value) {\r\n // return createError({ path, message: message });\r\n // }\r\n \r\n // if (value.length < 3) {\r\n // return createError({ path, message: message });\r\n // }\r\n // return true;\r\n\r\n // })\r\n // }\r\n // Yup.addMethod(Yup.mixed, 'validateMobile', (args) => {\r\n // console.log('***** validateMobile **********8'+args)\r\n // })\r\n\r\n const onFileChange = (event) => {\r\n var ff=event.target.files[0]\r\n var z = document.getElementById(\"notification_error_file_div\");\r\n if(ff && ff.name.endsWith('.csv')){\r\n setNotificationInputFile(ff);\r\n z.style.display = \"none\";\r\n }else if(ff){\r\n setNotificationInputFile(null);\r\n z.style.display = \"block\";\r\n }else{\r\n setNotificationInputFile(null);\r\n z.style.display = \"none\";\r\n }\r\n };\r\n\r\n const validationSchema = Yup.object({\r\n CountryCode: Yup.string().required('Required'),\r\n householdID: Yup.mixed().validatePushNotificationHousehold('Enter Valid '+label),\r\n notification_message: Yup.string().required('Required')\r\n })\r\n const readFile = (file) => {\r\n return new Promise((resolve) => {\r\n var reader = new FileReader();\r\n reader.onloadend = function(event) {\r\n resolve(event.target.result)\r\n };\r\n reader.readAsText(file);\r\n })\r\n }\r\n const onSubmit = async values => {\r\n if(bu!='EMM' && bu!='iTAM')\r\n return\r\n if (window.confirm('Are you sure you want to process this request?')) {\r\n var obj = JSON.parse(JSON.stringify(values))\r\n var data = {\r\n \"countrycode\": obj.CountryCode,\r\n \"businessunit\": bu,\r\n \"activityname\": \"pushnotification\",\r\n \"notificationmessage\":obj.notification_message,\r\n \"username\":'local_user'\r\n };\r\n var ids=obj.householdID\r\n if(user)\r\n data.username = user.name\r\n if(!ids)\r\n ids=''\r\n else\r\n ids=ids+','\r\n if(inputNotificationFile && inputNotificationFile.name.endsWith('.csv')){\r\n var content = await readFile(inputNotificationFile)\r\n content.split('\\n').forEach(s=>{\r\n if(s!=''){\r\n s.split(',').forEach(s1=>{\r\n if(s1.replaceAll('\\r','')!='')\r\n ids=ids+s1.replaceAll('\\r','')+','\r\n })\r\n }\r\n })\r\n }\r\n if(ids.endsWith(','))\r\n ids=ids.substring(0,ids.lastIndexOf(','))\r\n if(ids.split(',').length>process.env.REACT_APP_PUSH_NOTIFICATION_INPUT_COUNT){\r\n var rr=\"HouseholdIDs\"\r\n if(label=='MobileID')\r\n rr=\"MobileIDs\"\r\n onError('total count of '+rr+' cannot exceed '+process.env.REACT_APP_PUSH_NOTIFICATION_INPUT_COUNT);\r\n return\r\n }\r\n if(label=='MobileID')\r\n data.mobileids = ids\r\n else\r\n data.householdids = ids\r\n const headers = {\r\n 'Content-Type': 'application/json'\r\n };\r\n try {\r\n setIsLoading(true);\r\n //console.log('finalValues data@123', data);;\r\n await createRequest(process.env['REACT_APP_PUSH_NOTIFICATION_API'],data, headers);\r\n history.push(\"/\");\r\n } catch (e) {\r\n onError(e);\r\n setIsLoading(false);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"none\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"none\";\r\n }\r\n } else{\r\n\r\n }\r\n \r\n\r\n }\r\n\r\n async function getHeader(url, headers) {\r\n return axios.get(url, {headers})\r\n .then(res => {\r\n console.log(res)\r\n })\r\n }\r\n async function createRequest(url,data, headers) {\r\n return axios.post(url, data, {headers})\r\n .then(res => {\r\n // console.log('******* response11 ********');\r\n // console.log(res);\r\n if(res.status === 200){\r\n // console.log(\"############### Status #############\", res.status);\r\n // console.log(\"Response =>\", res);\r\n // console.log(\"Response data => \", res.data);\r\n setResponsemessage(res.data);\r\n setIsLoading(false);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"block\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"none\";\r\n }else{\r\n // console.log(\"############### Status error #############\", res);\r\n // console.log(\"Response =>\", res);\r\n //console.log(\"Response data => \", res.data);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"none\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"block\";\r\n var errorMessage = res.data;\r\n // if(res.status === 401){\r\n // errorMessage = 'Invalid Mobile ID!';\r\n // }else if(res.status === 402){\r\n // errorMessage = 'Invalid platform Id!';\r\n // }else if(res.status === 201){\r\n // errorMessage = 'No logs present for the given dates!';\r\n // }\r\n setResponsemessage(errorMessage);\r\n setIsLoading(false);\r\n }\r\n })\r\n }\r\n\r\n const buChnage = async event => {\r\n var ss=event.target.value\r\n setBU(ss)\r\n if(ss=='EMM'){\r\n setLabel('MobileID')\r\n setCountryCodeOptions(countryCodedropdownOptionsEMM)\r\n }else{\r\n setLabel('HouseholdID')\r\n setCountryCodeOptions(countryCodedropdownOptionsITAM)\r\n }\r\n \r\n }\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '39%',\r\n '& > * + *': {\r\n marginTop: theme.spacing(2),\r\n },\r\n },\r\n }));\r\n const classes = useStyles();\r\n return (\r\n
\r\n
\r\n {formik => (\r\n \r\n )}\r\n \r\n\r\n \r\n {/* {isLoading ?
\r\n \r\n
{(responsemessage)} \r\n
\r\n
{(responsemessage)} \r\n
\r\n
{(responsemessage)} \r\n
\r\n )\r\n}\r\n\r\nexport default PushNotification\r\n","import React,{ useState} from 'react';\r\nimport { Formik, Form } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport FormikControl from '../components/FormikControl';\r\nimport { BarLoader} from 'react-spinners'\r\nimport Alert from '@material-ui/lab/Alert';\r\n// import { Box, Button, Card, CardContent, Checkbox, CheckboxProps, FormControlLabel, FormGroup, MenuItem, TextField, Typography } from '@material-ui/core';\r\nimport \"../containers/Formikcss.css\";\r\nimport \"../containers/Login.css\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport axios from 'axios';\r\nimport { onError } from \"../libs/errorLib\";\r\nimport { useAppContext } from \"../libs/contextLib\";\r\nimport { Box } from '@material-ui/core';\r\n\r\n\r\nfunction LiteAppPush () {\r\n const { user } = useAppContext();\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [countryCodeOptions, setCountryCodeOptions] = useState([{ key: 'Select an option', value: '' }]);\r\n const [bu, setBU] = useState('');\r\n const [responsemessage, setResponsemessage] = useState(null);\r\n const history = useHistory();\r\n const [inputNotificationFile, setNotificationInputFile] = useState(null);\r\n\r\n function isValidPushHouseHold(message) {\r\n return this.test(\"isValidPushHouseHold\", message, function (value) {\r\n const { path, createError } = this;\r\n \r\n if (!inputNotificationFile && !value) {\r\n return createError({ path, message: message });\r\n }\r\n var exp=/[^\\d,_]+/g\r\n if(bu && bu.toLowerCase()=='itam')\r\n exp=/[^a-zA-Z\\d,-_]+/g\r\n var flag=exp.test(value)\r\n \r\n if (value && flag) {\r\n return createError({ path, message: message });\r\n }\r\n // if(value && value.split(',').length>10){\r\n // return createError({ path, message: 'count of householdIDs should not be more than 10' });\r\n // }\r\n \r\n return true;\r\n });\r\n }\r\n Yup.addMethod(Yup.mixed, \"validatePushNotificationHousehold\", isValidPushHouseHold);\r\n\r\n const businessUnitdropdownOptions = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'EMM', value: 'EMM' },\r\n { key: 'iTAM', value: 'iTAM' },\r\n { key: 'NCA', value: 'NCA' },\r\n { key: 'NIT', value: 'NIT' },\r\n ]\r\n const countryCodedropdownOptionsEMM = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'US', value: '1' },\r\n { key: 'UK', value: '44' },\r\n { key: 'Japan', value: '81' },\r\n { key: 'Australia', value: '61' },\r\n { key: 'Germany', value: '49' },\r\n { key: 'Italy', value: '39' }\r\n ]\r\n const countryCodedropdownOptionsITAM = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'Denmark', value: '45' },\r\n { key: 'Sweden', value: '46' },\r\n { key: 'Norway', value: '47' }\r\n ]\r\n const countryCodedropdownOptionsNCAAndNIT = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'US', value: '1' }\r\n ]\r\n const appTypeOptions = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'Lite App', value: 'lite' },\r\n { key: 'Full App', value: 'full' }\r\n ]\r\n const initialValues = {\r\n // description: '',\r\n \r\n }\r\n // const validateMobile = (ee) => {\r\n // console.log('****** validateMobile@123 ****** : '+ee)\r\n // var message = 'test'\r\n // return this.test(\"isValidMobile\", message, function (value) {\r\n // console.log('****** validateMobile ****** : '+value)\r\n // const { path, createError } = this;\r\n // if (!value) {\r\n // return createError({ path, message: message });\r\n // }\r\n \r\n // if (value.length < 3) {\r\n // return createError({ path, message: message });\r\n // }\r\n // return true;\r\n\r\n // })\r\n // }\r\n // Yup.addMethod(Yup.mixed, 'validateMobile', (args) => {\r\n // console.log('***** validateMobile **********8'+args)\r\n // })\r\n\r\n const onFileChange = (event) => {\r\n var ff=event.target.files[0]\r\n var z = document.getElementById(\"notification_error_file_div\");\r\n if(ff && ff.name.endsWith('.csv')){\r\n setNotificationInputFile(ff);\r\n z.style.display = \"none\";\r\n }else if(ff){\r\n setNotificationInputFile(null);\r\n z.style.display = \"block\";\r\n }else{\r\n setNotificationInputFile(null);\r\n z.style.display = \"none\";\r\n }\r\n };\r\n\r\n const validationSchema = Yup.object({\r\n CountryCode: Yup.string().required('Required'),\r\n householdID: Yup.mixed().validatePushNotificationHousehold('Enter Valid PanelistID'),\r\n apptype: Yup.string().required('Required')\r\n })\r\n const readFile = (file) => {\r\n return new Promise((resolve) => {\r\n var reader = new FileReader();\r\n reader.onloadend = function(event) {\r\n resolve(event.target.result)\r\n };\r\n reader.readAsText(file);\r\n })\r\n }\r\n const onSubmit = async values => {\r\n if(bu!='EMM' && bu!='iTAM' && bu!='NCA' && bu!='NIT')\r\n return\r\n if (window.confirm('Are you sure you want to process this request?')) {\r\n var obj = JSON.parse(JSON.stringify(values))\r\n var data = {\r\n \"countrycode\": obj.CountryCode,\r\n \"businessunit\": bu,\r\n \"activityname\": \"liteapppush\",\r\n \"username\":'local_user',\r\n \"apptype\": obj.apptype\r\n };\r\n var ids=obj.householdID\r\n if(user)\r\n data.username = user.name\r\n if(!ids)\r\n ids=''\r\n else\r\n ids=ids+','\r\n if(inputNotificationFile && inputNotificationFile.name.endsWith('.csv')){\r\n var content = await readFile(inputNotificationFile)\r\n content.split('\\n').forEach(s=>{\r\n if(s!=''){\r\n s.split(',').forEach(s1=>{\r\n if(s1.replaceAll('\\r','')!='')\r\n ids=ids+s1.replaceAll('\\r','')+','\r\n })\r\n }\r\n })\r\n }\r\n if(ids.endsWith(','))\r\n ids=ids.substring(0,ids.lastIndexOf(','))\r\n if(ids.split(',').length>process.env.REACT_APP_LITE_APP_PUSH_INPUT_COUNT){\r\n var rr=\"PanelistIDs\"\r\n onError('total count of '+rr+' cannot exceed '+process.env.REACT_APP_LITE_APP_PUSH_INPUT_COUNT);\r\n return\r\n }\r\n data.panelistids = ids\r\n const headers = {\r\n 'Content-Type': 'application/json'\r\n };\r\n try {\r\n setIsLoading(true);\r\n //console.log('finalValues data@123', data);;\r\n await createRequest(process.env.REACT_APP_LITE_APP_PUSH_API,data, headers);\r\n history.push(\"/\");\r\n } catch (e) {\r\n onError(e);\r\n setIsLoading(false);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"none\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"none\";\r\n }\r\n } else{\r\n\r\n }\r\n \r\n\r\n }\r\n\r\n async function getHeader(url, headers) {\r\n return axios.get(url, {headers})\r\n .then(res => {\r\n console.log(res)\r\n })\r\n }\r\n async function createRequest(url,data, headers) {\r\n return axios.post(url, data, {headers})\r\n .then(res => {\r\n // console.log('******* response11 ********');\r\n // console.log(res);\r\n if(res.status === 200){\r\n // console.log(\"############### Status #############\", res.status);\r\n // console.log(\"Response =>\", res);\r\n // console.log(\"Response data => \", res.data);\r\n setResponsemessage(res.data);\r\n setIsLoading(false);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"block\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"none\";\r\n }else{\r\n // console.log(\"############### Status error #############\", res);\r\n // console.log(\"Response =>\", res);\r\n //console.log(\"Response data => \", res.data);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"none\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"block\";\r\n var errorMessage = res.data;\r\n // if(res.status === 401){\r\n // errorMessage = 'Invalid Mobile ID!';\r\n // }else if(res.status === 402){\r\n // errorMessage = 'Invalid platform Id!';\r\n // }else if(res.status === 201){\r\n // errorMessage = 'No logs present for the given dates!';\r\n // }\r\n setResponsemessage(errorMessage);\r\n setIsLoading(false);\r\n }\r\n })\r\n }\r\n\r\n const buChnage = async event => {\r\n var ss=event.target.value\r\n setBU(ss)\r\n if(ss=='EMM'){\r\n setCountryCodeOptions(countryCodedropdownOptionsEMM)\r\n }else if(ss=='iTAM'){\r\n setCountryCodeOptions(countryCodedropdownOptionsITAM)\r\n }\r\n else{\r\n setCountryCodeOptions(countryCodedropdownOptionsNCAAndNIT)\r\n }\r\n \r\n }\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '39%',\r\n '& > * + *': {\r\n marginTop: theme.spacing(2),\r\n },\r\n },\r\n }));\r\n const classes = useStyles();\r\n return (\r\n
\r\n
\r\n {formik => (\r\n \r\n )}\r\n \r\n\r\n \r\n {/* {isLoading ?
\r\n \r\n
{(responsemessage)} \r\n
\r\n
{(responsemessage)} \r\n
\r\n
{(responsemessage)} \r\n
\r\n )\r\n}\r\n\r\nexport default LiteAppPush\r\n","import React,{ useState} from 'react';\r\nimport { Formik, Form } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport FormikControl from '../components/FormikControl';\r\nimport { BarLoader} from 'react-spinners'\r\nimport Alert from '@material-ui/lab/Alert';\r\n// import { Box, Button, Card, CardContent, Checkbox, CheckboxProps, FormControlLabel, FormGroup, MenuItem, TextField, Typography } from '@material-ui/core';\r\nimport \"../containers/Formikcss.css\";\r\nimport \"../containers/Login.css\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport axios from 'axios';\r\nimport { onError } from \"../libs/errorLib\";\r\nimport { useAppContext } from \"../libs/contextLib\";\r\nimport { Box } from '@material-ui/core';\r\n\r\n\r\nfunction BannerPush () {\r\n const { user } = useAppContext();\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [countryCodeOptions, setCountryCodeOptions] = useState([{ key: 'Select an option', value: '' }]);\r\n const [bu, setBU] = useState('');\r\n const [responsemessage, setResponsemessage] = useState(null);\r\n const history = useHistory();\r\n const [inputNotificationFile, setNotificationInputFile] = useState(null);\r\n\r\n function isValidPushHouseHold(message) {\r\n return this.test(\"isValidPushHouseHold\", message, function (value) {\r\n const { path, createError } = this;\r\n \r\n if (!inputNotificationFile && !value) {\r\n return createError({ path, message: message });\r\n }\r\n var exp=/[^\\d,_]+/g\r\n if(bu && bu.toLowerCase()=='itam')\r\n exp=/[^a-zA-Z\\d,-_]+/g\r\n var flag=exp.test(value)\r\n \r\n if (value && flag) {\r\n return createError({ path, message: message });\r\n }\r\n // if(value && value.split(',').length>10){\r\n // return createError({ path, message: 'count of householdIDs should not be more than 10' });\r\n // }\r\n \r\n return true;\r\n });\r\n }\r\n Yup.addMethod(Yup.mixed, \"validatePushNotificationHousehold\", isValidPushHouseHold);\r\n\r\n const isPushNotificationRequiredOptions = [\r\n { key: 'Yes', value: '1' },\r\n { key: 'No', value: '0' },\r\n ]\r\n function getEnv(){\r\n let arr =[]\r\n arr.push({ key: 'Select an option', value: '' })\r\n if(process.env.REACT_APP_BANNER_PUSH_API.indexOf('/qa/')!=-1){\r\n arr.push({ key: 'QA', value: 'QA' })\r\n }else{\r\n arr.push({ key: 'PROD', value: 'PROD' })\r\n arr.push({ key: 'BETA', value: 'BETA' })\r\n }\r\n return arr\r\n }\r\n const envOptions = getEnv()\r\n const businessUnitdropdownOptions = [\r\n { key: 'Select an option', value: '' },\r\n // { key: 'EMM', value: 'EMM' },\r\n // { key: 'iTAM', value: 'iTAM' },\r\n { key: 'NCA', value: 'NCA' },\r\n //{ key: 'NIT', value: 'NIT' },\r\n ]\r\n const countryCodedropdownOptionsEMM = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'US', value: '1' },\r\n { key: 'UK', value: '44' },\r\n { key: 'Japan', value: '81' },\r\n { key: 'Australia', value: '61' },\r\n { key: 'Germany', value: '49' },\r\n { key: 'Italy', value: '39' }\r\n ]\r\n const countryCodedropdownOptionsITAM = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'Denmark', value: '45' },\r\n { key: 'Sweden', value: '46' },\r\n { key: 'Norway', value: '47' }\r\n ]\r\n const countryCodedropdownOptionsNCAAndNIT = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'US', value: '1' }\r\n ]\r\n const commandsDropdownOptions = [\r\n { key: 'Select an option', value: '' },\r\n { key: 'Reg', value: 'heartbeat' },\r\n { key: 'Unreg', value: 'fdl' },\r\n { key: 'getEventLog', value: 'unreg' },\r\n { key: 'gerFDL', value: 'unreg' },\r\n { key: 'Uninstall', value: 'unreg' },\r\n { key: 'goSilent', value: 'unreg' },\r\n { key: 'meter', value: 'unreg' },\r\n { key: 'eula', value: 'eula' }\r\n ]\r\n const radioOptions = [\r\n { key: 'Reg', value: 'reg' },\r\n { key: 'Un-Reg', value: 'unreg' },\r\n { key: 'Eventlog', value: 'eventlog' }\r\n ]\r\n const checkboxOptions = [\r\n { key: 'Heartbeat', value: 'heartbeat' },\r\n { key: 'Eventlog', value: 'eventlog' },\r\n { key: 'FDL', value: 'fdl' }\r\n ]\r\n const initialValues = {\r\n // description: '',\r\n \r\n }\r\n // const validateMobile = (ee) => {\r\n // console.log('****** validateMobile@123 ****** : '+ee)\r\n // var message = 'test'\r\n // return this.test(\"isValidMobile\", message, function (value) {\r\n // console.log('****** validateMobile ****** : '+value)\r\n // const { path, createError } = this;\r\n // if (!value) {\r\n // return createError({ path, message: message });\r\n // }\r\n \r\n // if (value.length < 3) {\r\n // return createError({ path, message: message });\r\n // }\r\n // return true;\r\n\r\n // })\r\n // }\r\n // Yup.addMethod(Yup.mixed, 'validateMobile', (args) => {\r\n // console.log('***** validateMobile **********8'+args)\r\n // })\r\n\r\n const onFileChange = (event) => {\r\n var ff=event.target.files[0]\r\n var z = document.getElementById(\"notification_error_file_div\");\r\n if(ff && ff.name.endsWith('.csv')){\r\n setNotificationInputFile(ff);\r\n z.style.display = \"none\";\r\n }else if(ff){\r\n setNotificationInputFile(null);\r\n z.style.display = \"block\";\r\n }else{\r\n setNotificationInputFile(null);\r\n z.style.display = \"none\";\r\n }\r\n };\r\n\r\n const validationSchema = Yup.object({\r\n CountryCode: Yup.string().required('Required'),\r\n householdID: Yup.mixed().validatePushNotificationHousehold('Enter Valid MobileID'),\r\n notification_message: Yup.string().required('Required'),\r\n is_push_notification_required: Yup.string().required('Required'),\r\n env: Yup.string().required('Required'),\r\n startDate: Yup.date().max(new Date(), \"Start date field must be at earlier than \"+formatDate(new Date())).required('Required'),\r\n endDate: Yup.date().max(new Date(), \"End date field must be at earlier than \"+formatDate(new Date())).required('Required')\r\n })\r\n function formatDate(date) {\r\n var d = new Date(date),\r\n month = '' + (d.getMonth() + 1),\r\n day = '' + d.getDate(),\r\n year = d.getFullYear();\r\n if (month.length < 2) \r\n month = '0' + month;\r\n if (day.length < 2) \r\n day = '0' + day;\r\n return [year, month, day].join('-');\r\n }\r\n const readFile = (file) => {\r\n return new Promise((resolve) => {\r\n var reader = new FileReader();\r\n reader.onloadend = function(event) {\r\n resolve(event.target.result)\r\n };\r\n reader.readAsText(file);\r\n })\r\n }\r\n const onSubmit = async values => {\r\n if(bu!='EMM' && bu!='iTAM' && bu!='NCA' && bu!='NIT')\r\n return\r\n if (window.confirm('Are you sure you want to process this request?')) {\r\n var obj = JSON.parse(JSON.stringify(values))\r\n var data = {\r\n \"countrycode\": obj.CountryCode,\r\n \"businessunit\": bu,\r\n \"env\": obj.env,\r\n \"activityname\": \"bannerpush\",\r\n \"notificationmessage\":obj.notification_message,\r\n \"ispushnotificationrequired\":obj.is_push_notification_required[0],\r\n \"startdate\": formatDate(new Date(values.startDate)),\r\n \"enddate\": formatDate(new Date(values.endDate)),\r\n \"username\":'local_user'\r\n };\r\n var ids=obj.householdID\r\n if(user)\r\n data.username = user.name\r\n if(!ids)\r\n ids=''\r\n else\r\n ids=ids+','\r\n if(inputNotificationFile && inputNotificationFile.name.endsWith('.csv')){\r\n var content = await readFile(inputNotificationFile)\r\n content.split('\\n').forEach(s=>{\r\n if(s!=''){\r\n s.split(',').forEach(s1=>{\r\n if(s1.replaceAll('\\r','')!='')\r\n ids=ids+s1.replaceAll('\\r','')+','\r\n })\r\n }\r\n })\r\n }\r\n if(ids.endsWith(','))\r\n ids=ids.substring(0,ids.lastIndexOf(','))\r\n if(ids.split(',').length>process.env.REACT_APP_BANNER_PUSH_INPUT_COUNT){\r\n var rr=\"MobileIDs\"\r\n onError('total count of '+rr+' cannot exceed '+process.env.REACT_APP_BANNER_PUSH_INPUT_COUNT);\r\n return\r\n }\r\n data.mobileids = ids\r\n const headers = {\r\n 'Content-Type': 'application/json'\r\n };\r\n try {\r\n setIsLoading(true);\r\n //console.log('finalValues data@123', data);;\r\n await createRequest(process.env.REACT_APP_BANNER_PUSH_API,data, headers);\r\n history.push(\"/\");\r\n } catch (e) {\r\n onError(e);\r\n setIsLoading(false);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"none\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"none\";\r\n }\r\n } else{\r\n\r\n }\r\n \r\n\r\n }\r\n\r\n async function getHeader(url, headers) {\r\n return axios.get(url, {headers})\r\n .then(res => {\r\n console.log(res)\r\n })\r\n }\r\n async function createRequest(url,data, headers) {\r\n return axios.post(url, data, {headers})\r\n .then(res => {\r\n // console.log('******* response11 ********');\r\n // console.log(res);\r\n if(res.status === 200){\r\n // console.log(\"############### Status #############\", res.status);\r\n // console.log(\"Response =>\", res);\r\n // console.log(\"Response data => \", res.data);\r\n setResponsemessage(res.data);\r\n setIsLoading(false);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"block\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"none\";\r\n }else{\r\n // console.log(\"############### Status error #############\", res);\r\n // console.log(\"Response =>\", res);\r\n //console.log(\"Response data => \", res.data);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"none\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"block\";\r\n var errorMessage = res.data;\r\n // if(res.status === 401){\r\n // errorMessage = 'Invalid Mobile ID!';\r\n // }else if(res.status === 402){\r\n // errorMessage = 'Invalid platform Id!';\r\n // }else if(res.status === 201){\r\n // errorMessage = 'No logs present for the given dates!';\r\n // }\r\n setResponsemessage(errorMessage);\r\n setIsLoading(false);\r\n }\r\n })\r\n }\r\n\r\n const buChnage = async event => {\r\n var ss=event.target.value\r\n setBU(ss)\r\n if(ss=='EMM'){\r\n setCountryCodeOptions(countryCodedropdownOptionsEMM)\r\n }else if(ss=='iTAM'){\r\n setCountryCodeOptions(countryCodedropdownOptionsITAM)\r\n }\r\n else{\r\n setCountryCodeOptions(countryCodedropdownOptionsNCAAndNIT)\r\n }\r\n \r\n }\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '39%',\r\n '& > * + *': {\r\n marginTop: theme.spacing(2),\r\n },\r\n },\r\n }));\r\n const classes = useStyles();\r\n return (\r\n
\r\n
\r\n {formik => (\r\n \r\n )}\r\n \r\n\r\n \r\n {/* {isLoading ?
\r\n \r\n
{(responsemessage)} \r\n
\r\n
{(responsemessage)} \r\n
\r\n
{(responsemessage)} \r\n
\r\n )\r\n}\r\n\r\nexport default BannerPush\r\n","import React,{ useEffect,useState} from 'react';\r\nimport { Formik, Form } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport FormikControl from '../components/FormikControl';\r\nimport { BarLoader} from 'react-spinners'\r\nimport Alert from '@material-ui/lab/Alert';\r\n// import { Box, Button, Card, CardContent, Checkbox, CheckboxProps, FormControlLabel, FormGroup, MenuItem, TextField, Typography } from '@material-ui/core';\r\nimport \"../containers/Formikcss.css\";\r\nimport \"../containers/Login.css\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport axios from 'axios';\r\nimport { onError } from \"../libs/errorLib\";\r\nimport { Box } from '@material-ui/core';\r\nimport { useAppContext } from \"../libs/contextLib\";\r\n\r\nfunction UserActivity () {\r\n const { user } = useAppContext();\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [responsemessage, setResponsemessage] = useState(null);\r\n const [userActivity, setUserActivity] = useState(null);\r\n const history = useHistory();\r\n useEffect(() => { \r\n async function load() {\r\n var data = {}\r\n data.username = user.name\r\n const headers = {\r\n 'Content-Type': 'application/json'\r\n }\r\n try{\r\n setIsLoading(true);\r\n await createRequest(process.env.REACT_APP_USER_ACTIVITY_API,data, headers)\r\n setIsLoading(false);\r\n }catch(e){\r\n onError(e);\r\n setIsLoading(false);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"none\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"none\";\r\n //setTestdata()\r\n //setUserActivity([])\r\n }\r\n \r\n }\r\n load()\r\n }, [])\r\n function setTestdata() {\r\n\r\n setUserActivity(sortArr([\r\n {\r\n 'activityname':'test1',\r\n 'countrycode':'1',\r\n 'processed_ts_utc':'2024-01-01T12:48:33'\r\n },\r\n {\r\n 'activityname':'test1',\r\n 'countrycode':'1',\r\n 'processed_ts_utc':'2024-01-03T12:48:33'\r\n },\r\n {\r\n 'activityname':'test2',\r\n 'countrycode':'1',\r\n 'processed_ts_utc':'2024-01-01T13:48:33'\r\n }\r\n ]))\r\n }\r\n function sortArr(arr) {\r\n return arr.sort((a, b) => {\r\n if (b.processed_ts_utc < a.processed_ts_utc)\r\n return -1;\r\n if (b.processed_ts_utc > a.processed_ts_utc)\r\n return 1;\r\n return 0;\r\n })\r\n }\r\n async function createRequest(url,data, headers) {\r\n return axios.post(url, data, {headers})\r\n .then(res => {\r\n // console.log('******* response11 ********');\r\n // console.log(res);\r\n if(res.status === 200){\r\n console.log(\"############### Status #############\", res.status);\r\n console.log(\"Response =>\", res);\r\n console.log(\"Response data => \", res.data);\r\n setUserActivity(sortArr(res.data));\r\n setIsLoading(false);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"block\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"none\";\r\n }else{\r\n // console.log(\"############### Status error #############\", res);\r\n // console.log(\"Response =>\", res);\r\n //console.log(\"Response data => \", res.data);\r\n var x = document.getElementById(\"alert_info\");\r\n x.style.display = \"none\";\r\n var y = document.getElementById(\"alert_success\");\r\n y.style.display = \"none\";\r\n var z = document.getElementById(\"alert_error\");\r\n z.style.display = \"block\";\r\n var errorMessage = res.data;\r\n // if(res.status === 401){\r\n // errorMessage = 'Invalid Mobile ID!';\r\n // }else if(res.status === 402){\r\n // errorMessage = 'Invalid platform Id!';\r\n // }else if(res.status === 201){\r\n // errorMessage = 'No logs present for the given dates!';\r\n // }\r\n setResponsemessage(errorMessage);\r\n setIsLoading(false);\r\n }\r\n })\r\n } \r\n \r\n const useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '39%',\r\n '& > * + *': {\r\n marginTop: theme.spacing(2),\r\n },\r\n },\r\n names: { 'font-weight': 'bold' }\r\n }));\r\n const back = async () => {\r\n history.push('/')\r\n }\r\n const classes = useStyles();\r\n return (\r\n
\r\n {userActivity && userActivity.length>0? (\r\n
\r\n countrycode activityname request response_code processed_ts_utc \r\n {obj.countrycode} {obj.activityname} {jss} {obj.httpresponsecode} {obj.processed_ts_utc} \r\n )}\r\n )}\r\n
\r\n ):(\r\n userActivity && userActivity.length==0? (
No data found for this user ):(<>)\r\n )}\r\n
\r\n {isLoading ?
\r\n
\r\n
\r\n
{(responsemessage)} \r\n
\r\n
\r\n
{(responsemessage)} \r\n
\r\n
\r\n
{(responsemessage)} \r\n
\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default UserActivity\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport HowToRegIcon from '@material-ui/icons/HowToReg';\r\nimport Box from '@material-ui/core/Box';\r\nimport TrackChangesIcon from '@material-ui/icons/TrackChanges';\r\nimport SystemUpdateAltSharpIcon from '@material-ui/icons/SystemUpdateAltSharp';\r\nimport InboxIcon from '@material-ui/icons/MoveToInbox';\r\nimport GetAppRoundedIcon from '@material-ui/icons/GetAppRounded';\r\nimport UpdateIcon from '@material-ui/icons/Update';\r\nimport CircleNotifications from '@material-ui/icons/Notifications';\r\nimport ClearIcon from '@material-ui/icons/Clear';\r\nimport Login from \"./Login.js\";\r\n// import Register from \"./Register.js\";\r\n//import Unregister from \"./Unregister.js\";\r\n// import formInstance from \"./CommandForms.js\";\r\n// import FormikContainer from \"../containers/SendCommands/GetFDL\";\r\nimport ResetHardwareID from \"./ResetHardwareID.js\"\r\nimport FraudUpdate from \"./FraudUpdate.js\"\r\nimport PushNotification from \"./PushNotification.js\"\r\nimport LiteAppPush from \"./LiteAppPush.js\"\r\nimport BannerPush from \"./BannerPush.js\"\r\nimport CMDsHistory from \"../containers/SendCommands/CMDsHistory\";\r\nimport UserActivity from \"../containers/UserActivity\";\r\n\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n
\r\n {value === index && (\r\n \r\n {children}
\r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nTabPanel.propTypes = {\r\n children: PropTypes.node,\r\n index: PropTypes.any.isRequired,\r\n value: PropTypes.any.isRequired,\r\n};\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `scrollable-force-tab-${index}`,\r\n 'aria-controls': `scrollable-force-tabpanel-${index}`,\r\n };\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n flexGrow: 1,\r\n width: '100%',\r\n backgroundColor: theme.palette.background.paper,\r\n },\r\n}));\r\n\r\nexport function ShowUserActivity() {\r\n const classes = useStyles();\r\n \r\n return (\r\n
\r\n );\r\n}\r\n\r\nexport function ScrollableTabsButtonForce() {\r\n const classes = useStyles();\r\n const [value, setValue] = React.useState(-1);\r\n\r\n const handleChange = (event, newValue) => {\r\n setValue(newValue);\r\n };\r\n\r\n return (\r\n
\r\n );\r\n}","import { useEffect, useState } from \"react\";\r\nimport { useOktaAuth } from \"@okta/okta-react\";\r\n\r\nconst useAuthUser = () => {\r\n const [userInfo, setUserInfo] = useState(null);\r\n const { oktaAuth, authState } = useOktaAuth();\r\n \r\n useEffect(() => {\r\n const getUser = async () => {\r\n try {\r\n const res = await oktaAuth.getUser();\r\n setUserInfo(res);\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n\r\n authState?.isAuthenticated && getUser();\r\n }, [authState, oktaAuth]);\r\n\r\n return userInfo;\r\n};\r\n\r\nexport default useAuthUser;","const initialState = {\r\n value:{}\r\n }\r\n \r\n export default function addUser(state = initialState, action) {\r\n if(action.type=='user/addUser'){\r\n return {value:action.payload}\r\n }else{\r\n return initialState\r\n }\r\n }","const initialState = {\r\n value:{}\r\n }\r\n \r\n export default function saveAuth(state = initialState, action) {\r\n if(action.type=='auth/saveAuth'){\r\n return {value:action.payload}\r\n }else{\r\n return initialState\r\n }\r\n }","import { combineReducers } from 'redux'\r\n\r\nimport addUser from './SaveUser'\r\nimport saveAuth from './SaveAuth'\r\n\r\nconst rootReducer = combineReducers({\r\n // Define a top-level state field named `todos`, handled by `todosReducer`\r\n user: addUser,\r\n auth: saveAuth\r\n})\r\n\r\nexport default rootReducer","import { createStore } from 'redux'\r\nimport rootReducer from './RootReducer'\r\n\r\nconst store = createStore(rootReducer)\r\n\r\nexport default store","import React, { useState, useEffect } from \"react\";\r\n// import React from \"react\";\r\n//import { API } from \"aws-amplify\";\r\nimport { LinkContainer } from \"react-router-bootstrap\";\r\nimport { ListGroup, ListGroupItem } from \"react-bootstrap\";\r\nimport { useAppContext } from \"../libs/contextLib\";\r\nimport { onError } from \"../libs/errorLib\";\r\nimport { Nav, Navbar, NavItem } from \"react-bootstrap\";\r\n\r\nimport \"./Home.css\";\r\nimport renderLander from \"./Lander.js\";\r\n// import VerticalTabs from \"./Tabs.js\";\r\nimport {ShowUserActivity,ScrollableTabsButtonForce} from \"./Card.js\";\r\nimport { useOktaAuth } from \"@okta/okta-react\";\r\nimport useAuthUser from \"./getUser\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport { AppContext } from \"../libs/contextLib\";\r\nimport store from './store'\r\n\r\nfunction renderRequests(user,isUserActivity) {\r\n return (\r\n
\r\n );\r\n}\r\n\r\nexport function User_Activity() {\r\n const history = useHistory();\r\n const userInfo = store.getState().auth.value.user;\r\n const oktaAuth = store.getState().auth.value.oktaAuth\r\n const authState = store.getState().auth.value.authState\r\n const handleLogin = async () => {\r\n oktaAuth.signInWithRedirect({ originalUri: \"/\" });\r\n }\r\n const handleLogout = async () => {\r\n oktaAuth.signOut();\r\n }\r\n return (\r\n
\r\n );\r\n}\r\nexport function Home_Okta() {\r\n const userInfo = useAuthUser();\r\n const { oktaAuth, authState } = useOktaAuth();\r\n if(userInfo!=null){\r\n let obj ={oktaAuth:oktaAuth,authState:authState,user:userInfo}\r\n store.dispatch({ type: 'auth/saveAuth', payload: obj })\r\n }\r\n if(userInfo!=null)\r\n return Home()\r\n else\r\n return (
)\r\n}\r\nexport function Home() {\r\n const history = useHistory();\r\n const userInfo = store.getState().auth.value.user;\r\n const oktaAuth = store.getState().auth.value.oktaAuth\r\n const authState = store.getState().auth.value.authState\r\n \r\n const handleLogin = async () => {\r\n oktaAuth.signInWithRedirect({ originalUri: \"/\" });\r\n }\r\n const handleLogout = async () => {\r\n oktaAuth.signOut();\r\n }\r\n const userActivity = async () => {\r\n history.push('/UserActivity')\r\n }\r\nreturn (\r\n
\r\n );\r\n}","import React from \"react\";\r\nimport \"./NotFound.css\";\r\n\r\nexport default function NotFound() {\r\n return (\r\n
\r\n );\r\n}","export const oktaAuthConfig = {\r\n issuer: process.env.REACT_APP_OKTA_ISSUER,\r\n clientId: process.env.REACT_APP_OKTA_CLIENTID,\r\n redirectUri: getRedirectURI(`${window.location.origin}/login`),\r\n scopes: [\"openid\", \"profile\", \"email\"],\r\n pkce: true\r\n}\r\n\r\nfunction getRedirectURI(redirectUri){\r\n \r\n return redirectUri.replaceAll('http://','https://')\r\n}","import React from \"react\";\r\nimport { Route, Switch , useHistory} from \"react-router-dom\";\r\n\r\nimport {Home,Home_Okta, User_Activity} from \"./containers/Home\";\r\nimport NotFound from \"./containers/NotFound\";\r\nimport store from \"./containers/store\";\r\nimport { Security, SecureRoute, LoginCallback } from \"@okta/okta-react\";\r\nimport { OktaAuth, toRelativeUrl } from \"@okta/okta-auth-js\";\r\nimport { oktaAuthConfig } from \"./ockta_config\";\r\n\r\n\r\nexport default function Routes() {\r\n const oktaAuth = new OktaAuth(oktaAuthConfig);\r\n const history = useHistory();\r\n\r\n const restoreOriginalUri = async (_oktaAuth, originalUri) => {\r\n console.log(toRelativeUrl(originalUri || \"/\", window.location.origin))\r\n history.replace(toRelativeUrl(originalUri || \"/\", window.location.origin));\r\n };\r\n\r\nif(oktaAuthConfig.redirectUri.indexOf('localhost')!==-1){\r\n let obj ={oktaAuth:null,authState:null,user:{'name':'local_user'}}\r\n store.dispatch({ type: 'auth/saveAuth', payload: obj })\r\n return (\r\n
\r\n );\r\n}\r\n \r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport ErrorBoundary from \"./components/ErrorBoundary\";\r\nimport Routes from \"./Routes\";\r\nimport \"./App.css\";\r\n\r\n\r\nfunction App() {\r\n const history = useHistory();\r\n \r\n useEffect(() => {\r\n //onLoad();\r\n }, []);\r\n\r\nreturn (\r\n // !isAuthenticating && (\r\n
\r\n //)\r\n );\r\n}\r\n\r\nexport default App;","// 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.0/8 are 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 console.log('Content is cached for offline use.');\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 headers: { 'Service-Worker': 'script' },\r\n })\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\r\n .then(registration => {\r\n registration.unregister();\r\n })\r\n .catch(error => {\r\n console.error(error.message);\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 { BrowserRouter as Router } from 'react-router-dom';\r\n//import { Amplify } from 'aws-amplify';\r\nimport config from './config';\r\n\r\n\r\n// Amplify.configure({\r\n// Auth: {\r\n// mandatorySignIn: true,\r\n// region: config.cognito.REGION,\r\n// userPoolId: config.cognito.USER_POOL_ID,\r\n// identityPoolId: config.cognito.IDENTITY_POOL_ID,\r\n// userPoolWebClientId: config.cognito.APP_CLIENT_ID\r\n// },\r\n// // Storage: {\r\n// // region: config.s3.REGION,\r\n// // bucket: config.s3.BUCKET,\r\n// // identityPoolId: config.cognito.IDENTITY_POOL_ID\r\n// // },\r\n// API: {\r\n// endpoints: [\r\n// {\r\n// name: \"emmcollections-poc-api-gw\",\r\n// endpoint: config.apiGateway.URL,\r\n// region: config.apiGateway.REGION\r\n// },\r\n// {\r\n// name: \"emmcollections-qa-api-gateway\",\r\n// endpoint: config.qa_apiGateway.URL,\r\n// region: config.qa_apiGateway.REGION\r\n// },\r\n// ]\r\n// }\r\n// });\r\n\r\nReactDOM.render(\r\n
,\r\n document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n"],"sourceRoot":""}