@kiwicom/smart-faq/lib/SmartFAQ/AllBookings/index.js

Smart FAQ

"use strict";

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

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

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

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

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 _Translate = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Translate"));

var _Modal = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Modal"));

var _ModalHeader = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Modal/ModalHeader"));

var _ModalSection = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Modal/ModalSection"));

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

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

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

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

var _FutureBookingsPaginationContainer = _interopRequireDefault(require("./FutureBookingsPaginationContainer"));

var _PastBookingsPaginationContainer = _interopRequireDefault(require("./PastBookingsPaginationContainer"));

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

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

var _graphql;

var styles = new String(".allBookings{width:100%;height:100%;}@media only screen and (max-width:900px){.allBookings{display:grid;place-items:center center;padding-top:20px;}}");
styles.__hash = "2527122937";
styles.__scoped = ".allBookings.jsx-607813816{width:100%;height:100%;}@media only screen and (max-width:900px){.allBookings.jsx-607813816{display:grid;place-items:center center;padding-top:20px;}}";
styles.__scopedHash = "607813816";
/*:: type Props = {||};*/

/*:: type State = {||};*/

/*:: type RenderProps = {
  props: ?AllBookingsQueryResponse,
  error: ?Error,
};*/

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

  function AllBookings() {
    var _getPrototypeOf2;

    var _this;

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

    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)(AllBookings)).call.apply(_getPrototypeOf2, [this].concat(args)));
    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "renderAllBookingPaginationList", function (renderProps
    /*: RenderProps*/
    ) {
      var modalTitle = React.createElement(_Translate.default, {
        t: "smartfaq.all_bookings.modal.title"
      });
      var modalDesctiption = React.createElement(_Translate.default, {
        t: "smartfaq.all_bookings.modal.description"
      });
      return React.createElement(React.Fragment, null, React.createElement(_Responsive.Desktop, null, React.createElement(_SelectedBooking.SelectedBooking.Consumer, null, function (_ref) {
        var closeAllBooking = _ref.closeAllBooking;
        return React.createElement(_Modal.default, {
          onClose: closeAllBooking
        }, React.createElement(_ModalHeader.default, {
          title: modalTitle,
          description: modalDesctiption
        }), React.createElement(_ModalSection.default, {
          suppressed: true
        }, renderProps.props ? React.createElement("div", {
          className: "allBookings"
        }, React.createElement(_FutureBookingsPaginationContainer.default, {
          data: renderProps.props
        }), React.createElement(_PastBookingsPaginationContainer.default, {
          data: renderProps.props
        })) : React.createElement(_Loader.default, {
          fullHeight: true
        })));
      })), React.createElement(_Responsive.Mobile, null, React.createElement(_ScrollableContent.default, {
        styles: "background-color: #f5f7f9;"
      }, renderProps.props ? React.createElement("div", {
        className: "allBookings"
      }, React.createElement(_FutureBookingsPaginationContainer.default, {
        data: renderProps.props
      }), React.createElement(_PastBookingsPaginationContainer.default, {
        data: renderProps.props
      })) : React.createElement(_Loader.default, {
        fullHeight: true
      }))), React.createElement("style", null, styles));
    });
    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "render", function () {
      return React.createElement(_User.UserContext.Consumer, null, function (_ref2) {
        var brand = _ref2.brand;
        return React.createElement(_QueryRenderer.default, {
          query: _graphql || (_graphql = function _graphql() {
            var node = require("./__generated__/AllBookingsQuery.graphql");

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

            return require("./__generated__/AllBookingsQuery.graphql");
          }),
          variables: {
            brand: brand,
            first: 3
          },
          render: _this.renderAllBookingPaginationList
        });
      });
    });
    return _this;
  }

  return AllBookings;
}(React.Component);

exports.default = AllBookings;