@kiwicom/smart-faq/lib/shared/StaticFAQ/SearchAllFAQs.js

Smart FAQ

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

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

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

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

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

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

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

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

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

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

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

var _idx = _interopRequireDefault(require("idx"));

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

var _FAQArticle = _interopRequireDefault(require("./FAQArticle"));

var _NoSearchResults = _interopRequireDefault(require("./NoSearchResults"));

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

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

var _ScrollableBox = _interopRequireDefault(require("../../SmartFAQ/common/ScrollableBox"));

// @flow
var queryAllFAQs = function queryAllFAQs() {
  var node = require("./__generated__/SearchAllFAQsQuery.graphql");

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

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

var SearchAllFAQs =
/*#__PURE__*/
function (_React$Component) {
  (0, _inherits2.default)(SearchAllFAQs, _React$Component);

  function SearchAllFAQs() {
    var _getPrototypeOf2;

    var _this;

    (0, _classCallCheck2.default)(this, SearchAllFAQs);

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

    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(SearchAllFAQs)).call.apply(_getPrototypeOf2, [this].concat(args)));
    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "renderSearchFAQs", function (rendererProps
    /*: AllFAQsQueryRendererParams*/
    ) {
      var props = rendererProps.props,
          error = rendererProps.error;
      if (error) return React.createElement(_StaticFAQError.default, null);

      if (props) {
        var edges = (0, _idx.default)(props, function (_) {
          return _.allFAQs.edges;
        }) || [];
        var faqs = edges.map(function (edge) {
          return edge && edge.node;
        }).filter(Boolean);
        if (!faqs.length) return React.createElement(_NoSearchResults.default, null);
        return React.createElement(_ScrollableBox.default, null, faqs.map(function (faq) {
          return React.createElement(_FAQArticle.default, {
            key: faq.id,
            article: faq,
            isSearchResult: true
          });
        }));
      }

      return React.createElement(_Loader.default, {
        fullHeight: true
      });
    });
    return _this;
  }

  (0, _createClass2.default)(SearchAllFAQs, [{
    key: "render",
    value: function render() {
      var search = this.props.search;
      return React.createElement(_QueryRenderer.default, {
        query: queryAllFAQs,
        variables: {
          search: search
        },
        render: this.renderSearchFAQs
      });
    }
  }]);
  return SearchAllFAQs;
}(React.Component);

var _default = SearchAllFAQs;
exports.default = _default;