@krowdy/kds-auth/es/LoginSinglePage/Footer.js

React components that implement Google's Material Design.

import React from 'react';
import { Typography, makeStyles } from '@krowdy/kds-core';
import { useAuth } from '../utils';
import { ViewType } from '../AuthContext/utils';
const urlsRef = {
  conditionsAndTerms: 'https://cdn.laborum.pe/public/laborum-condiciones-generales-de-uso.pdf?_ga=2.123654923.1496876818.1537374997-1836386932.1537374997',
  privacyPolicy: 'https://cdn.laborum.pe/public/laborum-politica-de-proteccion-de-datos-y-privacidad.pdf'
};

const Footer = ({
  typeView,
  emailDefault
}) => {
  const classes = useStyles();
  const {
    allowAds,
    onAllowAds,
    referrer,
    isBolsa,
    customLegalBase
  } = useAuth();
  return /*#__PURE__*/React.createElement("div", {
    className: classes.containerFooter
  }, typeView === ViewType.Main && (customLegalBase === null || customLegalBase === void 0 ? void 0 : customLegalBase.footerHTML) ? /*#__PURE__*/React.createElement(Typography, {
    className: classes.content,
    component: "div",
    dangerouslySetInnerHTML: {
      __html: customLegalBase.footerHTML
    }
  }) : /*#__PURE__*/React.createElement(Typography, {
    className: classes.content,
    component: "div"
  }, "Recuerda que al usar Krowdy aceptas los ", ' ', /*#__PURE__*/React.createElement("a", {
    className: classes.textRef,
    href: urlsRef['conditionsAndTerms'],
    rel: "noreferrer",
    target: "_blank"
  }, "T\xE9rminos y condiciones"), ' ', "y su", ' ', /*#__PURE__*/React.createElement("a", {
    className: classes.textRef,
    href: urlsRef['privacyPolicy'],
    rel: "noreferrer",
    target: "_blank"
  }, "Pol\xEDtica de privacidad."), allowAds ? /*#__PURE__*/React.createElement(React.Fragment, null, ' ', "Asimismo, si no deseas que usemos tus datos con fines publicitarios,", ' ', /*#__PURE__*/React.createElement(Typography, {
    className: classes.textNoPermission,
    onClick: onAllowAds
  }, "ingresa aqu\xED."), ".") : null, !allowAds ? /*#__PURE__*/React.createElement(React.Fragment, null, ' ', "Asimismo, no est\xE1s aceptando nuestras pol\xEDticas de publicidad.") : null), Boolean((referrer === 'portales' || isBolsa) && !emailDefault) && /*#__PURE__*/React.createElement("img", {
    alt: "powered-krowdy",
    className: classes.footerImage,
    src: "//cdn.krowdy.com/auth/powered_by_krowdy.png"
  }));
};

const useStyles = makeStyles(({
  palette,
  spacing
}) => ({
  containerFooter: {
    alignItems: 'center',
    color: palette.grey[600],
    display: 'flex',
    flexDirection: 'column',
    fontSize: 12,
    justifyContent: 'center'
  },
  content: {
    fontSize: 12,
    textAlign: 'center'
  },
  footerImage: {
    marginTop: spacing(6)
  },
  textNoPermission: {
    color: palette.grey[600],
    cursor: 'pointer',
    display: 'inline',
    fontWeight: 'bold',
    textDecoration: 'underline'
  },
  textRef: {
    color: palette.grey[600],
    fontWeight: 'bold'
  }
}), {
  name: 'Footer'
});
export default React.memo(Footer);