@kiwicom/smart-faq/lib/SmartFAQ/common/layout/ContentPage.js

"use strict";

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

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 _Responsive = require("../Responsive");

var _Header = _interopRequireDefault(require("./Header"));

var _StaticFAQ = _interopRequireDefault(require("../../../shared/StaticFAQ"));

var _Article = _interopRequireDefault(require("../../../shared/StaticFAQ/ArticleDetail/Article"));

var _UserStatus = _interopRequireDefault(require("../../helpers/UserStatus"));

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

var _SelectedBooking = require("../../context/SelectedBooking");

var _BookingPage = _interopRequireDefault(require("./BookingPage"));

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 styles = new String(".ContentPage.jsx-3337102959{min-width:650px;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.FAQWrapper.jsx-3337102959{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative;}.ContentPage.jsx-3337102959 .Body.jsx-3337102959{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;}.FAQ.jsx-3337102959{width:650px;height:100%;}@media only screen and (max-width:1180px){.ContentPage.jsx-3337102959{min-width:320px;width:100vw;}.ContentPage.jsx-3337102959 .Body.jsx-3337102959{height:calc(100% - (123px));}.FAQ.jsx-3337102959{width:100%;}}@media only screen and (max-width:1180px) and (min-width:900px){.FAQWrapper.jsx-3337102959{width:50%;}}");
styles.__hash = "3337102959";

var FAQRoute = function FAQRoute(_ref) {
  var history = _ref.history;
  return React.createElement(_reactRouterDom.Switch, {
    location: history.location
  }, React.createElement(_reactRouterDom.Route, {
    exact: true,
    path: "/faq/:categoryId?",
    component: _StaticFAQ.default
  }), React.createElement(_reactRouterDom.Route, {
    path: "/faq/:categoryId/article/:articleId",
    component: _Article.default
  }));
};

var bookingScreenStyles = new String(".BookingInfo.jsx-2888604290{width:548px;}@media only screen and (max-width:1180px){.BookingInfo.jsx-2888604290{width:100%;}}@media only screen and (max-width:1180px) and (min-width:900px){.BookingInfo.jsx-2888604290{width:50%;}}");
bookingScreenStyles.__hash = "2888604290";

var BookingScreen = function BookingScreen(_ref2) {
  var bookingPage = _ref2.bookingPage,
      selectedBooking = _ref2.selectedBooking;

  // FIXME this is baaad & handly understandable why -> refactor
  if (bookingPage === 'ALL_BOOKINGS') {
    return React.createElement("div", {
      "data-cy": "booking-info-screen",
      className: "jsx-".concat(bookingScreenStyles.__hash) + " " + "BookingInfo"
    }, React.createElement(_BookingPage.default, {
      bookingPage: bookingPage,
      selectedBooking: selectedBooking
    }), React.createElement(_style.default, {
      styleId: bookingScreenStyles.__hash,
      css: bookingScreenStyles
    }));
  }

  return React.createElement(_Responsive.Desktop, null, React.createElement(_UserStatus.default.LoggedIn, null, React.createElement("div", {
    "data-cy": "booking-info-screen",
    className: "jsx-".concat(bookingScreenStyles.__hash) + " " + "BookingInfo"
  }, React.createElement(_BookingPage.default, {
    bookingPage: bookingPage,
    selectedBooking: selectedBooking
  }), React.createElement(_style.default, {
    styleId: bookingScreenStyles.__hash,
    css: bookingScreenStyles
  }))));
};

var ContentPage = function ContentPage(props
/*: Props*/
) {
  return React.createElement(_SelectedBooking.SelectedBooking.Consumer, null, function (_ref3) {
    var bookingPage = _ref3.bookingPage,
        selectedBooking = _ref3.selectedBooking;
    return React.createElement(_BookingState.BookingState.Consumer, null, function (_ref4) {
      var showBooking = _ref4.showBooking;
      return React.createElement("div", {
        className: "jsx-".concat(styles.__hash) + " " + "ContentPage"
      }, React.createElement(_Header.default, {
        renderOnlyLoggedOut: !showBooking
      }), React.createElement("div", {
        className: "jsx-".concat(styles.__hash) + " " + "Body"
      }, showBooking && React.createElement(BookingScreen, {
        bookingPage: bookingPage,
        selectedBooking: selectedBooking
      }), React.createElement("div", {
        className: "jsx-".concat(styles.__hash) + " " + "FAQWrapper"
      }, React.createElement("div", {
        id: "SmartFAQ_Body",
        className: "jsx-".concat(styles.__hash) + " " + "FAQ"
      }, bookingPage === 'ALL_BOOKINGS' ? React.createElement(_Responsive.Desktop, null, React.createElement(FAQRoute, {
        history: props.history
      })) : React.createElement(FAQRoute, {
        history: props.history
      })))), React.createElement(_style.default, {
        styleId: styles.__hash,
        css: styles
      }));
    });
  });
};

var _default = (0, _reactRouterDom.withRouter)(ContentPage);

exports.default = _default;