@kiwicom/smart-faq/lib/SmartFAQ/AllBookings/BookingCard/DateAndPassenger.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 = exports.DateAndPassenger = void 0;

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

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

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

var _Text = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Text"));

var _Passengers = _interopRequireDefault(require("@kiwicom/orbit-components/lib/icons/Passengers"));

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

var _context = require("@kiwicom/nitro/lib/services/intl/context");

var _bookingStatuses = require("../../common/booking/bookingStatuses");

var _dateUtils = require("../../helpers/dateUtils");

// @flow
var DateAndPassenger = function DateAndPassenger(props
/*: Props*/
) {
  var departureDate = (0, _idx.default)(props.departure, function (_) {
    return _.time;
  }) || '';
  var bookingDate = (0, _idx.default)(props.booking, function (_) {
    return _.bookingDate;
  }) || '';
  var passengerCount = (0, _idx.default)(props.booking, function (_) {
    return _.passengerCount;
  }) || 0;
  var status = (0, _idx.default)(props.booking, function (_) {
    return _.status;
  }) || '';
  var bookingStatusStyle = _bookingStatuses.bookingStatuses[status] || {};
  return React.createElement("div", {
    className: "fields"
  }, React.createElement("div", {
    className: "section"
  }, React.createElement("div", {
    className: "label"
  }, React.createElement(_Text.default, {
    type: "secondary",
    size: "small"
  }, React.createElement(_Translate.default, {
    t: "smartfaq.all_bookings.booking_card.departure_date"
  }))), React.createElement(_Text.default, null, (0, _dateUtils.formatDepartureDate)(departureDate))), React.createElement("div", {
    className: "section"
  }, React.createElement("div", {
    className: "label"
  }, React.createElement(_Text.default, {
    type: "secondary",
    size: "small"
  }, React.createElement(_Translate.default, {
    t: "smartfaq.all_bookings.booking_card.booking_date"
  }))), React.createElement(_Text.default, null, (0, _dateUtils.formatDepartureDate)(bookingDate))), React.createElement("div", {
    className: "section"
  }, React.createElement("div", {
    className: "label"
  }, React.createElement(_Text.default, {
    type: "secondary",
    size: "small"
  }, React.createElement(_Translate.default, {
    t: "smartfaq.all_bookings.booking_card.includes"
  }))), React.createElement(_Text.default, null, React.createElement(_Passengers.default, {
    size: "small",
    customColor: "#bac7d5"
  }), passengerCount)), React.createElement("div", {
    className: "section"
  }, React.createElement("div", {
    className: "label"
  }, React.createElement(_Text.default, {
    type: "secondary",
    size: "small"
  }, React.createElement(_Translate.default, {
    t: "smartfaq.all_bookings.booking_card.status"
  }))), React.createElement(_context.Consumer, null, function (intl) {
    var translatedStatuses = {
      REFUNDED: intl.translate("smartfaq.booking_status.refunded"),
      CONFIRMED: intl.translate("smartfaq.booking_status.confirmed"),
      CLOSED: intl.translate("smartfaq.booking_status.closed"),
      IN_PROCESS: intl.translate("smartfaq.booking_status.in_process")
    };
    return React.createElement("div", {
      style: {
        color: bookingStatusStyle.color,
        fontSize: '14px'
      }
    }, translatedStatuses[bookingStatusStyle.status]);
  })));
};

exports.DateAndPassenger = DateAndPassenger;

var _default = (0, _reactRelay.createFragmentContainer)(DateAndPassenger, {
  booking: function booking() {
    var node = require("./__generated__/DateAndPassenger_booking.graphql");

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

    return require("./__generated__/DateAndPassenger_booking.graphql");
  },
  departure: function departure() {
    var node = require("./__generated__/DateAndPassenger_departure.graphql");

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

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

exports.default = _default;