@kiwicom/smart-faq/lib/SmartFAQ/common/FAQContentRender.js

"use strict";

require("core-js/modules/es.array.concat");

require("core-js/modules/es.string.replace");

require("core-js/modules/es.string.trim");

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

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

var _styledComponents = require("styled-components");

var _tracker = require("../../shared/cuckoo/tracker");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

// @flow
var ArticleContentStyles = function ArticleContentStyles(_ref) {
  var theme = _ref.theme;
  return _react.default.createElement("style", {
    dangerouslySetInnerHTML: {
      __html: "\n        .FAQContentRender {\n          font-family: ".concat(theme.orbit.fontFamily, ";\n          font-size: ").concat(theme.orbit.fontSizeTextNormal, ";\n          font-weight: ").concat(theme.orbit.fontWeightNormal, ";\n          color: ").concat(theme.orbit.colorTextPrimary, ";\n          line-height: ").concat(theme.orbit.lineHeightText, ";\n          text-align: left;\n          margin: 0;\n        }")
    }
  });
};

var trackArticleContentClick = function trackArticleContentClick(e) {
  if (e.target.tagName !== 'A') {
    return;
  }

  var props = {
    linkedText: (e.target.textContent || '').trim(),
    target: e.target.getAttribute('href')
  };
  (0, _tracker.track)('FAQs', 'clickLinkWithinArticle', props);
};

var renderArticleContent = function renderArticleContent(rawContent) {
  return rawContent.replace(/<a href=/g, '<a target="_blank" href=');
};

var FAQContentRender = function FAQContentRender(props
/*: Props*/
) {
  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
    className: "FAQContentRender",
    onClick: trackArticleContentClick,
    dangerouslySetInnerHTML: {
      __html: renderArticleContent(props.children)
    }
  }), _react.default.createElement(_styledComponents.ThemeConsumer, null, function (theme) {
    return _react.default.createElement(ArticleContentStyles, {
      theme: theme
    });
  }));
};

var _default = FAQContentRender;
exports.default = _default;