@kiwicom/smart-faq/lib/SmartFAQ/SingleBookingPage/bookingItem/Header.js

"use strict";

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

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

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

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

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

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

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

var _TextNode = _interopRequireDefault(require("@kiwicom/nitro/lib/components/TextNode"));

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

var _defaultTheme = _interopRequireDefault(require("@kiwicom/orbit-components/lib/defaultTheme"));

var _OneWay = _interopRequireDefault(require("./BookingHeaders/OneWay"));

var _Return = _interopRequireDefault(require("./BookingHeaders/Return"));

var _Multicity = _interopRequireDefault(require("./BookingHeaders/Multicity"));

var _formatBookingId = _interopRequireDefault(require("../../helpers/formatBookingId"));

var _bookingTypes = _interopRequireDefault(require("../../common/booking/bookingTypes"));

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

var _SelectAnotherBookingLink = _interopRequireDefault(require("../../common/booking/SelectAnotherBookingLink"));

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  margin-bottom: ", ";\n"]);

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

  return data;
}

function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: space-between;\n"]);

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

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  margin-bottom: ", ";\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 HeaderTitle = _styledComponents.default.div(_templateObject(), _defaultTheme.default.orbit.spaceXXSmall);

var HeaderAbove = (0, _styledComponents.default)(HeaderTitle)(_templateObject2());

var HeaderBelow = _styledComponents.default.div(_templateObject3(), _defaultTheme.default.orbit.spaceMedium);

function renderHeaderTitleByType(type
/*: string*/
, booking
/*: HeaderBookingType*/
) {
  switch (type) {
    case _bookingTypes.default.ONE_WAY:
      return React.createElement(_OneWay.default, {
        booking: booking
      });

    case _bookingTypes.default.RETURN:
      return React.createElement(_Return.default, {
        booking: booking
      });

    case _bookingTypes.default.MULTICITY:
      return React.createElement(_Multicity.default, {
        booking: booking
      });
  }

  return null;
}

var Header = function Header(props
/*: Props*/
) {
  var _booking$databaseId, _booking$databaseId2;

  var booking = props.booking,
      isFuture = props.isFuture;
  var type = booking.type;
  return React.createElement(React.Fragment, null, React.createElement(HeaderAbove, null, React.createElement(_TextNode.default, {
    type: "secondary",
    dataTest: "booking-type",
    t: isFuture ? "smartfaq.single_booking_page.header.booking_id.upcoming" : "smartfaq.single_booking_page.header.booking_id.past",
    values: {
      booking_id: React.createElement("span", {
        dir: "ltr",
        key: (_booking$databaseId = booking.databaseId) !== null && _booking$databaseId !== void 0 ? _booking$databaseId : 0
      }, (0, _formatBookingId.default)((_booking$databaseId2 = booking.databaseId) !== null && _booking$databaseId2 !== void 0 ? _booking$databaseId2 : 0))
    }
  }), React.createElement(_SelectAnotherBookingLink.default, null)), React.createElement(HeaderTitle, {
    "data-cy": "booking-title"
  }, type && renderHeaderTitleByType(type, booking)), React.createElement(HeaderBelow, null, booking.status && React.createElement(_bookingStatuses.BookingBadgeStatus, {
    status: booking.status
  })));
};

var _default = (0, _reactRelay.createFragmentContainer)((0, _reactRouterDom.withRouter)(Header), {
  booking: function booking() {
    var node = require("./__generated__/Header_booking.graphql");

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

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

exports.default = _default;