@kiwicom/smart-faq/lib/SmartFAQ/AllBookings/BookingCard/FromToRow.js

"use strict";

require("core-js/modules/es.function.name");

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

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

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

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

var _Heading = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Heading"));

var _Stack = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Stack"));

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

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

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

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

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

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; } }

// @flow
function renderFlightIcon(type
/*: string*/
, color
/*: string*/
) {
  switch (type) {
    case _bookingTypes.default.ONE_WAY:
      return React.createElement(_FlightDirect.default, {
        reverseOnRtl: true,
        size: "medium",
        customColor: color
      });

    case _bookingTypes.default.RETURN:
      return React.createElement(_FlightReturn.default, {
        reverseOnRtl: true,
        size: "medium",
        customColor: color
      });

    case _bookingTypes.default.MULTICITY:
      return React.createElement(_FlightMulticity.default, {
        reverseOnRtl: true,
        size: "medium",
        customColor: color
      });
  }

  return null;
}

var RawFromToRow = function RawFromToRow(props
/*: Props*/
) {
  var _ref, _props$departure, _props$departure$airp, _props$departure$airp2, _ref2, _props$arrival, _props$arrival$airpor, _props$arrival$airpor2, _ref3, _props$departure2, _props$departure2$air, _ref4, _props$arrival2, _props$arrival2$airpo, _props$theme, _props$theme$orbit;

  var origin = (_ref = (_props$departure = props.departure) === null || _props$departure === void 0 ? void 0 : (_props$departure$airp = _props$departure.airport) === null || _props$departure$airp === void 0 ? void 0 : (_props$departure$airp2 = _props$departure$airp.city) === null || _props$departure$airp2 === void 0 ? void 0 : _props$departure$airp2.name) !== null && _ref !== void 0 ? _ref : '';
  var destination = (_ref2 = (_props$arrival = props.arrival) === null || _props$arrival === void 0 ? void 0 : (_props$arrival$airpor = _props$arrival.airport) === null || _props$arrival$airpor === void 0 ? void 0 : (_props$arrival$airpor2 = _props$arrival$airpor.city) === null || _props$arrival$airpor2 === void 0 ? void 0 : _props$arrival$airpor2.name) !== null && _ref2 !== void 0 ? _ref2 : '';
  var IATAOrigin = (_ref3 = (_props$departure2 = props.departure) === null || _props$departure2 === void 0 ? void 0 : (_props$departure2$air = _props$departure2.airport) === null || _props$departure2$air === void 0 ? void 0 : _props$departure2$air.locationId) !== null && _ref3 !== void 0 ? _ref3 : '';
  var IATADestination = (_ref4 = (_props$arrival2 = props.arrival) === null || _props$arrival2 === void 0 ? void 0 : (_props$arrival2$airpo = _props$arrival2.airport) === null || _props$arrival2$airpo === void 0 ? void 0 : _props$arrival2$airpo.locationId) !== null && _ref4 !== void 0 ? _ref4 : '';
  var type = props.type;
  var color = (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : (_props$theme$orbit = _props$theme.orbit) === null || _props$theme$orbit === void 0 ? void 0 : _props$theme$orbit.paletteInkLighter;
  return React.createElement(_Heading.default, {
    type: "title3"
  }, React.createElement(_Stack.default, {
    inline: true,
    wrap: true,
    spacing: "tight",
    align: "center",
    spaceAfter: "normal"
  }, React.createElement("span", null, origin), React.createElement("span", null, IATAOrigin), React.createElement("span", {
    className: "flightDirectionIcon"
  }, renderFlightIcon(type, color)), React.createElement("span", null, destination), React.createElement("span", null, IATADestination)));
};

var FromToRow = (0, _styledComponents.withTheme)(RawFromToRow);
exports.FromToRow = FromToRow;

var _default = (0, _reactRelay.createFragmentContainer)(FromToRow, {
  arrival: function arrival() {
    var node = require("./__generated__/FromToRow_arrival.graphql");

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

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

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

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

exports.default = _default;