@kiwicom/smart-faq/lib/SmartFAQ/SingleBookingPage/bookingItem/AccordionHeader.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 _style = _interopRequireDefault(require("styled-jsx/style"));

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

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

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

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

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

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

var _CarrierLogoWrapper = _interopRequireDefault(require("./CarrierLogoWrapper"));

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

// @flow
var headerStyles = new String(".header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;}span.arrow{margin:0px 4px;}.logo{margin-right:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.toggle{position:relative;margin-left:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.itinerary .location{display:inline-block;margin-right:4px;}");
headerStyles.__hash = "3364442302";
headerStyles.__scoped = ".header.jsx-3212049535{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;cursor:pointer;}span.arrow.jsx-3212049535{margin:0px 4px;}.logo.jsx-3212049535{margin-right:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.toggle.jsx-3212049535{position:relative;margin-left:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.itinerary.jsx-3212049535 .location.jsx-3212049535{display:inline-block;margin-right:4px;}";
headerStyles.__scopedHash = "3212049535";
/*:: type Props = {|
  trip: AccordionTripSummary_trip,
  isToggled: boolean,
|};*/

var AccordionHeader = function AccordionHeader(_ref) {
  var trip = _ref.trip,
      isToggled = _ref.isToggled;
  var departureDate = (0, _idx.default)(trip, function (_) {
    return _.departure.localTime;
  });
  var departureCode = (0, _idx.default)(trip, function (_) {
    return _.departure.airport.locationId;
  });
  var departureCity = (0, _idx.default)(trip, function (_) {
    return _.departure.airport.city.name;
  });
  var arrivalCity = (0, _idx.default)(trip, function (_) {
    return _.arrival.airport.city.name;
  });
  var arrivalCode = (0, _idx.default)(trip, function (_) {
    return _.arrival.airport.locationId;
  });
  return React.createElement("div", {
    className: "jsx-".concat(headerStyles.__scopedHash) + " " + "header"
  }, React.createElement("div", {
    className: "jsx-".concat(headerStyles.__scopedHash) + " " + "logo"
  }, React.createElement(_CarrierLogoWrapper.default, {
    legs: trip.legs
  })), React.createElement("div", {
    className: "jsx-".concat(headerStyles.__scopedHash) + " " + "info"
  }, React.createElement(_Text.default, {
    type: "secondary",
    size: "small",
    element: "div"
  }, departureDate && React.createElement(_dateUtils.FormatDate, {
    dateString: departureDate
  })), React.createElement("div", {
    className: "jsx-".concat(headerStyles.__scopedHash) + " " + "itinerary"
  }, React.createElement("span", {
    className: "jsx-".concat(headerStyles.__scopedHash) + " " + "location"
  }, React.createElement(_Text.default, {
    weight: "bold",
    type: "primary"
  }, departureCity, "\xA0", departureCode)), React.createElement("span", {
    className: "jsx-".concat(headerStyles.__scopedHash) + " " + "arrow"
  }, React.createElement("span", {
    className: "jsx-".concat(headerStyles.__scopedHash) + " " + "inline-icon"
  }, React.createElement(_FlightDirect.default, {
    customColor: "#bac7d5"
  }))), React.createElement("span", {
    className: "jsx-".concat(headerStyles.__scopedHash) + " " + "location"
  }, React.createElement(_Text.default, {
    weight: "bold",
    type: "primary"
  }, arrivalCity, "\xA0", arrivalCode)))), React.createElement("div", {
    className: "jsx-".concat(headerStyles.__scopedHash) + " " + "toggle"
  }, isToggled ? React.createElement(_ChevronUp.default, {
    customColor: "#bac7d5"
  }) : React.createElement(_ChevronDown.default, {
    customColor: "#bac7d5"
  })), React.createElement(_style.default, {
    styleId: headerStyles.__scopedHash,
    css: headerStyles.__scoped
  }));
};

var _default = AccordionHeader;
exports.default = _default;