\n \n { setAlert(false); setSeverity(\"\") }} severity={severity}>{alertMessage} \n \n
\n )\n}\n","import { React, useEffect,useState } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport AlertTitle from \"@material-ui/lab/AlertTitle\";\nimport { Button } from \"@material-ui/core\";\nimport ApiClient from \"../../apis/apiClient\";\nimport logout from \"../validations/logoutUser\";\nimport Cookies from \"js-cookie\";\nimport encryptHash from \"../validations/general\";\nimport Alerts from \"../alerts/display-alert\";\nfunction FinalPage(props) {\n const { access_levels } = props;\n const history = useHistory();\n const [alertMessage, setAlertMessage] = useState(\"\");\n const [alert, setAlert] = useState(false);\n const [severity, setSeverity] = useState(\"\");\n\n //useEffect(() => //console.log(access_levels), [access_levels]);\n useEffect(async () => {\n const resp = await ApiClient(\n \"post\",\n \"/\",\n {},\n {\n \"Content-Type\": \"application/json\",\n Authorization: Cookies.get(\"auth\"),\n }\n );\n if (resp.data.status !== 200) {\n //if (!alert(\"Session Expired Relogin \")) logout();\n setAlert(true)\n setSeverity(\"info\")\n setAlertMessage(\"Session Expired Relogin\");\n const timer = setTimeout(() => { setAlert(false); setSeverity(\"\"); logout() }, 1000);\n\n }\n console.log(Cookies.get(\"t\"), encryptHash(200));\n }, []);\n\n return (\n \n {alert && (\n \n )}\n
\n );\n}\n\nexport default FinalPage;\n","import { React, useState, useEffect, useLayoutEffect } from \"react\";\nimport Alerts from \"./components/alerts/alert\";\nimport BaseAppForm from \"./components/forms/baseAppForm\";\nimport Footer from \"./components/footer/footer\";\nimport Cookies from \"js-cookie\";\nimport VerifyLogin from \"./components/login/verifyLogin\";\nimport FinalPage from \"./components/login/finalPage\";\nexport default function AppCopy() {\n const [alertType, setAlertType] = useState(\"success\");\n const [message, setMessage] = useState(null);\n const [stage, setStage] = useState(0);\n const [email, setEmail] = useState(null);\n const [password, setPassword] = useState(null);\n const [loginPressed, setLogginPressed] = useState(0);\n const [validateMessage, setValidateMessage] = useState(null);\n const [user, setUser] = useState(null);\n const [access_levels, setAccess_levels] = useState(0);\n useLayoutEffect(() => {\n if (Cookies.get(\"auth\")) {\n window.location.href = \"/dashboard\";\n setStage(3);\n setAccess_levels(Cookies.get(\"t\").split(','));\n }\n }, []);\n return (\n \n \n \n
\n \n \n Success \n User Validated — MFA Verification Success!\n \n
\n {/*\n {access_levels.indexOf(encryptHash(200)) != -1 && (\n {\n // this.props.history.push(\"/user/home\");\n window.open(window.location.href + \"user/home\", \"_blank\");\n }}\n variant=\"contained\"\n color=\"primary\"\n >\n Application Console\n \n )}\n
\n
\n {access_levels.indexOf(encryptHash(502)) != -1 && (\n {\n // this.props.history.push(\"/user/home\");\n window.open(window.location.href + \"user/xperi-payload\", \"_blank\");\n }}\n variant=\"contained\"\n color=\"primary\"\n >\n Xperi Payload\n \n )}\n
\n
\n {(access_levels.indexOf(encryptHash(777)) != -1 ||\n access_levels.indexOf(encryptHash(400)) != -1) && (\n {\n // this.props.history.push(\"/admin/users\");\n window.open(window.location.href + \"admin/users\", \"_blank\");\n }}\n variant=\"contained\"\n color=\"primary\"\n >\n Admin Console\n \n )}\n
\n
\n {access_levels.indexOf(encryptHash(777)) != -1 && (\n {\n // this.props.history.push(\"/iot/home\");\n window.open(window.location.href + \"iot/home\", \"_blank\");\n }}\n variant=\"contained\"\n color=\"primary\"\n >\n Monitoring Dashboard\n \n )}\n
\n
*/}\n
\n \n {/*\n {access_levels.indexOf(encryptHash(200)) != -1 && (\n
\n
\n {access_levels.indexOf(encryptHash(502)) != -1 && (\n
\n
\n {(access_levels.indexOf(encryptHash(777)) != -1 ||\n access_levels.indexOf(encryptHash(400)) != -1) && (\n
\n
\n {access_levels.indexOf(encryptHash(777)) != -1 && (\n
\n
*/}\n
\n
\n );\n}\n","import { React, useState } from \"react\";\nimport PhoneInput from \"react-phone-number-input\";\nimport \"react-phone-number-input/style.css\";\nimport { Formik, Form, Field } from \"formik\";\nimport VisibilityIcon from \"@mui/icons-material/Visibility\";\nimport VisibilityOffIcon from \"@mui/icons-material/VisibilityOff\";\nimport { SHA256 } from \"crypto-js\";\nimport {\n validateUsernameMain,\n validateEmailMain,\n validatePhonenumberMain,\n validatePasswordMain,\n validateCompanyMain,\n validateConfirmPasswordMain,\n} from \"../validations/basicRegFormValidations\";\n\nfunction BaseRegisterForm(props) {\n const {\n setName,\n setEmail,\n phoneNumber,\n setPhoneNumber,\n setPassword,\n setPhoneError,\n phoneError,\n setSelectedCompany,\n company,\n regClicked,\n regFailed,\n setRegClicked,\n setRegister,\n setConfirmPassword,\n password,\n } = props;\n const [showPassState, setShowPassState] = useState(false);\n const [showCPassState, setShowCPassState] = useState(false);\n\n const encryptHash = (value) => {\n let ciphertext = SHA256(value, process.env.REACT_APP_GENERAL_HASH);\n return ciphertext.toString();\n };\n const validateUsername = (value) => {\n return validateUsernameMain(value, setName);\n };\n const validateEmail = (value) => {\n return validateEmailMain(value, setEmail);\n };\n const validatePhonenumber = (value) => {\n return validatePhonenumberMain(value, setPhoneNumber, setPhoneError);\n };\n const validatePassword = (value) => {\n return validatePasswordMain(value, setPassword);\n };\n const validateConfirmPassword = (value) => {\n return validateConfirmPasswordMain(value, password, setConfirmPassword);\n };\n const validateCompany = (value) => {\n let dvalue = encryptHash(value);\n return validateCompanyMain(dvalue, setSelectedCompany, company);\n };\n\n const showPassword = () => {\n setShowPassState(!showPassState);\n };\n const showCPassword = () => {\n setShowCPassState(!showCPassState);\n };\n\n const signUp = () => {\n setRegClicked(1);\n };\n\n return (\n \n
\n \n \n {validateMessage === 1 && (\n \n )}\n
\n \n
\n \n
\n \n { /*
\n \n {\" \"}\n
\n */ }\n \n {\" \"}\n
\n \n {stage === 0 && (\n
\n \n
\n )}\n {stage === 1 && (\n \n
\n )}\n {stage === 3 && (\n \n
\n )}\n \n \n {({ errors, touched }) => (\n
\n\n \n {\" \"}\n {\" \"}\n
\n {errors.confirmPassword && touched.confirmPassword && (\n \n \n {showCPassState && (\n showCPassword()} />\n )}\n {!showCPassState && (\n showCPassword()} />\n )}\n
\n \n {errors.confirmPassword}\n
\n )}{\" \"}\n \n \n \n {(regClicked === 0 || regFailed) && (\n setRegister(true)}\n >\n Register\n \n )}\n {regClicked === 1 && !regFailed && (\n \n Please wait\n \n )}\n
\n \n )}\n \n \n );\n}\n\nexport default BaseRegisterForm;\n","import { React, useState } from \"react\";\nimport { Formik, Form, Field } from \"formik\";\nimport Auth from \"@aws-amplify/auth\";\n\nfunction VerifyEmail(props) {\n const { email, password, setGetMFA, setAlertType, setMessage, setMFACode } =\n props;\n const [authenticationCode, setAuthenticationCode] = useState(null);\n const [authClicked, setAuthClicked] = useState(false);\n let env = process.env.REACT_APP_ENV;\n const mfa_tag = env === \"dev\" || env === \"test\" ? env+\"_\" : \"\";\n const confirmSignUp = async () => {\n setAuthClicked(true);\n try {\n await Auth.confirmSignUp(email, authenticationCode).then((user) => {\n //console.log(email,password);\n //console.log(user);\n try {\n Auth.signIn(email, password)\n .then((user) => {\n Auth.setupTOTP(user)\n .then((code) => {\n //console.log(\"Mfa code success\");\n setMFACode(\n \"otpauth://totp/AWSCognito:\" +\n user.attributes.name +\n \"?secret=\" +\n code +\n \"&issuer=\"+mfa_tag+\"xperi.radiodatacast.com\"\n );\n setGetMFA(true);\n setAlertType(\"error\");\n setMessage(\n \"Multi-factor verification is required for login.\"\n );\n })\n .catch((err) => {\n console.log(err);\n setAlertType(\"error\");\n setMessage(err.message);\n setAuthClicked(false);\n });\n })\n .catch((err) => {\n setAlertType(\"error\");\n setMessage(err.message);\n setAuthClicked(false);\n });\n } catch (err) {\n //console.log(err);\n setAlertType(\"error\");\n setMessage(err.message);\n setAuthClicked(false);\n }\n });\n } catch (error) {\n setAlertType(\"error\");\n setMessage(error.message);\n setAuthClicked(false);\n }\n };\n const validateAuth = (value) => {\n let error;\n if (!value || value.length < 4) {\n error = \"Please enter a valid auth code\";\n } else {\n setAuthenticationCode(value);\n }\n return error;\n };\n return (\n \n \n {({ errors, touched }) => (\n \n )}\n \n
\n );\n}\n\nexport default VerifyEmail;\n","export const security_questions = [\n \"What was your childhood nickname?\",\n \"In what city did you meet your spouse/significant other?\",\n \"What is the name of your favorite childhood friend?\",\n \"What street did you live on in third grade?\",\n \"What is your oldest sibling’s birthday month and year? (e.g., January 1900)\",\n \"What is the middle name of your youngest child?\",\n \"What is your oldest sibling's middle name?\",\n \"What school did you attend for sixth grade?\",\n \"What was your childhood phone number including area code? (e.g., 000-000-0000)\",\n \"What is your oldest cousin's first and last name?\",\n \"What was the name of your first stuffed animal?\",\n \"In what city or town did your mother and father meet?\",\n \"What was the last name of your third grade teacher?\",\n \"In what city does your nearest sibling live?\",\n \"What is your youngest brother’s birthday month and year? (e.g., January 1900)\",\n \"What is your maternal grandmother's maiden name?\",\n \"In what city or town was your first job?\",\n \"What is the name of the place your wedding reception was held?\",\n \"What is the name of a college you applied to but didn't attend?\",\n];\n","import { React, useState, useRef } from \"react\";\nimport { Formik, Form, Field } from \"formik\";\nimport { security_questions } from \"../../strings/strings\";\nimport QRCode from \"qrcode.react\";\nimport Auth from \"@aws-amplify/auth\";\nimport { Select, MenuItem, Button, TextField } from \"@material-ui/core\";\nimport ApiClient from \"../../apis/apiClient\";\nimport CryptoJS from \"crypto-js\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport Box from \"@mui/material/Box\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport { red } from \"@mui/material/colors\";\nimport Alerts from \"../alerts/display-alert\";\nimport VisibilityIcon from \"@mui/icons-material/Visibility\";\nimport VisibilityOffIcon from \"@mui/icons-material/VisibilityOff\";\n\nfunction RegisterMFA(props) {\n const [randomCode, setrandomCode] = useState(\n (Math.random() + 1).toString(36).substring(4).toUpperCase()\n );\n const [loading, setLoading] = useState(false);\n const [mfaCodeError, setmfaCodeError] = useState(false);\n const [mfaCodeMessage, setmfaCodeMessage] = useState(\"\");\n //const alert = useAlert()\n const {\n MFACode,\n setDoLogin,\n doLogin,\n email,\n setMessage,\n setAlertType,\n setStatus,\n setGetMFA,\n } = props;\n const [securityQuestion, setSecurityQuestion] = useState(\"\");\n const [securityAnswer, setSecurityAnswer] = useState(\"\");\n const [close, setClose] = useState(true);\n const [validateCodeMFA, setvalidateCodeMFA] = useState();\n const [enableValidateCMFA, setEnableValidateCodeMFA] = useState(true);\n const [authChallengeSuccess, setauthChallengeSuccess] = useState(false);\n const [showPass, setshowPass] = useState(false);\n const nodeRef = useRef(null);\n const [severity, setSeverity] = useState(\"\");\n const [alert, setAlert] = useState(false);\n const [alertMessage, setAlertMessage] = useState(\"\");\n const [cognitoUser, setcognitoUser] = useState(\"\")\n const [confirmed, setconfirmed] = useState(false);\n const toggleShowPass = () => {\n setshowPass(!showPass);\n };\n\n const verifyMFAValidationCode = async () => {\n //console.log(validateCodeMFA);\n setLoading(true);\n try {\n let user = await Auth.currentAuthenticatedUser();\n setcognitoUser(user.username);\n let tokenVerified = await Auth.verifyTotpToken(user, validateCodeMFA);\n if (tokenVerified) {\n //console.log(tokenVerified);\n //let resp = await Auth.setPreferredMFA(user, 'TOTP');\n //console.log(resp);\n //if(resp)\n setauthChallengeSuccess(true);\n setLoading(false);\n setmfaCodeError(false);\n setmfaCodeMessage(\"success\");\n } else {\n setLoading(false);\n setmfaCodeError(true);\n setauthChallengeSuccess(false);\n setmfaCodeMessage(\"Error in validating mfa\");\n }\n setEnableValidateCodeMFA(false);\n } catch (error) {\n console.log(error.message);\n setmfaCodeError(true);\n setauthChallengeSuccess(false);\n setLoading(false);\n setmfaCodeMessage(\"Error in validating mfa\");\n //setEnableValidateCodeMFA(false);\n }\n };\n\n const confirm = async () => {\n setconfirmed(true);\n if (!authChallengeSuccess) {\n // alert(\"Please ADD MFA code to authenticator app and verify first in step 2\");\n setAlert(true);\n setSeverity(\"info\");\n setAlertMessage(\n \"Please ADD MFA code to authenticator app and verify first in step 2\"\n );\n const timer = setTimeout(() => {\n setAlert(false);\n setSeverity(\"\");\n }, 1000);\n\n return;\n }\n if (securityQuestion.length > 0 && securityAnswer.length > 0) {\n // //console.log('Security Q',securityQuestion)\n // //console.log('Security A',securityAnswer)\n // //console.log('randomCode',randomCode)\n let paraphrase = randomCode + \"@\" + securityAnswer;\n //console.log(paraphrase);\n let cipher = CryptoJS.AES.encrypt(MFACode, paraphrase).toString();\n // //console.log('Cipher ',cipher);\n const response = await ApiClient(\"post\", \"/setMFAAuthCode\", {\n email: email,\n code: cipher,\n question: securityQuestion,\n cognitoUser: cognitoUser\n });\n //console.log(response);\n if (response.code === 200) {\n //console.log(\"MFA Added\");\n setStatus(0);\n setGetMFA(false);\n setDoLogin(true);\n } else {\n //console.log(\"MFA Addition Failed\");\n setconfirmed(false);\n setAlertType(\"error\");\n setMessage(\"Cant Process Registration\");\n setStatus(1);\n }\n } else {\n //console.log(\"Invalid Selection of Question or Answer\");\n }\n //const response =\n\n //setDoLogin(true);\n };\n const validateSecurityQuestion = (value) => {\n let error;\n if (!value) {\n error = \"Please enter a valid security answer\";\n } else {\n setSecurityAnswer(value);\n }\n return error;\n };\n\n const closeAlert = () => {\n setClose(false);\n window.location.href = \"#\";\n };\n return (\n \n {alert && (\n \n )}\n {close && (\n \n In case of device loss please write down the Recovery Code{\" \"}\n and Security Answer for recovery of MFA\n \n )}\n\n
\n
\n \n )}\n \n
\n
\n
\n \n );\n}\n\nexport default RegisterMFA;\n","import { React } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport AlertTitle from \"@material-ui/lab/AlertTitle\";\nimport { Button } from \"@material-ui/core\";\n\nfunction FinalPage() {\n const history = useHistory();\n return (\n \n \n \n \n \n {({ errors, touched }) => (\n
\n Secure Your Account
\n\n Secure your account with multi-factor authentication (MFA) using the\n following steps.\n
\n \nStep 1:
{\" \"}\n\n Download one of the following MFA applications to your mobile device.\n
\n\n \n \n
\n
\n | \n | \n \n | \n \n | \n
\n Google Authenticator\n | \n \n Microsoft Authenticator\n | \n \n Okta Authenticator\n | \n
Step 2:
{\" \"}\n\n Scan the QR code below with the multi-factor authentication app\n installed in{\" \"}\n \n Step 1. Then enter the 6 digit code\n displayed on the app.\n \n
\n\n
\n \n
\n \n
\n \n setvalidateCodeMFA(e.target.value)}\n />\n
\n {mfaCodeError ? (\n {mfaCodeMessage}\n ) : (\n {mfaCodeMessage}\n )}\n
\n\n \n Validate\n \n {loading && (\n \n
\n \n {mfaCodeError ? (\n {mfaCodeMessage}\n ) : (\n {mfaCodeMessage}\n )}\n
\n
Step 3:
{\" \"}\nSelect a security question and fill in the answer.
\n\n
\n \n )}\n \n
Step 4:
{\" \"}\n\n Record the following recovery code and the{\" \"}\n security answer from step 3 in a
\n safe and secure location. This will be used to recover your MFA in\n case your mobile device is lost or damaged.\n
{randomCode}
\n\n
\n
\n \n Confirm Scan\n \n
\n \n
\n );\n}\n\nexport default FinalPage;\n","const registerCognitoUser = async (\n name,\n email,\n phone,\n password,\n company,\n setStage,\n setStatus,\n setMessage,\n setAlertType,\n setRegFailed,\n Auth\n) => {\n //console.log(\"Registering User to cognito\");\n try {\n await Auth.signUp({\n username: email,\n password: password,\n attributes: {\n name: name,\n email: email,\n phone_number: phone,\n \"custom:company\": company,\n },\n })\n .then((result) => {\n //console.log(result);\n setStage(1);\n setStatus(1);\n setAlertType(\"success\");\n setMessage(\n \"User Registered! Please check your email and enter the email verification code provided.\"\n );\n })\n .catch((err) => {\n //console.log(err.message);\n setStatus(1);\n if (String(err.message).includes(\"email already exists\")) {\n Auth.resendSignUp(email);\n setStage(1);\n setRegFailed(true);\n setAlertType(\"error\");\n setMessage(\n err.message + \" please validate with the new code sent to email\"\n );\n } else {\n setRegFailed(true);\n setAlertType(\"error\");\n setMessage(err.message);\n }\n });\n } catch (err) {\n //console.log(err);\n }\n};\n\nexport default registerCognitoUser;\n","/* eslint-disable new-cap */\nimport { React, useState, useEffect } from \"react\";\nimport Alerts from \"./components/alerts/alert\";\nimport BaseRegisterForm from \"./components/forms/baseRegisterForm\";\nimport ApiClient from \"./apis/apiClient\";\nimport VerifyEmail from \"./components/register/verifyEmail\";\nimport Auth from \"@aws-amplify/auth\";\nimport RegisterMFA from \"./components/register/registerMFA\";\nimport FinalPage from \"./components/register/finalPage\";\nimport Footer from \"./components/footer/footer\";\nimport Backdrop from \"@mui/material/Backdrop\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\n\nimport registerCognitoUser from \"./components/register/registerCognito\";\n\n// eslint-disable-next-line require-jsdoc\nexport default function Register() {\n const [status, setStatus] = useState(0);\n const [alertType, setAlertType] = useState(\"success\");\n const [message, setMessage] = useState(\"no message\");\n const [stage, setStage] = useState(0);\n const [doLogin, setDoLogin] = useState(false);\n const [getMFA, setGetMFA] = useState(false);\n const [name, setName] = useState(null);\n const [email, setEmail] = useState(null);\n const [phoneNumber, setPhoneNumber] = useState(null);\n const [selectedCompany, setSelectedCompany] = useState(\"\");\n const [password, setPassword] = useState(null);\n const [company, setCompany] = useState(null);\n // eslint-disable-next-line no-unused-vars\n const [register, setRegister] = useState(false);\n const [swtAlertTitle, setswtAlertTitle] = useState(\"\");\n const [swtAlertType, setswtAlertType] = useState(true);\n const [regClicked, setRegClicked] = useState(0);\n const [regFailed, setRegFailed] = useState(false);\n const [showAlert, setshowAlert] = useState(false);\n const [phoneError, setPhoneError] = useState(\"\");\n const [MFACode, setMFACode] = useState(null);\n const [confirmPassword, setConfirmPassword] = useState(null);\n useEffect(() => {\n getCompanyData();\n }, []);\n\n useEffect(() => {\n if (company != null) addNewUserToDB();\n }, [regClicked]);\n\n const getCompanyData = async () => {\n //console.log(\"Fetching Company\");\n const result = await ApiClient(\"get\", \"/getCompanyIdswithName\", \"\");\n if (result.code === 200) {\n setCompany(result.data.result);\n } else {\n //console.log(result);\n }\n };\n\n const addNewUserToDB = async () => {\n //console.log(\"Adding User to Database\");\n //console.log(phoneNumber);\n const result = await ApiClient(\"post\", \"/register\", {\n name: name,\n email: email,\n phone: phoneNumber,\n companyname: selectedCompany,\n approved: false,\n });\n //console.log(result);\n if (result.data.status === 203) {\n setMessage(result.data.response);\n setshowAlert(true);\n setswtAlertTitle(\"Oh No!!!\");\n setswtAlertType(false);\n } else if (result.data.status === 201) {\n setRegFailed(true);\n setStatus(1);\n setMessage(result.data.response);\n setshowAlert(true);\n setswtAlertTitle(\"Good Job!!!\");\n setswtAlertType(true);\n } else if (result.data.status === 202) {\n //console.log(\"Cognito Registration started\");\n registerCognitoUser(\n name,\n email,\n phoneNumber,\n password,\n selectedCompany,\n setStage,\n setStatus,\n setMessage,\n setAlertType,\n setRegFailed,\n Auth\n );\n } else if (result.data.status === 404) {\n setRegFailed(true);\n setStatus(1);\n setMessage(result.data.response + \" Please Contact Admin\");\n }else{\n setRegFailed(true);\n setStatus(1);\n setMessage( \" Some error occured\");\n }\n };\n\n return (\n \n \n \n
\n \n \n Success \n User Validated — Email Verified!\n \n
\n {\n history.push({ pathname: \"/\" });\n }}\n variant=\"contained\"\n color=\"primary\"\n >\n Go to Login\n \n
\n \n
\n
\n );\n}\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from \"react\";\n\nimport MUIDataTable from \"mui-datatables\";\n\nimport {\n unstable_createMuiStrictModeTheme as createMuiTheme,\n MuiThemeProvider,\n} from \"@material-ui/core/styles\";\n\nconst theme = createMuiTheme({\n palette: {\n primary: {\n light: \"#757CE8\",\n main: \"#3F50B5\",\n dark: \"#002884\",\n contrastText: \"#fff\",\n },\n secondary: {\n light: \"#FF7961\",\n main: \"#F44336\",\n dark: \"#BA000D\",\n contrastText: \"#000\",\n },\n },\n});\n\nfunction DataTable(props) {\n const {tableData, tableColumns, tableOptions} = props;\n return (\n \n
\n
\n
\n \n \n {showAlert && (\n window.location.reload()}\n onConfirm={() => (window.location.href = \"/\")}\n style={{ color: \"black\" }}\n focusCancelBtn\n >\n {message}
\n \n )}\n {status === 1 && (\n\n )}\n
\n \n \n )}\n {status === 1 && (\n
\n
\n \n
\n \n {/*
\n \n {\" \"}\n
\n */}\n \n {\" \"}\n
\n \n
\n \n {stage === 0 && !doLogin && (\n
\n \n
\n
\n \n \n
\n );\n}\n\nexport default DataTable;\n","import ApiClient from \"../../apis/apiClient\";\nimport Cookies from \"js-cookie\";\n\nconst checkPageAccess = async () => {\n const urlpath = window.location.pathname;\n const response = await ApiClient(\n \"post\",\n \"/validatePageAccess\",\n { page_id: urlpath },\n { \"Content-Type\": \"application/json\", authorization: Cookies.get(\"auth\") }\n );\n console.log(\"has access from api\",response.data.status === 200);\n if (response.data.status === 200) return true;\n else return false;\n };\n\nexport default checkPageAccess;","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nimport Table from \"@material-ui/core/Table\";\nimport TableBody from \"@material-ui/core/TableBody\";\nimport TableCell from \"@material-ui/core/TableCell\";\nimport TableContainer from \"@material-ui/core/TableContainer\";\nimport TableHead from \"@material-ui/core/TableHead\";\nimport TableRow from \"@material-ui/core/TableRow\";\nimport Paper from \"@material-ui/core/Paper\";\nimport Datatable from \"../../DataTable/dataTable\";\nimport { Checkbox } from \"@mui/material\";\n\nfunction ExpandableUserList(props) {\n const columns = [\n {\n name: \"company_name\",\n label: \"Company name\",\n }\n ];\n const { data } = props\n \n const [expandRows, setExpandRows] = useState([]);\n const [rows, setrows] = useState([]);\n const [checked, setChecked] = useState([])\n useEffect(async () => {\n let tableData = []\n const expandData = []\n let checkVal = []\n for (let i = 0; i < data.length; i++) {\n // if (tableData.indexOf(data[i][\"company_name\"]) == -1) {\n let nArray = tableData.filter(function (el) {\n return el.company_name == data[i][\"company_name\"]\n });\n if (nArray.length == 0) {\n const temp1 = { \"company_name\": data[i][\"company_name\"] }\n tableData.push(temp1)\n expandData[data[i][\"company_name\"]] = []\n }\n const temp2 = {\n approved: data[i][\"approved\"],\n email: data[i][\"email\"],\n stations: data[i][\"stations\"],\n is_admin: data[i][\"is_admin\"],\n name: data[i][\"name\"],\n phone: data[i][\"phone\"],\n index: i\n }\n checkVal.push(false)\n expandData[data[i][\"company_name\"]].push(temp2)\n\n }\n setExpandRows(expandData)\n setrows(tableData)\n setChecked(checkVal)\n }, [])\n // useEffect(() => {\n // console.log(checked)\n // }, [checked])\n\n\n const clickHandler = (email, index) => {\n // Here, we invoke the callback with the new value\n props.expandClickHandler(email, index);\n }\n const handleChange = (val) => {\n let checkArr = [...checked];\n checkArr = checkArr.map(x => false);\n checkArr[val] = !checked[val]\n setChecked(checkArr)\n let c = [{ index: val, dataIndex: val }]\n let a = []\n if (checkArr[val])\n a = [{ index: val, dataIndex: val }]\n props.expandHandleChange(c, a);\n }\n const options = {\n filter: true,\n filterType: \"dropdown\",\n responsive: \"standard\",\n tableBodyHeight: \"500px\",\n tableBodyMaxHeight: \"\",\n customToolbarSelect: () => { },\n selectableRows: false,\n //onRowsSelect: handleChange,\n //selectableRows: \"none\",\n download: false,\n print: false,\n sortOrder: {\n name: \"company_name\",\n direction: 'desc'\n },\n expandableRows: true,\n renderExpandableRow: (rowData, rowMeta) => {\n const colSpan = rowData.length + 1;\n let cmp = rowData[0];\n // console.log(cmp)\n return (\n <>\n \n {loaderType === \"CircularProgress\" &&\n theme.zIndex.drawer + 1 }}\n open={loading}\n >\n \n \n {`Loading...`}\n \n */}\n \n }\n {loaderType === \"CircularProgressbar\" &&\n theme.zIndex.drawer + 1 }}\n open={loading}\n >\n \n
\n \n }\n \n )\n}","import React from \"react\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport { useState, useEffect } from \"react\";\nimport Cookies from \"js-cookie\";\nimport Datatable from \"../../DataTable/dataTable\";\nimport { Button } from \"react-bootstrap\";\nimport { Box } from \"@mui/material\";\nimport { LinearProgress } from \"@mui/material\";\nimport { Typography } from \"@mui/material\";\nimport Auth from \"@aws-amplify/auth\";\nimport checkPageAccess from \"../../others/getPageAccess\";\nimport ApiClient from \"../../../apis/apiClient\";\nimport logout from \"../../validations/logoutUser\";\nimport Modal from \"react-bootstrap/Modal\";\nimport ModalBody from \"react-bootstrap/ModalBody\";\nimport ModalHeader from \"react-bootstrap/ModalHeader\";\nimport ModalFooter from \"react-bootstrap/ModalFooter\";\nimport ModalTitle from \"react-bootstrap/ModalTitle\";\nimport { Formik, Form, Field } from \"formik\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport {\n FormControl,\n TextField,\n List,\n ListItem,\n ListItemAvatar,\n FormGroup,\n FormControlLabel,\n Checkbox,\n ListItemSecondaryAction,\n ListItemText,\n Select,\n OutlinedInput,\n Avatar,\n IconButton,\n FormLabel,\n} from \"@mui/material\";\n\nimport Radio from \"@mui/material/Radio\";\nimport RadioGroup from \"@mui/material/RadioGroup\";\nimport InputLabel from \"@mui/material/InputLabel\";\nimport WifiIcon from \"@material-ui/icons/Wifi\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport CheckIcon from \"@material-ui/icons/Check\";\nimport ImportExportIcon from \"@material-ui/icons/ImportExport\";\nimport encryptHash from \"../../validations/general\";\n\nimport ExpandableUserList from \"./expandableUserList\";\nimport Loader from \"../../loader/loader\";\n\nfunction AdminUserSectionV2() {\n const [showSweetAlert, setshowSweetAlert] = useState(false);\n const [sweetalertMessage, setsweetalertMessage] = useState(\"\");\n const [data, setData] = useState([]);\n const [tableLoader, settableLoader] = useState(true);\n const [companyname, setcompanyname] = useState([]);\n const [approveDisable, setapproveDisable] = useState(true);\n const [blockDisable, setblockDisable] = useState(true);\n const [selectedUsers, setselectedUsers] = useState([]);\n const [accessListArray, setaccessListArray] = useState([]);\n const [indx, setindx] = useState(-1);\n const [userNameApprove, setuserNameApprove] = useState([]);\n const [userEmailApprove, setuserEmailApprove] = useState([]);\n const [open, setopen] = useState(false);\n const [open2, setopen2] = useState(false);\n const [lastLoginTime, setlastLoginTime] = useState(\"\");\n const [userEmail, setuserEmail] = useState(\"\");\n const [ipAddress, setipAddress] = useState(\"\");\n const [ipAddressList, setipAddressList] = useState([]);\n const [accessGrants, setaccessGrants] = useState([]);\n const [accessLevels, setaccessLevels] = useState({});\n const [modalCheckBoxValidation, setmodalCheckBoxValidation] = useState(false);\n const [newUserAccessLevels, setnewUserAccessLevels] = useState([]);\n const [createnewUserAccessLevels, setcreatenewUserAccessLevels] = useState(\n []\n );\n const [name, setname] = useState(\"\");\n const [email, setemail] = useState(\"\");\n const [selectedCompany, setselectedCompany] = useState(\"\");\n const [selectedApprovedlist, setselectedApprovedlist] = useState(false);\n const [disabledButton, setdisabledButton] = useState(false);\n const [checkBoxValidation, setcheckBoxValidation] = useState(false);\n const [stationAddUserName, setstationAddUserName] = useState(\"\");\n const [stationsToAdd, setstationsToAdd] = useState([]);\n const [stationsData, setstationsData] = useState([]);\n const [allocateRemove, setallocateRemove] = useState(\"allocate\");\n const [alertMessage, setAlertMessage] = useState(\"\");\n const [alert, setAlert] = useState(false);\n const [severity, setSeverity] = useState(\"default\");\n const [alertTitle, setAlertTitle] = useState(\"\");\n const [confirmAction, setConfirmAction] = useState(\"\");\n const [hrefLink, setHrefLink] = useState(\"\");\n const [loading, setloading] = useState(false);\n const [loaderType, setLoaderType] = useState(\"CircularProgress\");\n const [percentage, setpercentage] = useState(0);\n const [stationsToAddError, setstationsToAddError] = useState(\"\");\n\n const handleChange = (currentRowsSelected, allRowsSelected) => {\n console.log(currentRowsSelected);\n console.log(allRowsSelected);\n if (allRowsSelected.length > 0) {\n let x = allRowsSelected[0].index;\n console.log([data[x].email]);\n setselectedUsers([data[x].email]);\n setaccessListArray(data[x].access_privilege_list);\n setindx(x);\n setuserNameApprove([data[x].name]);\n setuserEmailApprove([data[x].email]);\n setapproveDisable([data[x].approved] == \"Yes\" ? true : false);\n setblockDisable([data[x].approved] == \"No\" ? true : false);\n } else {\n setapproveDisable(true);\n setblockDisable(true);\n }\n };\n\n const clickHandler = (email, index) => {\n let is_open = !open;\n setopen(is_open);\n info(is_open, email, index);\n };\n\n const handleUserNameChange = (e) => {\n setstationAddUserName(e.target.value);\n };\n const handleStationsToAddChange = (e) => {\n setstationsToAdd(e.target.value);\n };\n\n const handleAllocateRemoveChange = (e) => {\n setallocateRemove(e.target.value);\n };\n\n const addUserStations = async () => {\n setloading(true);\n const resp = await ApiClient(\n \"post\",\n \"/admin/addRemoveStationsToUser\",\n {\n email: stationAddUserName,\n stations: stationsToAdd,\n option: allocateRemove,\n },\n {\n Authorization: Cookies.get(\"auth\"),\n }\n );\n if (resp.data.status === 200) {\n setloading(false);\n // if (!alert(\"Stations Updated for User :\" + stationAddUserName))\n setAlert(true);\n setSeverity(\"success\");\n setAlertMessage(\"Stations Updated for User :\" + stationAddUserName);\n setAlertTitle(\"Success\");\n setConfirmAction(\"load\");\n } else if (resp.data.status === 403) {\n setAlert(true);\n setSeverity(\"error\");\n setAlertMessage(\"Session Expired Please Relogin \");\n setAlertTitle(\"Relogin\");\n setConfirmAction(\"logout\");\n } else if (resp.data.status === 400) {\n setAlert(true);\n setSeverity(\"error\");\n setAlertMessage(\"Error Adding Stations to User\");\n setAlertTitle(\"SomeThing Went Wrong\");\n setConfirmAction(\"\");\n setHrefLink(\"\");\n } else if (resp.data.status === 422) {\n setAlert(true);\n setSeverity(\"error\");\n setAlertMessage(\"Missing required param\");\n setAlertTitle(\"Something Went Wrong\");\n setConfirmAction(\"\");\n setHrefLink(\"\");\n } else {\n setAlert(true);\n setSeverity(\"error\");\n setAlertMessage(\"Some Error Occured\");\n setAlertTitle(\"Something Went Wrong\");\n setConfirmAction(\"\");\n setHrefLink(\"\");\n }\n };\n\n const info = async (openState, email, index) => {\n if (openState === true) {\n //console.log(openState, email, index, data);\n setuserEmail(email);\n setlastLoginTime(data[index][\"last_login\"]);\n setipAddress(data[index][\"ip_address\"]);\n setipAddressList(data[index][\"ip_address_list\"]);\n setaccessGrants(data[index][\"access_privilege_list\"]);\n setnewUserAccessLevels([...data[index][\"access_privilege_list\"]]);\n }\n };\n const cols = [\n {\n name: \"company_name\",\n label: \"Company name\",\n options: {\n display: false,\n filter: false,\n sort: true,\n },\n },\n {\n name: \"name\",\n label: \"Name\",\n options: {\n display: true,\n filter: true,\n sort: true,\n },\n },\n {\n name: \"email\",\n label: \"Email\",\n options: {\n filter: false,\n customBodyRender: (value, tableMeta, updateValue) => {\n return (\n \n
\n \n {alert && (\n \n {alertMessage}\n \n )}\n {showSweetAlert && (\n \n \n {Cookies.get(\"auth\") && (\n closeModal()} animation={false}>\n \n User Details (user: {userEmail}) \n \n \n {Cookies.get(\"t\").split(\",\").indexOf(encryptHash(777)) !== -1 && (\n \n \n Update\n \n
\n \n )}\n \n deleteCognitoUser()}\n >\n Delete Cognito User\n \n resendRegLink()}\n >\n Resend Registration Link\n \n \n Last Login
\n
\n IP Address\n
\n
\n
\n List Of IP Address (One marked with{\" \"}\n
\n\n {ipAddressList.map((value) => (\n \n \n \n \n \n \n \n {value === ipAddress ? (\n \n \n \n ))}\n \n \n \n closeModal()}\n >\n Close\n \n \n \n\n {/*End Modal User Access Update*/}\n\n {/*Modal Approve User*/}\n\n closeModal2()} animation={false}>\n \n {approveModalTitle} \n \n \n
\n \n \n doApprove()}\n >\n Approve\n \n \n \n\n {/*End Modal Approve User*/}\n\n {/* Invite New User*/}\n
\n
\n\n\n
\n \n \n\n {/* End Invite New User*/}\n\n {/* Allocate / Remove User from stations*/}\n {sweetalertMessage}
\n \n )}\n\n \n
\n\n {/* Modal User Access Update */}\n\n \n
\n \n
\n \n
\n \n
\n
\n {tableLoader === true && (\n\n \n \n \n \n Loading Table...\n \n \n \n )}\n {tableLoader === false ? (\n Cookies.get(\"t\").split(\",\").indexOf(encryptHash(777)) !=\n -1 ? (\n
\n
\n
\n \n
\n {/* \n
\n \n
\n List Of Users
\n\n \n \n Approve\n \n \n \n Deny\n \n
\n \n \n
*/}\n \n
\n {tableLoader === true && (\n
\n
\n
Access Level
\n\n
\n {modalCheckBoxValidation &&\n newUserAccessLevels.length === 0 && (\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n {\"Please Check Atleast One Access Privilege\"}\n
\n )}\n \n
\n
\n IP Address\n
\n
\n
\n List Of IP Address (One marked with{\" \"}\n
\n
\n
\n\n \n
\n \n Name: {userNameApprove}\n
\n \n
\n \n Email: {userEmailApprove}\n
\n \n
Please select access level:
\n {Cookies.get(\"t\").split(\",\").indexOf(encryptHash(777)) !== -1 && (\n\n
\n )}\n \n
\n {modalCheckBoxValidation &&\n newUserAccessLevels.length === 0 && (\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n handleAccessLevelChange(e)}\n />\n \n
\n \n {\"Please Check Atleast One Access Privilege\"}\n
\n )}\n \n
\n\n
\n
\n \n
\n \n
\n \n )}\n \n \n
\n
\n\n {({ errors, touched }) => (\n
\n \n
\n \n
\n \n
\n Invite User
\n\n \n Upload as CSV
\n \n
\n
\n
\n \n {/* End Allocate / Remove User from stations*/}\n \n
\n \n
\n \n
\n \n
\n Allocate / Remove Stations from Users
\n\n
\n \n \n User Email ID \n \n {v.email}\n {\"\\n\"}\n \n ))}\n \n \n
\n \n
\n {\n \n \n Stations \n selected.join(\", \")}\n onChange={handleStationsToAddChange}\n MenuProps={MenuProps}\n input={\n \n -1\n }\n />\n
\n \n {stationsToAddError}\n
\n }\n \n
\n \n \n \n Allocate or Remove\n \n \n
\n \n \n Submit\n \n
\n \n
\n
\n
\n \n )}\n \n );\n}\n\nexport default AdminUserSectionV2;\n","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nimport { Button, Modal } from \"react-bootstrap\";\n//import DataTable from \"react-data-table-component\";\nimport DataTable from \"../DataTable/dataTable\";\nimport { Formik, Form, Field } from \"formik\";\nimport OutlinedInput from \"@mui/material/OutlinedInput\";\nimport InputLabel from \"@mui/material/InputLabel\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport DisplaySettingsIcon from \"@mui/icons-material/DisplaySettings\";\nimport {\n ListItemText,\n Checkbox,\n FormControlLabel,\n FormLabel,\n Tooltip,\n} from \"@mui/material\";\nimport Radio from \"@mui/material/Radio\";\nimport RadioGroup from \"@mui/material/RadioGroup\";\nimport FormControl from \"@mui/material/FormControl\";\nimport Select from \"@mui/material/Select\";\nimport ImportExportIcon from \"@material-ui/icons/ImportExport\";\nimport Auth from \"@aws-amplify/auth\";\nimport Cookies from \"js-cookie\";\nimport logout from \"../validations/logoutUser\";\nimport axios from \"axios\";\nimport LinearProgress from \"@material-ui/core/LinearProgress\";\nimport Box from \"@material-ui/core/Box\";\nimport Typography from \"@material-ui/core/Typography\";\nimport { API_ENDPOINT_URL } from \"../../constants/constants\";\nimport checkPageAccess from \"../others/getPageAccess\";\nimport ApiClient from \"../../apis/apiClient\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport Loader from \"../loader/loader\";\nimport encryptHash from \"../validations/general\";\n\nexport default function AdminCompanySection() {\n const [email, setemail] = useState(\"\");\n const [address_error, setaddress_error] = useState(\n \"Please Enter your Company Address\"\n );\n const [register_error, setregister_error] = useState(\"Please Enter a Number\");\n const [whitelist_error, setwhitelist_error] = useState(\n \"Please Enter a Number\"\n );\n const [companyname, setcompanyname] = useState(\"\");\n const [companyid, setcompanyid] = useState(\"\");\n const [add_val, setadd_val] = useState(\"\");\n const [add_company, setadd_company] = useState(false);\n const [registerval, setregisterval] = useState(0);\n const [whitelistval, setwhitelistval] = useState(0);\n const [data, setdata] = useState([]);\n const [stationsData, setstationsData] = useState([]);\n const [userAuthToken, setuserAuthToken] = useState(null);\n const [tableLoader, settableLoader] = useState(true);\n const [admin_email, setadmin_email] = useState(\"\");\n const [xperi_fae_email, setxperi_fae_email] = useState(\"\");\n const [stationAddCompanyName, setstationAddCompanyName] = useState(\"\");\n const [stationsToAdd, setstationsToAdd] = useState([]);\n const [allocateRemove, setallocateRemove] = useState(\"allocate\");\n const [showDataserviceModal, setshowDataserviceModal] = useState(false);\n const [idx, setidx] = useState(null);\n const [servicesData, setservicesData] = useState([]);\n const [companydataservicesList, setcompanydataservicesList] = useState([]);\n const [selectedList, setselectedList] = useState({});\n const [loading, setloading] = useState(false);\n const [alertMessage, setAlertMessage] = useState(\"\");\n const [alert, setAlert] = useState(false);\n const [severity, setSeverity] = useState(\"default\");\n const [alertTitle, setAlertTitle] = useState(\"\");\n const [confirmAction, setConfirmAction] = useState(\"\");\n const [hrefLink, setHrefLink] = useState(\"\");\n const [loaderType, setLoaderType] = useState(\"CircularProgress\");\n const [percentage, setpercentage] = useState(0);\n const [showFramingAlert, setshowFramingAlert] = useState(false);\n const [framingAnswer, setframingAnswer] = useState(false);\n\n\n const access_levels = Cookies.get(\"t\") ? Cookies.get(\"t\").split(\",\") : []; \n\n const cols = [\n {\n label: \"Company ID\",\n name: \"companyId\",\n },\n {\n label: \"Company Name\",\n name: \"companyName\",\n },\n {\n label: \"Company Address\",\n name: \"companyAddress\",\n },\n {\n label: \"Admin Email\",\n name: \"adminEmail\",\n },\n {\n label: \"FAE Email\",\n name: \"faeEmail\",\n },\n {\n label: \"Total Registered Users\",\n name: \"totalRegisteredUsers\",\n },\n {\n label: \"Total Approved\",\n name: \"totalApproved\",\n },\n {\n label: \"Stations\",\n name: \"stations\",\n },\n {\n name: \"Framing Enabled\",\n options: {\n filter: false,\n display: access_levels.indexOf(encryptHash(\"777\")) !== -1,\n customBodyRender: (value, tableMeta, updateValue) => (\n
\n {alert && (\n \n {alertMessage}\n \n )}\n {showFramingAlert && (\n updateFraming()}\n onCancel={() => setshowFramingAlert(false)}\n focusCancelBtn\n >\n We will apply changes on confirmation.\n \n )}\n \n {userAuthToken !== null && (\n \n
\n\n \n \n
\n \n
\n \n \n \n \n \n \n Loading Table...\n \n \n \n )}\n {tableLoader === false && (\n {\n // handleClickedDeleteButton(event, rowData);\n // },\n //selectableRows:'single',\n }}\n />\n )}\n
\n
\n
\n List Of Companies
\n\n {tableLoader === true && (\n\n
\n
\n
\n
\n \n
\n \n
\n \n
\n
\n\n {({ errors, touched }) => (\n \n )}\n \n
\n \n
\n \n
\n \n
\n Add Company
\n\n \n Upload as CSV
\n \n
\n
\n
\n
\n \n\n \n
\n \n
\n \n
\n \n
\n Allocate / Remove Stations for Company
\n\n
\n \n \n Company ID \n \n {v.companyId}\n \n ))}\n \n \n
\n \n
\n \n \n Stations \n selected.join(\", \")}\n onChange={handleStationsToAddChange}\n MenuProps={MenuProps}\n input={\n \n -1\n }\n />\n \n
\n \n
\n \n \n \n Allocate or Remove\n \n \n
\n \n \n Submit\n \n
\n \n
\n
\n \n )}\n {userAuthToken === null && (\n
\n \n \n
\n )}\n {/* Modal for Notification Settings Update */}\n \n \n
\n Session Expired !!!... Company
\n \n\n
\n ))}\n {v.trim()}
\n \n \n \n handleChangeDataServicesList(e.target.value, v.trim())\n }\n autoWidth\n label=\"Age\"\n >\n \n {servicesData[v.trim()]?.map((x) => (\n \n ))}\n \n \n
\n \n Date \n \n {\n this.setState({\n dateMin: event.target.value,\n });\n var mm = new Date(event.target.value).getMonth() + 1;\n var dd = new Date(event.target.value).getDate();\n var yy = new Date(event.target.value).getFullYear();\n if (mm < 10) mm = \"0\" + mm;\n if (dd < 10) dd = \"0\" + dd;\n filterList[index][0] = mm + \"-\" + dd + \"-\" + yy;\n onChange(filterList[index], index, column);\n }}\n style={{ width: \"48%\", marginRight: \"2%\" }}\n />\n {\n this.setState({\n dateMax: event.target.value,\n });\n var mm = new Date(event.target.value).getMonth() + 1;\n var dd = new Date(event.target.value).getDate();\n var yy = new Date(event.target.value).getFullYear();\n if (mm < 10) mm = \"0\" + mm;\n if (dd < 10) dd = \"0\" + dd;\n filterList[index][1] = mm + \"-\" + dd + \"-\" + yy;\n onChange(filterList[index], index, column);\n }}\n style={{ width: \"48%\" }}\n />\n \n this.setState({\n dateFilterChecked: event.target.checked,\n })\n }\n />\n }\n label=\"Separate Values\"\n style={{ marginLeft: \"0px\" }}\n />\n \n
\n ),\n },\n print: false,\n },\n },\n {\n name: \"Timestamp\",\n label: \"Timestamp (UTC)\",\n options: {\n filter: false,\n },\n },\n {\n name: \"Freq\",\n label: \"Freq\",\n options: {\n sort: true,\n },\n },\n {\n name: \"cdn0\",\n label: \"cdn0\",\n options: {\n sort: true,\n filter: true,\n // filterList: [],\n filterType: \"custom\",\n customFilterListOptions: {\n render: (v) => {\n if (v[0] && v[1] && this.state.cdnFilterChecked) {\n return [`Min cdn0: ${v[0]}`, `Max cdn0: ${v[1]}`];\n } else if (v[0] && v[1] && !this.state.cdnFilterChecked) {\n return `Min cdn0: ${v[0]}, Max cdn0: ${v[1]}`;\n } else if (v[0]) {\n return `Min cdn0: ${v[0]}`;\n } else if (v[1]) {\n return `Max cdn0: ${v[1]}`;\n }\n return false;\n },\n update: (filterList, filterPos, index) => {\n //console.log(\n // \"customFilterListOnDelete: \",\n // filterList,\n // filterPos,\n // index\n // );\n if (filterPos === 0) {\n filterList[index].splice(filterPos, 1, \"\");\n } else if (filterPos === 1) {\n filterList[index].splice(filterPos, 1);\n } else if (filterPos === -1) {\n filterList[index] = [];\n }\n return filterList;\n },\n },\n\n filterOptions: {\n names: [],\n logic(cdn0, filters) {\n if (filters[0] && filters[1]) {\n return cdn0 < filters[0] || cdn0 > filters[1];\n } else if (filters[0]) {\n return cdn0 < filters[0];\n } else if (filters[1]) {\n return cdn0 > filters[1];\n }\n return false;\n },\n display: (filterList, onChange, index, column) => (\n \n cdn0 \n \n 'Temperature range'}\n value={this.state.cdn0Range}\n onChange={(event, newValue) =>\n this.setState({ cdn0Range: newValue }, () => {\n filterList[index][0] = this.state.cdn0Range[0];\n filterList[index][1] = this.state.cdn0Range[1];\n onChange(filterList[index], index, column);\n })\n }\n valueLabelDisplay=\"auto\"\n // getAriaValueText={valuetext}\n />\n \n
\n ),\n },\n print: false,\n },\n },\n {\n name: \"PacketSize\",\n },\n {\n name: \"mode\",\n label: \"mode\",\n options: {\n sort: false,\n },\n },\n {\n name: \"rssi\",\n label: \"rssi\",\n options: {\n sort: true,\n filter: true,\n // filterList: [],\n filterType: \"custom\",\n customFilterListOptions: {\n render: (v) => {\n if (v[0] && v[1] && this.state.rssiFilterChecked) {\n return [`Min rssi: ${v[0]}`, `Max rssi: ${v[1]}`];\n } else if (v[0] && v[1] && !this.state.rssiFilterChecked) {\n return `Min rssi: ${v[0]}, Max rssi: ${v[1]}`;\n } else if (v[0]) {\n return `Min rssi: ${v[0]}`;\n } else if (v[1]) {\n return `Max rssi: ${v[1]}`;\n }\n return false;\n },\n update: (filterList, filterPos, index) => {\n //console.log(\n // \"customFilterListOnDelete: \",\n // filterList,\n // filterPos,\n // index\n // );\n if (filterPos === 0) {\n filterList[index].splice(filterPos, 1, \"\");\n } else if (filterPos === 1) {\n filterList[index].splice(filterPos, 1);\n } else if (filterPos === -1) {\n filterList[index] = [];\n }\n return filterList;\n },\n },\n\n filterOptions: {\n names: [],\n logic(rssi, filters) {\n if (filters[0] && filters[1]) {\n return rssi < filters[0] || rssi > filters[1];\n } else if (filters[0]) {\n return rssi < filters[0];\n } else if (filters[1]) {\n return rssi > filters[1];\n }\n return false;\n },\n display: (filterList, onChange, index, column) => (\n \n rssi \n \n 'Temperature range'}\n value={this.state.rssiRange}\n onChange={(event, newValue) =>\n this.setState({ rssiRange: newValue }, () => {\n filterList[index][0] = this.state.rssiRange[0];\n filterList[index][1] = this.state.rssiRange[1];\n onChange(filterList[index], index, column);\n })\n }\n valueLabelDisplay=\"auto\"\n // getAriaValueText={valuetext}\n />\n \n
\n ),\n },\n print: false,\n },\n },\n {\n name: \"msgs\",\n label: \"msgs\",\n options: {\n filter: true,\n filterType: \"custom\",\n filterType: \"dropdown\",\n print: false,\n sort: false,\n },\n },\n {\n name: \"msgID\",\n label: \"msgID\",\n options: {\n sort: false,\n },\n },\n ];\n const options2 = {\n filter: false,\n filterType: \"dropdown\",\n print: false,\n viewColumns: false,\n download: false,\n search: false,\n pagination: false,\n tableBodyHeight: \"300px\",\n tableBodyMaxHeight: \"\",\n responsive: this.state.responsive,\n selectableRows: \"multiple\",\n customToolbarSelect: () => { },\n //selectableRows: false,\n onRowsSelect: this.onRowsSelect2,\n rowsSelected: this.state.enableIndex,\n //searchable: false,\n };\n const options3 = {\n filter: false,\n filterType: \"dropdown\",\n print: false,\n viewColumns: false,\n download: false,\n search: false,\n pagination: false,\n tableBodyHeight: \"300px\",\n tableBodyMaxHeight: \"\",\n responsive: this.state.responsive,\n selectableRows: \"multiple\",\n rowsSelected: this.state.disableIndex,\n customToolbarSelect: () => { },\n //selectableRows: false,\n onRowsSelect: this.onRowsSelect3,\n };\n const options = {\n filter: true,\n filterType: \"dropdown\",\n responsive: this.state.responsive,\n tableBodyHeight: this.state.tableBodyHeight,\n tableBodyMaxHeight: this.state.tableBodyMaxHeight,\n selectableRows: \"none\",\n rowsSelected: this.state.rowsSelected,\n onRowSelectionChange: this.onRowsSelect,\n rowsPerPage: this.state.rowsPerPage,\n onChangeRowsPerPage: this.onChangeRowsPerPage,\n rowsPerPageOptions: [10, 25, 50, 75, 100],\n\n //onChangeRowsPerPage:{{()=>{this.setState(rowPerpage:number)}}},\n downloadOptions: {\n filename: \"tableDownload.csv\",\n filterOptions: {\n useDisplayedColumnsOnly: true,\n useDisplayedRowsOnly: true,\n },\n },\n sortOrder: {\n name: \"Timestamp\",\n direction: \"desc\",\n },\n customToolbar: () => {\n return (\n \n {this.state.userAuthToken !== null && (\n \n this.setState({ ignoreModalState: true })}\n >\n Add/Remove Devices\n \n \n {/* */}\n
\n
\n {this.state.tableLoader === true && (\n\n \n \n
\n )}\n {this.state.tableLoader === false && (\n \n \n \n
\n \n \n {\" \"}\n
\n {/* \n Last Updated: {this.state.lastUpdateTime}
\n */}\n\n
IOT Device Details
\n {/* Updated every 10 seconds */}\n \n \n\n
\n {this.state.tableLoader === true && (\n
\n \n
\n \n \n \n
\n )}\n \n \n
\n \n Device Id\n
\n
\n \n
\n Location State\n
\n
\n \n
\n
\n \n Location Street\n
\n
\n \n
\n Device Alias\n
\n
\n \n
\n
\n \n Location City\n
\n
\n \n
\n Notes\n
\n
\n \n
\n
\n \n Locaton Inside\n
\n
\n \n
\n Ignore Device\n
\n
\n \n
\n {/*
\n
\n\n \n
\n
\n\n
\n \n
*/}\n \n \n Remove Device\n \n
\n \n \n Enable Device\n \n
\n \n
\n
\n \n
\n \n \n \n
\n \n \n \n
\n \n
\n
\n \n \n
\n \n \n \n \n \n
\n \n \n
\n
\n \n \n )}\n {this.state.userAuthToken === null && (\n
\n \n
\n Session Expired !!!... IOT Device
\n \n\n {alert && (\n \n {alertMessage}\n \n )}\n {closeAlertbtn && apiAccessSwitchValue && (\n \n You will not be able to undo this action\n \n )}\n \n \n
\n\n \n
\n \n
\n {/*\n
\n\n 380 ? 1 / 2 : 1}\n width={\"300\"}\n bgcolor=\"#dbeaf3\"\n color=\"black\"\n >\n Bit Rate: 15\n \n {width <= 380 && (\n <>\n
\n \n )}\n 380 ? 1 / 2 : 1}\n width={\"300\"}\n bgcolor=\"#dbeaf3\"\n color=\"black\"\n >\n Option1: 10\n \n {width <= 380 && (\n <>\n
\n
\n \n )}\n 380 ? 1 / 2 : 1}\n width={\"300\"}\n bgcolor=\"#dbeaf3\"\n color=\"black\"\n >\n Option2: 18\n \n \n
\n */}\n
\n \n \n \n \n
\n \n
\n \n 1200 ? \"col-md-4\" : \"col-md-6\"}\n style={{ marginTop: \"7px\" }}\n >\n {/* {\" \"} */}\n {\n handleShow();\n getEmailVerificationCode();\n }}\n >\n Reset Password
\n \n
\n \n
\n
\n 1200 ? \"col-md-8\" : \"col-md-6\"}\n style={{ marginTop: \"16px\" }}\n >\n
\n \n
\n
User Profile
\n\n
\n {/*\n
Subscription Option :-
\n\n
\n \n )}\n
\n
\n \n )}\n
\n */}\n
\n\n {/*
\n
\n
\n
\n {open === true && (\n
\n \n {({ errors, touched }) => (\n
\n \n \n
\n {errors.confirmPassword && touched.confirmPassword && (\n \n \n {showCPass && (\n toggleShowCPass()} />\n )}\n {!showCPass && (\n toggleShowCPass()}\n />\n )}\n
\n \n
\n \n {errors.confirmPassword}\n
\n )}\n \n \n \n
\n \n )}\n \n \n \n 
\n \n
\n )\n}\n\nexport default PageNotFound","import { React, useState, useEffect } from \"react\";\nimport { Formik, Form, Field } from \"formik\";\nimport VisibilityIcon from \"@mui/icons-material/Visibility\";\nimport VisibilityOffIcon from \"@mui/icons-material/VisibilityOff\";\nimport {\n validateUsernameMain,\n validateEmailMain,\n validatePhonenumberMain,\n validatePasswordMain,\n validateCompanyMain,\n} from \"../validations/basicRegFormValidations\";\nfunction BaseConfirmRegisterForm(props) {\n const {\n userEmail,\n userCompany,\n userName,\n userPhone,\n confirmRegClicked,\n setConfirmClicked,\n setPassword,\n confirmRegFailed,\n setConfirm,\n } = props;\n const [showPassState, setShowPassState] = useState(false);\n const validatePassword = (value) => {\n return validatePasswordMain(value, setPassword);\n };\n const showPassword = () => {\n setShowPassState(!showPassState);\n };\n const signUp = () => {\n setConfirmClicked(1);\n };\n useEffect(() => {\n //console.log(props);\n }, [props])\n return (\n \n \n
\n\n \n Copyright Xperi © 2021. All rights reserved.\n \n \n
\n \n \n {({ errors, touched }) => (\n
\n \n \n {(confirmRegClicked === 0 || confirmRegFailed) && (\n setConfirm(true)}\n >\n Confirm\n \n )}\n {confirmRegClicked === 1 && !confirmRegFailed && (\n \n Please wait\n \n )}\n
\n \n )}\n \n \n );\n}\nexport default BaseConfirmRegisterForm;\n","import { React, useState, useEffect } from \"react\";\nimport Alerts from \"./components/alerts/alert\";\nimport BaseConfirmRegisterForm from \"./components/forms/baseConfirmRegisterForm\";\nimport ApiClient from \"./apis/apiClient\";\nimport VerifyEmail from \"./components/register/verifyEmail\";\nimport Auth from \"@aws-amplify/auth\";\nimport RegisterMFA from \"./components/register/registerMFA\";\nimport FinalPage from \"./components/register/finalPage\";\nimport Footer from \"./components/footer/footer\";\nimport registerCognitoUser from \"./components/register/registerCognito\";\nimport Loader from \"./components/loader/loader\"\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport logout from \"./components/validations/logoutUser\";\n\nexport default function Confirm() {\n const [email, setEmail] = useState(null);\n const [company, setCompany] = useState(null);\n const [status, setStatus] = useState(0);\n const [alertType, setAlertType] = useState(\"success\");\n const [confirmRegClicked, setConfirmClicked] = useState(0);\n const [password, setPassword] = useState(null);\n const [confirmRegFailed, setRegFailed] = useState(false);\n const [confirm, setConfirm] = useState(false);\n const [name, setName] = useState(null);\n const [phoneNumber, setPhoneNumber] = useState(null);\n const [stage, setStage] = useState(0);\n const [message, setMessage] = useState(null);\n const [getMFA, setGetMFA] = useState(false);\n const [MFACode, setMFACode] = useState(null);\n const [doLogin, setDoLogin] = useState(false);\n\n const [alertMessage, setAlertMessage] = useState(\"\");\n const [alert, setAlert] = useState(false);\n const [severity, setSeverity] = useState(\"default\");\n const [alertTitle, setAlertTitle] = useState(\"\");\n const [confirmAction, setConfirmAction] = useState(\"\");\n const [hrefLink, setHrefLink] = useState(\"\");\n\n const [loading, setloading] = useState(true);\n const [loaderType, setLoaderType] = useState(\"CircularProgress\");\n const [percentage, setpercentage] = useState(0);\n\n useEffect(() => {\n getUserData();\n }, []);\n\n useEffect(() => {\n if (company != null) addNewUserToDB();\n }, [confirmRegClicked]);\n useEffect(() => {\n ////console.log(\"Inside mfa screen\");\n }, [getMFA]);\n const addNewUserToDB = async () => {\n ////console.log(email+\"jjjj\")\n registerCognitoUser(\n name,\n email,\n phoneNumber,\n password,\n company,\n setStage,\n setStatus,\n setMessage,\n setAlertType,\n setRegFailed,\n Auth\n );\n };\n const getUserData = async () => {\n const token = new URLSearchParams(window.location.search).get(\"token\");\n let result = await ApiClient(\"get\", \"/getUserFromToken\", \"token=\" + token);\n if (result.data.status === 200) {\n setloading(false);\n setName(result.data.name);\n setPhoneNumber(result.data.phone);\n setEmail(result.data.email);\n setCompany(result.data.company);\n ////console.log(result.data)\n } else if (result.data.status === 422) {\n setloading(false);\n setAlert(true);\n setSeverity(\"error\");\n setAlertMessage(\"Missing required param\");\n setAlertTitle(\"Something Went Wrong\");\n setConfirmAction(\"\");\n setHrefLink(\"\");\n } else if (result.data.status === 404) {\n setloading(false);\n setAlert(true);\n setSeverity(\"error\");\n setAlertMessage(\"User fetch failed: Token Invalid\");\n setAlertTitle(\"Something Went Wrong\");\n setConfirmAction(\"\");\n setHrefLink(\"\");\n } else {\n setloading(false);\n setAlert(true);\n setSeverity(\"error\");\n setAlertMessage(\"Some Error Occured\");\n setAlertTitle(\"Something Went Wrong\");\n setConfirmAction(\"\");\n setHrefLink(\"\");\n }\n };\n const confirmAlert = () => {\n setAlert(false);\n setSeverity(\"default\");\n setAlertTitle(\"\");\n if (confirmAction === \"load\") {\n window.location.reload();\n } else if (confirmAction === \"href\") {\n window.location.href = hrefLink;\n } else if (confirmAction === \"logout\") {\n logout()\n }\n }\n return (\n \n
\n );\n}\n","import React from 'react'\nimport Auth from \"@aws-amplify/auth\";\n\nexport class TestAuth extends React.PureComponent {\n constructor(props){\n super(props)\n this.state = {\n valid : \"\"\n }\n }\n \n render() {\n return (\n \n
\n \n {alert && (\n \n {alertMessage}\n \n )}\n {status === 1 && (\n \n )}\n
\n \n
\n \n \n
\n \n {/*
\n \n {\" \"}\n
\n */}\n \n {\" \"}\n
\n \n
\n \n {stage === 0 && !doLogin && (\n
\n \n { \n this.state.valid !==\"\" && (\n
\n )\n }\n}\n\nexport default TestAuth\n\n","import React, { useState } from \"react\";\nimport Multiselect from \"multiselect-react-dropdown\";\nimport { Button } from \"react-bootstrap\";\nimport {Box, CircularProgress} from \"@material-ui/core\";\n\nfunction RegionSelect(props) {\n const { selectOptions, setselectValuesList, isAdding, handleClick } = props;\n // eslint-disable-next-line\n const [isMobile, setisMobile] = useState(false);\n const [width, setWidth] = useState(window.innerWidth);\n\n const onSelect = (selectedList, selectedItem) => {\n setselectValuesList(selectedList);\n };\n const onRemove = () => {};\n\n\n return (\n Hello {this.state.valid}
\n )\n }\n\n
\n \n \n );\n}\n\nexport default RegionSelect;\n","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nimport Cookies from \"js-cookie\";\nimport encryptHash from \"../../validations/general\";\nimport { InputProps } from \"@material-ui/core\";\nimport {\n Table,\n TableBody,\n TableContainer,\n TableRow,\n TableCell,\n Paper,\n FormControlLabel,\n Checkbox,\n FormControl,\n InputLabel,\n Select,\n MenuItem,\n Radio,\n RadioGroup,\n TextField,\n Input,\n FormHelperText,\n} from \"@material-ui/core\";\nfunction MessageSettings(props) {\n const {\n bitRateTransmitMessage,\n setbitRateTransmitMessage,\n setbroadcast,\n date,\n setDate,\n utcdate,\n setFile,\n minimumBitRate,\n setutcDate,\n timezone,\n settimezone,\n transferVia,\n settransferVia,\n dateNow,\n setAlertMessage,\n setAlert,\n setSeverity,\n setAlertTitle,\n setConfirmAction,\n setHrefLink,\n setrepeatCount,\n setrepeatInterval,\n showRepeat,\n setshowRepeat,\n setdoFraming,\n } = props;\n const [yourtimeZone, setyourTimeZone] = useState(\n Intl.DateTimeFormat().resolvedOptions().timeZone\n );\n const hours = {\n \"America/Toronto\": 5,\n \"America/Chicago\": 6,\n \"America/Denver\": 7,\n \"America/Los_Angeles\": 8,\n GMT: 0,\n };\n\n const access_levels = Cookies.get(\"t\") ? Cookies.get(\"t\").split(\",\") : [];\n\n const [changed, setchanged] = useState(false);\n const [showError, setshowError] = useState(false);\n const [dateTimeError, setdateTimeError] = useState(false);\n const [fileError, setfileError] = useState(false);\n const [showBI, setshowBI] = useState(false);\n const formatDate = (inp) => {\n return (\"0\" + inp).slice(-2);\n };\n const getUtcDate = () => {\n return (\n utcdate.getFullYear() +\n \"-\" +\n formatDate(utcdate.getMonth() + 1) +\n \"-\" +\n formatDate(utcdate.getDate()) +\n \" \" +\n utcdate.toLocaleString(\"en-US\", {\n hour: \"numeric\",\n minute: \"numeric\",\n hour12: true,\n })\n );\n };\n useEffect(() => {\n const tz = document.getElementsByName(\"timezone\")[0].value;\n settimezone(tz);\n const d = document.getElementById(\"datetime-local\").value;\n //console.log(\"Use Effect\", tz, d);\n let x = new Date(d);\n //x.setHours(x.getHours() - parseInt(tz));\n try {\n //setutcDate(x.toISOString());\n //setDate(dateNow(x));\n } catch (err) {}\n }, [changed]);\n\n const handleChange = async (e) => {\n if (e.target.type === \"file\") {\n console.log(\"Inside\", e.target.files[0].type);\n let types = [\"application/octet-stream\", \"text/plain\"];\n if (\n !types.includes(e.target.files[0].type) &&\n !(\n e.target.files[0].name.endsWith(\".txt\") ||\n e.target.files[0].name.endsWith(\".bin\")\n )\n ) {\n //alert(\"Only Binary and text files allowed to upload\");\n setAlert(true);\n setSeverity(\"error\");\n setAlertMessage(\"Only Binary and text files allowed to upload\");\n setAlertTitle(\"Something Went Wrong\");\n setConfirmAction(\"\");\n setHrefLink(\"\");\n e.target.value = \"\";\n setFile(null);\n return;\n }\n if (!e.target.files[0]) {\n setfileError(true);\n setFile(null);\n } else {\n setfileError(false);\n }\n let fSize = 0;\n try {\n fSize = e.target.files[0].size / 1024;\n } catch (err) {\n console.log(\"File Size error \", err.message);\n setFile(null);\n }\n if (fSize > 1000000) {\n setbitRateTransmitMessage(\n \"File should be less than or equal (1 GB) in Size\"\n );\n setFile(null);\n return;\n } else if (fSize === 0) {\n setbitRateTransmitMessage(\"File Size should not be Zero\");\n setFile(null);\n return;\n } else {\n console.log(\"Setting new file\");\n setbitRateTransmitMessage(\"\");\n setFile([...e.target.files]);\n }\n if (minimumBitRate !== -1) {\n let time = fSize / minimumBitRate;\n setbitRateTransmitMessage(\n \"Transmission time from station would take \" + time + \" seconds\"\n );\n }\n } else if (e.target.type === \"datetime-local\") {\n var input_dt = e.target.value;\n input_dt = new Date(input_dt);\n var today = new Date(\n new Date().toLocaleString(\"en-US\", { timeZone: timezone })\n );\n today = new Date(today.getTime() + 1 * 60000);\n // if (input_dt < today) {\n // setdateTimeError(true);\n // console.log(\n // \"can't set that time \",\n // input_dt.toUTCString(),\n // today.toUTCString()\n // );\n // setAlert(true)\n // setSeverity(\"error\")\n // setAlertMessage(\"Please enter future date\");\n // setAlertTitle(\"Something Went Wrong\")\n // setConfirmAction(\"\")\n // setHrefLink(\"\")\n\n //} else {\n if (e.target.id === \"datetime-local\") {\n //console.log(\"date changed\",e.target.value);\n setDate(e.target.value);\n setutcDate(\n new Date(input_dt.setHours(input_dt.getHours() + hours[timezone]))\n );\n setdateTimeError(false);\n }\n // }\n } else if (e.target.name === \"timezone\") {\n setchanged(!changed);\n } else if (e.target.name === \"checkedB\") {\n setbroadcast(e.target.checked);\n setshowBI(e.target.checked);\n } else if (e.target.name === \"repeatM\") {\n setshowRepeat(e.target.checked);\n if (!e.target.checked) {\n setrepeatCount(1);\n setrepeatInterval(0);\n }\n }\n };\n\n const setTransfer = (e, val) => {\n settransferVia(val);\n };\n\n return (\n \n = 760 && width < 790 ? \"col-md-6\" : \"col-md-4\"}\n style={isMobile ? { marginTop: \"3px\" } : {}}\n >\n \n {isAdding ? \"Adding…\" : \"Click to Add\"}\n \n \n {selectOptions.length === 0 && (\n \n
\n \n = 760 && width < 790 ? \"col-md-6\" : \"col-md-8\"}\n >\n
\n \n
\n \n );\n}\n\nexport default MessageSettings;\n","//const awsmobile = require(\"../../aws-exports\");\nimport AWS from \"aws-sdk\";\nimport Auth from \"@aws-amplify/auth\";\nimport createXml from \"./createXML\";\nimport axios from \"axios\";\n\nconst uploadToS3 = async (\n file,\n signedURL,\n setpercentage\n) => {\n let result = await axios.put(signedURL, file[0], {\n headers: { \"Content-Type\": file[0].type },\n onUploadProgress: (progressEvent) => {\n //console.log('P Complete',progressEvent.loaded, progressEvent.total)\n let uploaded = Math.round(\n (progressEvent.loaded / progressEvent.total) * 100\n );\n setpercentage(uploaded);\n },\n });\n};\n\nexport default uploadToS3;\n","import { React, useState, useEffect } from \"react\";\nimport { DateTime } from \"luxon\";\nimport validateUser from \"../../validations/userSessionValidation\";\nimport RegionSelect from \"./regionSelect\";\nimport Cookies from \"js-cookie\";\nimport Auth from \"@aws-amplify/auth\";\nimport ApiClient from \"../../../apis/apiClient\";\nimport logout from \"../../validations/logoutUser\";\nimport DataTable from \"../../DataTable/dataTable\";\nimport MessageSettings from \"./messageSettings\";\n// import Backdrop from \"@mui/material/Backdrop\";\nimport { Button } from \"react-bootstrap\";\nimport SendIcon from \"@material-ui/icons/Send\";\nimport CheckCircleIcon from \"@mui/icons-material/CheckCircle\";\nimport DangerousIcon from \"@mui/icons-material/Dangerous\";\nimport DeleteForeverIcon from \"@mui/icons-material/DeleteForever\";\nimport { Tooltip } from \"@mui/material\";\nimport uploadToS3 from \"../../others/uploadS3\";\n// import { CircularProgressbar, buildStyles } from \"react-circular-progressbar\";\n// import CircularProgress from \"@mui/material/CircularProgress\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport encryptHash from \"../../validations/general\";\nimport checkPageAccess from \"../../others/getPageAccess\";\nimport axios from \"axios\";\nimport { FormControl, Select, MenuItem } from \"@material-ui/core\";\n// import Alert from '@mui/material/Alert';\n// import Stack from '@mui/material/Stack';\n\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport Loader from \"../../loader/loader\";\n\nfunction CreateMessageNew() {\n const [selectOptions, setselectOptions] = useState([]);\n const [selectValuesList, setselectValuesList] = useState([]);\n const [tableData, settableData] = useState([]);\n const [selectedStationIds, setselectedStationIds] = useState([]);\n const [selectedStationCallsign, setselectedStationCallsign] = useState([]);\n /*const [selectedStationIPs, setselectedStationIPs] = useState([]);\n const [portList, setportList] = useState([]);*/\n const [isAdding, setisAdding] = useState(false);\n const [broadcast, setbroadcast] = useState(false);\n const [bitRateTransmitMessage, setbitRateTransmitMessage] = useState(\"\");\n const [minimumBitRate, setminimumBitRate] = useState(-1);\n const [date, setDate] = useState(null);\n const [utcdate, setutcDate] = useState(null);\n const [timezone, settimezone] = useState(\"America/Toronto\");\n const [file, setFile] = useState(null);\n //const [fileObj, setFileObj] = useState(null);\n //const [fileBlob, setFileBlob] = useState(null);\n const [percentage, setpercentage] = useState(0);\n const [uploadState, setuploadState] = useState(false);\n const [uploadSuccess, setSuccess] = useState(false);\n const [uploadId, setuploadId] = useState([]);\n const [redirect, setRedirect] = useState(false);\n const [transferVia, settransferVia] = useState(\"http\");\n const [alertMessage, setAlertMessage] = useState(\"\");\n const [alert, setAlert] = useState(false);\n const [severity, setSeverity] = useState(\"default\");\n const [alertTitle, setAlertTitle] = useState(\"\");\n const [confirmAction, setConfirmAction] = useState(\"\");\n const [hrefLink, setHrefLink] = useState(\"\");\n const [loaderType, setLoaderType] = useState(\"CircularProgress\");\n const [repeatCount, setrepeatCount] = useState(1);\n const [repeatInterval, setrepeatInterval] = useState(0);\n const [showRepeat, setshowRepeat] = useState(false);\n const [doFraming, setdoFraming] = useState(false);\n const [dataFolder, setdataFolder] = useState([]);\n\n const hours = {\n \"America/Toronto\": 4,\n \"America/Chicago\": 5,\n \"America/Denver\": 6,\n \"America/Los_Angeles\": 7,\n GMT: 0,\n };\n let userAuthToken = null;\n\n const access_levels = Cookies.get(\"t\") ? Cookies.get(\"t\").split(\",\") : [];\n\n const formatDate = (inp) => {\n return (\"0\" + inp).slice(-2);\n };\n\n const dateNow = (val) => {\n let date = new Date(val.toLocaleString(\"en-US\", { timeZone: timezone }));\n return (\n date.getFullYear() +\n \"-\" +\n formatDate(date.getMonth() + 1) +\n \"-\" +\n formatDate(date.getDate()) +\n \"T\" +\n formatDate(date.getHours()) +\n \":\" +\n formatDate(date.getMinutes())\n );\n };\n\n const tableColumns = [\n {\n name: \"status\",\n label: \"Status\",\n options: {\n customBodyRender: (value, tableMeta, updateValue) => (\n \n
\n \n \n setdoFraming(e.target.checked)} />\n }\n label=\"Use Message Framing\"\n />\n
\n )}\n \n
\n {access_levels.indexOf(encryptHash(\"777\")) !== -1 && (\n Schedule Transmission
\n\n
\n {/* {bitRateTransmitMessage !== \"\" && (\n \n \n \n \n \n \n \n \n \n Timezone \n \n Timezone \n \n \n \n \n \n \n \n {/*yourtimeZone*/}\n \n \n \n \n Date And Time
\n \n \n \n {timezone ? getUtcDate() : \"\"}\n \n \n \n \n \n \n
\n \n
Broadcast Time in GMT
\n\n \n \n \n {Cookies.get(\"t\").split(\",\").indexOf(encryptHash(777)) !==\n -1 && (\n <>\n // \n // \n // \n // Transfer Via\n // \n // \n // \n // \n )}\n \n \n \n \n \n \n Repeat Interval (in Minutes)
\n setrepeatInterval(e.target.value)}\n >\n \n \n \n \n \n \n \n \n \n Repeat Count\n setrepeatCount(e.target.value)}\n />\n \n \n\n \n \n \n Upload Payload\n \n \n \n \n \n \n
\n \n
\n {fileError && showError ? \"please enter Image\" : \"\"}\n
\n \n {bitRateTransmitMessage}{\" \"}\n
\n )} */}\n\n {alert && (\n \n {alertMessage}\n \n )}\n \n
\n \n );\n}\n\nexport default CreateMessageNew;\n","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nimport ApiClient from \"../../../apis/apiClient\";\nimport MUIDataTable from \"mui-datatables\";\nimport { Container, Typography, CssBaseline } from \"@material-ui/core\";\n// import Backdrop from \"@mui/material/Backdrop\";\nimport Cookies from \"js-cookie\";\nimport { Button, Modal } from \"react-bootstrap\";\nimport { DateTime } from \"luxon\";\n// import CircularProgress from \"@mui/material/CircularProgress\";\nimport RefreshIcon from \"@material-ui/icons/Refresh\";\nimport AWS from \"aws-sdk\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport DateRangeIcon from \"@mui/icons-material/DateRange\";\nimport checkPageAccess from \"../../others/getPageAccess\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport logout from \"../../validations/logoutUser\";\nimport {\n unstable_createMuiStrictModeTheme as createMuiTheme,\n MuiThemeProvider,\n} from \"@material-ui/core/styles\";\nimport {\n TextField,\n FormLabel,\n FormGroup,\n Checkbox,\n FormControlLabel,\n Slider,\n FormControl,\n InputLabel,\n Select,\n FormHelperText,\n MenuItem,\n} from \"@material-ui/core\";\nimport {\n Table,\n TableBody,\n TableRow,\n TableHead,\n TableCell,\n TableContainer,\n} from \"@mui/material\";\nimport { tableCellClasses } from \"@mui/material/TableCell\";\nimport encryptHash from \"../../validations/general\";\nimport Loader from \"../../loader/loader\";\nimport moment from \"moment\";\nimport Popover from \"@mui/material/Popover\";\nimport Snackbar from \"@mui/material/Snackbar\";\nimport MuiAlert from \"@mui/material/Alert\";\nimport Paper from \"@mui/material/Paper\";\nimport { styled } from \"@mui/material/styles\";\n\nconst Alert = React.forwardRef(function Alert(props, ref) {\n return \n \n
\n \n
\n
\n
\n
\n
\n \n
\n
*/}\n
\n
*/}\n\n
\n Regions
\n\n
*/}\n
\n
\n {/* \n
*/}\n\n
\n
\n \n {date !== null && (\n
\n \n \n \n
\n \n submit()}\n style={{\n borderColor: \"#4F3493\",\n backgroundColor: \"#4F3493\",\n }}\n >\n Schedule Message
\n \n
\n
\n
\n
\n Initiated Time \n \n {\n setDateMin(event.target.value);\n var mm = new Date(event.target.value).getMonth() + 1;\n var dd = new Date(event.target.value).getDate();\n var yy = new Date(event.target.value).getFullYear();\n if (mm < 10) mm = \"0\" + mm;\n if (dd < 10) dd = \"0\" + dd;\n filterList[index][0] = mm + \"-\" + dd + \"-\" + yy;\n onChange(filterList[index], index, column);\n }}\n style={{ width: \"48%\", marginRight: \"2%\" }}\n />\n {\n setDateMax(event.target.value);\n var mm = new Date(event.target.value).getMonth() + 1;\n var dd = new Date(event.target.value).getDate();\n var yy = new Date(event.target.value).getFullYear();\n if (mm < 10) mm = \"0\" + mm;\n if (dd < 10) dd = \"0\" + dd;\n filterList[index][1] = mm + \"-\" + dd + \"-\" + yy;\n onChange(filterList[index], index, column);\n }}\n style={{ width: \"48%\" }}\n />\n {\n //console.log(event.target.checked);\n setDateFilterChecked(event.target.checked);\n }}\n />\n }\n label=\"Separate Values\"\n style={{ marginLeft: \"0px\" }}\n />\n \n
\n ),\n },\n print: false,\n },\n },\n {\n label: \"Initiated Time (in GMT)\",\n name: \"initiated_at\",\n options: {\n filter: false,\n sortCompare: (order) => {\n return (obj1, obj2) => {\n let val1 = new Date(getDateFormatted(new Date(obj1.data)));\n let val2 = new Date(getDateFormatted(new Date(obj2.data)));\n return (val1 - val2) * (order === \"asc\" ? 1 : -1);\n };\n },\n },\n },\n {\n name: \"date2\",\n label: \"Scheduled Date\",\n options: {\n display: false,\n filter: true,\n filterType: \"custom\",\n type: \"date\",\n customFilterListOptions: {\n render: (v) => {\n if (v[0] && v[1] && dateFilterChecked2) {\n return [`Min date: ${v[0]}`, `Max date: ${v[1]}`];\n } else if (v[0] && v[1] && !dateFilterChecked2) {\n return `Min date: ${v[0]}, Max date: ${v[1]}`;\n } else if (v[0]) {\n return `Min date: ${v[0]}`;\n } else if (v[1]) {\n return `Max date: ${v[1]}`;\n }\n return false;\n },\n update: (filterList, filterPos, index) => {\n //console.log(\n // \"customFilterListOnDelete: \",\n // filterList,\n // filterPos,\n // index\n // );\n if (filterPos === 0) {\n filterList[index].splice(filterPos, 1);\n setDateMax2(\"\");\n } else if (filterPos === 1) {\n filterList[index].splice(filterPos, 1);\n setDateMin2(\"\");\n } else if (filterPos === -1) {\n filterList[index] = [];\n setDateMin2(\"\");\n setDateMax2(\"\");\n }\n return filterList;\n },\n },\n filterOptions: {\n logic(dt, filters) {\n if (filters[0] && filters[1]) {\n return dt < filters[0] || dt > filters[1];\n } else if (filters[0]) {\n return dt < filters[0];\n } else if (filters[1]) {\n return dt > filters[1];\n }\n return false;\n },\n display: (filterList, onChange, index, column) => (\n \n Schedule Time \n \n {\n setDateMin2(event.target.value);\n var mm = new Date(event.target.value).getMonth() + 1;\n var dd = new Date(event.target.value).getDate();\n var yy = new Date(event.target.value).getFullYear();\n if (mm < 10) mm = \"0\" + mm;\n if (dd < 10) dd = \"0\" + dd;\n filterList[index][0] = mm + \"-\" + dd + \"-\" + yy;\n onChange(filterList[index], index, column);\n }}\n style={{ width: \"48%\", marginRight: \"2%\" }}\n />\n {\n setDateMax2(event.target.value);\n var mm = new Date(event.target.value).getMonth() + 1;\n var dd = new Date(event.target.value).getDate();\n var yy = new Date(event.target.value).getFullYear();\n if (mm < 10) mm = \"0\" + mm;\n if (dd < 10) dd = \"0\" + dd;\n filterList[index][1] = mm + \"-\" + dd + \"-\" + yy;\n onChange(filterList[index], index, column);\n }}\n style={{ width: \"48%\" }}\n />\n {\n //console.log(event.target.checked);\n setDateFilterChecked2(event.target.checked);\n }}\n />\n }\n label=\"Separate Values\"\n style={{ marginLeft: \"0px\" }}\n />\n \n
\n ),\n },\n print: false,\n },\n },\n {\n label: \"Schedule Time \\n(in GMT)\",\n name: \"schedule_time\",\n //type: \"date\",\n options: {\n // customBodyRender: (value) => getDateFormatted(new Date(value)),\n filter: false,\n sortCompare: (order) => {\n return (obj1, obj2) => {\n // console.log(order);\n let val1 = new Date(getDateFormatted(new Date(obj1.data)));\n let val2 = new Date(getDateFormatted(new Date(obj2.data)));\n return (val1 - val2) * (order === \"asc\" ? 1 : -1);\n };\n },\n },\n },\n {\n label: \"Name\",\n name: \"username\",\n options: {\n display: false,\n filter: false,\n },\n },\n {\n label: \"Email\",\n name: \"user\",\n },\n {\n label: \"Call Sign\",\n name: \"destination_station\",\n },\n {\n label: \"File Name\",\n name: \"file_name\",\n options: {\n sort: false,\n filterType: \"textField\",\n },\n },\n {\n label: \"Upload Size (in KB)\",\n name: \"file_size\",\n options: {\n sort: false,\n filterType: \"textField\",\n },\n },\n\n {\n label: \"Current Status\",\n name: \"status\",\n },\n {\n name: \"status_updated\",\n options: {\n display: false,\n filter: true,\n filterType: \"custom\",\n type: \"date\",\n customFilterListOptions: {\n render: (v) => {\n if (v[0] && v[1]) {\n return `Min date: ${v[0]}, Max date: ${v[1]}`;\n } else if (v[0]) {\n return `Min date: ${v[0]}`;\n } else if (v[1]) {\n return `Max date: ${v[1]}`;\n }\n return false;\n },\n update: (filterList, filterPos, index) => {\n //console.log(\n // \"customFilterListOnDelete: \",\n // filterList,\n // filterPos,\n // index\n // );\n if (filterPos === 0) {\n filterList[index].splice(filterPos, 1);\n setDateMin(\"\");\n } else if (filterPos === 1) {\n filterList[index].splice(filterPos, 1);\n setDateMax(\"\");\n } else if (filterPos === -1) {\n filterList[index] = [];\n setDateMin(\"\");\n setDateMax(\"\");\n }\n return filterList;\n },\n },\n filterOptions: {\n logic(dt, filters) {\n if (filters[0] && filters[1]) {\n return dt < filters[0] || dt > filters[1];\n } else if (filters[0]) {\n return dt < filters[0];\n } else if (filters[1]) {\n return dt > filters[1];\n }\n return false;\n },\n display: (filterList, onChange, index, column) => (\n \n Current Status Time \n \n {\n setDateMin(event.target.value);\n var mm = new Date(event.target.value).getMonth() + 1;\n var dd = new Date(event.target.value).getDate();\n var yy = new Date(event.target.value).getFullYear();\n if (mm < 10) mm = \"0\" + mm;\n if (dd < 10) dd = \"0\" + dd;\n filterList[index][0] = mm + \"-\" + dd + \"-\" + yy;\n onChange(filterList[index], index, column);\n }}\n style={{ width: \"48%\", marginRight: \"2%\" }}\n />\n {\n setDateMax(event.target.value);\n var mm = new Date(event.target.value).getMonth() + 1;\n var dd = new Date(event.target.value).getDate();\n var yy = new Date(event.target.value).getFullYear();\n if (mm < 10) mm = \"0\" + mm;\n if (dd < 10) dd = \"0\" + dd;\n filterList[index][1] = mm + \"-\" + dd + \"-\" + yy;\n onChange(filterList[index], index, column);\n }}\n style={{ width: \"48%\" }}\n />\n \n
\n ),\n },\n print: false,\n },\n },\n {\n label: \"Current Status Time (in GMT)\",\n name: \"status_updated\",\n options: {\n filter: false,\n sortCompare: (order) => {\n return (obj1, obj2) => {\n let val1 = new Date(getDateFormatted(new Date(obj1.data)));\n let val2 = new Date(getDateFormatted(new Date(obj2.data)));\n return (val1 - val2) * (order === \"asc\" ? 1 : -1);\n };\n },\n },\n },\n {\n name: \"Details\",\n options: {\n filter: false,\n customBodyRender: (value, tableMeta, updateValue) => (\n {data[tableMeta.rowIndex].msgCodes}
\n // (data[tableMeta.rowIndex].at(-1) === 100 && (\n {alert && (\n \n {alertMessage}\n \n )}\n \n {Cookies.get(\"t\") &&\n (Cookies.get(\"t\").split(\",\").indexOf(encryptHash(777)) !== -1 ||\n Cookies.get(\"t\").split(\",\").indexOf(encryptHash(400)) !== -1) && (\n \n \n
\n
\n
\n
\n \n \n\n \n \n Scheduled Message Details \n \n \n {selectedRow !== null && responseData !== null && (\n \n \n
\n \n )\n */}\n {responseData[selectedRow][\"rescheduleDetails\"].length > 0 && (\n <>\n \n \n
\n \n \n )}\n
\n
\n handleShowDelete()}\n >\n Cancel Scheduled Message\n \n handleShowReschedule()}\n >\n Reschedule Message\n \n\n {showReschedule && (\n
\n )}\n \n \n \n {!getAllMessagesFlag\n ? \"Get All User Messages\"\n : \"Get User Messages\"}\n \n
\n )}\n\n \n {/*\n \n
\n
\n\n Showing {Math.min(2500 * messagePageLength, docsCount)} of{\" \"}\n {docsCount} results{\" \"}\n setmessagePageLength(messagePageLength + 1)}\n >\n Load More Results\n \n \n
\n \n
*/}\n \n setstartDate(e.target.value)}\n className=\"p-2\"\n />\n \n setendDate(e.target.value)}\n className=\"p-2\"\n />\n \n
\n \n *Note first 2500 scheduled messages returned\n
\n\n
\n
\n
\n
\n
\n
\n \n \n
\n \n
\n
\n <>\n\n \n \n
\n \n
\n {/*\n responseData[selectedRow][\"segments\"]?.length > 0 && (\n <>\n \n
\n <>\n
Transmit Status
\n| Sl No | */}\n{val.id} | */}\n {/*{idx + 1} | */}\n
|---|
Segments Sent
\n| \n {responseData[selectedRow][\"segments\"].join(\" & \")}\n | \n
|---|
Reschedule Details
\n| Sl No | */}\n{val.id} | */}\n {/*{idx + 1} | */}\n
|---|
\n
\n
\n
\n )}\n \n \n
\n {broadcastImmediate === \"N\" && (\n \n \n e.target.checked\n ? setbroadcastImmediate(\"Y\")\n : setbroadcastImmediate(\"N\")\n }\n />\n }\n />\n
\n \n Timezone \n {\n settimezone(e.target.value);\n }}\n defaultValue=\"GMT\"\n className=\"mw-100 mb-3\"\n >\n \n \n \n \n \n \n
\n )}\n \n
\n \n rescheduleMessage()}\n >\n Save Changes\n \n handleShowReschedule()}\n >\n Cancel\n \n
\n \n You can cancel only messages scheduled in future\n
\n )}\n \n )}\n\n {/* Date filter Popover */}\n\n setstartDate(e.target.value)}\n className=\"p-2\"\n />\n \n setendDate(e.target.value)}\n className=\"p-2\"\n />\n \n
\n \n\n {/* End Date filter popover */}\n\n {/* Snackbar for limit results returned */}\n {/* \n
\n {saveRegion == false && (\n \n\n \n\n\n \n \n Add New Region \n \n \n \n \n {/* END Save Region Confirmation Modal */}\n
\n );\n}\n","import { React, useState, useEffect } from \"react\";\nimport WifiIcon from \"@mui/icons-material/Wifi\";\nimport WifiOffIcon from \"@mui/icons-material/WifiOff\";\nimport EditIcon from \"@mui/icons-material/Edit\";\nimport ErrorIcon from \"@mui/icons-material/Error\";\nimport CheckCircleIcon from \"@mui/icons-material/CheckCircle\";\nimport NetworkPingIcon from \"@mui/icons-material/NetworkPing\";\nimport DangerousIcon from \"@mui/icons-material/Dangerous\";\nimport NotificationsActiveIcon from \"@mui/icons-material/NotificationsActive\";\nimport { Button, Modal } from \"react-bootstrap\";\nimport DataTable from \"../../DataTable/dataTable\";\nimport { Tooltip } from \"@mui/material\";\n/*import {\n Table,\n TableBody,\n TableCell,\n TableContainer,\n TableHead,\n TableRow,\n Paper,\n} from \"@mui/material\";*/\n\nfunction StationTableData(props) {\n const {\n stationArr,\n setselectedRow,\n handleShowDelete,\n setBitRateEdit,\n setstationnameEdit,\n setIpEdit,\n setportEdit,\n setsshportEdit,\n setadminEmailEdit,\n setadminNameEdit,\n setFreqencyEdit,\n setdestinationEdit,\n handleShow,\n setshowPortStatus,\n updatePingImmediate,\n setnotifRow,\n setadminEmail\n } = props;\n \n \n\n const active_status = {\n 1: (\n <>\n Add New Region / Station
\n\n {saveRegion == false && (\n \n
Select Region
\n \n )}\n {saveRegion == true && (\n \nAdd Region
\n \n )}\n\n
\n\n \n \n \n Station Name \n \n {\n addName(e.target.value);\n validateName(e.target.value);\n }}\n defaultValue={name}\n helperText={nameErr && show_error ? nameErrText : \"\"}\n />\n \n Facility ID \n \n {\n addId(e.target.value);\n validateId(e.target.value);\n }}\n defaultValue={id}\n helperText={idErr && show_error ? idErrText : \"\"}\n />\n \n \n \n Call Sign \n \n {\n addCallSign(e.target.value);\n validateCallSign(e.target.value);\n }}\n defaultValue={call_sign}\n helperText={\n call_signErr && show_error ? callSignErrText : \"\"\n }\n // defaultValue=\"aaaaa\"\n />\n \n Frequency \n \n {\n addFrequency(e.target.value);\n validateFrequency(e.target.value);\n }}\n defaultValue={frequency}\n helperText={\n frequencyErr && show_error ? frequencyErrText : \"\"\n }\n />\n \n \n \n Bitrate (Kbps) \n \n {\n addbitRate(e.target.value);\n validateBitRate(e.target.value);\n }}\n defaultValue={bit_rate}\n helperText={bit_rateErr && show_error ? bitRateErrText : \"\"}\n />\n \n \n IP Address (x.x.x.x)\n \n \n {\n addIp(e.target.value);\n validateIp(e.target.value);\n }}\n defaultValue={ipAdd}\n helperText={ipErr && show_error ? ipErrText : \"\"}\n />\n \n \n \n \n HTTP Port
\n \n \n {\n addport(e.target.value);\n validatePort(e.target.value);\n }}\n defaultValue={port}\n helperText={port_err && show_error ? portErrText : \"\"}\n />\n \n \n SSH Port
\n \n \n {\n addsshport(e.target.value);\n validateSSHPort(e.target.value);\n }}\n defaultValue={sshport}\n helperText={\n ssh_port_err && show_error ? sshPortErrText : \"\"\n }\n />\n \n \n \n \n Station Administrator Name\n
\n \n \n {\n setAdminName(e.target.value);\n validateAdminName(e.target.value);\n }}\n defaultValue={adminName}\n helperText={\n admin_name_err && show_error ? adminNameErrText : \"\"\n }\n />\n \n \n Station Administrator Email
\n \n \n {\n setAdminEmail(e.target.value);\n validateAdminEmail(e.target.value);\n }}\n defaultValue={adminEmail}\n helperText={\n admin_email_err && show_error ? adminEmailErrText : \"\"\n }\n />\n \n \n \n \n Destination Path
\n \n \n {\n addDestination(e.target.value);\n validateDestination(e.target.value);\n }}\n defaultValue={destination}\n helperText={destErr && show_error ? destErrText : \"\"}\n />\n \n \n \n \n \n
\n \n
\n \n {saveRegion == false && (\n \n Regions \n\n {\n addRegion(e.target.value);\n validateRegion(e.target.value);\n }}\n >\n {regionArr.map((val) => (\n \n ))}\n \n\n {regionErr && show_error && (\n \n )}\n {saveRegion === true && (\n {\n addRegionName(e.target.value);\n validateRegionName(e.target.value);\n }}\n helperText={newRegionErr && show_error2 ? newRegionErrText : \"\"}\n />\n )}\n newRegion()}\n >\n {saveRegion == true && cancelRegion()}\n >\n
\n {regionErrText}
\n )}\n\n
\n
\n
\n
\n
\n
\n add()}\n >\n
\n \n {\n addNewRegion();\n handleCloseModal();\n }}\n >\n YES\n {\" \"}\n \n
\n \n Are you sure you want to add new region{\" \"}\n \n {newRegionName}\n \n
\n\n {alert && (\n \n {alertMessage}\n \n )}\n {showDeleteNotifPause && (\n confirmDeleteNotificationPause()}\n onCancel={() => setshowDeleteNotifPause(false)}\n focusCancelBtn\n >\n {deleteNotificationPauseVersion === 1\n ? ver1HTMLNotifPause\n : ver2HTMLNotifPause}\n \n )}\n {/* theme.zIndex.drawer + 1 }}\n open={loading}\n >\n \n \n
\n\n {/* Modal for Update Station Status to inactive */}\n \n
\n
\n
\n
\n \n
\n
\n {tableLoader === true && (\n\n \n \n \n \n Loading Table...\n \n \n \n )}\n {tableLoader === false && (\n
\n
\n {access_levels.indexOf(encryptHash(\"777\")) !== -1 && (\n
\n \n
\n \n triggerIPStatusLambda()}\n className=\"ml-2\"\n >\n Update All Station Status\n */}\n
\n List of Stations
\n {/*\n handleShowStationStatusModal()}\n >\n Check Station Status\n \n
\n \n
\n {tableLoader === true && (\n
\n
\n )}\n \n
\n {access_levels.indexOf(encryptHash(\"777\")) !== -1 && (\n
\n
\n )}\n \n
\n
\n
\n {\n let allStations = [...stationArr];\n let status = !allStations[selectedRow].is_active;\n allStations[selectedRow].is_active = status;\n setStation(allStations);\n updateStationStatus(status);\n handleCloseDelete();\n }}\n >\n YES\n {\" \"}\n \n
\n )}\n \n Are you sure you want to{\" \"}\n {stationArr[selectedRow].is_active ? \"deactivate\" : \"activate\"}{\" \"}\n Station{\" \"}\n \n {stationArr[selectedRow].name}\n {\" \"}\n in Region{\" \"}\n \n {stationArr[selectedRow].region}\n \n
\n\n
\n )}\n \n
\n
\n \n Call Sign:{\" \"}\n \n {stationArr[selectedRow].call_sign}\n {\" \"}\n
\n \n
\n In Region:{\" \"}\n \n {stationArr[selectedRow].region}\n \n
\n \n
\n \n Station Name\n
\n {\n setstationnameEdit(event.target.value);\n validateEditStationName(event.target.value);\n }}\n error={newStationEdit ? true : false}\n helperText={newStationEdit ? newStationEditTxt : \"\"}\n />\n
\n \n
\n Bit Rate (Kbps)\n
\n {\n setBitRateEdit(event.target.value);\n validateEditBitRate(event.target.value);\n }}\n error={bitRateEdit ? true : false}\n helperText={bitRateEdit ? bitRateEditTxt : \"\"}\n />\n
\n \n
\n
\n \n IP\n
\n {\n setIpEdit(event.target.value);\n validateEditIp(event.target.value);\n }}\n error={ipEdit ? true : false}\n helperText={ipEdit ? ipEditTxt : \"\"}\n />\n
\n \n
\n
\n \n HTTP Port\n
\n {\n setportEdit(event.target.value);\n validateEditPort(event.target.value);\n }}\n error={httpportEdit ? true : false}\n helperText={httpportEdit ? httpportEditTxt : \"\"}\n />\n
\n \n
\n SSH Port\n
\n {\n setsshportEdit(event.target.value);\n validateEditSSHPort(event.target.value);\n }}\n error={sshportEditVal ? true : false}\n helperText={sshportEditVal ? sshportEditTxt : \"\"}\n />\n
\n \n
\n
\n \n Staion Admin name\n
\n {\n setadminNameEdit(event.target.value);\n validateEditAdminName(event.target.value);\n }}\n error={stationAdminNameEdit ? true : false}\n helperText={\n stationAdminNameEdit ? stationAdminNameEditTxt : \"\"\n }\n />\n
\n \n
\n Station Admin Email\n
\n {\n setadminEmailEdit(event.target.value);\n validateEditAdminEmail(event.target.value);\n }}\n error={stationAdminEmailEdit ? true : false}\n helperText={\n stationAdminEmailEdit ? stationAdminEmailEditTxt : \"\"\n }\n />\n
\n \n
\n
\n \n Frequency\n
\n {\n setFreqencyEdit(event.target.value);\n validateEditFrequency(event.target.value);\n }}\n error={frequencyEdit ? true : false}\n helperText={frequencyEdit ? frequencyEditTxt : \"\"}\n />\n
\n \n
\n Destination Path\n
\n {\n setdestinationEdit(event.target.value);\n validateEditDestination(event.target.value);\n }}\n error={destinationPathEdit ? true : false}\n helperText={\n destinationPathEdit ? destinationPathEditTxt : \"\"\n }\n />\n
\n \n
\n \n \n
\n
\n | \n Station IP*\n | \n\n | \n
| \n Port*\n | \n\n | \n
\n {stationStatusResponse}\n
\n \n Last Status Update:{\" \"}\n \n \n {new Date(stationArr[selectedRow]?.updatedAt).toLocaleString()}\n \n {\" \"}\n
\n First Station Down Occurrence:{\" \"}\n \n \n {stationArr[selectedRow]?.firstInactiveAt\n ? new Date(\n stationArr[selectedRow]?.firstInactiveAt\n ).toLocaleString()\n : \"NA\"}\n \n {\" \"}\n
\n
\n
\n
\n
\n Last Notification Sent:{\" \"}\n {notificationData[notifRow]?.last_notified_at\n ? new Date(\n notificationData[notifRow]?.last_notified_at\n ).toUTCString()\n : \"NA\"}\n
Notification Settings for this station is not setup yet
\n\n
\n {notificationData[notifRow] &&\n notificationData[notifRow]?.exclude_list.length !== 0 && (\n
Snooze Settings
\n\n
\n \n \n );\n}\n\nexport default ForgotPassword;\n","//const awsmobile = require(\"../../aws-exports\");\nimport AWS from \"aws-sdk\";\nimport Auth from \"@aws-amplify/auth\";\nimport createXml from \"./createXML\";\n\nconst awsmobile = {\n \"aws_project_region\": process.env.REACT_APP_AWS_PROJECT_REGION,\n \"aws_cognito_identity_pool_id\": process.env.REACT_APP_AWS_COGNITO_IDENTITY_POOL_ID,\n \"aws_cognito_region\": process.env.REACT_APP_AWS_COGNITO_REGION,\n \"aws_user_pools_id\": process.env.REACT_APP_AWS_USER_POOLS_ID,\n \"aws_user_pools_web_client_id\": process.env.REACT_APP_AWS_USER_POOLS_WEB_CLIENT_ID,\n \"oauth\": {},\n \"aws_bucket\":process.env.REACT_APP_AWS_BUCKET,\n}\n\nconst region = awsmobile.aws_cognito_region;\nconst user_pool = awsmobile.aws_user_pools_id;\nconst identity_pool = awsmobile.aws_cognito_identity_pool_id;\n\nconst uploadXmlToS3 = (\n bucket,\n ids,\n xmldata,\n selectedStationIPs,\n portList,\n setuploadState,\n setpercentage\n) => {\n //console.log(\"Upload xml called\");\n /*let getauth = async () => {\n return (await Auth.currentSession()).getIdToken().getJwtToken();\n };\n getauth().then(async (res) => {\n let params = {\n Bucket: bucket,\n CreateBucketConfiguration: {\n LocationConstraint: awsmobile.aws_cognito_region,\n },\n ACL: \"private\",\n };\n // let logins = {};\n // logins[\"cognito-idp.\" + region + \".amazonaws.com/\" + user_pool] = res;\n // AWS.config.update({\n // region: region,\n // credentials: new AWS.CognitoIdentityCredentials({\n // IdentityPoolId: identity_pool,\n // Logins: logins,\n // }),\n // });\n\n /* let s3 = new AWS.S3({\n apiVersion: \"2010-12-01\",\n region: \"us-west-2\",\n accessKeyId: process.env.REACT_APP_ACCESS_KEY,\n secretAccessKey:process.env.REACT_APP_SECRET_KEY\n });\n let temp = [];\n let perc = 0;\n xmldata.recordCount = selectedStationIPs.length;\n xmldata.reschedule = 'N';\n for (let i = 0; i < selectedStationIPs.length; i++) {\n xmldata.hostname = selectedStationIPs[i];\n xmldata.recordIds = ids[i];\n xmldata.port = portList[i];\n let xml_data = createXml(xmldata);\n params.Key = ids[i] + \".xml\";\n params.Body = xml_data;\n let resp = await s3.upload(params).promise();\n temp.push(resp.Location);\n perc = perc + 100/selectedStationIPs.length;\n setpercentage(perc);\n }\n setuploadState(false);\n });*/\n};\n\nexport default uploadXmlToS3;\n","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nimport { Formik, Form, Field } from \"formik\";\nimport Switch from \"@mui/material/Switch\";\nimport AWS from \"aws-sdk\";\nimport encryptHash from \"../../validations/general\";\nimport ApiClient from \"../../../apis/apiClient\";\nimport {\n Table,\n TableBody,\n TableContainer,\n TableRow,\n TableCell,\n Paper,\n FormControlLabel,\n Checkbox,\n FormControl,\n InputLabel,\n Select,\n MenuItem,\n Radio,\n RadioGroup,\n TextField,\n Input,\n FormHelperText,\n} from \"@material-ui/core\";\nimport Cookies from \"js-cookie\";\n\nfunction MessageSettingsPayload(props) {\n const {\n bitRateTransmitMessage,\n setbitRateTransmitMessage,\n setbroadcast,\n date,\n setDate,\n utcdate,\n minimumBitRate,\n setutcDate,\n timezone,\n setenableEV,\n transferVia,\n settransferVia,\n settimezone,\n setdeviceType,\n setsequenceNo,\n sequenceNo,\n } = props;\n const [yourtimeZone, setyourTimeZone] = useState(\n Intl.DateTimeFormat().resolvedOptions().timeZone\n );\n const hours = {\n \"America/Toronto\": 5,\n \"America/Chicago\": 6,\n \"America/Denver\": 7,\n \"America/Los_Angeles\": 8,\n \"GMT\": 0\n };\n const [changed, setchanged] = useState(false);\n const [showError, setshowError] = useState(false);\n const [dateTimeError, setdateTimeError] = useState(false);\n const [deviceTypeError, setdeviceTypeError] = useState(false);\n const [seqError, setseqError] = useState(false);\n const [fileError, setfileError] = useState(false);\n const [showBI, setshowBI] = useState(true);\n const [otherDevType, setotherDevType] = useState(false);\n const [allDevices, setallDevices] = useState([]);\n\n const formatDate = (inp) => {\n return (\"0\" + inp).slice(-2);\n };\n const getUtcDate = () => {\n return (\n utcdate.getFullYear() +\n \"-\" +\n formatDate(utcdate.getMonth() + 1) +\n \"-\" +\n formatDate(utcdate.getDate()) +\n \" \" +\n utcdate.toLocaleString(\"en-US\", {\n hour: \"numeric\",\n minute: \"numeric\",\n hour12: true,\n })\n );\n };\n useEffect(() => {\n const tz = document.getElementsByName(\"timezone\")[0].value;\n settimezone(tz);\n const d = document.getElementById(\"datetime-local\").value;\n //console.log(\"Use Effect\", tz, d);\n let x = new Date(d);\n\n //x.setHours(x.getHours() - parseInt(tz));\n try {\n //setutcDate(x.toISOString());\n //setDate(x.toUTCString());\n } catch (err) {}\n }, [changed]);\n\n useEffect(async () => {\n\n let response = await ApiClient(\n \"post\",\n \"/admin/getTableDataDynamoDB\",\n {\n tableName: \"IotDevice_info\",\n },\n {\n \"Content-Type\": \"application/json\",\n Authorization: Cookies.get(\"auth\"),\n }\n );\n if (response.data.status === 200) {\n let data = response.data.result;\n let x =[];\n data.map((v) => {\n x.push(v.DeviceID);\n });\n setallDevices(x);\n }\n }, []);\n\n const uploadPayload = () => {};\n\n const setTransfer = (e, val) => {\n settransferVia(val);\n };\n\n const handleChange = (e) => {\n if (e.target.type === \"datetime-local\") {\n let input_dt = e.target.value;\n input_dt = new Date(input_dt);\n var today = new Date(\n new Date().toLocaleString(\"en-US\", { timeZone: timezone })\n );\n today = new Date(today.getTime() + 1 * 60000);\n if (input_dt < today) {\n setdateTimeError(true);\n setshowError(true);\n return;\n } else {\n if (e.target.id === \"datetime-local\") {\n setDate(e.target.value);\n setutcDate(\n new Date(input_dt.setHours(input_dt.getHours() + hours[timezone]))\n );\n setdateTimeError(false);\n }\n }\n } else if (e.target.name === \"timezone\") {\n setchanged(!changed);\n } else if (e.target.name === \"deviceType\") {\n if (e.target.value.length === 0) {\n setdeviceTypeError(true);\n setshowError(true);\n }\n setdeviceType(e.target.value);\n if (e.target.value === \"Others\") {\n setotherDevType(true);\n } else {\n setotherDevType(false);\n }\n } else if (e.target.name === \"checkedB\") {\n setbroadcast(e.target.checked);\n setshowBI(e.target.checked);\n } else if (e.target.name === \"evCharge\") {\n //console.log(e.target.checked);\n setenableEV(e.target.checked);\n } else if (e.target.name === \"customTargetDevice\") {\n if (e.target.value.length > 16 || e.target.value.length === 0) {\n setdeviceTypeError(true);\n setshowError(true);\n return;\n } else {\n setdeviceTypeError(false);\n setshowError(false);\n setdeviceType(e.target.value);\n }\n } else if (e.target.name === \"seq-no\") {\n let data = parseInt(e.target.value);\n if (data < 0) {\n e.target.value = 1;\n data = 1;\n } else if (data > 255) {\n e.target.value = 255;\n data = 255;\n }\n setsequenceNo(data);\n }\n };\n\n return (\n \n
\n\n \n \n {status === 1 && (\n \n )}\n
\n \n
\n )}\n {stage === 3 && (\n \n
\n \n {/*
\n \n {\" \"}\n
*/}\n \n {\" \"}\n
\n \n \n {({ errors, touched }) => (\n
\n \n \n Confirm Password Change\n \n
\n \n \n \n
\n )}\n \n )}\n \n \n \n Success \n User Password — Updated!\n \n
\n {\n window.location.href='/';\n }}\n className=\"btn btn-primary\"\n color=\"primary\"\n >\n Go to Login\n \n
\n \n
\n
\n );\n}\n\nexport default MessageSettingsPayload;\n","import { React, useState, useEffect } from \"react\";\nimport validateUser from \"../../validations/userSessionValidation\";\nimport RegionSelect from \"./regionSelect\";\nimport Cookies from \"js-cookie\";\nimport Auth from \"@aws-amplify/auth\";\nimport ApiClient from \"../../../apis/apiClient\";\nimport logout from \"../../validations/logoutUser\";\nimport DataTable from \"../../DataTable/dataTable\";\n// import Backdrop from \"@mui/material/Backdrop\";\nimport { Button } from \"react-bootstrap\";\nimport SendIcon from \"@material-ui/icons/Send\";\nimport CheckCircleIcon from \"@mui/icons-material/CheckCircle\";\nimport DangerousIcon from \"@mui/icons-material/Dangerous\";\nimport DeleteForeverIcon from \"@mui/icons-material/DeleteForever\";\nimport { Tooltip } from \"@mui/material\";\n// import { CircularProgressbar, buildStyles } from \"react-circular-progressbar\";\n// import CircularProgress from \"@mui/material/CircularProgress\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport createXml from \"../../others/createXML\";\nimport uploadXmlToS3 from \"../../others/uploadXMLS3\";\nimport checkPageAccess from \"../../others/getPageAccess\";\n\nimport path from \"path\";\nimport axios from \"axios\";\nimport MessageSettingsPayload from \"./messageSettingsPayload\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport Loader from \"../../loader/loader\";\nfunction CreateMessagePayload() {\n const [selectOptions, setselectOptions] = useState([]);\n const [selectValuesList, setselectValuesList] = useState([]);\n const [tableData, settableData] = useState([]);\n const [selectedStationIds, setselectedStationIds] = useState([]);\n const [selectedStationCallsign, setselectedStationCallsign] = useState([]);\n /*const [selectedStationIPs, setselectedStationIPs] = useState([]);\n const [portList, setportList] = useState([]);*/\n const [isAdding, setisAdding] = useState(false);\n const [broadcast, setbroadcast] = useState(true);\n const [bitRateTransmitMessage, setbitRateTransmitMessage] = useState(\"\");\n const [minimumBitRate, setminimumBitRate] = useState(-1);\n const [date, setDate] = useState(null);\n const [utcdate, setutcDate] = useState(null);\n const [timezone, settimezone] = useState(\"America/Toronto\");\n const [deviceType, setdeviceType] = useState(\"HDIoTDev000\");\n const [enableEV, setenableEV] = useState(false);\n const [sequenceNo, setsequenceNo] = useState(0);\n const [transferVia, settransferVia] = useState(\"http\");\n const [uploadState, setuploadState] = useState(false);\n const [percentage, setpercentage] = useState(0);\n const [uploadId, setuploadId] = useState(null);\n const [xmlUploadState, setxmlUploadState] = useState(false);\n const [xmlLocation, setxmlLocation] = useState([]);\n const [alertMessage, setAlertMessage] = useState(\"\");\n const [alert, setAlert] = useState(false);\n const [severity, setSeverity] = useState(\"default\");\n const [alertTitle, setAlertTitle] = useState(\"\");\n const [confirmAction, setConfirmAction] = useState(\"\");\n const [hrefLink, setHrefLink] = useState(\"\");\n const [loaderType, setLoaderType] = useState(\"CircularProgress\");\n const [redirect, setRedirect] = useState(false);\n const hours = {\n \"America/Toronto\": 4,\n \"America/Chicago\": 5,\n \"America/Denver\": 6,\n \"America/Los_Angeles\": 7,\n GMT: 0,\n };\n\n let userAuthToken = null;\n\n const formatDate = (inp) => {\n return (\"0\" + inp).slice(-2);\n };\n\n const dateNow = (val) => {\n let date = new Date(val.toLocaleString(\"en-US\", { timeZone: timezone }));\n\n return (\n date.getFullYear() +\n \"-\" +\n formatDate(date.getMonth() + 1) +\n \"-\" +\n formatDate(date.getDate()) +\n \"T\" +\n formatDate(date.getHours()) +\n \":\" +\n formatDate(date.getMinutes())\n );\n };\n\n const tableColumns = [\n {\n name: \"status\",\n label: \"Status\",\n options: {\n customBodyRender: (value, tableMeta, updateValue) => (\n \n
\n \n
\n \n
\n Schedule Transmission
\n\n
\n {/* {bitRateTransmitMessage !== \"\" && (\n \n \n \n \n \n \n \n \n \n Timezone \n \n Timezone \n \n \n \n \n \n \n \n {/*yourtimeZone*/}\n \n \n \n \n Date And Time
\n \n \n \n {timezone ? getUtcDate() : \"\"}\n \n \n \n \n \n \n
\n \n
Broadcast Time in GMT
\n\n \n \n \n \n \n Target Device \n \n {allDevices.map((v) => (\n \n ))}\n \n \n \n \n\n {otherDevType && (\n \n \n Device Name \n \n \n )}\n \n \n \n \n {Cookies.get(\"t\").split(\",\").indexOf(encryptHash(777)) !==\n -1 && (\n \n \n Transfer Via \n \n \n )}\n {/*\n \n Sequence Number \n \n */}\n \n \n \n
\n \n {bitRateTransmitMessage}{\" \"}\n
\n )} */}\n\n {alert && (\n \n {alertMessage}\n \n )}\n \n \n
\n \n );\n}\n\nexport default CreateMessagePayload;\n","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nimport { Formik, Form, Field } from \"formik\";\nimport Switch from \"@mui/material/Switch\";\nimport AWS from \"aws-sdk\";\nimport encryptHash from \"../../validations/general\";\nimport ApiClient from \"../../../apis/apiClient\";\nimport {\n Table,\n TableBody,\n TableContainer,\n TableRow,\n TableCell,\n Paper,\n FormControlLabel,\n Checkbox,\n FormControl,\n InputLabel,\n Select,\n MenuItem,\n Radio,\n RadioGroup,\n TextField,\n Input,\n FormHelperText,\n} from \"@material-ui/core\";\nimport Cookies from \"js-cookie\";\nimport { TextareaAutosize } from \"@mui/material\";\n\nfunction MessageSettingsIoTPayload(props) {\n const {\n setbroadcast,\n date,\n setDate,\n utcdate,\n setutcDate,\n timezone,\n settimezone,\n setcustomerId,\n setpayloadData,\n setAlert,\n setAlertTitle,\n setAlertMessage,\n setSeverity,\n setConfirmAction,\n setHrefLink\n } = props;\n const [yourtimeZone, setyourTimeZone] = useState(\n Intl.DateTimeFormat().resolvedOptions().timeZone\n );\n const hours = {\n \"America/Toronto\": 5,\n \"America/Chicago\": 6,\n \"America/Denver\": 7,\n \"America/Los_Angeles\": 8,\n GMT: 0,\n };\n const [changed, setchanged] = useState(false);\n const [showError, setshowError] = useState(false);\n const [dateTimeError, setdateTimeError] = useState(false);\n const [payloadDataError, setpayloadDataError] = useState(false);\n const [fileError, setfileError] = useState(false);\n const [custIdError, setcustIdError] = useState(false);\n const [showBI, setshowBI] = useState(true);\n const [hasuploadPayload, sethasuploadPayload] = useState(false);\n const [allDevices, setallDevices] = useState([]);\n const [fileData, setfileData] = useState(null)\n const formatDate = (inp) => {\n return (\"0\" + inp).slice(-2);\n };\n const getUtcDate = () => {\n return (\n utcdate.getFullYear() +\n \"-\" +\n formatDate(utcdate.getMonth() + 1) +\n \"-\" +\n formatDate(utcdate.getDate()) +\n \" \" +\n utcdate.toLocaleString(\"en-US\", {\n hour: \"numeric\",\n minute: \"numeric\",\n hour12: true,\n })\n );\n };\n useEffect(() => {\n const tz = document.getElementsByName(\"timezone\")[0].value;\n settimezone(tz);\n const d = document.getElementById(\"datetime-local\").value;\n //console.log(\"Use Effect\", tz, d);\n let x = new Date(d);\n }, [changed]);\n\n useEffect(async () => {}, []);\n\n\n const handleChange = (e) => {\n if (e.target.type === \"datetime-local\") {\n let input_dt = e.target.value;\n input_dt = new Date(input_dt);\n var today = new Date(\n new Date().toLocaleString(\"en-US\", { timeZone: timezone })\n );\n today = new Date(today.getTime() + 1 * 60000);\n if (input_dt < today) {\n setdateTimeError(true);\n setshowError(true);\n return;\n } else {\n if (e.target.id === \"datetime-local\") {\n setDate(e.target.value);\n setutcDate(\n new Date(input_dt.setHours(input_dt.getHours() + hours[timezone]))\n );\n setdateTimeError(false);\n }\n }\n } else if (e.target.name === \"timezone\") {\n setchanged(!changed);\n } else if (e.target.name === \"checkedB\") {\n setbroadcast(e.target.checked);\n setshowBI(e.target.checked);\n } else if (e.target.name === \"uploadPayload\") {\n sethasuploadPayload(e.target.checked);\n if(e.target.checked){\n setpayloadData(fileData);\n }\n } else if (e.target.name === \"customerId\") {\n //console.log(e.target.checked);\n setcustomerId(e.target.value);\n if (e.target.value === \"00\"){\n setcustIdError(true);\n setshowError(true);\n return;\n }else{\n setcustIdError(false);\n setshowError(false);\n }\n \n } else if (e.target.name === \"payload-data\") {\n setpayloadData(e.target.value)\n }else if (e.target.type === \"file\") {\n setfileData(null);\n let types = [\"application/octet-stream\", \"text/plain\"];\n if (\n !types.includes(e.target.files[0].type) &&\n !(\n e.target.files[0].name.endsWith(\".txt\") ||\n e.target.files[0].name.endsWith(\".bin\")\n )\n ) {\n //alert(\"Only Binary and text files allowed to upload\");\n setAlert(true);\n setSeverity(\"error\");\n setAlertMessage(\"Only Binary and text files allowed to upload\");\n setAlertTitle(\"Something Went Wrong\");\n setConfirmAction(\"\");\n setHrefLink(\"\");\n e.target.value = \"\";\n setfileData(null);\n return;\n }\n if (!e.target.files[0]) {\n setfileError(true);\n setfileData(null);\n } else {\n setfileError(false);\n }\n let fSize = 0;\n try {\n fSize = e.target.files[0].size / 1024;\n } catch (err) {\n console.log(\"File Size error \", err.message);\n setfileData(null);\n }\n if (fSize > 1000000) {\n // setbitRateTransmitMessage(\n // \"File should be less than or equal (1 GB) in Size\"\n // );\n setfileData(null);\n return;\n } else if (fSize === 0) {\n //setbitRateTransmitMessage(\"File Size should not be Zero\");\n setfileData(null);\n return;\n } else {\n console.log(\"Setting new file\");\n let read = new FileReader();\n read.readAsText(e.target.files[0],'UTF-8');\n read.onload = function (evt) {\n let data = evt.target.result;\n setfileData(data);\n }\n }\n }\n };\nuseEffect(() => {\n if(fileData) setpayloadData(fileData);\n}, [fileData])\n\n return (\n \n
\n
\n
\n
\n \n
\n
\n Regions
\n\n
\n \n
\n {date !== null && (\n
\n \n
\n )}\n \n \n \n
\n \n submit()}\n disabled={uploadState ? true : false}\n style={{\n borderColor: \"#4F3493\",\n backgroundColor: \"#4F3493\",\n }}\n >\n {!uploadState && (\n \n Schedule Message
\n \n
\n
\n
\n
\n );\n}\n\nexport default MessageSettingsIoTPayload;\n","import { React, useState, useEffect } from \"react\";\nimport validateUser from \"../../validations/userSessionValidation\";\nimport RegionSelect from \"./regionSelect\";\nimport Cookies from \"js-cookie\";\nimport Auth from \"@aws-amplify/auth\";\nimport ApiClient from \"../../../apis/apiClient\";\nimport logout from \"../../validations/logoutUser\";\nimport DataTable from \"../../DataTable/dataTable\";\nimport { Button } from \"react-bootstrap\";\nimport SendIcon from \"@material-ui/icons/Send\";\nimport CheckCircleIcon from \"@mui/icons-material/CheckCircle\";\nimport DangerousIcon from \"@mui/icons-material/Dangerous\";\nimport DeleteForeverIcon from \"@mui/icons-material/DeleteForever\";\nimport { Tooltip } from \"@mui/material\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport createXml from \"../../others/createXML\";\nimport uploadXmlToS3 from \"../../others/uploadXMLS3\";\nimport checkPageAccess from \"../../others/getPageAccess\";\n\nimport path from \"path\";\nimport axios from \"axios\";\nimport MessageSettingsIoTPayload from \"./messageSettingsIoT\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport Loader from \"../../loader/loader\";\nfunction CreateMessageIoTPayload() {\n const [selectOptions, setselectOptions] = useState([]);\n const [selectValuesList, setselectValuesList] = useState([]);\n const [tableData, settableData] = useState([]);\n const [selectedStationIds, setselectedStationIds] = useState([]);\n const [selectedStationCallsign, setselectedStationCallsign] = useState([]);\n const [isAdding, setisAdding] = useState(false);\n const [broadcast, setbroadcast] = useState(true);\n const [date, setDate] = useState(null);\n const [utcdate, setutcDate] = useState(null);\n const [timezone, settimezone] = useState(\"America/Toronto\");\n const [transferVia, settransferVia] = useState(\"http\");\n const [uploadState, setuploadState] = useState(false);\n const [percentage, setpercentage] = useState(0);\n const [uploadId, setuploadId] = useState(null);\n const [xmlUploadState, setxmlUploadState] = useState(false);\n const [xmlLocation, setxmlLocation] = useState([]);\n const [alertMessage, setAlertMessage] = useState(\"\");\n const [alert, setAlert] = useState(false);\n const [severity, setSeverity] = useState(\"default\");\n const [alertTitle, setAlertTitle] = useState(\"\");\n const [confirmAction, setConfirmAction] = useState(\"\");\n const [hrefLink, setHrefLink] = useState(\"\");\n const [loaderType, setLoaderType] = useState(\"CircularProgress\");\n const [redirect, setRedirect] = useState(false);\n const [customerId, setcustomerId] = useState(0);\n const [payloadData, setpayloadData] = useState(\"\");\n const hours = {\n \"America/Toronto\": 4,\n \"America/Chicago\": 5,\n \"America/Denver\": 6,\n \"America/Los_Angeles\": 7,\n GMT: 0,\n };\n\n let userAuthToken = null;\n\n const formatDate = (inp) => {\n return (\"0\" + inp).slice(-2);\n };\n\n const dateNow = (val) => {\n let date = new Date(val.toLocaleString(\"en-US\", { timeZone: timezone }));\n\n return (\n date.getFullYear() +\n \"-\" +\n formatDate(date.getMonth() + 1) +\n \"-\" +\n formatDate(date.getDate()) +\n \"T\" +\n formatDate(date.getHours()) +\n \":\" +\n formatDate(date.getMinutes())\n );\n };\n\n const tableColumns = [\n {\n name: \"status\",\n label: \"Status\",\n options: {\n customBodyRender: (value, tableMeta, updateValue) => (\n \n
\n \n
\n \n
\n Schedule Transmission
\n\n
\n \n \n \n \n \n \n \n \n \n Timezone \n \n Timezone \n \n \n \n \n \n \n \n {/*yourtimeZone*/}\n \n \n \n \n Date And Time
\n \n \n \n {timezone ? getUtcDate() : \"\"}\n \n \n \n \n \n \n
\n \n
Broadcast Time in GMT
\n\n \n \n \n \n \n Customer ID \n \n \n \n \n \n \n \n \n \n \n \n {hasuploadPayload && (\n \n \n \n Upload Payload\n \n \n \n )}\n {!hasuploadPayload && (\n \n \n Payload Contents \n \n \n )}\n \n \n \n
\n \n {alert && (\n \n {alertMessage}\n \n )}\n \n \n
\n \n );\n}\n\nexport default CreateMessageIoTPayload;\n","import { Button } from \"@material-ui/core\";\nimport React, { useEffect,useState, useRef } from \"react\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport useInterval from \"@use-it/interval\";\nimport { useHistory } from \"react-router-dom\";\nconst VALID_CHARS = `abcdefghijklmnopqrstuvwxyz0123456789$+-*/=%\"'#&_(),.;:?!\\\\|{}<>[]^~`;\nconst STREAM_MUTATION_ODDS = 0.02;\n\nconst MIN_STREAM_SIZE = 15;\nconst MAX_STREAM_SIZE = 50;\n\nconst MIN_INTERVAL_DELAY = 50;\nconst MAX_INTERVAL_DELAY = 100;\n\nconst MIN_DELAY_BETWEEN_STREAMS = 0;\nconst MAX_DELAY_BETWEEN_STREAMS = 8000;\n\n\n\nconst getRandInRange = (min, max) =>\n\tMath.floor(Math.random() * (max - min)) + min;\n\nconst getRandChar = () =>\n\tVALID_CHARS.charAt(Math.floor(Math.random() * VALID_CHARS.length));\n\nconst getRandStream = () =>\n\tnew Array(getRandInRange(MIN_STREAM_SIZE, MAX_STREAM_SIZE))\n\t\t.fill()\n\t\t.map(_ => getRandChar());\n\nconst getMutatedStream = stream => {\n\tconst newStream = [];\n\tfor (let i = 1; i < stream.length; i++) {\n\t\tif (Math.random() < STREAM_MUTATION_ODDS) {\n\t\t\tnewStream.push(getRandChar());\n\t\t} else {\n\t\t\tnewStream.push(stream[i]);\n\t\t}\n\t}\n\tnewStream.push(getRandChar());\n\treturn newStream;\n};\n\nconst RainStream = props => {\n\tconst [stream, setStream] = useState(getRandStream());\n\tconst [topPadding, setTopPadding] = useState(stream.length * -50);\n\tconst [intervalDelay, setIntervalDelay] = useState(null);\n\n\t// Initialize intervalDelay\n\tuseEffect(() => {\n\t\tsetTimeout(() => {\n\t\t\tsetIntervalDelay(getRandInRange(MIN_INTERVAL_DELAY, MAX_INTERVAL_DELAY));\n\t\t}, getRandInRange(MIN_DELAY_BETWEEN_STREAMS, MAX_DELAY_BETWEEN_STREAMS));\n\t}, []);\n\n\tuseInterval(() => {\n\t\tif (!props.height) return;\n\n\t\tif (!intervalDelay) return;\n\n\t\t// If stream is off the screen, reset it after timeout\n\t\tif (topPadding > props.height) {\n\t\t\tsetStream([]);\n\t\t\tconst newStream = getRandStream();\n\t\t\tsetStream(newStream);\n\t\t\tsetTopPadding(newStream.length * -44);\n\t\t\tsetIntervalDelay(null);\n\t\t\tsetTimeout(\n\t\t\t\t() =>\n\t\t\t\t\tsetIntervalDelay(\n\t\t\t\t\t\tgetRandInRange(MIN_INTERVAL_DELAY, MAX_INTERVAL_DELAY),\n\t\t\t\t\t),\n\t\t\t\tgetRandInRange(MIN_DELAY_BETWEEN_STREAMS, MAX_DELAY_BETWEEN_STREAMS),\n\t\t\t);\n\t\t} else {\n\t\t\tsetTopPadding(topPadding + 44);\n\t\t}\n\t\t// setStream(stream => [...stream.slice(1, stream.length), getRandChar()]);\n\t\tsetStream(getMutatedStream);\n\t}, intervalDelay);\n\n\treturn (\n\t\t\n
\n
\n
\n
\n \n
\n
\n Regions
\n\n
\n \n
\n {date !== null && (\n
\n \n
\n )}\n \n \n \n
\n \n submit()}\n disabled={uploadState ? true : false}\n style={{\n borderColor: \"#4F3493\",\n backgroundColor: \"#4F3493\",\n }}\n >\n {!uploadState && (\n \n Schedule Message
\n \n
\n
\n
\n // \n //
\n \n // You seem to have no access to the page\n //
\n //Contact Company Admin for details
\n // \n //\n \n
\n\n\n \n\n\n\n );\n}\n\nexport default Unauthorized;\n","import React from 'react'\nimport { useState, useEffect } from 'react'\nimport checkPageAccess from '../others/getPageAccess';\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nexport default function AdminHome() {\n const [alertMessage, setAlertMessage] = useState(\"\");\n const [alert, setAlert] = useState(false);\n const [severity, setSeverity] = useState(\"default\");\n const [alertTitle, setAlertTitle] = useState(\"\");\n const [confirmAction, setConfirmAction] = useState(\"\");\n const [hrefLink, setHrefLink] = useState(\"\");\n useEffect(async () => {\n document.title = 'Home | Xperi HD Radio IoT';\n let isValid = await checkPageAccess();\n if (!isValid) {\n // if(!alert('access denied for the url')) window.location.href = \"/unauthorized\";\n setAlert(true)\n setSeverity(\"error\")\n setAlertMessage(\"access denied for the url\");\n setAlertTitle(\"Something Went Wrong\");\n setConfirmAction(\"href\");\n setHrefLink(\"/unauthorized\");\n return;\n } else {\n //console.log(\"You have access\");\n }\n }, [])\n const confirmAlert = () => {\n setAlert(false);\n setSeverity(\"default\");\n setAlertTitle(\"\");\n if (confirmAction == \"load\") {\n window.location.reload();\n } else if (confirmAction == \"href\") {\n window.location.href = hrefLink;\n }\n }\n return (\n \n You seem to have no access to the page\n
\nContact Company Admin for details
\n \n\n {alert && (\n \n {alertMessage}\n \n )}\n
\n )\n}\n","import React from \"react\";\nimport Box from \"@mui/material/Box\";\nimport Card from \"@mui/material/Card\";\nimport CardActions from \"@mui/material/CardActions\";\nimport CardContent from \"@mui/material/CardContent\";\nimport Button from \"@mui/material/Button\";\nimport Typography from \"@mui/material/Typography\";\n\nconst bull = (\n \n
\n TODO:
\n- \n
- Daily Activity \n
- Plots having all user summary \n
- Station updates \n
- Notifications \n
\n
\n © 2023 Xperi Corporation. \n
\n All rights reserved.\n
\n
\n
\n );\n}\n\nexport default About;\n","import MailIcon from \"@material-ui/icons/Mail\";\nimport HomeIcon from '@mui/icons-material/Home';\nimport HistoryIcon from \"@material-ui/icons/History\";\nimport DashboardIcon from \"@material-ui/icons/Dashboard\";\nimport PersonIcon from \"@material-ui/icons/Person\";\nimport BusinessIcon from \"@material-ui/icons/Business\";\nimport CellTowerIcon from \"@mui/icons-material/CellTower\";\nimport InfoIcon from \"@material-ui/icons/Info\";\nimport ForwardToInboxIcon from '@mui/icons-material/ForwardToInbox';\nimport React from 'react';\n\nexport const NavbarData = [\n {\n title: \"Home\",\n icon: \n
\n
\n
\n
\n \n
\n \n
\n \n {card} \n
\n \n
\n
\n
\n \n {\n sethideAlert(true);\n }}\n >\n Scheduled Downtime \n Due to scheduled maintenance we will have downtime -{\" \"}\n \n Starting Mon 13th Feb 2023 12:00 AM GMT to Tue 14th Feb 2023\n 12:00 AM GMT\n \n \n \n )}\n \n (window.location.href = \"/user/profile\")}\n >\n \n Welcome, {Cookies.get(\"user\")} \n
\n \n \n \n {\"sicon-\" + showSideBar}\n \n
\n \n
\n\n{!hideAlert && process.env.REACT_APP_NOTICE_ENABLE === \"true\" && (\n\n \n
\n \n );\n}\n\nexport default NavbarNew;\n","import React, { useState, useEffect } from \"react\";\nimport \"./navbar.css\";\n\nfunction Navbarbasic() {\n return (\n <>\n - \n {NavbarData.filter((val) => {\n return (\n access_levels.indexOf(encryptHash(\"777\")) !== -1 ||\n access_levels.indexOf(encryptHash(val.access)) !== -1 ||\n val.access === \"200\"\n );\n }).map((val, key) => {\n return (\n
- \n \n \n \n
- \n \n \n \n
- \n \n \n \n
{val.icon}
\n {val.title}
\n \n );\n })}\n \n
\n Logout
\n \n \n \n
\n \n );\n}\n\nexport default Navbarbasic;\n","import React from \"react\";\nimport Backdrop from \"@mui/material/Backdrop\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport Slide from \"@mui/material/Slide\";\n\nfunction Loader(props) {\n let { open } = props;\n return (\n \n
\n \n {alert && (\n \n {alertMessage}\n \n )}\n
\n \n \n \n \n \n
\n { Cookies.get(\"t\") &&\n (Cookies.get(\"t\").split(\",\").indexOf(encryptHash(777)) !== -1 ||\n Cookies.get(\"t\").split(\",\").indexOf(encryptHash(715)) !== -1) && (\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n
\n \n
\n \n {dashboardData\n ? dashboardData.count.toLocaleString()\n : 0}\n
\n\n \n New Message\n \n \n Message History\n \n
\n \n
\n \n \n
\n \n \n
\n
\n \n
\n \n {dashboardData.last_time !== null\n ? new Date(\n dashboardData.last_time\n ).toLocaleString()\n : `-`}\n
\n\n
\n \n \n
\n \n \n
\n
\n \n
\n \n {dashboardData ? dashboardData.admin : \"\"}\n
\n\n
\n \n \n
\n \n \n
\n
\n \n
\n \n {dashboardData ? dashboardData.last_ip : \"\"}\n
\n\n
)\n }\n \n \n
\n \n
\n
\n\n\n {/* Check Station Availability Modal */}\n
\n \n \n
\n
\n | Station IP* | \n\n | \n
| Port* | \n\n | \n
\n {stationStatusResponse}\n
\n \n \n )}\n \n );\n}\n\nexport default DashboardV1;\n","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nimport ApiClient from \"../../apis/apiClient\";\nimport MUIDataTable from \"mui-datatables\";\nimport Backdrop from \"@mui/material/Backdrop\";\nimport Tooltip from \"@material-ui/core/Tooltip\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport RefreshIcon from \"@material-ui/icons/Refresh\";\n\nimport checkPageAccess from \"../others/getPageAccess\";\nimport { Container } from \"@material-ui/core\";\nimport Cookies from \"js-cookie\";\nimport {\n unstable_createMuiStrictModeTheme as createMuiTheme,\n MuiThemeProvider,\n} from \"@material-ui/core/styles\";\nimport CircularProgress from \"@mui/material/CircularProgress\";\n\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport logout from \"../validations/logoutUser\";\nconst theme = createMuiTheme({\n palette: {\n primary: {\n light: \"#757CE8\",\n main: \"#3F50B5\",\n dark: \"#002884\",\n contrastText: \"#fff\",\n },\n secondary: {\n light: \"#FF7961\",\n main: \"#F44336\",\n dark: \"#BA000D\",\n contrastText: \"#000\",\n },\n },\n});\nfunction ErrorLogs() {\n const [data, setdata] = useState([]);\n const [loading, setloading] = useState(true);\n const [alertMessage, setAlertMessage] = useState(\"\");\n const [alert, setAlert] = useState(false);\n const [severity, setSeverity] = useState(\"default\");\n const [alertTitle, setAlertTitle] = useState(\"\");\n const [confirmAction, setConfirmAction] = useState(\"\");\n const [hrefLink, setHrefLink] = useState(\"\");\n const columns = [\n {\n label: \"Message ID\",\n name: \"recordID\",\n },\n {\n label: \"User\",\n name: \"user\",\n },\n {\n label: \"Scheduled Time\",\n name: \"scheduleTime\",\n },\n {\n label: \"Station\",\n name: \"destinationStation\",\n },\n {\n label: \"Station IP\",\n name: \"stationIP\",\n },\n {\n label: \"Updated At\",\n name: \"updatedAt\",\n type: \"date\",\n },\n {\n label: \"Error Message\",\n name: \"errorLog\",\n },\n ];\n const options = {\n filter: true,\n filterType: \"dropdown\",\n selectableRows: \"none\",\n sortOrder: {\n name: \"scheduleTime\",\n direction: \"desc\",\n },\n customToolbar: () => {\n return (\n
\n {alert && (\n \n {alertMessage}\n \n )}\n \n theme.zIndex.drawer + 1 }}\n open={loading}\n >\n \n
\n
\n
\n \n \n
\n );\n}\n\nexport default ErrorLogs;\n","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nimport ApiClient from \"../../apis/apiClient\";\nimport MUIDataTable from \"mui-datatables\";\nimport { Container } from \"react-bootstrap\";\nimport Cookies from \"js-cookie\";\nimport logout from \"../validations/logoutUser\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport Loader from \"../loader/loader\";\nimport {\n unstable_createMuiStrictModeTheme as createMuiTheme,\n MuiThemeProvider,\n} from \"@material-ui/core/styles\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport CheckIcon from \"@material-ui/icons/Check\";\nimport { Button, Modal, Table } from \"react-bootstrap\";\nimport checkPageAccess from \"../others/getPageAccess\";\n\nconst theme = createMuiTheme({\n palette: {\n primary: {\n light: \"#757CE8\",\n main: \"#3F50B5\",\n dark: \"#002884\",\n contrastText: \"#fff\",\n },\n secondary: {\n light: \"#FF7961\",\n main: \"#F44336\",\n dark: \"#BA000D\",\n contrastText: \"#000\",\n },\n },\n});\n\nfunction UpdateStationLists() {\n const [tableData, settableData] = useState();\n const [alert, setAlert] = useState(false);\n const [severity, setSeverity] = useState(\"default\");\n const [alertTitle, setAlertTitle] = useState(\"\");\n const [confirmAction, setConfirmAction] = useState(\"\");\n const [alertMessage, setAlertMessage] = useState(\"\");\n const [hrefLink, setHrefLink] = useState(\"\");\n const [loading, setloading] = useState(true);\n\n useEffect(async () => {\n document.title = \"Update Station List | Xperi HD Radio IoT\";\n const isValid = await checkPageAccess();\n const result = await ApiClient(\"get\", \"/admin/getAllStationData\");\n if (result.data.status === 200) {\n settableData(result.data.result);\n console.log(result.data);\n }else {\n setAlert(true);\n setSeverity(\"error\");\n setAlertMessage(\"Cant update station status\");\n setAlertTitle(\"Something Went Wrong\");\n setConfirmAction(\"\");\n setHrefLink(\"\");\n ////console.log(\"Error in updating station\", result.data.data);\n }\n }, []);\n\n const updateStationList = async (data) => {\n setloading(true);\n const response = await ApiClient(\"post\", \"/admin/updateStationList\", data, {\n \"Content-Type\": \"application/json\",\n authorization: Cookies.get(\"auth\"),\n });\n if (response.data.status === 200) {\n setAlert(true);\n setSeverity(\"success\");\n setAlertMessage(\"Updated Successfully\");\n setAlertTitle(\"Success\");\n setConfirmAction(\"\");\n setHrefLink(\"\");\n } else if (response.data.status === 403) {\n setAlert(true);\n setSeverity(\"error\");\n setAlertMessage(\"Session Expired Please Relogin \");\n setAlertTitle(\"Relogin\");\n setConfirmAction(\"logout\");\n } else if (response.data.status === 422) {\n setAlert(true);\n setSeverity(\"error\");\n setAlertMessage(\"Missing required param\");\n setAlertTitle(\"Something Went Wrong\");\n setConfirmAction(\"\");\n setHrefLink(\"\");\n } else {\n setAlert(true);\n setSeverity(\"error\");\n setAlertMessage(\"Cant update station status\");\n setAlertTitle(\"Something Went Wrong\");\n setConfirmAction(\"\");\n setHrefLink(\"\");\n ////console.log(\"Error in updating station\", result.data.data);\n }\n setloading(false);\n };\n const columns = [\n { name: \"id\" },\n { name: \"ip\" },\n { name: \"port\" },\n { name: \"call_sign\" },\n {\n name: \"status\",\n options: {\n filter: true,\n sort: false,\n customBodyRender: (value, tableMeta, updateValue) => {\n return (\n \n \n \n
\n
\n
\n \n
\n
\n
\n
\n
\n {value &&
\n );\n },\n },\n },\n {\n name: \"Update\",\n options: {\n customBodyRender: (value, tableMeta, updateValue) => (\n \n {alert && (\n \n {alertMessage}\n \n )}\n \n \n \n \n
\n
\n
\n
\n );\n}\n\nexport default UpdateStationLists;\n","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nimport checkPageAccess from \"../others/getPageAccess\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport ApiClient from \"../../apis/apiClient\";\nimport Cookies from \"js-cookie\";\nimport logout from \"../validations/logoutUser\";\nimport DataTable from \"../DataTable/dataTable\";\nimport Loader from \"../loader/loader\";\nimport moment, { max } from \"moment\";\nimport {\n LineChart,\n Line,\n CartesianGrid,\n XAxis,\n YAxis,\n Tooltip,\n Label,\n Legend,\n} from \"recharts\";\nimport { Typography } from \"@mui/material\";\nimport { Card } from \"@mui/material\";\n\nexport default function SystemDashboard() {\n const [stationStatusLog, setstationStatusLog] = useState();\n const [dashresp, setdashresp] = useState(null);\n const [tableData, settableData] = useState();\n const [loaderType, setLoaderType] = useState(\"CircularProgress\");\n const [loading, setloading] = useState(true);\n const [cpu_usage_line_data, setcpu_usage_line_data] = useState(null);\n const [memory_usage_line_data, setmemory_usage_line_data] = useState(null);\n const [lastRecordTime, setlastRecordTime] = useState(null);\n const [recordsAvailableFrom, setrecordsAvailableFrom] = useState(null);\n const [maxUsageCPU, setmaxUsageCPU] = useState(null);\n const [minUsageCPU, setminUsageCPU] = useState(null);\n const [averageCPUUsage, setaverageCPUUsage] = useState(null);\n const [maxUsageMemory, setmaxUsageMemory] = useState(null);\n const [minUsageMemory, setminUsageMemory] = useState(null);\n const [averageMemoryUsage, setaverageMemoryUsage] = useState(null);\n\n const getDateFormatted = (data) => {\n let out =\n String(data.getMonth() + 1).padStart(2, \"0\") +\n \"/\" +\n String(data.getDate()).padStart(2, \"0\") +\n \"/\" +\n data.getFullYear();\n out +=\n \" \" +\n String(data.getHours()).padStart(2, \"0\") +\n \":\" +\n String(data.getMinutes()).padStart(2, \"0\") +\n \":\" +\n String(data.getSeconds()).padStart(2, \"0\");\n return out;\n };\n\n const tableColumns = [\n {\n name: \"time\",\n label: \"Last Updated Time\",\n options: {\n filter: false,\n //customBodyRender: value => moment(new Date(value)).format('ddd, DD MMM YYYY HH:MM:SS Z'),\n sortCompare: (order) => {\n return (obj1, obj2) => {\n let val1 = new Date(getDateFormatted(new Date(obj1.data)));\n let val2 = new Date(getDateFormatted(new Date(obj2.data)));\n return (val1 - val2) * (order === \"asc\" ? 1 : -1);\n };\n },\n },\n },\n {\n name: \"call_sign\",\n label: \"Station Call Sign\",\n },\n {\n name: \"http_status\",\n label: \"Status (HTTP)\",\n },\n {\n name: \"ssh_status\",\n label: \"Status (SSH)\",\n },\n {\n name: \"msac2_status\",\n label: \"Status (MSAC2)\",\n },\n {\n name: \"gen4_status\",\n label: \"Status (Gen4)\",\n },\n ];\n const tableOptions = {\n filter: true,\n filterType: \"dropdown\",\n responsive: \"standard\",\n tableBodyHeight: \"600px\",\n tableBodyMaxHeight: \"\",\n selectableRows: \"none\",\n };\n\n const setUsageData = (instance_data) => {\n let data_records = [];\n let data_records_memory = [];\n let max_cpu = -100;\n let min_cpu = 100;\n let max_memory = -100;\n let min_memory = 100;\n let cpu_usage;\n let mem_usage;\n let avg_cpu_usage = 0;\n let avg_memory_usage = 0;\n let lrtCPU = new Date(2000, 1, 1);\n let ratCPU = new Date(3000, 1, 1);\n for (let records of instance_data) {\n try {\n let d = new Date(records[\"createdAt\"]);\n if (d > lrtCPU) lrtCPU = d;\n if (d < ratCPU) ratCPU = d;\n cpu_usage = parseFloat(\n 100 - records[\"additionalInfo\"][0][\"cpu_usage_idle%\"]\n ).toFixed(3);\n mem_usage = parseFloat(records[\"additionalInfo\"][0][\"memory_usage\"]);\n\n if (max_cpu < cpu_usage) max_cpu = cpu_usage;\n if (min_cpu > cpu_usage) min_cpu = cpu_usage;\n if (max_memory < mem_usage) max_memory = mem_usage;\n if (min_memory > mem_usage) min_memory = mem_usage;\n\n data_records.push({\n DateHour: d.getUTCHours(),//d.toISOString().substring(5, 13),\n usage: cpu_usage,\n date: d.toGMTString()\n });\n \n data_records_memory.push({\n DateHour: d.getUTCHours(),//d.toISOString().substring(5, 13),\n usage: mem_usage,\n date: d.toGMTString()\n });\n\n avg_cpu_usage += parseFloat(\n 100 - records[\"additionalInfo\"][0][\"cpu_usage_idle%\"]\n );\n\n avg_memory_usage += parseFloat(records[\"additionalInfo\"][0][\"memory_usage\"]);\n } catch (e) {}\n }\n\n setmaxUsageCPU(max_cpu);\n setminUsageCPU(min_cpu);\n setmaxUsageMemory(max_memory);\n setminUsageMemory(min_memory);\n setrecordsAvailableFrom(ratCPU);\n setlastRecordTime(lrtCPU);\n setaverageCPUUsage((avg_cpu_usage / instance_data.length).toFixed(3));\n setaverageMemoryUsage((avg_memory_usage / instance_data.length).toFixed(3));\n setcpu_usage_line_data(data_records);\n setmemory_usage_line_data(data_records_memory);\n };\n\n useEffect(async () => {\n let dashresptemp = await ApiClient(\"get\", \"/app/system-dashboard\", \"\", {\n \"Content-Type\": \"application/json\",\n authorization: Cookies.get(\"auth\"),\n });\n\n if (dashresptemp.data.status === 200) {\n setUsageData(dashresptemp.data.result[\"instance_health_check\"]);\n setdashresp(dashresptemp.data.result[\"station_status_update\"]);\n } else {\n logout();\n }\n }, []);\n\n useEffect(() => {\n if (dashresp !== null) {\n //console.log('x',dashresp);\n //let stationStatus = dashresp?.filter((v) => {return v.logFor === \"Station Status Update\"});\n setstationStatusLog(dashresp);\n }\n }, [dashresp]);\n\n useEffect(() => {\n if (stationStatusLog) {\n let res = [];\n for (let data of stationStatusLog) {\n for (let info of data.additionalInfo) {\n let x = {};\n x.time = new Date(data.updatedAt).toUTCString();\n x.call_sign = info.call_sign;\n x.http_status = info.http_status + \"\";\n x.ssh_status = info.ssh_status + \"\";\n x.gen4_status = info.gen4_status + \"\";\n x.msac2_status = info.msac2_status + \"\";\n res.push(x);\n }\n }\n settableData(res);\n setloading(false);\n }\n }, [stationStatusLog]);\n\n\n const CustomTooltipCPUUsage = ({ active, payload, label }) => { \n if (active) {\n return (\n \n
\n
\n
\n \n \n
\n );\n }\n return null;\n };\n\n return (\n Time: {payload[0][\"payload\"][\"date\"]}
\nHour : {payload[0][\"payload\"][\"DateHour\"]}
\nUsage % :{payload[0][\"payload\"][\"usage\"]}
\n\n \n
\n )}\n\n{memory_usage_line_data && (\n \n\n
\n {cpu_usage_line_data && (\n \n
\n CPU Usage Statistics
\n\n \n \n \n \n \n \n }/>\n \n
\n \n
\n \n Maximum CPU Usage: {maxUsageCPU} %\n
\n\n Minimum CPU Usage: {minUsageCPU} %\n
\n\n Average CPU Usage: {averageCPUUsage} %\n
\n\n Last Record Updated at: {lastRecordTime?.toGMTString()}\n
\n\n Records available from: {recordsAvailableFrom?.toGMTString()}\n
\n\n
\n Memory Usage Statistics
\n\n \n \n \n \n \n \n }/>\n \n
\n \n )}\n\n \n
\n \n Maximum Memory Usage: {maxUsageMemory} %\n
\n\n Minimum Memory Usage: {minUsageMemory} %\n
\n\n Average Memory Usage: {averageMemoryUsage} %\n
\n\n Last Record Updated at: {lastRecordTime?.toGMTString()}\n
\n\n Records available from: {recordsAvailableFrom?.toGMTString()}\n
\nStation Status Data
\n\n
\n
\n
\n \n );\n}\n","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nimport Alerts from \"../alerts/alert\";\nimport Alert from \"@material-ui/lab/Alert\";\nimport { AlertTitle } from \"@mui/material\";\nimport Footer from \"../footer/footer\";\nimport CryptoJS from \"crypto-js\";\nimport QRCode from \"qrcode.react\";\n\nimport {\n validateEmailMain,\n validatePasswordMain,\n} from \"../validations/basicRegFormValidations\";\nimport { Formik, Form, Field } from \"formik\";\nimport { Button } from \"react-bootstrap\";\nimport { Auth } from \"@aws-amplify/auth\";\nimport VisibilityIcon from \"@mui/icons-material/Visibility\";\nimport VisibilityOffIcon from \"@mui/icons-material/VisibilityOff\";\nimport ApiClient from \"../../apis/apiClient\";\n\nfunction RecoverMFA() {\n const [status, setStatus] = useState(0);\n const [alertType, setalertType] = useState(\"success\");\n const [message, setmessage] = useState(\"\");\n const [showAns, setshowAns] = useState(false);\n const [showRC, setshowRC] = useState(false);\n const [btnLoad, setbtnLoad] = useState(false);\n const [btnLoadQR, setbtnLoadQR] = useState(false);\n const [email, setemail] = useState(\"\");\n const [showStepTwo, setshowStepTwo] = useState(false);\n const [showStepThree, setshowStepThree] = useState(false);\n const [seqQuestion, setseqQuestion] = useState();\n const [seqAnswer, setseqAnswer] = useState();\n const [recoveryCode, setrecoveryCode] = useState();\n const [MFACode, setMFACode] = useState();\n const [mfaCode, setmfaCode] = useState();\n const toggleShowAns = () => setshowAns(!showAns);\n const toggleShowRC = () => setshowRC(!showRC);\n\n const validateEmail = (value) => {\n let error;\n if (!value) {\n error = \"Please enter your email address\";\n } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i.test(value)) {\n setemail(value);\n error = \"Invalid email address\";\n } else {\n setemail(value);\n }\n return error;\n };\n\n const validateseqanswer = (value) => {\n let error;\n if (!value) {\n error = \"Please enter security answer\";\n } else if (value.length < 3) {\n error = \"Answer should be atleast 3 characters\";\n setseqAnswer(value);\n } else {\n setseqAnswer(value);\n }\n return error;\n };\n\n const validateRecoveryCode = (value) => {\n let error;\n if (!value) {\n error = \"Please enter recovery code\";\n } else if (value.length < 8) {\n error = \"Recovery code should atleast be 8 characters\";\n setrecoveryCode(value);\n } else {\n setrecoveryCode(value);\n }\n return error;\n };\n\n const getMFACredentials = async () => {\n if (validateEmail(email) !== undefined) return;\n setbtnLoad(true);\n const result = await ApiClient(\"post\", \"/getMFACredentials\", {\n email: email,\n });\n if (result.data.status === 200) {\n setStatus(0);\n setshowStepTwo(true);\n setseqQuestion(result.data.result.mfa_security_question);\n setmfaCode(result.data.result.mfa_code);\n } else if (result.data.status === 400) {\n setStatus(1);\n setalertType(\"error\");\n setmessage(result.data.result + \" \" + email + \" exists in our record\");\n setbtnLoad(false);\n }\n };\n\n const generateQR = () => {\n let paraphrase = recoveryCode.toUpperCase() + \"@\" + seqAnswer;\n try {\n let mfa_code = CryptoJS.AES.decrypt(mfaCode, paraphrase).toString(\n CryptoJS.enc.Utf8\n );\n console.log(mfa_code);\n if (mfa_code.length === 0 || !mfa_code.startsWith('otpauth://totp/AWSCognito:')) {\n setStatus(1);\n setalertType(\"error\");\n setmessage(\n \"Invalid input provided please check recovery code and security answer\"\n );\n } else {\n setStatus(0);\n setMFACode(mfa_code);\n setshowStepTwo(false);\n setshowStepThree(true);\n }\n } catch (error) {\n setStatus(1);\n setalertType(\"error\");\n setmessage(\n \"Invalid input provided please check recovery code and security answer\"\n );\n }\n };\n\n return (\n
\n
\n\n \n \n \n \n );\n}\n\nexport default RecoverMFA;\n","import React from \"react\";\nimport { useState, useEffect } from \"react\";\nimport { Formik, Form, Field } from \"formik\";\nimport Switch from \"@mui/material/Switch\";\nimport AWS from \"aws-sdk\";\nimport encryptHash from \"../../validations/general\";\nimport ApiClient from \"../../../apis/apiClient\";\nimport {\n Table,\n TableBody,\n TableContainer,\n TableRow,\n TableCell,\n Paper,\n FormControlLabel,\n Checkbox,\n FormControl,\n InputLabel,\n Select,\n MenuItem,\n Radio,\n RadioGroup,\n TextField,\n Input,\n Slider,\n FormHelperText,\n} from \"@material-ui/core\";\nimport Cookies from \"js-cookie\";\nimport { Typography } from \"@mui/material\";\n\nfunction MessageSettingsPayloadEVSE(props) {\n const {\n setbroadcast,\n date,\n setDate,\n utcdate,\n setutcDate,\n timezone,\n settimezone,\n setdeviceType,\n setsequenceNo,\n sequenceNo,\n setchargePercent,\n setduration,\n chargePercent,\n duration,\n settransferVia\n } = props;\n\n const marks = [\n {\n value: 0,\n label: \"0 %\",\n },\n {\n value: 20,\n label: \"20 %\",\n },\n {\n value: 40,\n label: \"40 %\",\n },\n {\n value: 60,\n label: \"60 %\",\n },\n {\n value: 80,\n label: \"80 %\",\n },\n {\n value: 100,\n label: \"100 %\",\n },\n ];\n\n const [yourtimeZone, setyourTimeZone] = useState(\n Intl.DateTimeFormat().resolvedOptions().timeZone\n );\n const hours = {\n \"America/Toronto\": 5,\n \"America/Chicago\": 6,\n \"America/Denver\": 7,\n \"America/Los_Angeles\": 8,\n GMT: 0,\n };\n const [changed, setchanged] = useState(false);\n const [showError, setshowError] = useState(false);\n const [dateTimeError, setdateTimeError] = useState(false);\n const [deviceTypeError, setdeviceTypeError] = useState(false);\n const [seqError, setseqError] = useState(false);\n const [fileError, setfileError] = useState(false);\n const [showBI, setshowBI] = useState(true);\n const [otherDevType, setotherDevType] = useState(false);\n const [allDevices, setallDevices] = useState([]);\n\n const formatDate = (inp) => {\n return (\"0\" + inp).slice(-2);\n };\n const getUtcDate = () => {\n return (\n utcdate.getFullYear() +\n \"-\" +\n formatDate(utcdate.getMonth() + 1) +\n \"-\" +\n formatDate(utcdate.getDate()) +\n \" \" +\n utcdate.toLocaleString(\"en-US\", {\n hour: \"numeric\",\n minute: \"numeric\",\n hour12: true,\n })\n );\n };\n useEffect(() => {\n const tz = document.getElementsByName(\"timezone\")[0].value;\n settimezone(tz);\n const d = document.getElementById(\"datetime-local\").value;\n //console.log(\"Use Effect\", tz, d);\n let x = new Date(d);\n\n //x.setHours(x.getHours() - parseInt(tz));\n try {\n //setutcDate(x.toISOString());\n //setDate(x.toUTCString());\n } catch (err) {}\n }, [changed]);\n\n useEffect(async () => {\n let response = await ApiClient(\n \"post\",\n \"/admin/getTableDataDynamoDB\",\n {\n tableName: \"IotDevice_info\",\n },\n {\n \"Content-Type\": \"application/json\",\n Authorization: Cookies.get(\"auth\"),\n }\n );\n if (response.data.status === 200) {\n let data = response.data.result;\n let x = [];\n data.map((v) => {\n x.push(v.DeviceID);\n });\n setallDevices(x);\n }\n }, []);\n\n function valuetext(value) {\n return `${value} %`;\n }\n\n const setTransfer = (e, val) => {\n settransferVia(val);\n };\n\n const handleChange = (e) => {\n if (e.target.type === \"datetime-local\") {\n let input_dt = e.target.value;\n input_dt = new Date(input_dt);\n var today = new Date(\n new Date().toLocaleString(\"en-US\", { timeZone: timezone })\n );\n today = new Date(today.getTime() + 1 * 60000);\n if (input_dt < today) {\n setdateTimeError(true);\n setshowError(true);\n return;\n } else {\n if (e.target.id === \"datetime-local\") {\n setDate(e.target.value);\n setutcDate(\n new Date(input_dt.setHours(input_dt.getHours() + hours[timezone]))\n );\n setdateTimeError(false);\n }\n }\n } else if (e.target.name === \"timezone\") {\n setchanged(!changed);\n } else if (e.target.name === \"deviceType\") {\n if (e.target.value.length === 0) {\n setdeviceTypeError(true);\n setshowError(true);\n }\n setdeviceType(e.target.value);\n if (e.target.value === \"Others\") {\n setotherDevType(true);\n } else {\n setotherDevType(false);\n }\n } else if (e.target.name === \"checkedB\") {\n setbroadcast(e.target.checked);\n setshowBI(e.target.checked);\n }else if (e.target.name === \"duration\") {\n setduration(e.target.value);\n } else if (e.target.name === \"customTargetDevice\") {\n if (e.target.value.length > 16 || e.target.value.length === 0) {\n setdeviceTypeError(true);\n setshowError(true);\n return;\n } else {\n setdeviceTypeError(false);\n setshowError(false);\n setdeviceType(e.target.value);\n }\n } else if (e.target.name === \"seq-no\") {\n let data = parseInt(e.target.value);\n if (data < 0) {\n e.target.value = 1;\n data = 1;\n } else if (data > 255) {\n e.target.value = 255;\n data = 255;\n }\n setsequenceNo(data);\n }\n };\n\n return (\n \n
\n \n {status === 1 && (\n \n )}\n
\n \n )}\n \n \n \n {\n generateQR();\n }\n //stage === 1 ? getEmailVerificationCode : confirmPasswordChange\n }\n >\n {({ errors, touched }) => (\n
\n )}\n {showStepThree && (\n <>\n Recovered MFA QR code:\n \n
\n \n {/*
\n \n {\" \"}\n
*/}\n \n {\" \"}\n
\n \n
\n \n *Note: We do not guarantee the\n correctness of the MFA as we do not store any values\n to validate the inputs given in the previous step\n
\n \n \n )}\n\n
\n );\n}\n\nexport default MessageSettingsPayloadEVSE;\n","import { React, useState, useEffect } from \"react\";\nimport validateUser from \"../../validations/userSessionValidation\";\nimport RegionSelect from \"./regionSelect\";\nimport Cookies from \"js-cookie\";\nimport Auth from \"@aws-amplify/auth\";\nimport ApiClient from \"../../../apis/apiClient\";\nimport logout from \"../../validations/logoutUser\";\nimport DataTable from \"../../DataTable/dataTable\";\n// import Backdrop from \"@mui/material/Backdrop\";\nimport { Button } from \"react-bootstrap\";\nimport SendIcon from \"@material-ui/icons/Send\";\nimport CheckCircleIcon from \"@mui/icons-material/CheckCircle\";\nimport DangerousIcon from \"@mui/icons-material/Dangerous\";\nimport DeleteForeverIcon from \"@mui/icons-material/DeleteForever\";\nimport { Tooltip } from \"@mui/material\";\n// import { CircularProgressbar, buildStyles } from \"react-circular-progressbar\";\n// import CircularProgress from \"@mui/material/CircularProgress\";\nimport \"react-circular-progressbar/dist/styles.css\";\nimport createXml from \"../../others/createXML\";\nimport uploadXmlToS3 from \"../../others/uploadXMLS3\";\nimport checkPageAccess from \"../../others/getPageAccess\";\n\nimport path from \"path\";\nimport axios from \"axios\";\nimport MessageSettingsPayload from \"./messageSettingsPayload\";\nimport SweetAlert from \"react-bootstrap-sweetalert\";\nimport Loader from \"../../loader/loader\";\nimport MessageSettingsPayloadEVSE from \"./messageSettingsPayload-evse\";\nfunction CreateMessagePayloadEVSE() {\n const [selectOptions, setselectOptions] = useState([]);\n const [selectValuesList, setselectValuesList] = useState([]);\n const [tableData, settableData] = useState([]);\n const [selectedStationIds, setselectedStationIds] = useState([]);\n const [selectedStationCallsign, setselectedStationCallsign] = useState([]);\n /*const [selectedStationIPs, setselectedStationIPs] = useState([]);\n const [portList, setportList] = useState([]);*/\n const [isAdding, setisAdding] = useState(false);\n const [broadcast, setbroadcast] = useState(true);\n const [bitRateTransmitMessage, setbitRateTransmitMessage] = useState(\"\");\n const [minimumBitRate, setminimumBitRate] = useState(-1);\n const [date, setDate] = useState(null);\n const [utcdate, setutcDate] = useState(null);\n const [timezone, settimezone] = useState(\"America/Toronto\");\n const [deviceType, setdeviceType] = useState(\"HDEVSEADPT_000\");\n const [enableEV, setenableEV] = useState(false);\n const [sequenceNo, setsequenceNo] = useState(0);\n const [transferVia, settransferVia] = useState(\"http\");\n const [uploadState, setuploadState] = useState(false);\n const [percentage, setpercentage] = useState(0);\n const [uploadId, setuploadId] = useState(null);\n const [xmlUploadState, setxmlUploadState] = useState(false);\n const [xmlLocation, setxmlLocation] = useState([]);\n const [alertMessage, setAlertMessage] = useState(\"\");\n const [alert, setAlert] = useState(false);\n const [severity, setSeverity] = useState(\"default\");\n const [alertTitle, setAlertTitle] = useState(\"\");\n const [confirmAction, setConfirmAction] = useState(\"\");\n const [hrefLink, setHrefLink] = useState(\"\");\n const [loaderType, setLoaderType] = useState(\"CircularProgress\");\n const [redirect, setRedirect] = useState(false);\n const [duration, setduration] = useState(1);\n const [chargePercent, setchargePercent] = useState(80);\n const hours = {\n \"America/Toronto\": 4,\n \"America/Chicago\": 5,\n \"America/Denver\": 6,\n \"America/Los_Angeles\": 7,\n GMT: 0,\n };\n\n let userAuthToken = null;\n\n const formatDate = (inp) => {\n return (\"0\" + inp).slice(-2);\n };\n\n const dateNow = (val) => {\n let date = new Date(val.toLocaleString(\"en-US\", { timeZone: timezone }));\n\n return (\n date.getFullYear() +\n \"-\" +\n formatDate(date.getMonth() + 1) +\n \"-\" +\n formatDate(date.getDate()) +\n \"T\" +\n formatDate(date.getHours()) +\n \":\" +\n formatDate(date.getMinutes())\n );\n };\n\n const tableColumns = [\n {\n name: \"status\",\n label: \"Status\",\n options: {\n customBodyRender: (value, tableMeta, updateValue) => (\n \n
\n \n
\n \n
\n Schedule Transmission
\n\n
\n {/* {bitRateTransmitMessage !== \"\" && (\n \n \n \n \n \n \n \n \n \n Timezone \n \n Timezone \n \n \n \n \n \n \n \n {/*yourtimeZone*/}\n \n \n \n \n Date And Time
\n \n \n \n {timezone ? getUtcDate() : \"\"}\n \n \n \n \n \n \n
\n \n
Broadcast Time in GMT
\n\n \n \n \n \n \n Target Device \n \n {allDevices.map((v) => (\n \n ))}\n \n \n \n \n\n {otherDevType && (\n \n \n Device Name \n \n \n )}\n \n \n Charge Percent \n setchargePercent(v)}\n step={5}\n valueLabelDisplay=\"on\"\n marks={marks}\n />\n \n \n \n \n Duration (in minutes) \n \n \n \n \n \n \n \n \n \n \n \n Summary \n { chargePercent } % for { duration } { duration > 1 ? \"minutes\" : \"minute\" } \n \n \n \n \n \n
\n \n {bitRateTransmitMessage}{\" \"}\n
\n )} */}\n\n {alert && (\n \n {alertMessage}\n \n )}\n \n \n
\n \n );\n}\n\nexport default CreateMessagePayloadEVSE;\n","import React, { useState, useEffect } from \"react\";\nimport { Paper, Autocomplete, TextField, Box } from \"@mui/material\";\nimport axios from \"axios\";\nimport { Button } from \"react-bootstrap\";\nimport Loader from \"../loader/loader\";\n\nfunction MidasDownload() {\n const [loaderType, setLoaderType] = useState(\"CircularProgress\");\n const [loading, setloading] = useState(false);\n const [percentage, setpercentage] = useState(0);\n const [rinData, setrinData] = useState([]);\n const [rinDataValue, setrinDataValue] = useState();\n const signaltype = [\n { label: \"All signal types\", value: \"0\" },\n { label: \"Tariff signals only\", value: \"1\" },\n { label: \"Green House Gas Emissions only\", value: \"2\" },\n { label: \"Flex Alerts only\", value: \"3\" },\n ];\n\n const [signalTypeValue, setsignalTypeValue] = useState(0);\n\n useEffect(async () => {}, []);\n\n const getDistibutorList = async () => {\n setloading(true);\n let resp = await axios.get(\n \"https://2y5kzl2ymynqnzmnsjbsgokfvy0cmqfp.lambda-url.us-west-2.on.aws/?signal=\" +\n signalTypeValue +\n \"&query=getrin\"\n );\n setrinData(resp.data);\n setloading(false);\n };\n\n \n const getratesData = async () => {\n setloading(true);\n let resp = await axios.get(\n \"https://2y5kzl2ymynqnzmnsjbsgokfvy0cmqfp.lambda-url.us-west-2.on.aws/?rid=\" +\n rinDataValue +\n \"&query=getvalue\"\n );\n const element = document.createElement(\"a\");\n const file = new Blob([resp.data], { type: \"text/plain;charset=utf-8\" });\n element.href = URL.createObjectURL(file);\n element.download = \"rate_file-(\"+rinDataValue+\").txt\";\n document.body.appendChild(element);\n element.click();\n setloading(false)\n };\n const updateSignal = (event, value) => {\n //console.log(event, value);\n setsignalTypeValue(value.value);\n };\n\n const updateRateID = (event, value) => {\n console.log(event, value);\n setrinDataValue(value.value);\n };\n\n return (\n \n
\n
\n
\n
\n \n
\n
\n Regions
\n\n
\n \n
\n {date !== null && (\n
\n \n
\n )}\n \n \n \n
\n \n submit()}\n disabled={uploadState ? true : false}\n style={{\n borderColor: \"#4F3493\",\n backgroundColor: \"#4F3493\",\n }}\n >\n {!uploadState && (\n \n Schedule Message
\n \n
\n
\n
\n \n \n \n (\n
\n {rinData.length > 0 && (\n\n (\n \n
\n
\n
\n );\n}\n\nexport default MidasDownload;\n","import React, { Fragment, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport Register from \"./register\";\nimport reportWebVitals from \"./reportWebVitals\";\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\n//import ApiClient from \"./apis/apiClient\";\n\n//import Navbar from \"./components/user/navbar\";\n//import Adminnavbar from \"./components/admin/adminnavbar\";\nimport Footer from \"./components/footer/footer\";\n//import AdminUserSection from \"./components/admin/admin_users_section\";\nimport AdminUserSectionV2 from \"./components/admin/user/admin_user_section\";\nimport AdminCompanySection from \"./components/admin/admin_company_section\";\n//import CreateMessage from \"./components/user/create-message\";\n\n//import IotDeviceNavbar from \"./components/iotDeviceDashboard/navbar\";\n//import IotDeviceHome from \"./components/iotDeviceDashboard/home\";\nimport IOTDeviceDash from \"./components/iotDeviceDashboard/iotDeviceDash\";\n\nimport { Amplify } from \"aws-amplify\";\n//import awsmobile from './aws-exports'\nimport UserProfile from \"./components/user/UserProfile\";\nimport PageNotFound from \"./404-notfound\";\nimport ConfirmRegister from \"./confirm_register\";\nimport TestAuth from \"./components/user/test-auth\";\nimport CreateMessageNew from \"./components/user/ScheduleMessage/create-message-new\";\nimport MessageHistory from \"./components/user/MessageHistory/mesageHistory\";\nimport RegionStationSection from \"./components/admin/region/region_station_section\";\nimport ForgotPassword from \"./components/register/forgotPassword\";\nimport CreateMessagePayload from \"./components/user/ScheduleMessage/create-message-payload\";\nimport CreateMessageIoTPayload from \"./components/user/ScheduleMessage/create-message-iot-payload\";\nimport Unauthorized from \"./unauthorized\";\nimport AdminHome from \"./components/admin/admin_home\";\nimport About from \"./components/general/about\";\nimport NavbarNew from \"./components/navbar/Navbar\";\nimport Navbarbasic from \"./components/navbar/NavbarBasic\";\nimport DashboardV1 from \"./components/general/dashboard\";\nimport ErrorLogs from \"./components/admin/errorLogs\";\nimport UpdateStationLists from \"./components/msacstations/updateStationLists\";\nimport SystemDashboard from \"./components/admin/systemdashboard\";\nimport RecoverMFA from \"./components/register/recoverMFA\";\nimport CreateMessagePayloadEVSE from \"./components/user/ScheduleMessage/create-message-evse\";\nimport MidasDownload from \"./components/midas/midas_download\";\n\nconst awsmobile = {\n aws_project_region: process.env.REACT_APP_AWS_PROJECT_REGION,\n aws_cognito_identity_pool_id:\n process.env.REACT_APP_AWS_COGNITO_IDENTITY_POOL_ID,\n aws_cognito_region: process.env.REACT_APP_AWS_COGNITO_REGION,\n aws_user_pools_id: process.env.REACT_APP_AWS_USER_POOLS_ID,\n aws_user_pools_web_client_id:\n process.env.REACT_APP_AWS_USER_POOLS_WEB_CLIENT_ID,\n oauth: {},\n aws_bucket: process.env.REACT_APP_AWS_BUCKET,\n};\n\nAmplify.configure(awsmobile);\n\n\nconst Routing = () => {\n const [showSideBar, setshowSideBar] = useState(false);\n const showSideBarToggle = () => setshowSideBar(!showSideBar);\n return (\n \n {rinData.length > 0 && (\n
\n
\n