@kiwicom/smart-faq/lib/shared/StaticFAQ/ArticleDetail/Article.js

"use strict";

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

require("core-js/modules/es.symbol.description");

require("core-js/modules/es.symbol.iterator");

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

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

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

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

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

require("core-js/modules/es.number.constructor");

require("core-js/modules/es.object.get-own-property-descriptor");

require("core-js/modules/es.object.get-prototype-of");

require("core-js/modules/es.object.set-prototype-of");

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

require("core-js/modules/es.regexp.exec");

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

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

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

require("core-js/modules/web.dom-collections.iterator");

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

var _style = _interopRequireDefault(require("styled-jsx/style"));

var React = _interopRequireWildcard(require("react"));

var _reactRelay = require("react-relay");

var _context = require("@kiwicom/nitro/lib/services/intl/context");

var _Button = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Button"));

var _Stack = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Stack"));

var _QueryRenderer = _interopRequireDefault(require("../../../SmartFAQ/relay/QueryRenderer"));

var _Loader = _interopRequireDefault(require("../../../SmartFAQ/common/Loader"));

var _PageVariant = require("../../../SmartFAQ/common/PageVariant");

var _ArticleContent = _interopRequireDefault(require("./ArticleContent"));

var _FAQArticleNotFound = _interopRequireDefault(require("./FAQArticleNotFound"));

var _CustomBreadcrumbs = _interopRequireDefault(require("../breadcrumbs/CustomBreadcrumbs"));

var _sectionFAQCategories = _interopRequireDefault(require("../sectionFAQCategories"));

var _StaticFAQError = _interopRequireDefault(require("../StaticFAQError"));

var _ScrollableContent = _interopRequireDefault(require("../../../SmartFAQ/common/ScrollableContent"));

var _featureToggles = _interopRequireDefault(require("../../../feature-toggles.json"));

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

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

function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }

function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }

function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }

function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var queryFAQArticleDetail = function queryFAQArticleDetail() {
  var node = require("./__generated__/ArticleDetailQuery.graphql");

  if (node.hash && node.hash !== "362ebca323833a7f527561635fb7a3dd") {
    console.error("The definition of 'ArticleDetailQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data.");
  }

  return require("./__generated__/ArticleDetailQuery.graphql");
};

var queryFAQArticleDetailSearchResult = function queryFAQArticleDetailSearchResult() {
  var node = require("./__generated__/ArticleDetailSearchResultQuery.graphql");

  if (node.hash && node.hash !== "1e69a6cd1d8ac281e1a957e8d3e07007") {
    console.error("The definition of 'ArticleDetailSearchResultQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data.");
  }

  return require("./__generated__/ArticleDetailSearchResultQuery.graphql");
};
/*:: type ArticleCategoryProps = {
  props: ?ArticleDetailQueryResponse,
  error: ?Error,
};*/

/*:: type ArticleSearchProps = {
  props: ?ArticleDetailSearchResultQueryResponse,
  error: ?Error,
};*/

/*:: type Props = {
  match: Match,
};*/


var style = new String(".breadcrumbs{margin:24px 36px;margin-bottom:-2px;}@media only screen and (max-width:901px){.breadcrumbs{margin:0 auto;background-color:#f5f7f9;}}");
style.__hash = "2627529825";

