@kiwicom/smart-faq/lib/SmartFAQ/AllBookings/PastBookingsPaginationContainer.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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

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

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 _idx = _interopRequireDefault(require("idx"));

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

var _reactRelay = require("react-relay");

var _Translate = _interopRequireDefault(require("@kiwicom/nitro/lib/components/Translate"));

var _BookingError = _interopRequireDefault(require("../SingleBookingPage/BookingError"));

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

var _paginationHelpers = require("./paginationHelpers");

var _BookingCardsList = _interopRequireDefault(require("./BookingCardsList"));

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

  function PastBookingsPaginationContainer() {
    var _getPrototypeOf2;

    var _this;

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

    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)(PastBookingsPaginationContainer)).call.apply(_getPrototypeOf2, [this].concat(args)));
    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "state", {
      isLoading: false
    });
    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "loadMore", function () {
      return (0, _paginationHelpers.createPaginator)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
    });
    return _this;
  }

  (0, _createClass2.default)(PastBookingsPaginationContainer, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          error = _this$props.error,
          data = _this$props.data,
          relay = _this$props.relay;
      var isLoading = this.state.isLoading; // FIXME
      // $FlowExpectedError: Doesn't exist according to relay props, do something with it...

      var customerBookings = (0, _idx.default)(data, function (_) {
        return _.past;
      });
      var edges = (0, _idx.default)(customerBookings, function (_) {
        return _.edges;
      }) || [];
      var bookings = edges.map(function (edge) {
        return (0, _idx.default)(edge, function (_) {
          return _.node;
        });
      });

      if (error) {
        return React.createElement(_BookingError.default, null);
      }

      return React.createElement(React.Fragment, null, bookings && React.createElement("div", {
        "data-cy": "past-bookings"
      }, React.createElement(_BookingCardsList.default, {
        bookings: bookings,
        loadMore: this.loadMore,
        isLoading: isLoading,
        hasMore: relay.hasMore(),
        title: React.createElement(_Translate.default, {
          t: "smartfaq.all_bookings.past.subtitle"
        })
      })), isLoading && React.createElement(_Loader.default, null));
    }
  }]);
  return PastBookingsPaginationContainer;
}(React.Component);

var _default = (0, _reactRelay.createPaginationContainer)(PastBookingsPaginationContainer, {
  data: function data() {
    var node = require("./__generated__/PastBookingsPaginationContainer.graphql");

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

    return require("./__generated__/PastBookingsPaginationContainer.graphql");
  }
}, {
  getFragmentVariables: _paginationHelpers.getFragmentVariables,
  getVariables: _paginationHelpers.getVariables,
  query: function query() {
    var node = require("./__generated__/PastBookingsPaginationContainerQuery.graphql");

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

    return require("./__generated__/PastBookingsPaginationContainerQuery.graphql");
  }
});

exports.default = _default;