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

"use strict";

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

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

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

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

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

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

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

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

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

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

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

var _orbitDesignTokens = require("@kiwicom/orbit-design-tokens");

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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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 _templateObject3() {
  var data = _taggedTemplateLiteral(["\n  @media only screen and (max-width: 900px) {\n    padding: ", ";\n    background-color: ", ";\n  }\n  @media only screen and (min-width: 901px) {\n    margin-bottom: ", ";\n  }\n"]);

  _templateObject3 = function _templateObject3() {
    return data;
  };

  return data;
}

function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  background-color: ", ";\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  height: 100%;\n  padding: ", ";\n  @media only screen and (max-width: 900px) {\n    padding: 0;\n  }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var StaticFAQBody = _styledComponents.default.div(_templateObject(), "".concat(_orbitDesignTokens.defaultTokens.spaceLarge, " ").concat(_orbitDesignTokens.defaultTokens.spaceXXLarge));

var StaticFAQWrapper = _styledComponents.default.div(_templateObject2(), _orbitDesignTokens.defaultTokens.backgroundBody);

var StaticFAQSearch = _styledComponents.default.div(_templateObject3(), _orbitDesignTokens.defaultTokens.spaceMedium, _orbitDesignTokens.defaultTokens.backgroundBody, _orbitDesignTokens.defaultTokens.spaceLarge);
/*:: type Props = {|
  ...ContextRouter,
  loginToken: ?string,
  simpleToken: ?string,
  kwAuthToken: ?string,
|};*/


var StaticFAQ = function StaticFAQ(props
/*: Props*/
) {
  var queryParamCategory = props.match.params.categoryId;
  var categoryId = queryParamCategory ? Number(queryParamCategory) : null;
  var isLoggedIn = props.loginToken || props.simpleToken || props.kwAuthToken;
  return React.createElement(StaticFAQWrapper, null, 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(StaticFAQBody, {
        id: "staticFAQBody"
      }, !categoryId && isVisible && showSearchForLoggedOutUser && React.createElement(StaticFAQSearch, null, 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
      })));
    });
  }));
};

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

exports.default = _default;