\r\n\r\n {checkIsNullUndefined(removeAppNameLogout) ?\r\n \r\n {appName}\r\n \r\n : null}\r\n
\r\n\r\n \r\n \r\n
\r\n : null}\r\n \r\n
\r\n {openPage != EnumPages.Login || checkIsNullUndefined(personType) ? null : managePersonTypeSwitch()}\r\n {showName ?\r\n - \r\n {pendingData.map((data) => {\r\n return
{data} \r\n })\r\n }\r\n
{reCaptchaError}
\r\n )}\r\n{reCaptchaError}
\r\n )}\r\n\r\n handleUserChange(event.target.value, true)}\r\n label={t(\"UserEmail\")}\r\n color=\"secondary\"\r\n variant=\"filled\"\r\n fullWidth\r\n error={userError && !checkIsNullUndefined(userErrorMsg)}\r\n autoFocus\r\n className={commonClasses.inputsStyle}\r\n />\r\n {userErrorMsg != \"\" ? (\r\n \r\n {userErrorMsg}\r\n \r\n\r\n ) : null}\r\n
\r\n {reCaptchaError}
\r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n : \r\n
\r\n );\r\n}","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { Constants } from \"../../../commons/Constants\";\r\n\r\nexport const TyCPrivacyStyles = makeStyles((theme) => ({\r\n mainContainer: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginTop: \"10.5em\",\r\n },\r\n [theme.breakpoints.up(\"sm\")]: {\r\n marginTop: \"10.5em\",\r\n },\r\n },\r\n cardContainer:{\r\n padding:\"2em\"\r\n },\r\n\r\n\r\n hideContainer: {\r\n marginLeft: Constants.DrawerWidth,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n links: {\r\n color: \"#002453\",\r\n \"&:hover\": {\r\n textDecoration: \"underline\",\r\n color: \"#002453\",\r\n },\r\n },\r\n table: {\r\n border: \"1px solid black\",\r\n borderCollapse: \"collapse\",\r\n },\r\n text: {\r\n color: \"#666666\",\r\n },\r\n subtitles: {\r\n color: \"#002453\",\r\n },\r\n tableHead:{\r\n backgroundColor:\"#666666\",\r\n },\r\n tableHeadText:{\r\n color:\"#FFFFFF\"\r\n },\r\n}));\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Grid, CircularProgress, Typography, Container, Card } from \"@material-ui/core\";\r\nimport { Alerts } from \"../../components/Alerts/Alerts\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { checkIsNullUndefined, getErrorMessage } from \"../../commons/Utils\";\r\nimport history from \"../../services/history\";\r\nimport { Header } from \"../../components/Header/Header\";\r\nimport { getEidFromToken, hasPagePermission, setReplaceMode, setSessionItem, setUserSession } from \"../../services/Commons\";\r\nimport {\r\n PostUtilitiesCorreosGetTokenFromRedirectCode,\r\n} from \"../../services/UtilitiesCallsService\";\r\nimport { RedirectPageStyles } from \"./RedirectPageStyles\";\r\nimport { EnumAllowedRedirectUserPages, EnumEnterprisePages, sessionValues } from \"../../commons/EnumsGeneral\";\r\n\r\nexport function RedirectPage() {\r\n const { t, i18n } = useTranslation();\r\n const classes = RedirectPageStyles();\r\n\r\n const [circularProgress, setCircularProgress] = useState(true);\r\n const [error, setError] = useState(false);\r\n const [errorText, setErrorText] = useState(\"false\");\r\n const [alert, setAlert] = useState({\r\n open: false,\r\n color: \"\",\r\n message: \"\",\r\n });\r\n\r\n const finishOperation = (color, message) => {\r\n setError(true);\r\n setErrorText(message);\r\n setAlert({\r\n open: true,\r\n color,\r\n message,\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n let urlParams = new URLSearchParams(window.location.search);\r\n let code = urlParams.get('code');\r\n let page = urlParams.get('page');\r\n let redirectURI = urlParams.get('redirectURI');\r\n let isSSO = checkIsNullUndefined(redirectURI);\r\n setSessionItem(sessionValues.redirectURI, redirectURI);\r\n if (!isSSO && page != EnumAllowedRedirectUserPages.UnifyAccounts) {\r\n setReplaceMode(true);\r\n }\r\n setCircularProgress(false);\r\n if (!checkIsNullUndefined(code) && !checkIsNullUndefined(page)) {\r\n PostUtilitiesCorreosGetTokenFromRedirectCode(code).then((response) => {\r\n setCircularProgress(true);\r\n if (response && !response.Status) {\r\n setUserSession(response, i18n, process?.env?.REACT_APP_APP_OID).then(() => {\r\n let idEnterprise = getEidFromToken(response);\r\n handleUserRedirection(code, page, idEnterprise, isSSO);\r\n });\r\n } else {\r\n finishOperation(\"error\", getErrorMessage(response, t));\r\n };\r\n setCircularProgress(false);\r\n });\r\n } else {\r\n finishOperation(\"error\", t(\"redirectPageMissingParams\"));\r\n };\r\n }, []);\r\n\r\n const handleUserRedirection = (code, page, idEnterprise, isSSO) => {\r\n setCircularProgress(false);\r\n if (!hasPagePermission(page, idEnterprise, isSSO)) {\r\n finishOperation(\"error\", t(\"redirectPagePageNotFound\"));\r\n } else {\r\n let redirect = \"Index/\";\r\n if (page === EnumAllowedRedirectUserPages.UnifyAccounts) {\r\n history.push(redirect);\r\n } else if (EnumEnterprisePages.includes(page)) {\r\n redirect += idEnterprise + \"/\" + page;\r\n prepareEnterpriseData(idEnterprise, redirect);\r\n } else {\r\n redirect += page;\r\n history.push(redirect);\r\n };\r\n };\r\n };\r\n\r\n const prepareEnterpriseData = (idEnterprise, redirect) => {\r\n if (checkIsNullUndefined(idEnterprise)) {\r\n finishOperation(\"error\", t(\"redirectPageIdEnterpriseNotFound\"));\r\n } else {\r\n history.push(redirect);\r\n };\r\n };\r\n\r\n return (\r\n {t(\"tycUrlsText\")}
\r\n- \r\n\r\n {tycData.length !== 0 ? tycData.map((tyc) => {\r\n return
- \r\n {tyc.appName}: {tyc.name} \r\n \r\n }):
{t(\"tycNoUrlsText\")}
}\r\n{t(\"privacyUrlsText\")}
\r\n- \r\n {privacyData.length !== 0 ? privacyData.map((privacy) => {\r\n return
- \r\n {privacy.appName}: {privacy.name} \r\n \r\n }) :
{t(\"privacyNoUrlsText\")}
}\r\n{t(\"atcText\")}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n {error ?\r\n (\r\n \r\n {errorText}\r\n \r\n ) : \"\"}\r\n \r\n \r\n \r\n \r\n : \r\n
\r\n );\r\n}\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { Constants } from \"../../commons/Constants\"\r\n\r\nexport const RedirectPageStyles = makeStyles((theme) => ({\r\n mainContainer: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginTop: \"10.5em\",\r\n },\r\n [theme.breakpoints.up(\"sm\")]: {\r\n marginTop: \"10.5em\",\r\n },\r\n },\r\n cardContainer:{\r\n padding:\"2em\"\r\n },\r\n\r\n\r\n hideContainer: {\r\n marginLeft: Constants.DrawerWidth,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n links: {\r\n color: \"#002453\",\r\n \"&:hover\": {\r\n textDecoration: \"underline\",\r\n color: \"#002453\",\r\n },\r\n },\r\n table: {\r\n border: \"1px solid black\",\r\n borderCollapse: \"collapse\",\r\n },\r\n text: {\r\n color: \"#666666\",\r\n },\r\n subtitles: {\r\n color: \"#002453\",\r\n },\r\n tableHead:{\r\n backgroundColor:\"#666666\",\r\n },\r\n tableHeadText:{\r\n color:\"#FFFFFF\"\r\n },\r\n}));\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n Typography,\r\n Container,\r\n Dialog,\r\n Grid,\r\n TextField,\r\n} from \"@material-ui/core\";\r\nimport { CorreosButton } from \"../CorreosButton/CorreosButton\";\r\nimport { CommonStyles } from \"../../commons/CommonStyles\";\r\nimport { DialogStyles } from \"../CommonComponents/Dialogs/DialogStyles\";\r\nimport { UserVerificationsStyles } from \"../UserVerifications/UserVerificationsStyles\";\r\nimport { checkIsNullUndefined, validatePhoneNumber, getScreenWidth } from \"../../commons/Utils\";\r\nimport {\r\n PostVerificationSendEmail,\r\n PostVerificationSendPhone,\r\n PostVerificationDataEmail,\r\n PostVerificationDataPhone,\r\n} from \"../../services/ReasonService\";\r\nimport { AttributeCodes, Attributes } from \"../../commons/Attributes\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { GeneralWarning } from \"../CommonComponents/GeneralWarning/GeneralWarning\";\r\nimport { generalWarning } from \"../../commons/EnumsGeneral\";\r\nimport { PrefixPhone } from \"../PrefixPhone/PrefixPhone\";\r\nimport { EnumCountries } from \"../../commons/EnumCountries\";\r\nimport { userEmail, userPhone } from \"../../commons/ConstantObjects\";\r\nimport ReCAPTCHA from \"react-google-recaptcha\";\r\n\r\nexport function DialogVerifications(props) {\r\n const {\r\n open,\r\n setOpen,\r\n verificable,\r\n type,\r\n finishOperation,\r\n getVerificableName,\r\n operationType,\r\n masterCountryList,\r\n addVerificable,\r\n } = props;\r\n const commonClasses = CommonStyles();\r\n const dialogClasses = DialogStyles();\r\n const classes = UserVerificationsStyles();\r\n const validator = require(\"react-email-validator\");\r\n const { t, i18n } = useTranslation();\r\n\r\n const [value, setValue] = useState(\"\");\r\n const [valueError, setValueError] = useState(false);\r\n const [valueErrorText, setValueErrorText] = useState(\"\");\r\n const [otp, setOtp] = useState(\"\");\r\n const [otpSended, setOtpSended] = useState(false);\r\n const [otpError, setOtpError] = useState(false);\r\n const [otpErrorText, setOtpErrorText] = useState(false);\r\n const [circularProgress, setCircularProgress] = useState(false);\r\n const [country, setCountry] = useState({\r\n code: EnumCountries.ESP,\r\n id: 67,\r\n phonePrefix: 34,\r\n });\r\n const [isAddPhone, setIsAddPhone] = useState();\r\n const [openWarnDialog, setOpenWarnDialog] = useState(false);\r\n const [reCaptchaToken, setReCaptchaToken] = useState(null);\r\n const [reCaptchaError, setReCaptchaError] = useState(\"\");\r\n const [reCaptchaRef, setReCaptchaRef] = useState(null);\r\n\r\n useEffect(() => {\r\n let auxValue = \"\";\r\n if (!checkIsNullUndefined(verificable) && operationType === \"ver\") {\r\n auxValue = getVerificableName(verificable, type);\r\n };\r\n let auxIsAddPhone = operationType === \"add\" && type === AttributeCodes.Phone;\r\n setIsAddPhone(auxIsAddPhone);\r\n setValue(auxValue);\r\n }, [verificable, operationType, type, getVerificableName]);\r\n\r\n useEffect(() => {\r\n if (operationType == \"add\") {\r\n handleErrors();\r\n };\r\n }, [value, country]);\r\n\r\n const handleCancel = () => {\r\n setOtp(\"\");\r\n setOtpSended(false);\r\n setOtpError(false);\r\n setOtpErrorText(\"\");\r\n setCircularProgress(false);\r\n setOpen(false);\r\n };\r\n\r\n const getValue = () => {\r\n let auxValue = value;\r\n if (isAddPhone) {\r\n auxValue = country.phonePrefix + \"-\" + auxValue;\r\n };\r\n return auxValue;\r\n };\r\n\r\n const handleSend = () => {\r\n if (type === AttributeCodes.Phone && otpSended) {\r\n setOtpSended(false);\r\n } else {\r\n setCircularProgress(true);\r\n let auxCall = type === AttributeCodes.Email ? PostVerificationSendEmail : PostVerificationSendPhone;\r\n auxCall(getValue(), reCaptchaToken).then((response) => {\r\n if (!checkIsNullUndefined(response) && !response.Status) {\r\n setOtpSended(true);\r\n } else {\r\n finishOperation(\"error\", response);\r\n };\r\n reCaptchaRef?.reset();\r\n setReCaptchaToken(null);\r\n setCircularProgress(false);\r\n });\r\n };\r\n };\r\n\r\n const handleConfirm = () => {\r\n setCircularProgress(true);\r\n let auxCallVerificate = type === AttributeCodes.Email ? PostVerificationDataEmail : PostVerificationDataPhone;\r\n let auxText = type === AttributeCodes.Email ? t(\"verificationsAddEmail\") : t(\"verificationsVerifyPhone\");\r\n auxCallVerificate(getValue(), otp).then(response => handleResponse(response, auxText));\r\n };\r\n\r\n const handleResponse = (response, successText) => {\r\n if (!checkIsNullUndefined(response) && !response.Status) {\r\n finishOperation(\"success\", successText);\r\n let auxVerificable = operationType == \"add\" ? createVerificable() : verificable;\r\n addVerificable(auxVerificable, type, operationType);\r\n handleCancel();\r\n } else {\r\n setOpenWarnDialog(true);\r\n };\r\n setCircularProgress(false);\r\n };\r\n\r\n const createVerificable = () => {\r\n let auxVerificable = type === AttributeCodes.Email ? userEmail : userPhone;\r\n auxVerificable[Attributes[type].attributeName] = value;\r\n if (isAddPhone) {\r\n auxVerificable.idCountry = country.id;\r\n };\r\n return auxVerificable;\r\n };\r\n\r\n const handleChangeOtp = (value) => {\r\n let auxiliarError = false;\r\n let auxiliarHelper = \"\";\r\n if (checkIsNullUndefined(value)) {\r\n auxiliarError = true;\r\n auxiliarHelper = t(\"required\");\r\n };\r\n setOtpError(auxiliarError);\r\n setOtpErrorText(auxiliarHelper);\r\n setOtp(value);\r\n };\r\n\r\n const handleSelectorChange = (value) => {\r\n setCountry(value);\r\n };\r\n\r\n const handleChangeData = (value) => {\r\n const re = type === AttributeCodes.Email ? /^.{0,50}$/ : /^[0-9\\b]{0,15}$/;\r\n if (checkIsNullUndefined(value) || re.test(value)) {\r\n setValue(value);\r\n };\r\n };\r\n\r\n const handleErrors = () => {\r\n let auxError = { error: false, errorText: \"\" };\r\n if (type === AttributeCodes.Email) {\r\n let auxEmailOk = checkIsNullUndefined(value) || validator.validate(value);\r\n if (!auxEmailOk) {\r\n auxError.error = true;\r\n auxError.errorText = t(\"registerPageMailError\");\r\n };\r\n } else {\r\n auxError = validatePhoneNumber(value, country, t);\r\n };\r\n setValueError(auxError.error);\r\n setValueErrorText(auxError.errorText);\r\n };\r\n\r\n const getTitle = () => {\r\n if (operationType === \"ver\") {\r\n return type === AttributeCodes.Email ? t(\"verificationsSendCodeEmail\") : t(\"verificationsSendCodePhone\");\r\n } else {\r\n return type === AttributeCodes.Email ? t(\"verificationsAddVerifEmail\") : t(\"verificationsAddVerifPhone\");\r\n };\r\n };\r\n\r\n const handleOnChangeReCaptcha = (value) => {\r\n let auxRecaptchaToken = checkIsNullUndefined(value) ? null : value;\r\n if (!checkIsNullUndefined(value)) {\r\n setReCaptchaError(\"\");\r\n };\r\n setReCaptchaToken(auxRecaptchaToken);\r\n };\r\n\r\n const checkDisabled = () => {\r\n let auxDisabled = false;\r\n if (circularProgress) {\r\n auxDisabled = true;\r\n } else if (type === AttributeCodes.Phone) {\r\n auxDisabled = checkIsNullUndefined(value) || valueError || (checkIsNullUndefined(reCaptchaToken) && !otpSended);\r\n };\r\n return auxDisabled;\r\n };\r\n\r\n const checkShowReCaptcha = () => {\r\n return type === AttributeCodes.Phone && !otpSended;\r\n };\r\n\r\n return (\r\n <>\r\n {reCaptchaError}
\r\n )}\r\n{reCaptchaError}
\r\n )}\r\n{reCaptchaError}
\r\n )}\r\n{reCaptchaError}
\r\n )}\r\n\r\n \r\n {appName}\r\n \r\n
\r\n \r\n
\r\n {/*Buscador, de momento se queda como comentado\r\n \r\n
\r\n
\r\n
{t(\"footerCopyrightText\")}
\r\n- \r\n
{renderList()}
\r\n \r\n \r\n );\r\n}\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { Constants } from \"../../../commons/Constants\";\r\n\r\nexport const TyCStyles = makeStyles((theme) => ({\r\n mainContainer: {\r\n [theme.breakpoints.down(\"sm\")]: {\r\n marginTop: \"4.5em\",\r\n },\r\n [theme.breakpoints.up(\"sm\")]: {\r\n marginTop: \"7.5em\",\r\n },\r\n },\r\n cardContainer:{\r\n padding:\"2em\"\r\n },\r\n\r\n container: {\r\n [theme.breakpoints.up(\"sm\")]: {\r\n marginLeft: Constants.DrawerWidth,\r\n },\r\n },\r\n hideContainer: {\r\n marginLeft: Constants.DrawerWidth,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n links: {\r\n color: \"#333333\",\r\n \"&:hover\": {\r\n textDecoration: \"underline\",\r\n color: \"#333333\",\r\n },\r\n },\r\n table: {\r\n border: \"1px solid black\",\r\n borderCollapse: \"collapse\",\r\n marginBottom: \"1em\",\r\n },\r\n text: {\r\n color: \"#666666\",\r\n },\r\n subtitles: {\r\n color: \"#002453\",\r\n },\r\n tableHead:{\r\n backgroundColor:\"#666666\",\r\n },\r\n tableHeadText:{\r\n color:\"#FFFFFF\"\r\n },\r\n}));\r\n","import React from \"react\";\r\nimport {\r\n Grid,\r\n Container,\r\n Card,\r\n Typography,\r\n} from \"@material-ui/core\";\r\nimport { TyCStyles } from \"./TyCStyles\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport function WarninLegalTyC(props) {\r\n const { showSideMenu } = props;\r\n const classes = TyCStyles();\r\n const { t, i18n } = useTranslation();\r\n\r\n return (\r\n \r\n {t(\"legalWarningTitle01\")}\r\n
\r\n{t(\"legalWarningText01_01a\")}{t(\"legalWarningText01_01b\")}{t(\"legalWarningText01_01c\")}
\r\n{t(\"legalWarningText01_02\")}
\r\n{t(\"legalWarningText01_03a\")}{t(\"legalWarningText01_03b\")}{t(\"legalWarningText01_03c\")}
\r\n{t(\"legalWarningText01_04a\")}{t(\"legalWarningText01_04b\")}
\r\n\r\n {t(\"legalWarningTitle02\")}\r\n
\r\n{t(\"legalWarningText02_01a\")}{t(\"legalWarningText02_01b\")}{t(\"legalWarningText02_01c\")}
\r\n{t(\"legalWarningText02_02\")}
\r\n{t(\"legalWarningText02_03a\")}{t(\"legalWarningText02_03b\")}{t(\"legalWarningText02_03c\")}
\r\n{t(\"legalWarningText02_04a\")}{t(\"legalWarningText02_04b\")}{t(\"legalWarningText02_04c\")}
\r\n\r\n {t(\"legalWarningTitle03\")}\r\n
\r\n{t(\"legalWarningText03_01\")}
\r\n\r\n {t(\"legalWarningTitle04\")}\r\n
\r\n{t(\"legalWarningText04_01a\")}{t(\"legalWarningText04_01b\")}{t(\"legalWarningText04_01c\")}
\r\n{t(\"legalWarningText04_02\")}
\r\n{t(\"legalWarningText04_03\")}
\r\n{t(\"legalWarningText04_04\")}
\r\n{t(\"legalWarningText04_05\")}
\r\n{t(\"legalWarningText04_06\")}
\r\n\r\n {t(\"legalWarningTitle05\")}\r\n
\r\n{t(\"legalWarningText05_01\")}
\r\n{t(\"legalWarningText05_02a\")}{t(\"legalWarningText05_02b\")}
\r\n\r\n {t(\"legalWarningTitle06\")}\r\n
\r\n{t(\"legalWarningText06_01\")}
\r\n{t(\"legalWarningText06_02\")}
\r\n{t(\"legalWarningText06_03\")}
\r\n{t(\"legalWarningText06_04\")}
\r\n{t(\"legalWarningText06_05\")}
\r\n{t(\"legalWarningText06_06\")}
\r\n\r\n {t(\"legalWarningTitle07\")}\r\n
\r\n{t(\"legalWarningText07_01a\")}{t(\"legalWarningText07_01b\")}\r\n {t(\"legalWarningText07_01c\")}{t(\"legalWarningText07_01d\")}\r\n {t(\"legalWarningText07_01e\")}{t(\"legalWarningText07_01f\")}\r\n {t(\"legalWarningText07_01g\")}
\r\n\r\n {t(\"legalWarningTitle08\")}\r\n
\r\n{t(\"legalWarningText08_01\")}
\r\n{t(\"privacyPolicyText00_01a\")}{t(\"privacyPolicyText00_01b\")}{t(\"privacyPolicyText00_01c\")}
\r\n- \r\n
- \r\n
\r\n {t(\"privacyPolicyTitle01\")}\r\n
\r\n{t(\"privacyPolicyText01_01\")}
\r\n{t(\"privacyPolicyText01_02a\")}dpdgrupocorreos@correos.com
\r\n \r\n - \r\n
\r\n {t(\"privacyPolicyTitle02\")}\r\n
\r\n{t(\"privacyPolicyText02_01\")}
\r\n- \r\n
- \r\n
{t(\"privacyPolicyText02_02\")}
\r\n \r\n - \r\n
{t(\"privacyPolicyText02_06\")}
\r\n \r\n
{t(\"privacyPolicyText02_03a\")}{t(\"privacyPolicyText02_03b\")}
\r\n{t(\"privacyPolicyText02_04a\")}{t(\"privacyPolicyText02_04b\")}
\r\n{t(\"privacyPolicyText02_05a\")}{t(\"privacyPolicyText02_05b\")}
\r\n{t(\"privacyPolicyText02_07a\")}{t(\"privacyPolicyText02_07b\")}
\r\n \r\n - \r\n
- \r\n
\r\n {t(\"privacyPolicyTitle03\")}\r\n
\r\n{t(\"privacyPolicyText03_01\")}
\r\n- \r\n
- \r\n
{t(\"privacyPolicyText03_02a\")}{t(\"privacyPolicyText03_02b\")}{t(\"privacyPolicyText03_02c\")}
\r\n \r\n - \r\n
{t(\"privacyPolicyText03_03a\")}{t(\"privacyPolicyText03_03b\")}
\r\n \r\n
\r\n - \r\n
- \r\n
\r\n {t(\"privacyPolicyTitle04\")}\r\n
\r\n{t(\"privacyPolicyText04_01\")}
\r\n \r\n - \r\n
\r\n {t(\"privacyPolicyTitle05\")}\r\n
\r\n{t(\"privacyPolicyText05_01a\")}{t(\"privacyPolicyText05_01b\")}
\r\n \r\n - \r\n
\r\n {t(\"privacyPolicyTitle06\")}\r\n
\r\n{t(\"privacyPolicyText06_01\")}
\r\n{t(\"privacyPolicyText06_02\")}
\r\n \r\n - \r\n
\r\n {t(\"privacyPolicyTitle07\")}\r\n
\r\n{t(\"privacyPolicyText07_01a\")}derechos.protecciondatos.correos@correos.com
\r\n{t(\"privacyPolicyText07_02\")}
\r\n{t(\"privacyPolicyText07_03\")}
\r\n \r\n
{t(\"cookiesPolicyText00_01\")}
\r\n\r\n- \r\n
- \r\n
\r\n {t(\"cookiesPolicyTitle01\")}\r\n
\r\n \r\n - \r\n
\r\n {t(\"cookiesPolicyTitle02\")}\r\n
\r\n\r\n {t(\"cookiesPolicyText02_01\")}\r\n
\r\n- \r\n
- \r\n
\r\n {t(\"cookiesPolicyTitle02_01\")}\r\n
\r\n- \r\n
{t(\"cookiesPolicyText0201_01\")}{t(\"cookiesPolicyText0201_02\")}
\r\n {t(\"cookiesPolicyText0201_03\")}{t(\"cookiesPolicyText0201_04\")}
\r\n
\r\n - \r\n
\r\n {t(\"cookiesPolicyTitle02_02\")}\r\n
\r\n- \r\n
{t(\"cookiesPolicyText0202_01\")}{t(\"cookiesPolicyText0202_02\")}
\r\n {t(\"cookiesPolicyText0202_03\")}{t(\"cookiesPolicyText0202_04\")}
\r\n
\r\n - \r\n
\r\n {t(\"cookiesPolicyTitle02_03\")}\r\n
\r\n- \r\n
{t(\"cookiesPolicyText0203_01\")}{t(\"cookiesPolicyText0203_02\")}
\r\n {t(\"cookiesPolicyText0203_03\")}{t(\"cookiesPolicyText0203_04\")}
\r\n {t(\"cookiesPolicyText0203_05\")}{t(\"cookiesPolicyText0203_06\")}
\r\n {t(\"cookiesPolicyText0203_07\")}{t(\"cookiesPolicyText0203_08\")}
\r\n
\r\n
\r\n - \r\n
- \r\n
\r\n {t(\"cookiesPolicyTitle03\")}\r\n
\r\n{t(\"cookiesPolicyText03_01\")}
\r\n{t(\"cookiesPolicyText03_02\")}
\r\n\r\n
\r\n\r\n \r\n\r\n \r\n\r\n {t(\"cookiesPolicyText03t_01\")}\r\n \r\n\r\n {t(\"cookiesPolicyText03t_02\")}\r\n \r\n\r\n {t(\"cookiesPolicyText03t_03\")}\r\n \r\n\r\n {t(\"cookiesPolicyText03t_04\")}\r\n \r\n\r\n \r\n{t(\"cookiesPolicyText03t_05\")} \r\n{t(\"cookiesPolicyText03t_06\")} \r\n{t(\"cookiesPolicyText03t_07\")} \r\n{t(\"cookiesPolicyText03t_08\")} \r\n\r\n \r\n{t(\"cookiesPolicyText03t_09\")} \r\n{t(\"cookiesPolicyText03t_10\")} \r\n{t(\"cookiesPolicyText03t_11\")} \r\n{t(\"cookiesPolicyText03t_12\")} \r\n\r\n \r\n{t(\"cookiesPolicyText03t_13\")} \r\n{t(\"cookiesPolicyText03t_14\")} \r\n{t(\"cookiesPolicyText03t_15\")} \r\n{t(\"cookiesPolicyText03t_16\")} \r\n\r\n \r\n{t(\"cookiesPolicyText03t_17\")} \r\n{t(\"cookiesPolicyText03t_18\")} \r\n{t(\"cookiesPolicyText03t_19\")} \r\n{t(\"cookiesPolicyText03t_20\")} \r\n \r\n - \r\n
\r\n {t(\"cookiesPolicyTitle04\")}\r\n
\r\n- \r\n
- \r\n
\r\n {t(\"cookiesPolicyTitle04_01\")}\r\n
\r\n\r\n {t(\"cookiesPolicyText0401_01\")}\r\n
\r\n \r\n - \r\n
\r\n {t(\"cookiesPolicyTitle04_02\")}\r\n
\r\n{t(\"cookiesPolicyText0402_01\")}
\r\n- \r\n
{t(\"cookiesPolicyText0402_02\")}
\r\n {t(\"cookiesPolicyText0402_03\")}
\r\n {t(\"cookiesPolicyText0402_04\")}
\r\n {t(\"cookiesPolicyText0402_05\")}
\r\n
{t(\"cookiesPolicyText0402_06\")}
\r\n- \r\n
{t(\"cookiesPolicyText0402_07\")}https://support.google.com/chrome/answer/95647?hl=es
\r\n {t(\"cookiesPolicyText0402_08\")}https://support.mozilla.org/es/kb/Borrar%20Cookies
\r\n {t(\"cookiesPolicyText0402_09\")}https://support.microsoft.com/es-es/help/4027947/microsoft-edge-delete-Cookies
\r\n {t(\"cookiesPolicyText0402_10\")}https://support.apple.com/es-es/guide/safari/sfri11471/mac
\r\n
{t(\"cookiesPolicyText0402_11\")}
\r\n- \r\n
{t(\"cookiesPolicyText0402_12\")}www.ghostery.com/
\r\n {t(\"cookiesPolicyText0402_13\")}www.youronlinechoices.com/es/
\r\n
\r\n
\r\n - \r\n
- \r\n
\r\n {t(\"cookiesPolicyTitle05\")}\r\n
\r\n\r\n {t(\"cookiesPolicyText05_01\")}\r\n
\r\n \r\n - \r\n
\r\n {t(\"cookiesPolicyTitle06\")}\r\n
\r\n\r\n {t(\"cookiesPolicyText06_01\")}\r\n
\r\n\r\n {t(\"cookiesPolicyText06_02\")}\r\n
\r\n\r\n {t(\"cookiesPolicyText06_03\")}\r\n
\r\n\r\n {t(\"cookiesPolicyText06_04a\")}\r\n {t(\"cookiesPolicyText06_04b\")}\r\n {t(\"cookiesPolicyText06_04c\")}\r\n
\r\n \r\n
{t(\"cookiesPolicyText01_01\")}
\r\n{t(\"cookiesPolicyText01_02\")}
\r\n\r\n {changeId()}\r\n
\r\n );\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nexport const MainPageStyles = makeStyles((theme) => ({\r\n mainDiv: {\r\n textAlign: \"center\",\r\n minHeight: \"60vh\",\r\n position: \"relative\",\r\n },\r\n dialogButtonRight: {\r\n margin: \"1em\",\r\n border: \"2px solid #FFCD00\",\r\n '&:hover': {\r\n border: \"2px solid #FFCD00\",\r\n }\r\n },\r\n dialogContainer: {\r\n padding: \"1em 1em 2em 1em\",\r\n width: \"98%\",\r\n },\r\n dialogTitle: {\r\n padding: \"1em 0.25em 0em 1em\",\r\n color: \"#002453\",\r\n width: \"98%\",\r\n },\r\n dialogContentText: {\r\n padding: \"1em 2em 0.25em 1em\",\r\n color: \"#333333\",\r\n },\r\n closeButton: {\r\n // padding: \"0px\",\r\n marginTop:\"-0.5em\",\r\n marginRight: \"-0.25em\",\r\n float:\"right\"\r\n },\r\n}))\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport { Constants } from \"../../commons/Constants\";\r\n\r\nexport const SideMenuStyles = makeStyles((theme) => ({\r\n drawer: {\r\n maxWidth: \"100%\",\r\n // flexShrink: 0,\r\n [theme.breakpoints.up(\"sm\")]: {\r\n maxWidth: Constants.DrawerWidth,\r\n },\r\n },\r\n hideDrawer: {\r\n maxWidth: Constants.DrawerWidth,\r\n // flexShrink: 0,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n drawerPaper: {\r\n backgroundColor: \"#FFFFFF\",\r\n width: Constants.DrawerWidth,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n },\r\n },\r\n drawerContainer: {\r\n paddingTop: \"3.0em\",\r\n overflow: \"auto\",\r\n },\r\n drawerText: {\r\n color: \"#002453\",\r\n },\r\n icon: {\r\n fill: \"currentColor\",\r\n width: \"0.9em\",\r\n height: \"0.9em\",\r\n display: \"inline-block\",\r\n fontSize: \"1.5rem\",\r\n transition: \"fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\r\n flexShrink: \"0\",\r\n userSelect: \"none\",\r\n margin: \"auto\",\r\n },\r\n userGrid: {\r\n backgroundColor: \"#FFCD00\",\r\n paddingTop: \"1em\",\r\n paddingBottom: \"1em\",\r\n padding: \"0em 1.5em\",\r\n borderBottom: \"1px solid #002453\",\r\n },\r\n\r\n profileBar: {\r\n marginTop: '0.5em',\r\n },\r\n menuList:{\r\n color: \"#002453\",\r\n padding: \"0em\"\r\n },\r\n menuListItem:{\r\n padding: \"0.5em\"\r\n },\r\n collapseStyle:{\r\n backgroundColor: \"#F3F3F3\"\r\n }\r\n}));\r\n","import { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\nimport { LinearProgress } from \"@material-ui/core\";\r\n\r\nexport const RegisterDataStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%\"\r\n }\r\n}));\r\n\r\nexport const BorderLinearProgressStyles = withStyles((theme) => ({\r\n root: {\r\n height: 10,\r\n borderRadius: 5\r\n },\r\n colorPrimary: {\r\n backgroundColor:\r\n theme.palette.grey[theme.palette.type === \"light\" ? 200 : 700]\r\n },\r\n bar: {\r\n borderRadius: 5,\r\n backgroundColor: \"#002453\"\r\n }\r\n}))(LinearProgress);","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport {\r\n Tooltip,\r\n Box\r\n} from \"@material-ui/core\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport { RegisterDataStyles, BorderLinearProgressStyles } from \"./ProfileBarStyles\";\r\n\r\nconst BorderLinearProgress = BorderLinearProgressStyles;\r\n\r\nfunction LinearProgressWithLabel(props) {\r\n const getColor = () => {\r\n let color = \"#002453\";\r\n if(props.value === 25){\r\n color = \"#C3E4EB\";\r\n }else if(props.value === 50){\r\n color = \"#F32735\";\r\n }else if(props.value === 75){\r\n color = \"#1ECAD3\";\r\n }\r\n return color;\r\n }\r\n let color = getColor();\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n","export const LateralBarOptions = [{key: \"user\", value: \"User\"}, {key: \"ent\", value: \"Enterprise\"}];\r\nexport const LateralBarPages = {\r\n User: [\"UserData\", \"UserVerifications\", \"UserPrivacy\",\"UserServices\", \"SystemUser\"],\r\n UserBlocked: [\"UserData\", \"UserVerifications\"],\r\n Enterprise: [\r\n \"EnterpriseData\",\r\n \"EnterpriseVerifications\",\r\n \"EnterprisePrivacy\",\r\n \"EnterpriseServices\",\r\n \"EnterpriseTeam\",\r\n \"SystemUser\",\r\n \"EnterpriseDelete\",\r\n ],\r\n EnterpriseBlocked: [\r\n \"EnterpriseData\",\r\n ],\r\n Services: [\"UserServices\", \"EnterpriseServices\"],\r\n};\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { List, ListItem, ListItemText } from \"@material-ui/core\";\r\nimport { checkIsNullUndefined } from \"../../../commons/Utils\";\r\nimport { EnumPages } from \"../../../commons/EnumPages\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport history from \"../../../services/history\";\r\n\r\nexport function SubMenu(props) {\r\n const {\r\n setSubMenuKey,\r\n setShowSideMenu,\r\n code,\r\n enterprise,\r\n subMenuKey,\r\n options,\r\n setSelected,\r\n setResetPage,\r\n resetPage,\r\n isSpecialUser\r\n } = props;\r\n const { t, i18n } = useTranslation();\r\n\r\n const [pageSelected, setPageSelected] = useState();\r\n const [filteredOptions, setFilteredOptions] = useState([]);\r\n\r\n useEffect(() => {\r\n \r\n let filteredArray = options.filter(item => {\r\n if (item === \"UserServices\" || item === \"EnterpriseServices\") {\r\n return !isSpecialUser;\r\n } else if (item === \"EnterpriseTeam\" || item === \"EnterpriseDelete\") {\r\n return enterprise.idRol == 1 && !isSpecialUser;\r\n }\r\n return true;\r\n });\r\n if (process.env.REACT_APP_ENVELOP_ACTIVE_AUXILIAR_TAB == \"true\") {\r\n if (!checkIsNullUndefined(enterprise)){\r\n filteredArray.push(EnumPages.AuxEnterpriseData);\r\n }else{\r\n filteredArray.push(EnumPages.AuxUserData);\r\n }\r\n \r\n }\r\n setFilteredOptions(filteredArray);\r\n\r\n }, [isSpecialUser]);\r\n\r\n const handleSelectPage = (elem, index) => {\r\n setSelected(false);\r\n setPageSelected(elem);\r\n setSubMenuKey(code);\r\n setShowSideMenu();\r\n if (!checkIsNullUndefined(enterprise)) {\r\n history.push(\"/Index/\" + enterprise.oid + \"/\" + EnumPages[elem]);\r\n if (EnumPages[elem] == EnumPages.AuxEnterpriseData || EnumPages[elem] == EnumPages.EnterpriseData) {\r\n setResetPage(!resetPage);\r\n }\r\n } else {\r\n history.push(\"/Index/\" + EnumPages[elem]);\r\n if (EnumPages[elem] == EnumPages.AuxUserData || EnumPages[elem] == EnumPages.UserData) {\r\n setResetPage(!resetPage);\r\n }\r\n }\r\n };\r\n\r\n return (\r\n - \r\n {filteredOptions.map((elem, index) => {\r\n return (\r\n
- \r\n
\r\n \r\n \r\n {t(\"profileComp\")}\r\n \r\n \r\n \r\n {circularProgress ? (\r\n \r\n \r\n {enterpriseList.map((enterprise, index) => {\r\n return (\r\n \r\n );\r\n })\r\n }\r\n {(checkIsNullUndefined(isSpecialUser) || !isSpecialUser) ? (\r\n \r\n )}\r\n \r\n
\r\n \r\n );\r\n}\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\nimport {Constants} from \"../../commons/Constants\";\r\n\r\nexport const MainStyles = makeStyles((theme) => ({\r\n container: {\r\n marginTop: \"8.8em\",\r\n [theme.breakpoints.up(\"sm\")]: {\r\n marginTop: Constants.MarginTopApp,\r\n marginLeft: Constants.DrawerWidth,\r\n },\r\n },\r\n hideContainer: {\r\n marginTop: Constants.MarginTopApp,\r\n marginLeft: Constants.DrawerWidth,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n mainContainer: {\r\n margin: \"auto\",\r\n },\r\n cardButton: {\r\n width: \"100%\",\r\n },\r\n cardStyle: {\r\n width: \"100%\",\r\n height: \"17em\",\r\n backgroundColor: \"#ffffff\",\r\n },\r\n iconStyle: {\r\n width: \"6em\",\r\n height: \"6em\",\r\n margin: \"auto\",\r\n color: \"#002453\",\r\n },\r\n cardTextStyle: {\r\n color: \"#002453\"\r\n },\r\n smallCardStyleUp: {\r\n width: \"100%\",\r\n height: \"10em\",\r\n backgroundColor: \"#ffffff\",\r\n },\r\n smallCardStyleDown: {\r\n width: \"100%\",\r\n height: \"6em\",\r\n backgroundColor: \"#ffffff\",\r\n },\r\n smallIconStyleUp: {\r\n width: \"3em\",\r\n height: \"3em\",\r\n margin: \"auto\",\r\n color: \"#002453\",\r\n },\r\n smallIconStyleDown: {\r\n width: \"1.5em\",\r\n height: \"1.5em\",\r\n margin: \"auto\",\r\n },\r\n leftButtonCard: {\r\n [theme.breakpoints.up(\"sm\")]: {\r\n float: \"right\",\r\n },\r\n },\r\n rightButtonCard: {\r\n [theme.breakpoints.up(\"sm\")]: {\r\n float: \"left\",\r\n },\r\n },\r\n icon: {\r\n fill: \"currentColor\",\r\n width: \"0.9em\",\r\n height: \"0.9em\",\r\n display: \"inline-block\",\r\n fontSize: \"1.5rem\",\r\n transition: \"fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\r\n flexShrink: \"0\",\r\n userSelect: \"none\",\r\n margin: \"auto\",\r\n },\r\n snackBar: {\r\n paddingTop: \"4em\",\r\n backgroundColor: \"#ffcd00\",\r\n },\r\n title: {\r\n color: \"#002453\",\r\n },\r\n carouselContainer: {\r\n marginTop: \"15px\",\r\n padding: \"8px\",\r\n marginBottom: \"50px\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n display: \"none\",\r\n },\r\n },\r\n carouselButton: {\r\n margin: \"1em 1.2em\",\r\n },\r\n carouselIcon: {\r\n margin: \"auto\",\r\n width: \"7.6em\",\r\n height: \"3em\",\r\n },\r\n carouselCard: {\r\n width: \"8em\",\r\n height: \"8em\",\r\n margin: \"auto\",\r\n padding: \"3px\",\r\n },\r\n carouselText: {\r\n fontSize: \"0.75em\",\r\n color: \"#002453\",\r\n },\r\n carouselControlsPrev: {\r\n left: 0,\r\n position: \"absolute\",\r\n top: \"0\",\r\n bottom: \"0\",\r\n zIndex: \"1\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n width: \"15%\",\r\n },\r\n carouselControlsNext: {\r\n right: 0,\r\n position: \"absolute\",\r\n top: \"0\",\r\n bottom: \"0\",\r\n zIndex: \"1\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n width: \"15%\",\r\n },\r\n media: {\r\n maxWidth: \"8rem\",\r\n },\r\n details: {\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n },\r\n circularProgres: {\r\n marginTop: \"30px\",\r\n marginLeft: \"auto\",\r\n marginRight: \"auto\",\r\n },\r\n}));\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n Typography,\r\n Card,\r\n CardContent,\r\n Button,\r\n Grid,\r\n Container,\r\n} from \"@material-ui/core\";\r\nimport { CommonStyles } from \"../../commons/CommonStyles\";\r\nimport { MainStyles } from \"./MainStyles\";\r\nimport { EnumPages } from \"../../commons/EnumPages\";\r\nimport { Alerts } from \"../Alerts/Alerts\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport history from \"../../services/history\";\r\nimport { checkIsNullUndefined } from \"../../commons/Utils\";\r\nimport { CorreosIcon } from \"../CommonComponents/CorreosIcon/CorreosIcon\";\r\nimport { iconNames } from \"../../commons/EnumsGeneral\";\r\n\r\nexport function Main(props) {\r\n const {\r\n isSpecialUser\r\n } = props;\r\n const commonClasses = CommonStyles();\r\n const classes = MainStyles();\r\n const { t } = useTranslation();\r\n\r\n const [alert, setAlert] = useState({\r\n open: false,\r\n color: \"\",\r\n message: \"\",\r\n });\r\n\r\n useEffect(() => { }, []);\r\n\r\n return (\r\n - \r\n
- \r\n
- \r\n {userSubscriptions.map((app) => (\r\n
- {app.application} \r\n ))}\r\n
- \r\n
- {t(\"accountCancelDisableAccountList\")} \r\n {isUserTitular ? (\r\n
- \r\n {t(\"accountCancelDisableAccountListEnterprise\")}\r\n \r\n ) : null}\r\n
{t(\"accountCancelDisableAccountP1\")}
\r\n \r\n- \r\n {enterpriseSubscriptions.map((app) => (\r\n
- {app.application} \r\n ))}{\" \"}\r\n
- \r\n
- {t(\"enterpriseDeleteEnterpriseText\")} \r\n
\r\n {titularInfo.map((elem) => (\r\n \r\n \r\n \r\n {elem.atribute}\r\n \r\n \r\n \r\n \r\n {elem.value}\r\n \r\n \r\n \r\n ))}\r\n
\r\n );\r\n };\r\n\r\n return (\r\n - \r\n {missingData.map((data) => {\r\n if (data != errorCodes[203] && data != errorCodes[242]) { return (
- {t(\"dialogMissingData\" + data)} ) }\r\n })}\r\n