var Article =
/*#__PURE__*/
function (_React$Component) {
  _inherits(Article, _React$Component);

  function Article() {
    var _getPrototypeOf2;

    var _this;

    _classCallCheck(this, Article);

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Article)).call.apply(_getPrototypeOf2, [this].concat(args)));

    _defineProperty(_assertThisInitialized(_this), "getCategoryId", function ()
    /*: number*/
    {
      var id = _this.props.match.params.categoryId;
      return id === 'search' ? -1 : Number(id);
    });

    _defineProperty(_assertThisInitialized(_this), "getArticleId", function ()
    /*: number*/
    {
      return Number(_this.props.match.params.articleId);
    });

    _defineProperty(_assertThisInitialized(_this), "isSectionCategory", function ()
    /*: boolean*/
    {
      var categoryId = _this.getCategoryId();

      return !!categoryId && _sectionFAQCategories.default.includes("".concat(categoryId));
    });

    _defineProperty(_assertThisInitialized(_this), "renderLoading", function () {
      return React.createElement(_Loader.default, {
        fullHeight: true
      });
    });

    _defineProperty(_assertThisInitialized(_this), "renderError", function () {
      return React.createElement("div", {
        className: "jsx-1057385989" + " " + "errorWrapper"
      }, React.createElement(_StaticFAQError.default, null), React.createElement(_style.default, {
        styleId: "1057385989",
        css: ".errorWrapper.jsx-1057385989{height:100%;padding:24px 40px;}"
      }));
    });

    _defineProperty(_assertThisInitialized(_this), "renderArticleFromCategory", function (params
    /*: ArticleCategoryProps*/
    ) {
      var error = params.error,
          props = params.props;

      if (error) {
        return _this.renderError();
      }

      if (props) {
        var category = props.FAQCategory;
        var article = props.FAQArticle;
        var breadcrumbs = null;

        if (!article) {
          return React.createElement(_FAQArticleNotFound.default, null);
        }

        if (_this.isSectionCategory()) {
          breadcrumbs = React.createElement(_context.Consumer, null, function (intl) {
            return React.createElement(_CustomBreadcrumbs.default, {
              breadcrumbs: [{
                title: intl.translate("smartfaq.breadcrumb.home")
              }, {
                title: article.title
              }]
            });
          });
        } else if (category) {
          breadcrumbs = React.createElement(_context.Consumer, null, function (intl) {
            return React.createElement(_CustomBreadcrumbs.default, {
              breadcrumbs: [{
                title: intl.translate("smartfaq.breadcrumb.home")
              }].concat(category.ancestors ? category.ancestors.filter(Boolean).map(function (el) {
                return {
                  title: el.title,
                  id: el.originalId
                };
              }) : []).concat({
                title: category.title,
                id: category.originalId
              }).concat([{
                title: intl.translate("smartfaq.breadcrumb.article")
              }])
            });
          });
        }

        return React.createElement(React.Fragment, null, React.createElement("div", null, breadcrumbs), React.createElement(_ArticleContent.default, {
          article: article
        }), React.createElement(_PageVariant.SidebarVersion, null, React.createElement(_style.default, {
          styleId: style.__hash,
          css: style
        })));
      }

      return _this.renderLoading();
    });

    _defineProperty(_assertThisInitialized(_this), "renderArticleFromSearch", function (params
    /*: ArticleSearchProps*/
    ) {
      if (params.error) {
        return _this.renderError();
      }

      if (params.props) {
        var article = params.props.FAQArticle;

        if (!article) {
          return React.createElement(_FAQArticleNotFound.default, null);
        }

        return React.createElement(React.Fragment, null, React.createElement(_context.Consumer, null, function (intl) {
          return React.createElement("div", null, React.createElement(_CustomBreadcrumbs.default, {
            breadcrumbs: [{
              title: intl.translate("smartfaq.breadcrumb.search")
            }, {
              title: article.title
            }]
          }));
        }), React.createElement(_ArticleContent.default, {
          article: article
        }), React.createElement(_PageVariant.SidebarVersion, null, React.createElement(_style.default, {
          styleId: style.__hash,
          css: style
        })));
      }

      return _this.renderLoading();
    });

    return _this;
  }

  _createClass(Article, [{
    key: "getQueryRenderer",
    value: function getQueryRenderer() {
      var categoryId = this.getCategoryId();
      var articleId = this.getArticleId();
      var isSearchResult = categoryId === -1;

      if (isSearchResult) {
        return React.createElement(_QueryRenderer.default, {
          query: queryFAQArticleDetailSearchResult,
          variables: {
            id: articleId
          },
          render: this.renderArticleFromSearch
        });
      }

      return React.createElement(_QueryRenderer.default, {
        query: queryFAQArticleDetail,
        variables: {
          id: articleId,
          categoryId: categoryId,
          isSubcategory: !this.isSectionCategory()
        },
        render: this.renderArticleFromCategory
      });
    }
  }, {
    key: "render",
    value: function render() {
      return React.createElement(React.Fragment, null, React.createElement(_PageVariant.FullPageVersion, null, this.getQueryRenderer(), _featureToggles.default.fullpage_loggedIn && React.createElement(_Stack.default, {
        direction: "row",
        flex: false,
        spacing: "loose"
      }, React.createElement(_Button.default, null, "Sign In"), React.createElement("p", null, "Sign In with your booking and we will try to personalise the help towards your case as much as possible."))), React.createElement(_PageVariant.SidebarVersion, null, React.createElement(_ScrollableContent.default, {
        styles: "background-color: #ffffff"
      }, React.createElement("div", {
        className: "jsx-2250214588" + " " + "faq-article-detail"
      }, this.getQueryRenderer(), React.createElement(_style.default, {
        styleId: "2250214588",
        css: ".faq-article-detail.jsx-2250214588{background-color:#ffffff;width:100%;max-width:100vw;height:100%;}"
      })))));
    }
  }]);

  return Article;
}(React.Component);

var _default = Article;
exports.default = _default;