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

"use strict";

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

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

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

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

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

var _reactRouterDom = require("react-router-dom");

var _FAQCategoryList = _interopRequireDefault(require("./FAQCategoryList"));

var _SearchAllFAQs = _interopRequireDefault(require("./SearchAllFAQs"));

var _SearchState = require("../../SmartFAQ/context/SearchState");

var _SearchBar = _interopRequireDefault(require("./SearchBar"));

var _User = require("../../SmartFAQ/context/User");

var _BookingState = require("../../SmartFAQ/context/BookingState");

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

var _Responsive = require("../../SmartFAQ/common/Responsive");

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

// @flow
var style = new String(".static-faq.jsx-3996473765{width:100%;height:100%;background-color:#f5f7f9;}.static-faq-body.jsx-3996473765{height:100%;padding:24px 40px;}@media only screen and (max-width:900px){.static-faq-body.jsx-3996473765{padding:0;}.static-faq-search.jsx-3996473765{padding:16px;background-color:#f5f7f9;}}@media only screen and (min-width:901px){.static-faq-search.jsx-3996473765{margin-bottom:24px;}}");
style.__hash = "3996473765";
/*:: type Props = {|
  ...ContextRouter,
  loginToken: ?string,
  simpleToken: ?string,
  kwAuthToken: ?string,
|};*/

var StaticFAQ = function StaticFAQ(props
/*: Props*/
) {
  var categoryId = props.match.params.categoryId || null;
  var isLoggedIn = props.loginToken || props.simpleToken || props.kwAuthToken;
  return React.createElement("div", {
    style: {
      height: '100%'
    },
    className: "jsx-".concat(style.__hash) + " " + "static-faq"
  }, React.createElement(_SearchState.SearchState.Consumer, null, function (_ref) {
    var searchText = _ref.searchText,
        isVisible = _ref.isVisible;
    return React.createElement(_BookingState.BookingState.Consumer, null, function (_ref2) {
      var showBooking = _ref2.showBooking;
      var isSearching = searchText.length > 0;
      var showSearchForLoggedOutUser = !isLoggedIn || !showBooking;
      return React.createElement(_ScrollableContent.default, {
        styles: "background-color: #f5f7f9"
      }, React.createElement("div", {
        className: "jsx-".concat(style.__hash) + " " + "static-faq-body"
      }, !categoryId && isVisible && showSearchForLoggedOutUser && React.createElement("div", {
        className: "jsx-".concat(style.__hash) + " " + "static-faq-search"
      }, React.createElement(_Responsive.Desktop, null, React.createElement(_SearchBar.default, {
        autofocus: true
      })), React.createElement(_Responsive.Mobile, null, React.createElement(_SearchBar.default, null))), isSearching ? React.createElement(_SearchAllFAQs.default, {
        search: searchText,
        isSidebarVersion: true
      }) : React.createElement(_FAQCategoryList.default, {
        categoryId: categoryId
      })));
    });
  }), React.createElement(_style.default, {
    styleId: style.__hash,
    css: style
  }));
};

var _default = (0, _User.withToken)((0, _reactRouterDom.withRouter)(StaticFAQ));

exports.default = _default;