@kiwicom/smart-faq/lib/shared/StaticFAQ/index.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 _style = _interopRequireDefault(require("styled-jsx/style"));

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

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

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");

// @flow
var style = new String(".static-faq{width:100%;height:100%;background-color:#f5f7f9;}.static-faq-body{height:100%;padding:24px 40px;}@media only screen and (max-width:900px){.static-faq-body{padding:0;}.static-faq-search{padding:16px;background-color:#f5f7f9;}}@media only screen and (min-width:901px){.search-input{margin-bottom:24px;}}");
style.__hash = "1462563447";
style.__scoped = ".static-faq.jsx-2188126390{width:100%;height:100%;background-color:#f5f7f9;}.static-faq-body.jsx-2188126390{height:100%;padding:24px 40px;}@media only screen and (max-width:900px){.static-faq-body.jsx-2188126390{padding:0;}.static-faq-search.jsx-2188126390{padding:16px;background-color:#f5f7f9;}}@media only screen and (min-width:901px){.search-input.jsx-2188126390{margin-bottom:24px;}}";
style.__scopedHash = "2188126390";
/*:: type Props = {|
  loginToken: ?string,
  simpleToken: ?string,
  kwAuthToken: ?string,
  match: {
    params: {
      categoryId: ?string,
    },
  },
  searchText: string,
  isVisible: boolean,
  onSearchChange: (e: SyntheticInputEvent<HTMLInputElement>) => void,
  onSearchCancel: () => void,
|};*/

var StaticFAQ = function StaticFAQ(props
/*: Props*/
) {
  var categoryId = (0, _idx.default)(props.match, function (_) {
    return _.params.categoryId;
  }) || null;
  var isLoggedIn = props.loginToken || props.simpleToken || props.kwAuthToken;
  return 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 showSearchForLoggedInUser = isLoggedIn && showBooking;
      var showSearchForLoggedOutUser = !isLoggedIn || !showBooking;
      return React.createElement(_ScrollableContent.default, {
        styles: "background-color: #f5f7f9"
      }, React.createElement("div", {
        className: "jsx-".concat(style.__scopedHash) + " " + "static-faq"
      }, React.createElement("div", {
        className: "jsx-".concat(style.__scopedHash) + " " + "static-faq-body"
      }, !categoryId && isVisible && React.createElement("div", {
        className: "jsx-".concat(style.__scopedHash) + " " + "static-faq-search"
      }, showSearchForLoggedOutUser && React.createElement("div", {
        className: "jsx-".concat(style.__scopedHash) + " " + "search-input"
      }, React.createElement(_Responsive.Desktop, null, React.createElement(_SearchBar.default, {
        autofocus: true
      })), React.createElement(_Responsive.Mobile, null, React.createElement(_SearchBar.default, null))), showSearchForLoggedInUser && React.createElement(_Responsive.Mobile, null, React.createElement(_SearchBar.default, null))), isSearching ? React.createElement(_SearchAllFAQs.default, {
        search: searchText
      }) : React.createElement(_FAQCategoryList.default, {
        categoryId: categoryId
      })), React.createElement(_style.default, {
        styleId: style.__scopedHash,
        css: style.__scoped
      })));
    });
  });
};

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

exports.default = _default;