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

React components that implement Google's Material Design.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _kdsCore = require("@krowdy/kds-core");

var _utils = require("../utils");

var _utils2 = require("../AuthContext/utils");

var 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'
};

var Footer = function Footer(_ref) {
  var typeView = _ref.typeView,
      emailDefault = _ref.emailDefault;
  var classes = useStyles();

  var _useAuth = (0, _utils.useAuth)(),
      allowAds = _useAuth.allowAds,
      onAllowAds = _useAuth.onAllowAds,
      referrer = _useAuth.referrer,
      isBolsa = _useAuth.isBolsa,
      customLegalBase = _useAuth.customLegalBase;

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

var useStyles = (0, _kdsCore.makeStyles)(function (_ref2) {
  var palette = _ref2.palette,
      spacing = _ref2.spacing;
  return {
    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'
});

var _default = _react["default"].memo(Footer);

exports["default"] = _default;