@kiwicom/smart-faq/lib/SmartFAQ/SingleBookingPage/bookingItem/Accordion.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 _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 React = _interopRequireWildcard(require("react"));

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

var _Card = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Card"));

var _CardSection = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Card/CardSection"));

var _trackers = require("../../../shared/helpers/analytics/trackers");

var _AccordionBody = _interopRequireDefault(require("./AccordionBody"));

var _AccordionHeader = _interopRequireDefault(require("./AccordionHeader"));

var _tracker = require("../../../shared/cuckoo/tracker");

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

  function Accordion() {
    var _getPrototypeOf2;

    var _this;

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

    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)(Accordion)).call.apply(_getPrototypeOf2, [this].concat(args)));
    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "state", {
      isToggled: false
    });
    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "toggleBody", function () {
      if (!_this.state.isToggled) {
        (0, _trackers.simpleTracker)('smartFAQBookingOverview', {
          action: 'openFlightCard'
        });
        (0, _tracker.track)('BookingOverview', 'openFlightCard');
      }

      _this.setState(function (prevState) {
        return {
          isToggled: !prevState.isToggled
        };
      });
    });
    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)), "handleKeyUp", function (e) {
      if (e.key !== 'Enter') return;

      _this.toggleBody();
    });
    return _this;
  }

  (0, _createClass2.default)(Accordion, [{
    key: "render",
    value: function render() {
      var trip = this.props.trip;
      return React.createElement(_Card.default, {
        spaceAfter: "medium"
      }, React.createElement(_CardSection.default, null, React.createElement("div", {
        "data-test": "trip",
        className: _style.default.dynamic([["85394090", [this.state.isToggled ? '-16px' : '-24px', this.state.isToggled ? '16px' : '24px']]]) + " " + "bookingAccordion"
      }, React.createElement("div", {
        onClick: this.toggleBody,
        onKeyUp: this.handleKeyUp,
        tabIndex: "0",
        role: "button",
        className: _style.default.dynamic([["85394090", [this.state.isToggled ? '-16px' : '-24px', this.state.isToggled ? '16px' : '24px']]]) + " " + "bookingAccordionHeader"
      }, React.createElement(_AccordionHeader.default, {
        isToggled: this.state.isToggled,
        trip: trip
      })), this.state.isToggled && React.createElement(_AccordionBody.default, {
        legs: trip.legs
      }))), React.createElement(_style.default, {
        styleId: "85394090",
        css: ".bookingAccordion.__jsx-style-dynamic-selector>div.__jsx-style-dynamic-selector:focus{outline:0;}.bookingAccordionHeader.__jsx-style-dynamic-selector{cursor:pointer;margin:-24px -24px ".concat(this.state.isToggled ? '-16px' : '-24px', ";padding:24px 24px ").concat(this.state.isToggled ? '16px' : '24px', ";}"),
        dynamic: [this.state.isToggled ? '-16px' : '-24px', this.state.isToggled ? '16px' : '24px']
      }));
    }
  }]);
  return Accordion;
}(React.Component);

var _default = (0, _reactRelay.createFragmentContainer)(Accordion, {
  trip: function trip() {
    var node = require("./__generated__/AccordionTripSummary_trip.graphql");

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

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

exports.default = _default;